:root{--room: #15100c;--room-2: #1e1610;--walnut: #2b1d15;--walnut-hi: #4a3424;--plum: #43233f;--plum-hi: #6a3a63;--plum-deep: #24112a;--brass: #d2a64e;--brass-dim: rgba(210, 166, 78, .35);--ivory: #f6f0e2;--ink: #1b1712;--text: #ede3d1;--muted: #a8998a;--line: rgba(237, 227, 209, .12);--clock: #d2a64e;--suit-s: #1b1712;--suit-h: #c2342b;--suit-d: #2f62b8;--suit-c: #2f8a4e;--up: #8cc788;--down: #e8836f;--fold: #7a3a32;--r-sm: 6px;--r-md: 12px;--cond: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Barlow", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--room);color:var(--text);font:400 16px/1.45 var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}h1,h2,h3{font-family:var(--cond);font-weight:700;letter-spacing:.01em;line-height:1.05;margin:0}.muted{color:var(--muted)}.pad{padding:16px}.lamp{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 48% at 50% 46%,rgba(255,206,120,.16),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%)}.btn{border:1px solid transparent;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:600;background:var(--walnut-hi);transition:background .15s,border-color .15s,transform .08s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{padding:6px 12px;font-size:14px}.btn.wide{width:100%}.btn.ghost{background:transparent;border-color:var(--line)}.btn.ghost:hover{border-color:var(--brass-dim)}.btn.brass{background:var(--brass);color:var(--ink)}.btn.brass:hover{background:#e0b65e}.btn.live{background:#2f5a3a;border-color:#3f7a4e}.btn.warn{background:var(--fold)}.btn.google{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ivory);color:var(--ink)}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;font-size:22px;line-height:1;cursor:pointer;flex:none}.badge{display:inline-block;min-width:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:var(--brass);color:var(--ink);font-size:12px;text-align:center}kbd{font:600 11px var(--cond);opacity:.55;margin-left:4px}@media (hover: none){kbd{display:none}}.field{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0 0 14px;min-width:0}.field>span,.field>legend{font-size:14px;color:var(--muted);padding:0;margin-bottom:6px}.field input,.field select,.join-code input,.chat-input input{background:var(--room);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;width:100%}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.segmented{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:3px}.segmented button{flex:1;border:0;background:transparent;padding:8px 6px;border-radius:999px;cursor:pointer;font-size:14px}.segmented button.on{background:var(--plum);box-shadow:inset 0 0 0 1px var(--brass-dim)}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);margin:4px 0 14px}.check input{margin-top:3px;accent-color:var(--brass)}.toggle-row{margin:18px 0 0;color:var(--text)}.toggle-row b{color:var(--ivory)}.problems{color:var(--down);font-size:14px;margin:0 0 12px;padding-left:18px}.form-actions{display:flex;justify-content:flex-end;gap:10px}input[type=range]{accent-color:var(--brass);width:100%}.signin,.splash{position:relative;min-height:100%;display:grid;place-items:center;padding:24px;overflow:hidden}.signin .lamp,.splash .lamp{background:radial-gradient(ellipse 50% 40% at 50% 38%,rgba(255,206,120,.2),transparent 70%)}.signin-card{position:relative;width:min(420px,100%);text-align:center}.signin h1{font-size:clamp(56px,14vw,96px);color:var(--brass);letter-spacing:-.01em}.lede{font-size:18px;margin:12px auto 28px;max-width:34ch}.signin form{text-align:left}.fine{font-size:13px;color:var(--muted);margin-top:18px}.splash p{position:relative;color:var(--muted)}.app{height:100%;display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--line)}.brand{font:700 22px var(--cond);color:var(--brass)}.nav-right{display:flex;gap:12px;align-items:center}.lobby{width:min(920px,100%);margin:0 auto;padding:clamp(24px,6vw,64px) 16px 64px}.lobby-head h1{font-size:clamp(40px,8vw,64px)}.lobby-head p{color:var(--muted);max-width:52ch;margin:10px 0 24px}.lobby-actions{display:flex;flex-wrap:wrap;gap:12px}.join-code{display:flex;gap:8px;flex:1;min-width:260px}.lobby-list{margin-top:48px}.lobby-list h2{font-size:24px;margin-bottom:8px}.lobby-list ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.lobby-row{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:16px 4px;cursor:pointer}.lobby-row:hover{background:var(--room-2)}.lr-name{font:600 20px var(--cond);display:flex;gap:10px;align-items:baseline}.lr-tag{font:500 13px var(--body);color:var(--muted)}.lr-game,.lr-seats{color:var(--muted);font-variant-numeric:tabular-nums}.lr-status{font-size:14px;color:var(--muted)}.lr-status.live{color:var(--brass)}.empty{color:var(--muted);padding:20px 0}@media (max-width: 640px){.lobby-row{grid-template-columns:1fr auto}.lr-seats{display:none}.lr-status{grid-column:2;grid-row:1}}.modal{position:fixed;inset:0;background:#080503b3;display:grid;place-items:center;padding:16px;z-index:50}.sheet{background:var(--room-2);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;width:min(560px,100%);max-height:100%;overflow:auto}.sheet.narrow{width:min(400px,100%)}.sheet h2{font-size:30px;margin-bottom:16px}.buyin-amount{font:700 56px var(--cond);color:var(--brass);text-align:center;margin:8px 0;font-variant-numeric:tabular-nums}.table-screen{position:relative;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);overflow:hidden;background:radial-gradient(ellipse 90% 70% at 50% 42%,#261b14,var(--room) 72%)}.topbar{min-width:0;display:flex;align-items:center;gap:12px;padding:10px 14px;z-index:6}.title{display:flex;flex-direction:column;min-width:0;flex:0 1 auto}.title strong{font:700 21px var(--cond);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title span{font-size:13px;color:var(--muted);white-space:nowrap}.top-actions{margin-left:auto;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.stage{position:relative;min-height:0;overflow:hidden}.stage>.lamp{inset:-10%;background:radial-gradient(ellipse 48% 44% at 50% 44%,rgba(255,206,120,.2),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.6) 100%)}.table-screen.my-turn .stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -60px 120px -40px #d2a64e47;animation:fade-in .4s ease-out}.rail{position:absolute;transform:translate(-50%,-50%);border-radius:50%;padding:clamp(10px,1.5vw,16px);background:radial-gradient(ellipse at 50% 10%,rgba(255,220,160,.16),transparent 50%),linear-gradient(180deg,#4d3626,#2b1d15 55%,#1b120c);box-shadow:0 40px 90px #000000a6,0 0 0 1px #0009,inset 0 2px #ffdca02e,inset 0 -8px 18px #0000008c}.felt{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse 65% 55% at 50% 40%,#7a4472,var(--plum) 52%,#2a1430 100%);box-shadow:inset 0 0 0 2px #00000059,inset 0 18px 50px #00000080}.felt:before{content:"";position:absolute;inset:0;opacity:.18;background:repeating-radial-gradient(circle at 30% 30%,rgba(255,255,255,.05) 0 1px,transparent 1px 3px)}.felt:after{content:"";position:absolute;inset:7% 5%;border-radius:50%;border:1.5px solid rgba(210,166,78,.22)}.felt-mark{position:absolute;left:50%;bottom:20%;transform:translate(-50%);font:700 clamp(18px,2.4vw,30px) var(--cond);letter-spacing:.04em;color:#f6f0e212;pointer-events:none}.center{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.pot{display:flex;align-items:center;gap:8px;font:700 20px var(--cond);color:var(--ivory);background:#0a060473;border:1px solid rgba(210,166,78,.25);padding:4px 16px 4px 8px;border-radius:999px;font-variant-numeric:tabular-nums;animation:pulse .35s ease-out}.bomb{color:var(--ink);background:var(--brass);border-radius:999px;padding:0 8px;font-size:14px}.board{display:flex;gap:8px}.slot{flex:none;border-radius:7px;border:1.5px dashed rgba(246,240,226,.1)}.slot.xl{width:74px;height:104px}.slot.lg{width:56px;height:78px}.slot.md{width:46px;height:64px}.stage.compact .slot.lg{width:50px;height:70px}.stage.compact .board .card.md{--w: 40px}.stage.compact .board .card.md .idx i{display:block}.stage.compact .slot.md{width:40px;height:56px}.stage.portrait .board{gap:3px}.stage.portrait .board .card.md{--w: 34px}.stage.portrait .slot.md{width:34px;height:48px}.center-note{font:600 19px var(--cond);color:#f6f0e2c7;text-align:center}.center-note.result{font-size:26px;color:var(--brass);text-shadow:0 2px 12px rgba(0,0,0,.6);animation:pop .4s ease-out}.center-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 26px;border-radius:18px;background:#100b08b8;border:1px solid rgba(237,227,209,.12);backdrop-filter:blur(6px);text-align:center}.center-card p{margin:0;font:600 18px var(--cond);color:var(--text)}.btn.big{font:700 22px var(--cond);padding:14px 40px;box-shadow:0 0 #d2a64e99;animation:breathe 2.4s ease-in-out infinite}.card{--w: 46px;position:relative;flex:none;width:var(--w);height:calc(var(--w) * 1.4);font-size:calc(var(--w) * .36);border-radius:calc(var(--w) * .1);box-shadow:0 6px 14px #00000073,0 1px 3px #00000080;transition:transform .18s ease,box-shadow .18s ease,filter .25s ease,opacity .25s ease}.card.xs{--w: 24px}.card.sm{--w: 34px}.card.md{--w: 46px}.card.lg{--w: 56px}.card.xl{--w: 74px}.card.xxl{--w: 104px}.card.face{background:linear-gradient(160deg,#fffdf8,#f6efe0 60%,#ebe0c8);color:var(--suit-s);border:1px solid rgba(0,0,0,.14)}.card.suit-h{color:var(--suit-h)}.card.suit-d{color:var(--suit-d)}.card.suit-c{color:var(--suit-c)}.card .idx{position:absolute;left:.14em;top:.08em;display:flex;flex-direction:column;align-items:center;line-height:.9}.card .idx b{font:700 1.2em/.92 var(--cond);letter-spacing:-.04em}.card .idx i{font-style:normal;font-size:.7em;margin-top:.08em}.card .pip{position:absolute;right:.1em;bottom:0;font-size:1.85em;line-height:1}.card.xs .idx i,.card.sm .idx i{display:none}.card.xs .pip,.card.sm .pip{font-size:1.3em;right:.12em;bottom:.04em}.card.xs .idx b,.card.sm .idx b{font-size:1.3em}.card.back{border:calc(var(--w) * .055) solid #f3ead6;background:radial-gradient(circle at 50% 50%,rgba(210,166,78,.45) 0 14%,transparent 15%),radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(210,166,78,.25) 23% 25%,transparent 26%),repeating-linear-gradient(45deg,rgba(210,166,78,.2) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(210,166,78,.2) 0 1px,transparent 1px 6px),linear-gradient(160deg,#5f2f58,#2e1430)}.card.back .back-mark{position:absolute;inset:7%;border-radius:calc(var(--w) * .05);border:1px solid rgba(210,166,78,.45)}.card.hl{transform:translateY(-10%);box-shadow:0 0 0 2px var(--brass),0 0 22px #d2a64eb3,0 10px 18px #00000080}.card.dim{filter:brightness(.5) saturate(.4)}.card.anim-deal{animation:deal-in .5s cubic-bezier(.2,.8,.25,1) backwards}.card.anim-flip{animation:flip-in .45s cubic-bezier(.3,.7,.3,1) backwards}.seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:3}.seat .hole{display:flex;justify-content:center;margin-bottom:-12px;z-index:1;min-height:12px}.seat .hole .card+.card,.hero-cards .card+.card{margin-left:calc(var(--w) * -.42)}.seat .hole .card:nth-child(odd){transform:rotate(-4deg)}.seat .hole .card:nth-child(2n){transform:rotate(4deg)}.plate{position:relative;z-index:2;display:flex;align-items:center;gap:9px;min-width:100%;padding:4px 14px 4px 4px;border-radius:999px;background:linear-gradient(180deg,#241a14f2,#100b08f2);border:1px solid rgba(237,227,209,.14);box-shadow:0 10px 24px #00000080;transition:border-color .2s,box-shadow .2s,opacity .2s}.avatar-wrap{position:relative;padding:3px;border-radius:50%;flex:none}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(160deg,#6a3a63,#3a1d36);display:grid;place-items:center;font:700 16px var(--cond);overflow:hidden;transition:box-shadow .12s}.avatar img{width:100%;height:100%;object-fit:cover}.secs{position:absolute;inset:3px;border-radius:50%;display:grid;place-items:center;background:#0009;font:700 18px var(--cond);color:#fff}.mic{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-radius:50%;background:#3f8a52;border:2px solid var(--room)}.mic.off{background:var(--fold)}.who{display:flex;flex-direction:column;min-width:0;line-height:1.15}.who .name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who .stack{font:700 18px var(--cond);color:var(--brass);font-variant-numeric:tabular-nums}.tag{margin-top:5px;font:600 14px var(--cond);padding:2px 10px;border-radius:999px;background:#0a0604b3;border:1px solid rgba(237,227,209,.1);color:var(--text);white-space:nowrap;z-index:2}.tag.pop{animation:pop .3s ease-out}.tag.hot{color:var(--brass);border-color:#d2a64e66}.tag.quiet{color:var(--muted)}.tag.shown{color:var(--ivory)}.tag.win{display:flex;flex-direction:column;align-items:center;line-height:1.1;padding:3px 12px;background:var(--brass);color:var(--ink);border:0;font-size:16px;animation:pop .4s ease-out}.tag.win small{font:600 12px var(--body)}.seat.acting .plate,.hero.acting .plate{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass),0 0 28px #d2a64e66,0 10px 24px #00000080}.seat.folded .plate,.seat.away .plate,.hero.away .plate{opacity:.55}.seat.folded .hole{opacity:0;transform:translateY(14px);transition:all .3s}.seat.winner .plate,.hero.winner .plate{animation:winner 1.1s ease-in-out 3;border-color:var(--brass)}.seat-empty{position:absolute;transform:translate(-50%,-50%);z-index:2}.sit-btn{width:66px;height:66px;border-radius:50%;border:1.5px dashed rgba(210,166,78,.55);background:#100b0899;color:var(--brass);display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 13px var(--body);cursor:pointer;transition:transform .15s,border-style .15s,background .15s}.sit-btn span{font:400 24px/1 var(--body)}.sit-btn:hover{transform:scale(1.07);border-style:solid;background:#2e1e14d9}.seat-empty .ring{display:block;width:40px;height:40px;border-radius:50%;border:1px dashed rgba(237,227,209,.13)}.hero{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;z-index:4}.assist{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:6px 16px 6px 12px;border-radius:999px;background:#0e0a07e0;border:1px solid rgba(210,166,78,.5);box-shadow:0 8px 20px #00000073;font:700 18px var(--cond);color:var(--ivory);white-space:nowrap;animation:pop .3s ease-out}.meter{display:flex;align-items:flex-end;gap:2px}.meter i{width:4px;border-radius:2px;background:#ffffff1f}.meter i:nth-child(1){height:6px}.meter i:nth-child(2){height:7px}.meter i:nth-child(3){height:8px}.meter i:nth-child(4){height:9px}.meter i:nth-child(5){height:10px}.meter i:nth-child(6){height:11px}.meter i:nth-child(7){height:12px}.meter i:nth-child(8){height:13px}.meter i:nth-child(9){height:14px}.meter i.on{background:var(--brass)}.hero-cards{display:flex;justify-content:center;margin-bottom:-22px;z-index:1}.hero-cards .card{transform:rotate(var(--rot, 0deg)) translateY(var(--lift, 0px));transform-origin:50% 130%;cursor:default}.hero-cards .card+.card{margin-left:calc(var(--w) * -.3)}.hero-cards .card:hover{transform:rotate(var(--rot, 0deg)) translateY(calc(var(--lift, 0px) - 10px))}.hero-cards .card.hl{transform:rotate(var(--rot, 0deg)) translateY(calc(var(--lift, 0px) - 16px))}.hero .plate{min-width:230px}.hero.folded .hero-cards{opacity:.6;transform:translateY(16px);transition:all .35s}.bet{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;font:700 17px var(--cond);color:var(--ivory);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:2;animation:bet-in .35s ease-out backwards}.stack-chips{position:relative;width:20px;height:30px}.stack-chips .chip{position:absolute;left:0}.chip{--chip: #b8322a;display:inline-block;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--chip) 0 38%,#f6f0e2 39% 44%,transparent 45%),repeating-conic-gradient(#f6f0e2 0 14deg,var(--chip) 14deg 45deg);box-shadow:inset 0 0 0 1.5px #0003,0 2px 3px #0009;flex:none}.chip.c1{--chip: #2d4f9e}.chip.c2{--chip: #2f7a4a}.dealer{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e8dfca);color:var(--ink);font:700 15px/28px var(--cond);text-align:center;box-shadow:0 3px 6px #0000008c,inset 0 0 0 2px var(--brass);z-index:3;transition:left .5s ease,top .5s ease}.win-fly{position:absolute;width:0;height:0;z-index:6;pointer-events:none}.win-fly .chip{position:absolute;left:-10px;top:-10px;opacity:0;animation:fly .8s cubic-bezier(.3,.7,.3,1) forwards}.stage.compact .avatar{width:32px;height:32px;font-size:13px}.stage.compact .plate{padding:3px 9px 3px 3px;gap:6px}.stage.compact .who .name{font-size:12px}.stage.compact .who .stack{font-size:15px}.stage.compact .hero .plate{min-width:170px}.stage.compact .assist{font-size:15px;padding:5px 12px 5px 10px;margin-bottom:10px}.stage.compact .board{gap:4px}.stage.compact .pot,.stage.compact .center-note{font-size:16px}.stage.compact .center-note.result{font-size:20px}.stage.compact .tag{font-size:12px}.stage.compact .sit-btn{width:52px;height:52px;font-size:11px}.stage.compact .card.lg{--w: 50px}.stage.compact .secs{font-size:14px}.dock{z-index:6;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,#0e0a07fa,#0e0a07bf);border-top:1px solid var(--line)}.status{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);min-height:48px}.status-actions{display:flex;gap:6px}.action-bar{display:flex;gap:18px;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;animation:slide-up .25s ease-out}.sizing{flex:1;min-width:260px;max-width:480px;display:flex;flex-direction:column;gap:8px}.presets{display:flex;gap:6px}.chip-btn{flex:1;border:1px solid var(--line);background:#ffffff08;border-radius:999px;padding:6px 0;font:600 15px var(--cond);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.chip-btn:hover{border-color:var(--brass-dim)}.chip-btn.on{border-color:var(--brass);color:var(--brass);background:#d2a64e14}.slider-row{display:flex;gap:10px;align-items:center}.amount{width:104px;text-align:right;background:var(--room);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font:700 19px var(--cond);font-variant-numeric:tabular-nums}.buttons{display:flex;gap:10px}.btn.act{min-width:130px;padding:16px 22px;font:700 20px var(--cond);border-radius:14px;transition:transform .1s,filter .15s,box-shadow .15s}.btn.act:hover{filter:brightness(1.1)}.btn.fold{background:linear-gradient(180deg,#8a443b,#6a302a)}.btn.call{background:linear-gradient(180deg,#2f6b46,#24553a)}.btn.raise{background:linear-gradient(180deg,#e2b862,#c99a3f);color:var(--ink);box-shadow:0 6px 20px #d2a64e59}@media (max-width: 640px){.title span{display:none}.topbar{gap:8px;padding:8px 10px}.action-bar{flex-direction:column;align-items:stretch;gap:10px}.sizing{max-width:none;min-width:0}.buttons .btn.act{flex:1;min-width:0;padding:14px 6px;font-size:18px}}@keyframes deal-in{0%{transform:translate(var(--dx, 0px),var(--dy, -60px)) rotate(-25deg) scale(.4);opacity:0}}@keyframes flip-in{0%{transform:perspective(700px) rotateY(95deg) translateY(-8px);opacity:.2}60%{transform:perspective(700px) rotateY(-8deg);opacity:1}to{transform:none}}@keyframes bet-in{0%{transform:translate(calc(-50% + var(--fx, 0px)),calc(-50% + var(--fy, 0px))) scale(.6);opacity:0}}@keyframes fly{0%{opacity:1;transform:translate(0) scale(1.15)}85%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.8)}}@keyframes pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes breathe{50%{box-shadow:0 0 0 10px #d2a64e00;filter:brightness(1.08)}0%,to{box-shadow:0 0 #d2a64e73}}@keyframes winner{50%{box-shadow:0 0 0 2px var(--brass),0 0 40px #d2a64ea6}}@keyframes slide-up{0%{transform:translateY(16px);opacity:0}}@keyframes fade-in{0%{opacity:0}}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(380px,100%);background:var(--room-2);border-left:1px solid var(--line);z-index:20;display:flex;flex-direction:column;box-shadow:-20px 0 50px #00000080}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:24px}.ledger{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.ledger th,.ledger td{text-align:right;padding:10px 16px;border-bottom:1px solid var(--line)}.ledger th:first-child,.ledger td:first-child{text-align:left}.ledger th{font-weight:500;font-size:13px;color:var(--muted)}.ledger .up{color:var(--up)}.ledger .down{color:var(--down)}.chat{flex:1;display:flex;flex-direction:column;min-height:0}.chat-log{flex:1;overflow:auto;padding:12px 16px}.chat-log p{margin:0 0 8px;overflow-wrap:anywhere}.chat-log p.mine b{color:var(--brass)}.chat-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.host{padding:16px;overflow:auto}.host h3{font-size:18px;margin:22px 0 8px}.host-row{display:flex;gap:8px;flex-wrap:wrap}.kick-list{list-style:none;margin:0;padding:0}.kick-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.toast,.conn{position:fixed;left:50%;transform:translate(-50%);background:var(--ivory);color:var(--ink);padding:10px 18px;border-radius:999px;font-weight:600;z-index:60;max-width:calc(100% - 32px)}.toast{bottom:110px}.conn{top:12px;background:var(--fold);color:var(--ivory)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.tool-group{display:flex;align-items:center;gap:4px;padding:3px;border-radius:999px;border:1px solid var(--line);background:#ffffff05}.text-group{display:flex;gap:6px}.top-actions{align-items:center;gap:10px}.icon-btn.tool{position:relative;display:grid;place-items:center;width:36px;height:36px;border:0;color:var(--text);transition:background .15s,color .15s}.icon-btn.tool:hover{background:#ffffff12}.icon-btn.tool.on{background:#2f5a3a;color:#e9f5ea}.icon-btn.tool.warn{background:var(--fold);color:var(--ivory)}.icon-btn.tool.off{color:var(--muted)}.btn.small.on{border-color:var(--brass);color:var(--brass)}.dot-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--brass);color:var(--ink);font:700 11px/16px var(--body)}.visibility h3{margin-top:18px}.small-print{font-size:13px;margin:8px 0 0}@media (max-width: 640px){.text-group .btn.small{padding:6px 10px}}