:root{--ink:#f7f3e8;--muted:#b9c7c3;--felt:#123f3a;--felt-dark:#092a28}*{box-sizing:border-box}html,body{background:#071b1a;min-height:100%;margin:0}body{color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden auto}button{font:inherit;color:inherit}.game-shell{background:radial-gradient(circle at 50% 42%, #1d5d55 0, var(--felt) 35%, var(--felt-dark) 100%);overscroll-behavior:none;width:100%;height:100dvh;min-height:0;position:relative;overflow:hidden}.game-shell:before{content:"";opacity:.25;pointer-events:none;background-image:radial-gradient(#fff .45px,#0000 .45px);background-size:5px 5px;position:absolute;inset:0}.topbar{width:100%;height:max(58px, calc(env(safe-area-inset-top) + 48px));padding:env(safe-area-inset-top) 28px 8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#061f1ddb;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:end;display:grid;position:absolute;inset:0 0 auto}.brand{letter-spacing:.18em;color:#b8cbc7;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:max-content;font-size:13px;display:flex}.brand b{letter-spacing:-.08em;color:#ffd34f;text-shadow:2px 2px #e34435;font-size:22px;transform:rotate(-5deg)}.turn-pill{color:#162b28;text-align:center;background:#f6cf52;border-radius:999px;min-width:112px;padding:8px 15px;font-size:13px;font-weight:800;box-shadow:0 8px 24px #0005}.turn-pill.waiting{background:#d9e3df}.turn-pill i{background:#e85c43;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:1.4s infinite pulse;display:inline-block;box-shadow:0 0 0 4px #e85c4328}.turn-with-direction{white-space:nowrap;justify-content:center;align-items:center;gap:10px;display:flex}.turn-with-direction>small{border-left:1px solid #17312d33;align-items:center;gap:3px;padding-left:9px;font-size:10px;font-weight:800;display:flex}.turn-with-direction>small b{font-size:17px;line-height:1}.icon-button{cursor:pointer;background:#ffffff0e;border:1px solid #ffffff25;border-radius:12px;justify-self:end;width:42px;height:38px}.icon-button:hover{background:#ffffff1b}.topbar-actions{justify-self:end;align-items:center;gap:6px;display:flex}.topbar-home{color:#f7f3e8;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff25;border-radius:12px;align-items:center;gap:5px;height:38px;padding:0 10px;font-weight:900;display:flex}.topbar-home:hover{background:#ffffff1b}.topbar-home span{font-size:11px}.table{isolation:isolate;width:100%;height:100dvh;min-height:0;position:relative;overflow:hidden}.felt-lines{border:1px solid #ffffff0c;border-radius:50%;position:absolute;inset:4% 7% 12%;box-shadow:inset 0 0 90px #0002}.player{z-index:2;align-items:center;gap:10px;font-size:12px;transition:transform .2s;display:flex;position:absolute}.player strong,.player span{display:block}.player span{color:var(--muted);margin-top:3px}.avatar{border:2px solid #fff6;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 7px 18px #0005}.coral{background:#de654d}.violet{background:#7562b5}.amber{background:#c18b36}.blue{background:#347db5}.top-player{top:4%;left:50%;transform:translate(-50%)}.left-player{top:36%;left:3%}.right-player{text-align:right;flex-direction:row-reverse;top:36%;right:3%}.seat-player{left:calc(var(--seat-x) * 1%);top:calc(var(--seat-y) * 1%);text-align:center;flex-direction:column;gap:4px;min-width:64px;transform:translate(-50%,-50%)}.seat-player>div:nth-child(2){-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0827249c;border-radius:9px;padding:3px 7px}.seat-player .mini-cards{padding:3px 0 0 9px}.seat-player.dense-seat{font-size:10px}.seat-player.dense-seat .avatar{width:33px;height:33px}.seat-player.dense-seat .mini-cards{display:none}.active-player .avatar{outline-offset:3px;outline:3px solid #f6cf52}.mini-cards{padding-left:8px;display:flex}.mini-cards i{background:repeating-linear-gradient(45deg,#242827 0 3px,#121514 3px 6px);border:2px solid #d9d3c5;border-radius:3px;width:17px;height:26px;margin-left:-10px;transform:rotate(-4deg)}.center-pile{align-items:center;gap:22px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.deck,.play-card,.hand-card{border:5px solid #f8f1df;border-radius:12px;width:86px;height:126px;position:relative;overflow:hidden;box-shadow:0 15px 24px #001d1a99}.deck{cursor:pointer;background:repeating-linear-gradient(45deg,#202322 0 7px,#121514 7px 14px);transform:rotate(-7deg)}.deck:not(:disabled):hover{transform:rotate(-7deg)translateY(-5px)}.deck:disabled{opacity:.75}.deck span{color:#ffd34f;text-shadow:2px 2px #e94b3a;font-size:24px;font-weight:1000;display:block;transform:rotate(-15deg)}.deck small{color:#172a27;background:#fff;border-radius:9px;min-width:24px;padding:2px;font-weight:800;position:absolute;bottom:5px;right:6px}.play-card,.hand-card{place-items:center;display:grid}.play-card:before,.hand-card:before{content:"";background:#fff7;border-radius:50%;width:76%;height:100%;position:absolute;transform:rotate(35deg)}.play-card b,.hand-card b{color:#fff;text-shadow:0 3px #0003;font-size:43px;font-weight:1000;position:relative}.play-card b.compact-value,.hand-card b.compact-value{font-size:30px}.played-card{animation:.46s cubic-bezier(.16,.84,.37,1.18) cardLand}.card-red{background:#e94e3d}.card-yellow{background:#e9b92e}.card-green{background:#3ca866}.card-blue{background:#3180bc}.card-wild{background:conic-gradient(#e94e3d 0 25%,#3180bc 0 50%,#3ca866 0 75%,#e9b92e 0)}.corner{z-index:2;font-size:16px;font-weight:900;position:absolute;top:4px;left:6px}.corner.bottom{inset:auto 6px 4px auto;transform:rotate(180deg)}.color-indicator{border:1px solid #ffffff28;border-radius:99px;padding:5px 10px;font-size:10px;position:absolute;top:calc(42% + 80px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #001b18aa}.color-indicator:before{display:none}.color-indicator i{vertical-align:middle;background:#fff;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.hint{color:#c3d3cf;letter-spacing:.03em;white-space:nowrap;font-size:12px;position:absolute;top:calc(42% + 111px);left:50%;transform:translate(-50%)}.hand{align-items:flex-end;max-width:86vw;padding-left:25px;transition:opacity .2s;display:flex;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.hand-waiting{opacity:.7}.hand-card{--i:0;--mid:0;width:clamp(68px,8.5vw,94px);height:clamp(104px,12.6vw,138px);transform:rotate(calc((var(--i) - var(--mid)) * 4deg));cursor:pointer;margin-left:clamp(-42px,-3.4vw,-25px);transition:transform .2s,filter .2s,opacity .2s}.hand-card.playable{box-shadow:0 15px 24px #001d1a99,0 0 0 2px #f8dc65aa}.hand-card.selected{transform:rotate(calc((var(--i) - var(--mid)) * 2deg)) translateY(-28px);filter:brightness(1.12);z-index:7;box-shadow:0 20px 34px #001d1acc,0 0 0 4px #fff2a8}.hand-card:not(.playable){filter:saturate(.72)brightness(.78)}:is(.hand-card:hover,.hand-card:focus-visible){transform:rotate(calc((var(--i) - var(--mid)) * 2deg)) translateY(-18px);filter:brightness(1.08);z-index:5;outline:none}.you-badge{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:8;white-space:nowrap;background:#062622cf;border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 4px;font-size:11px;display:flex;position:absolute;top:12px;left:14px}.you-badge .avatar{width:30px;height:30px;font-size:12px}.play-confirm{z-index:20;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#092d29f2;border:2px solid #fff1bd;border-radius:18px;align-items:center;gap:9px;width:min(620px,100vw - 24px);padding:10px 12px;display:flex;position:absolute;bottom:clamp(155px,22vh,190px);left:50%;transform:translate(-50%);box-shadow:0 18px 45px #00110dcc}.play-confirm>div{flex:1;gap:1px;min-width:0;display:grid}.play-confirm small{color:#b9cbc7;font-size:10px}.play-confirm b{font-size:15px}.play-confirm span{color:#ffdf72;font-size:11px;line-height:1.25}.play-confirm button{color:#fff;cursor:pointer;border:0;border-radius:12px;flex:none;padding:10px 13px;font-weight:900}.keep-drawn{background:#516864}.hand-card.just-drawn{outline-offset:3px;outline:4px solid #ffdf72;animation:.72s both drawnReady}@keyframes drawnReady{0%{transform:translateY(-48px)rotate(0)scale(1.12)}to{}}.bot-count-picker{border-color:#f0bd55}.webrtc-lan-note{color:#17332e;background:#e9f7f2;border-left:4px solid #41bfa5;margin:12px 0;padding:12px 14px}.webrtc-lan-note p{margin:5px 0 0;line-height:1.45}.offline-direct-note{color:#17332e;background:#e6f4ed;border-left:4px solid #318a70;margin:12px 0;padding:12px 14px}.offline-direct-note b{display:block}.offline-direct-note p{color:#52645f;margin:5px 0 0;line-height:1.45}.room-bot-control{color:#17312d;text-align:left;width:100%;box-shadow:none;background:#eee7d9;border:1px solid #cbbf9f;border-radius:12px;grid-template-columns:minmax(0,1fr) 38px auto 38px;align-items:center;gap:10px;margin:2px 0;padding:11px 12px;display:grid;position:static}.room-bot-control>div{min-width:0}.room-bot-control>div b,.room-bot-control>div small{display:block}.room-bot-control>div small{color:#65736f;margin-top:3px;font-size:10px;line-height:1.3}.room-bot-control strong{text-align:center;white-space:nowrap;min-width:34px}.room-bot-control button{color:#17312c;background:#ffd34f;border:0;border-radius:50%;width:38px;height:38px;font-size:22px;font-weight:900}.room-bot-control button:disabled{opacity:.45}.narrator-picker{background:#071c24b8;border:1px solid #fff2;border-radius:14px;margin:14px 0;padding:14px}.narrator-picker>b,.narrator-picker>small{display:block}.narrator-picker>div{grid-template-columns:1fr 1fr;gap:8px;margin:9px 0;display:grid}.narrator-picker button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #fff2;border-radius:10px;padding:10px;font-weight:900}.narrator-picker button.selected{color:#172d29;background:#f2c950;border-color:#f2c950}.narrator-picker small{color:#c6d2ce;line-height:1.45}.room-narrator-picker{color:#f7f3e8;text-align:left;width:100%}.room-narrator-picker select{color:#17312d;background:#fffdf8;border:0;border-radius:10px;width:100%;padding:10px}.online-wolf-roster{gap:7px;width:100%;margin:5px 0 13px;display:grid}.online-wolf-roster label{text-align:left;background:#fffdf8;border:1px solid #d7d0c3;border-radius:11px;grid-template-columns:12px minmax(68px,auto) 1fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.online-wolf-roster label>i{border-radius:50%;width:9px;height:9px}.online-wolf-roster label>span{color:#6e7a76;font-size:10px}.online-wolf-roster input{color:#17312d;background:0 0;border:0;border-bottom:1px solid #cfc7ba;outline:none;width:100%;min-width:0;padding:4px;font-weight:900}.online-wolf-roster b{color:#17312d}.force-room-exit{color:#8b352e;cursor:pointer;touch-action:manipulation;background:#f5ddd7;border:2px solid #a84c43;border-radius:12px;width:100%;min-height:48px;margin-top:16px;font-weight:900}.force-room-exit:hover{background:#efc9c0}.room-privacy-note{color:#6e7a76;text-align:left;width:100%;margin-top:2px;font-size:10px;line-height:1.45;display:block}.cancel-play{background:#31534f}.confirm-play{background:#e94e3d;box-shadow:0 4px #8f2d25}.uno-call-button{background:#ef4f3e;animation:1s ease-in-out infinite alternate callPulse;box-shadow:0 4px #9d2c25;border:2px solid #fff4cf!important}.uno-call-button.armed{color:#17312d;background:#f4c940;animation:none;box-shadow:0 8px #a77d16,0 15px 30px #001d1a99}.uno-call-button:disabled{cursor:default}.last-card-burst{color:#ffd34f;text-shadow:4px 4px #e94e3d,7px 7px #081d1b;font-size:clamp(28px,5vw,54px);font-style:italic;font-weight:1000;animation:.55s cubic-bezier(.1,.8,.2,1.4) burst;position:absolute;bottom:16%;right:6%;transform:rotate(-9deg)}.modal-backdrop,.privacy-screen{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03110fd9;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.menu-modal,.rules-modal,.color-modal,.win-modal,.pass-card,.lan-modal{color:#142a27;text-align:center;background:#f6f0e4;border-radius:25px;width:min(480px,100%);padding:34px;position:relative;box-shadow:0 30px 90px #0009}.menu-modal h1,.win-modal h1,.color-modal h2,.rules-modal h2{letter-spacing:-.04em;margin:6px 0 8px;font-size:clamp(27px,5vw,39px)}.menu-modal>p,.win-modal p,.pass-card p{color:#61706d;margin:0 auto 24px;font-size:14px;line-height:1.5}.eyebrow,.color-modal>span,.win-modal>span,.pass-card>span{color:#bd493b;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.close-button{color:#53625f;cursor:pointer;background:0 0;border:0;font-size:27px;position:absolute;top:14px;right:17px}.mode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-grid button{color:#142a27;cursor:pointer;text-align:left;background:#fffdf8;border:1px solid #d6d1c6;border-radius:17px;padding:20px 14px;transition:transform .15s,border-color .15s}.mode-grid button:hover{border-color:#c75a47;transform:translateY(-3px)}.mode-grid i{color:#fff;background:#123f3a;border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:17px;font-size:20px;font-style:normal;display:grid}.mode-grid strong,.mode-grid span{display:block}.mode-grid strong{margin-bottom:5px;font-size:16px}.mode-grid span{color:#6a7774;font-size:12px}.player-count-picker{text-align:left;background:#e9e3d7;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:5px 14px;margin:18px 0 14px;padding:12px 14px;display:grid}.player-count-picker>span{font-size:13px;font-weight:900}.player-count-picker>div{align-items:center;gap:12px;display:flex}.player-count-picker button{color:#fff;cursor:pointer;background:#123f3a;border:0;border-radius:50%;width:31px;height:31px;font-size:19px}.player-count-picker button:disabled{opacity:.35;cursor:not-allowed}.player-count-picker strong{text-align:center;min-width:43px}.player-count-picker small{color:#6a7774;grid-column:1/-1;font-size:10px}.mode-grid .lan-mode{grid-column:1/-1;grid-template-columns:48px 1fr;align-items:center;column-gap:10px;display:grid}.mode-grid .lan-mode i{grid-row:1/3;margin:0}.mode-grid .lan-mode strong,.mode-grid .lan-mode span{grid-column:2}.text-button{color:#81554c;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:19px;text-decoration:underline}.color-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:23px;display:grid}.color-choice{cursor:pointer;border:4px solid #fff;border-radius:15px;min-height:76px;font-weight:900;box-shadow:0 5px 15px #0002}.color-choice:hover{transform:scale(1.035)}.rules-modal{text-align:left}.rules-modal ol{color:#445551;padding-left:22px;line-height:1.7}.rules-modal li{padding:7px 0}.pass-card strong{margin:8px 0;font-size:36px;display:block}.pass-card button,.win-modal-actions>button{color:#fff;cursor:pointer;background:#123f3a;border:0;border-radius:999px;padding:13px 25px;font-weight:900}.win-backdrop{background:radial-gradient(circle,#164a43ee,#020c0bef)}.confetti{color:#e75142;word-spacing:17px;margin-bottom:18px;font-size:21px;animation:1s ease-in-out infinite alternate confetti}.win-modal-actions{gap:10px;width:min(290px,100%);margin:0 auto;display:grid}.win-modal-actions .change-game-button{color:#81554c;background:0 0;border:2px solid #81554c}.win-modal-actions>button:disabled{opacity:.55;cursor:wait}.lan-modal{text-align:left;width:min(560px,100%);max-height:min(760px,100dvh - 30px);overflow:auto}.lan-modal h2{letter-spacing:-.03em;margin:7px 0 8px;font-size:31px}.lan-modal>p{color:#60706c;margin:0 0 22px;line-height:1.55}.lan-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lan-actions button,.signal-flow button,.connected-state button{color:#173b36;cursor:pointer;background:#fffdf8;border:0;border-radius:14px;padding:13px 16px;font-weight:900;box-shadow:inset 0 0 0 1px #d4d0c6}.lan-actions button:first-child,.signal-flow .primary-action,.connected-state button{color:#fff;box-shadow:none;background:#123f3a}.signal-flow{gap:10px;margin-top:20px;display:grid}.signal-flow b{margin-top:9px;font-size:13px}.signal-flow textarea{resize:none;color:#33423f;word-break:break-all;background:#fffdf9;border:1px solid #d4d0c6;border-radius:12px;width:100%;height:78px;padding:11px;font:11px/1.35 monospace}.signal-flow button:disabled{opacity:.45;cursor:not-allowed}.signal-flow small{color:#6b7976;text-align:center}.network-error{color:#95392d;background:#f2d9d4;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:12px}.connected-state{text-align:center;padding:24px 0 8px}.connected-state i{color:#fff;background:#35a56b;border-radius:50%;place-items:center;width:60px;height:60px;margin:auto;font-size:29px;font-style:normal;display:grid}.connected-state h3{margin:15px 0 4px;font-size:25px}.connected-state p{color:#61706d}.room-field{color:#52635f;gap:7px;margin:18px 0;font-size:12px;font-weight:900;display:grid}.room-target-summary{color:#41534f;background:#f7efd9;border-left:3px solid #e6bd3c;margin:12px 0 4px;padding:10px 12px;font-size:12px;font-weight:800;line-height:1.45}.room-field input,.online-actions input{color:#18332f;background:#fffdf8;border:1px solid #cec8bc;border-radius:13px;outline:none;width:100%;padding:13px 14px;font-size:16px}.room-field input:focus,.online-actions input:focus{border-color:#1d7568;box-shadow:0 0 0 3px #1d756819}.online-actions{text-align:center;gap:11px;display:grid}.online-actions>span{color:#85908d;font-size:11px}.online-actions>div{grid-template-columns:1fr auto;gap:8px;display:grid}.online-actions button,.primary-action{color:#fff;cursor:pointer;background:#123f3a;border:0;border-radius:14px;padding:13px 18px;font-weight:900}.online-actions>div button{color:#17332f;background:#e0d8c9}.online-actions button:disabled,.primary-action:disabled{opacity:.45;cursor:wait}.lobby-state{text-align:center;justify-items:center;gap:12px;padding:16px 0 4px;display:grid}.lobby-state>p{color:#61706d;margin:0}.room-code{color:#123f3a;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;font-size:clamp(38px,12vw,60px);font-weight:1000}.lobby-players{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:5px;display:flex}.lobby-players span{background:#fffdf8;border:1px solid #d5d0c5;border-radius:999px;padding:7px 11px;font-size:12px}.lobby-players i{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.native-notice{text-align:center;background:#e9e3d7;border-radius:16px;margin-top:18px;padding:22px}.native-notice p{color:#61706d;margin:8px 0 0;font-size:13px;line-height:1.5}.nearby-radar{color:#fff;background:#1d7568;border-radius:50%;place-items:center;width:74px;height:74px;font-size:31px;animation:1.6s infinite alternate radarPulse;display:grid;box-shadow:0 0 0 12px #1d75681f,0 0 0 25px #1d75680c}.nearby-list{gap:9px;width:100%;display:grid}.nearby-list button{color:#18332f;cursor:pointer;background:#fffdf8;border:1px solid #d5d0c5;border-radius:14px;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.nearby-list span{color:#b14d40;font-size:11px;font-weight:900}.connected-check{color:#fff;background:#35a56b;border-radius:50%;place-items:center;width:60px;height:60px;font-size:28px;font-style:normal;display:grid}.entry-backdrop{z-index:80;background:radial-gradient(circle at 50% 35%,#1f6259ee,#03110ff5)}.entry-modal{color:#142a27;text-align:center;background:#f6f0e4;border-radius:28px;width:min(620px,100%);padding:clamp(28px,6vw,50px);box-shadow:0 35px 100px #000a}.entry-modal h1{letter-spacing:-.07em;margin:8px 0;font-size:clamp(38px,9vw,68px)}.entry-modal>p{color:#5c6c68;max-width:480px;margin:0 auto 25px;line-height:1.65}.entry-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.entry-actions button,.entry-actions a{color:#fff;text-align:left;cursor:pointer;background:#123f3a;border:0;border-radius:18px;align-content:center;gap:6px;min-height:118px;padding:20px;text-decoration:none;display:grid}.entry-actions a{color:#16302c;background:#e6b936}.entry-actions strong,.entry-actions span{display:block}.entry-actions strong{font-size:18px}.entry-actions span{opacity:.76;font-size:11px;line-height:1.4}.entry-modal>small{color:#76827f;margin-top:18px;line-height:1.5;display:block}.effect-invalid .hand{animation:.3s shake}.effect-draw .deck{animation:.38s deckKick}.effect-uno .uno-call-button{animation:.5s cubic-bezier(.1,.8,.2,1.4) unoPop}@keyframes cardLand{0%{opacity:0;transform:translateY(-120px)rotate(18deg)scale(1.2)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes pulse{50%{opacity:.42;transform:scale(.8)}}@keyframes burst{0%{opacity:0;transform:rotate(-9deg)scale(.1)}}@keyframes fadeIn{0%{opacity:0}}@keyframes shake{25%{transform:translate(calc(-50% - 9px))}75%{transform:translate(calc(9px - 50%))}}@keyframes deckKick{50%{transform:rotate(-11deg)translateY(-12px)}}@keyframes confetti{to{transform:translateY(5px)rotate(2deg)}}@keyframes callPulse{to{transform:rotate(2deg)scale(1.06)}}@keyframes unoPop{50%{transform:rotate(-4deg)scale(1.18)}}@keyframes radarPulse{to{box-shadow:0 0 0 20px #1d75681f,0 0 0 42px #1d756808}}@media (max-width:720px){.entry-actions{grid-template-columns:1fr}.topbar{height:max(56px, calc(env(safe-area-inset-top) + 46px));padding-left:14px;padding-right:14px}.brand span{display:none}.table{height:100dvh;min-height:0}.left-player,.right-player{top:29%}.left-player{left:10px}.right-player{right:10px}.top-player{top:max(12%, calc(env(safe-area-inset-top) + 60px))}.mini-cards{display:none}.center-pile{gap:13px;top:40%}.deck,.play-card{width:74px;height:110px}.color-indicator{top:calc(40% + 72px)}.hint{top:calc(40% + 101px)}.hand{max-width:100vw;bottom:-12px}.hand-card{width:75px;height:112px;margin-left:-35px}.hand-card:first-child{margin-left:0}.seat-player{min-width:53px;top:max(calc(var(--seat-y) * 1%), 15%)}.seat-player>div:nth-child(2){padding:2px 5px}.seat-player .avatar{width:34px;height:34px}.seat-player.dense-seat strong{font-size:9px}.seat-player.dense-seat span{font-size:8px}.you-badge{top:max(62px, calc(env(safe-area-inset-top) + 52px));gap:5px;max-width:132px;padding:3px 7px 3px 3px;font-size:9px;left:7px}.you-badge .avatar{border-width:1px;width:24px;height:24px;font-size:10px}.you-badge strong{text-overflow:ellipsis;overflow:hidden}.play-confirm{flex-wrap:wrap;padding:9px;bottom:124px}.play-confirm>div{flex-basis:100%}.play-confirm button{flex:1;padding:9px 8px}.mode-grid{grid-template-columns:1fr}.mode-grid .lan-mode{grid-column:auto}.menu-modal{padding:28px 22px}.lan-modal{padding:28px 20px}.lan-actions{grid-template-columns:1fr}}@media (max-height:650px) and (orientation:landscape){.topbar{height:max(48px, calc(env(safe-area-inset-top) + 40px))}.table{height:100dvh;min-height:0}.center-pile{top:42%;transform:translate(-50%,-50%)scale(.8)}.left-player,.right-player{top:30%}.hand-card{width:66px;height:98px}.hand{bottom:-25px}.you-badge{bottom:10px}.color-indicator{top:66%}.hint{top:74%}}.connection-banner{z-index:45;color:#142a27;cursor:pointer;background:#f5cb63;border:0;border-radius:12px;width:90%;padding:10px;font-size:12px;position:fixed;top:74px;left:5%}.hint{white-space:normal;text-align:center;width:min(90%,540px);line-height:1.5}.menu-modal{max-height:calc(100dvh - 30px);overflow-y:auto}.hand{bottom:max(5px, env(safe-area-inset-bottom));padding-bottom:6px}.hand.many-cards{scrollbar-width:thin;width:94%;max-width:850px;padding:20px 12px 8px;overflow-x:auto}.hand.many-cards .hand-card{flex:0 0 68px;height:104px;margin-left:-22px;transform:none}.hand.many-cards .hand-card:first-child{margin-left:0}.werewolf-shell{color:#f7f0e2;-webkit-overflow-scrolling:touch;background:linear-gradient(#0a111c 0,#111a22 45%,#16231d 100%);min-height:100dvh;position:relative;overflow:hidden auto}.werewolf-shell:before{content:"";pointer-events:none;opacity:.45;background-image:linear-gradient(115deg,#0000 0 43%,#f6c15a12 43% 44%,#0000 44% 100%),radial-gradient(#f7efe1 .65px,#0000 .75px);background-size:100% 100%,24px 24px;position:absolute;inset:0}.ww-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ww-sky .moon,.ww-sky .sun{border-radius:50%;width:92px;height:92px;transition:opacity .45s,transform .65s;position:absolute;top:13%;right:10%}.ww-sky .moon{background:#e7edf2;box-shadow:inset -22px -8px #9eaac0,0 0 55px #e7edf247}.ww-sky .sun{opacity:0;background:#f2b755;transform:translateY(45px);box-shadow:0 0 80px #f0b04e88}.phase-dawn .ww-sky .moon,.phase-discussion .ww-sky .moon,.phase-vote .ww-sky .moon,.phase-revote .ww-sky .moon{opacity:0;transform:translateY(-30px)}.phase-dawn .ww-sky .sun,.phase-discussion .ww-sky .sun,.phase-vote .ww-sky .sun,.phase-revote .ww-sky .sun{opacity:1;transform:translateY(0)}.cloud{filter:blur(.1px);background:#d6d9d626;border-radius:999px;width:190px;height:52px;animation:16s linear infinite alternate cloudDrift;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:82px;height:82px;top:-36px;left:28px}.cloud:after{width:106px;height:106px;top:-56px;right:22px}.cloud-a{top:18%;left:6%}.cloud-b{opacity:.65;animation-duration:22s;top:31%;right:18%}.death-ripple{border:2px solid #db4c4c00;border-radius:50%;width:160px;height:160px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(.5)}.ww-effect-death .death-ripple,.ww-effect-finalWolf .death-ripple{animation:.95s ease-out deathRipple}.ww-effect-finalWolf .death-ripple{border-color:#ffdf70;box-shadow:0 0 70px #ffdf7055}.wolf-topbar{z-index:5;height:72px;padding:env(safe-area-inset-top) 24px 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09111ade;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid;position:relative}.wolf-toolbar{justify-self:end;gap:8px;display:flex}.wolf-toolbar button{color:#f7f0e2;cursor:pointer;background:#ffffff12;border:1px solid #ffffff25;border-radius:12px;min-width:54px;padding:9px 10px}.werewolf-stage{z-index:2;height:calc(100dvh - 72px);padding:18px max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));grid-template-columns:minmax(180px,250px) minmax(300px,1fr) minmax(170px,260px);gap:18px;display:grid;position:relative}.ww-roster,.ww-log{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b151fcc;border:1px solid #ffffff18;border-radius:18px;min-height:0;overflow:auto;box-shadow:inset 0 1px #ffffff10}.ww-roster h2,.ww-log h2{color:#f1c460;letter-spacing:0;margin:0;padding:14px 14px 9px;font-size:13px}.ww-roster>div,.ww-log>div{gap:8px;padding:0 12px 14px;display:grid}.ww-log p{color:#cdd7d1;background:#ffffff0d;border-radius:10px;margin:0;padding:10px 11px;font-size:12px;line-height:1.45}.ww-player-chip{background:#f4ead90f;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:9px;transition:transform .2s,opacity .2s;display:flex}.ww-player-chip.dead{opacity:.64}.ww-player-chip.final-wolf{background:#b83d3d33;border-color:#ffdf70;box-shadow:0 0 0 1px #ffdf7033}.ww-player-chip strong,.ww-player-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.ww-player-chip strong{font-size:13px}.ww-player-chip span{color:#aab8b4;margin-top:2px;font-size:10px}.ww-avatar{color:#f7f0e2;background:#d8ddde1a;border:1px solid #ffffff30;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.ww-center{-webkit-overflow-scrolling:touch;touch-action:pan-y;align-content:start;justify-items:center;gap:10px;min-width:0;min-height:0;padding:6px;display:grid;overflow:hidden auto}.ww-panel{color:#172321;background:linear-gradient(#f6efe3 0,#e8ded0 100%);border:1px solid #ffffff20;border-radius:22px;width:min(720px,100%);padding:clamp(20px,4vw,34px);position:relative;overflow:hidden;box-shadow:0 28px 100px #0008}.ww-panel:before{content:"";background:linear-gradient(90deg,#b93f43,#e0b954,#348966,#5580c1);height:5px;position:absolute;inset:0 0 auto}.ww-panel h1{letter-spacing:0;margin:7px 0 8px;font-size:clamp(30px,5vw,54px);line-height:1.02}.ww-panel p{color:#5c6864;margin:0 0 18px;font-size:14px;line-height:1.55}.ww-primary,.ww-secondary{cursor:pointer;border:0;border-radius:14px;padding:13px 18px;font-weight:900}.ww-primary{color:#fff;background:#122f36;box-shadow:0 5px #07181c}.ww-secondary{color:#172321;background:#d8d0c2}.ww-primary:disabled,.ww-secondary:disabled,.ww-choice-grid button:disabled,.ww-potion-grid button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ww-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ww-count-picker{background:#dcd2c4;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;margin:18px 0 14px;padding:13px 14px;display:grid}.ww-count-picker>span{font-size:13px;font-weight:900}.ww-count-picker>div{align-items:center;gap:12px;display:flex}.ww-count-picker button{color:#fff;cursor:pointer;background:#122f36;border:0;border-radius:50%;width:33px;height:33px;font-size:20px}.ww-count-picker strong{text-align:center;min-width:50px}.ww-count-picker small{color:#69716d;grid-column:1/-1;line-height:1.4}.ww-preset-strip{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.ww-role-badge{color:#1b2724;background:#ffffffba;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 6px;font-size:12px;font-weight:900;display:inline-flex}.ww-role-badge i{color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.wolf-red,.ww-role-badge.wolf-red i{background:#b93f43}.seer-blue,.ww-role-badge.seer-blue i{background:#476fba}.witch-violet,.ww-role-badge.witch-violet i{background:#7c5599}.hunter-amber,.ww-role-badge.hunter-amber i{background:#c0822d}.guard-teal,.ww-role-badge.guard-teal i{background:#287d82}.villager-green,.ww-role-badge.villager-green i{background:#348966}.ww-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px;display:grid}.ww-lobby-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:100%;overflow-y:auto}.ww-lobby-panel .ww-name-grid{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:118px;max-height:min(340px,38dvh);padding-right:3px;overflow-y:auto}.ww-lobby-panel .ww-actions{z-index:3;background:linear-gradient(#e8ded000,#e8ded0 24%);padding:12px 0 2px;position:sticky;bottom:-1px}.ww-name-grid label{background:#fffaf2;border:1px solid #d2cabd;border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;display:grid}.ww-name-grid label>span{color:#fff;background:#122f36;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.ww-name-grid input{color:#172321;background:0 0;border:0;outline:none;min-width:0;font-size:15px}.ww-name-grid label button{color:#39433f;cursor:pointer;background:#e1dacd;border:0;border-radius:10px;padding:8px 9px;font-size:12px;font-weight:900}.ww-name-grid label button.ready{color:#fff;background:#348966}.ww-section-heading{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 10px;display:flex}.ww-section-heading b,.ww-section-heading span{display:block}.ww-section-heading b{font-size:14px}.ww-section-heading span{color:#69716d;margin-top:2px;font-size:11px}.ww-section-heading button{color:#172321;cursor:pointer;background:#fffaf2;border:1px solid #bcb2a4;border-radius:10px;flex:none;padding:8px 10px;font-weight:900}.ww-name-modal{text-align:left}.ww-name-editor-list{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;display:grid}.ww-name-editor-list label{background:#fffaf2;border:1px solid #d2cabd;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:5px 8px;padding:9px;display:grid}.ww-name-editor-list label>span{color:#fff;background:#122f36;border-radius:50%;grid-row:1/3;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid}.ww-name-editor-list input{color:#172321;background:0 0;border:0;border-bottom:1px solid #d2cabd;outline:none;min-width:0;padding:3px 0 5px;font-size:15px;font-weight:800}.ww-name-editor-list small{color:#69716d;font-size:10px}.ww-name-editor-actions{justify-content:flex-end;gap:9px;display:flex}.ww-role-card{color:#fff;border-radius:18px;justify-items:center;gap:10px;margin-top:16px;padding:24px;animation:.55s cubic-bezier(.16,.84,.37,1.18) roleFlip;display:grid;box-shadow:inset 0 0 0 1px #fff3,0 16px 44px #0004}.ww-role-card span{color:#ffffffb8;letter-spacing:.12em;font-size:12px;font-weight:900}.ww-role-card strong{font-size:clamp(38px,9vw,72px);line-height:1}.ww-role-card p{color:#fff;max-width:430px;margin:0}.ww-role-card small{color:#fff3c4;line-height:1.45}.ww-role-card button{color:#172321;cursor:pointer;background:#fff;border:0;border-radius:999px;margin-top:8px;padding:12px 18px;font-weight:900}.night-panel{color:#f7f0e2;background:linear-gradient(#151b28 0,#262538 100%)}.night-panel p,.night-panel small{color:#bec7cd}.night-panel:before{background:linear-gradient(90deg,#7d8fb8,#d5d9ee,#71548d)}.ww-private-block{gap:14px;display:grid}.ww-private-note{color:#fff7d6;background:#ffffff13;border-radius:12px;padding:11px 12px;font-weight:900}.ww-vote-row{background:#ffffff10;border-radius:12px;gap:8px;padding:11px;display:grid}.ww-vote-row>div{flex-wrap:wrap;gap:7px;display:flex}.ww-vote-row button,.ww-choice-grid button,.ww-voter-strip button{color:#172321;cursor:pointer;background:#fffaf2;border:1px solid #d5cec0;border-radius:12px;padding:10px 12px;font-weight:900}.ww-vote-row button.selected,.ww-choice-grid button.selected,.ww-voter-strip button.selected{color:#172321;background:#f3d87a;border-color:#e5bd55}.ww-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.ww-choice-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.ww-choice-grid .abstain-choice,.abstain-vote-button{color:#8c3f39;border-color:#a85d55}.ww-choice-grid .abstain-choice.selected,.abstain-vote-button.selected{color:#762f2a;background:#f1c7c1;border-color:#a33f39}.ww-oracle{background:#2f785f;border-radius:18px;justify-items:center;gap:8px;padding:22px;display:grid}.ww-oracle.is-wolf{background:#9f3438}.ww-oracle span{color:#ffffffc9;font-weight:900}.ww-oracle strong{color:#fff;font-size:42px}.ww-oracle button{color:#172321;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:11px 17px;font-weight:900}.ww-potion-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ww-potion-grid button{color:#fff;text-align:left;cursor:pointer;background:#ffffff13;border:1px solid #ffffff20;border-radius:16px;gap:5px;min-height:96px;padding:15px;display:grid}.ww-potion-grid span{color:#c9d0d3;font-size:12px;line-height:1.35}.dawn-panel{background:linear-gradient(#fff2cf 0,#ead8c1 100%)}.ww-death-list{gap:8px;margin:14px 0 20px;display:grid}.ww-death-list div{background:#fffaf2;border:1px solid #d2cabd;border-radius:12px;justify-content:space-between;gap:10px;padding:12px;display:flex}.ww-death-list span{color:#7b605a}.ww-timer{color:#f0c45d;text-align:center;letter-spacing:0;background:#122f36;border-radius:18px;width:min(320px,100%);margin:12px auto 18px;padding:19px;font-size:clamp(42px,9vw,76px);font-weight:1000;box-shadow:inset 0 -5px #07181c}.ww-timer.vote-countdown{width:min(220px,100%);padding:12px 16px;font-size:clamp(32px,7vw,48px)}.solo-werewolf-discussion{text-align:left;gap:12px;margin:14px 0 18px;display:grid}.solo-statement-list{-webkit-overflow-scrolling:touch;background:#fffaf2;border:1px solid #d4cbbd;border-radius:12px;gap:8px;max-height:min(300px,36dvh);padding:10px;display:grid;overflow-y:auto}.solo-statement-list article{background:#e6ede7;border-left:4px solid #3b806b;border-radius:8px;padding:9px 11px}.solo-statement-list article.human{background:#e5ecf2;border-left-color:#3b6f9e}.solo-statement-list article header{justify-content:space-between;align-items:center;gap:8px;display:flex}.solo-statement-list article header span{color:#68746f;font-size:10px;font-weight:900}.solo-statement-list article p{color:#263d38;overflow-wrap:anywhere;margin:5px 0 0;line-height:1.5}.solo-statement-empty,.solo-bot-thinking{color:#64716c;text-align:center;background:#ebe4d8;border-radius:8px;margin:0;padding:11px}.solo-bot-thinking{color:#785c2b;background:#f0e1af;font-weight:900}.solo-statement-compose{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.solo-statement-compose textarea{resize:vertical;color:#172321;min-height:76px;font:inherit;background:#fffdf8;border:1px solid #c9c0b4;border-radius:10px;padding:11px;line-height:1.45}.solo-statement-compose button{color:#fff;background:#174b43;border:0;border-radius:10px;min-width:86px;padding:10px 14px;font-weight:900}.solo-statement-compose button:disabled{opacity:.45}.ww-voter-strip{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.ww-voter-strip button.done{color:#386047;background:#dce7da}.ww-tally{flex-wrap:wrap;gap:7px;min-height:30px;margin:10px 0 16px;display:flex}.ww-tally span{color:#39433f;background:#dcd2c4;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.hunter-panel{color:#f7f0e2;background:linear-gradient(#332722 0,#5a3429 100%)}.hunter-panel p{color:#f0d6bd}.end-panel{text-align:center;color:#fff}.end-panel.village-win{background:linear-gradient(#2c765c 0,#173d37 100%)}.end-panel.wolves-win{background:linear-gradient(#7b252b 0,#221924 100%)}.end-panel p{color:#f4e7d6}.final-wolf-sequence{background:#00000024;border:2px solid #ffdf70;border-radius:16px;width:min(420px,100%);margin:10px auto 18px;padding:18px;animation:1.2s both finalWolfPulse}.final-wolf-sequence b,.final-wolf-sequence span{display:block}.final-wolf-sequence b{color:#ffdf70;font-size:34px}.werewolf-rules{max-height:min(820px,100dvh - 30px);overflow:auto}.werewolf-rules ol{font-size:13px}.wolf-mode-button i{background:#7b252b}.phase-night-wolves,.phase-night-seer,.phase-night-witch{background:linear-gradient(#060b16 0,#151a2a 52%,#1d2030 100%)}.phase-dawn,.phase-discussion,.phase-exile{background:linear-gradient(#283d50 0,#c4804c 58%,#214339 100%)}.ww-effect-nightfall .ww-panel{animation:.7s nightfallPanel}.ww-effect-dawn .ww-panel{animation:.75s dawnPanel}.ww-effect-vote .ww-panel{animation:.42s votePop}.ww-effect-finalWolf .final-wolf,.ww-effect-finalWolf .end-panel{animation:1.2s both finalWolfPulse}@media (max-height:650px){.table{min-height:0}.you-badge{bottom:126px}.hint{top:64%}.hand-card{width:64px;height:94px}.hand.many-cards .hand-card{height:94px}}@keyframes cloudDrift{to{transform:translate(42px)}}@keyframes roleFlip{0%{opacity:0;transform:rotateY(78deg)scale(.9)}}@keyframes deathRipple{0%{opacity:.9;border-color:#db4c4c;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;border-color:#db4c4c00;transform:translate(-50%,-50%)scale(2.8)}}@keyframes finalWolfPulse{35%{transform:scale(1.03);box-shadow:0 0 0 5px #ffdf7030,0 26px 90px #0008}}@keyframes nightfallPanel{0%{filter:brightness(1.55);transform:translateY(-8px)}}@keyframes dawnPanel{0%{filter:brightness(.55)saturate(.7);transform:translateY(12px)}}@keyframes votePop{45%{transform:scale(1.018)}}@media (max-width:960px){.werewolf-stage{flex-direction:column;height:auto;min-height:calc(100dvh - 72px);display:flex;overflow:visible}.ww-center{order:1;align-content:start;padding:0;overflow:visible}.ww-lobby-panel{max-height:none;overflow:visible}.ww-roster{order:2}.ww-log{order:3}.ww-roster,.ww-log{max-height:none;overflow:hidden}.ww-roster>div{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:14px;display:flex;overflow-x:auto}.ww-log>div{-webkit-overflow-scrolling:touch;max-height:180px;overflow:auto}.ww-player-chip{flex:0 0 min(230px,76vw)}}@media (max-width:720px){.wolf-topbar{grid-template-columns:auto 1fr auto;gap:8px;height:64px;padding-left:14px;padding-right:14px}.wolf-topbar .turn-pill{min-width:0;padding:8px 10px;font-size:12px}.wolf-toolbar button{min-width:44px;padding:8px 7px;font-size:12px}.werewolf-stage{height:auto;min-height:calc(100dvh - 64px);padding:12px max(12px, env(safe-area-inset-right)) max(42px, calc(env(safe-area-inset-bottom) + 22px)) max(12px, env(safe-area-inset-left));gap:12px}.ww-panel{border-radius:18px;padding:20px 16px}.ww-panel h1{font-size:clamp(28px,9vw,42px)}.ww-name-grid{grid-template-columns:1fr}.ww-lobby-panel .ww-name-grid{-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:min(310px,38dvh);padding-right:2px;overflow-y:auto}.ww-lobby-panel .ww-preset-strip{margin-bottom:12px}.ww-name-editor-list,.ww-count-picker{grid-template-columns:1fr}.ww-count-picker>div{justify-content:space-between}.ww-choice-grid,.ww-choice-grid.compact,.ww-potion-grid{grid-template-columns:1fr 1fr}.solo-statement-compose{grid-template-columns:1fr}.solo-statement-compose button{min-height:44px}.ww-death-list div{display:grid}.ww-sky .moon,.ww-sky .sun{width:66px;height:66px;top:10%;right:8%}}@media (max-width:420px){.topbar-home{justify-content:center;width:38px;padding:0}.topbar-home span{display:none}.wolf-topbar{grid-template-columns:54px minmax(80px,1fr) auto;gap:5px;padding-left:8px;padding-right:8px}.wolf-topbar .brand{transform-origin:0;transform:scale(.88)}.wolf-toolbar{gap:4px}.wolf-toolbar button{min-width:38px;padding:8px 5px;font-size:11px}.ww-section-heading{align-items:flex-end}.ww-section-heading span{max-width:180px}.ww-choice-grid,.ww-choice-grid.compact,.ww-potion-grid{grid-template-columns:1fr}.ww-name-grid label{grid-template-columns:28px minmax(0,1fr)}.ww-name-grid label button{grid-column:1/-1}.ww-lobby-panel .ww-name-grid label{grid-template-columns:28px minmax(0,1fr) auto}.ww-lobby-panel .ww-name-grid label button{grid-column:auto}.ww-voter-strip button{flex:90px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.online-werewolf-shell{color:#f7f3e8;background:linear-gradient(165deg,#07191c 0,#123b36 58%,#2b2135 100%);width:100%;height:100dvh;overflow:hidden}.online-wolf-topbar{height:max(70px, calc(env(safe-area-inset-top) + 58px));padding:env(safe-area-inset-top) 18px 10px;background:#061616e8;border-bottom:1px solid #ffffff20;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;display:grid}.online-wolf-topbar>div:first-child b,.online-wolf-topbar>div:first-child small{display:block}.online-wolf-topbar>div:first-child b{color:#ffd45b}.online-wolf-topbar>div:first-child small{color:#9eb2ad;font-size:10px}.online-wolf-topbar>span{color:#182d29;text-align:center;background:#f3cb54;border-radius:999px;min-width:120px;padding:9px 14px;font-weight:900}.online-wolf-topbar>div:last-child{justify-self:end;gap:7px;display:flex}.online-wolf-topbar button{color:#fff;cursor:pointer;background:#ffffff10;border:1px solid #ffffff28;border-radius:9px;padding:8px 10px}.online-wolf-topbar button.danger,.wolf-toolbar button.danger{color:#ffd1ce;border-color:#dd766f}.online-wolf-layout{height:calc(100dvh - max(70px, calc(env(safe-area-inset-top) + 58px)));grid-template-columns:minmax(170px,230px) minmax(0,1fr) minmax(250px,310px);gap:14px;padding:14px;display:grid}.online-wolf-players,.online-wolf-panel{background:#071319c7;border:1px solid #ffffff1c;border-radius:16px;min-height:0;overflow:auto;box-shadow:0 20px 60px #0006}.online-wolf-players{padding:14px}.online-wolf-players h2{color:#f3cb54;margin:0 0 10px;font-size:15px}.online-wolf-players>div{border-top:1px solid #ffffff0e;align-items:center;gap:9px;padding:8px 0;display:flex}.online-wolf-players>div.dead{opacity:.52}.online-wolf-players i{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.online-wolf-players span{flex:1;min-width:0}.online-wolf-players span b,.online-wolf-players span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.online-wolf-players span small{color:#9bb0aa;margin-top:2px;font-size:9px}.online-wolf-players em{color:#172d29;background:#f3cb54;border-radius:999px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:900}.online-wolf-panel{color:#172421;background:linear-gradient(#f7f0e4,#e8ded1);place-self:stretch center;width:min(760px,100%);padding:clamp(20px,4vw,38px)}.online-wolf-panel h1{letter-spacing:0;margin:7px 0;font-size:clamp(30px,6vw,56px)}.online-wolf-panel>p{color:#64706c;line-height:1.55}.large-action{margin:28px auto;padding:16px 24px;display:block}.private-wait,.discussion-callout,.dawn-result{color:#273632;text-align:center;background:#d9d1c5;border-radius:14px;gap:7px;margin:22px 0;padding:20px;display:grid}.private-wait span{color:#64706c;line-height:1.5}.device-role-card{color:#fff;text-align:center;border-radius:18px;justify-items:center;gap:11px;margin-top:18px;padding:28px;display:grid;box-shadow:0 18px 44px #0004}.device-role-card strong{font-size:clamp(42px,9vw,74px)}.device-role-card p{color:#fff;line-height:1.5}.device-role-card button{color:#172421;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:900}.role-review-button{margin-top:12px}.role-review-backdrop{z-index:80}.role-review-confirm{color:#172421;background:#f8f1e5;border-radius:18px;width:min(430px,100vw - 32px);padding:30px;position:relative;box-shadow:0 24px 70px #0008}.role-review-confirm h2{margin:8px 0 10px;font-size:28px}.role-review-confirm p{color:#64706c;line-height:1.6}.role-review-confirm>div{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.role-review-card{width:min(430px,100vw - 32px);margin:0}.private-action{gap:13px;margin-top:18px;display:grid}.device-target-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.device-target-grid button,.potion-actions button{color:#172421;cursor:pointer;background:#fffdf8;border:1px solid #cfc6b8;border-radius:11px;padding:11px;font-weight:900}.device-target-grid button.selected{background:#f3d874;border-color:#b58a19}.potion-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.potion-actions button:first-child{color:#fff;background:#3c856a}.potion-actions button:disabled{opacity:.42}.potion-actions button[aria-disabled=true]{opacity:.68}.potion-actions button small{color:inherit;margin-top:3px;font-size:9px;font-weight:700;display:block}.potion-notice{color:#923c34;background:#f7dfdb;border-left:3px solid #c66055;padding:9px 11px;font-size:11px;font-weight:800}.seer-result{color:#fff;background:#377b62;border-radius:14px;justify-items:center;gap:5px;padding:24px;display:grid}.seer-result.is-wolf{background:#9a353b}.seer-result strong{font-size:36px}.dawn-result b{font-size:20px}.vote-progress{color:#42534e;text-align:center;background:#d9d1c5;border-radius:11px;padding:10px 12px;font-weight:900}.abstain-vote-button{width:100%}.exile-result{color:#fff;text-align:center;background:#59423e;border-radius:16px;justify-items:center;gap:10px;margin-top:18px;padding:24px;display:grid}.exile-result strong{font-size:clamp(26px,5vw,42px)}.exile-result span,.exile-result small{color:#f0d9c9}.exile-panel{text-align:center;background:linear-gradient(#f0dfc7 0,#d7b99d 100%)}.game-end-callout{color:#fff;text-align:center;background:#2f745d;border-radius:16px;gap:16px;margin-top:18px;padding:24px;display:grid}.game-end-callout.wolves{background:#7f3038}.game-end-callout>strong{font-size:32px}.game-end-callout>div{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.game-end-callout span{background:#ffffff18;border-radius:999px;padding:6px 9px;font-size:11px}.werewolf-communication{background:#071319e8;border:1px solid #ffffff1c;border-radius:16px;grid-template-rows:auto auto auto minmax(120px,1fr) auto auto;min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:0 20px 60px #0006}.werewolf-communication>header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.werewolf-communication>header b,.werewolf-communication>header small{display:block}.werewolf-communication>header b{color:#f3cb54}.werewolf-communication>header small{color:#a7b8b4;margin-top:2px;font-size:10px;line-height:1.35}.communication-close{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff20;border-radius:50%;width:34px;height:34px;font-size:21px;display:none}.voice-control{background:#0f2828;border-bottom:1px solid #ffffff12;gap:10px;padding:13px;display:grid}.voice-control.private{background:#392535}.voice-control>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.voice-control b{font-size:12px}.voice-control span{color:#a7b8b4;font-size:9px}.voice-control>button{color:#fff;cursor:pointer;background:#182f30;border:1px solid #5e7873;border-radius:9px;min-height:40px;font-weight:900}.voice-control>button.mic-on{background:#883c40;border-color:#dd766f}.voice-control>button:disabled{opacity:.45;cursor:not-allowed}.voice-peer-list{border-bottom:1px solid #ffffff12;max-height:112px;padding:5px 12px;overflow-y:auto}.voice-peer-list:empty{display:none}.voice-peer-list>div{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:30px;display:grid}.voice-peer-list i{background:#677570;border-radius:50%;width:7px;height:7px}.voice-peer-list i.connected{background:#4ed29b;box-shadow:0 0 8px #4ed29b88}.voice-peer-list span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.voice-peer-list button{color:#e8cf83;cursor:pointer;background:0 0;border:0;font-size:10px}.voice-peer-list audio{display:none}.werewolf-chat-list{align-content:start;gap:8px;min-height:0;padding:12px;display:grid;overflow-y:auto}.werewolf-chat-list>div{background:#ffffff10;border-radius:10px;justify-self:start;max-width:88%;padding:8px 10px}.werewolf-chat-list>div.mine{background:#385e52;justify-self:end}.werewolf-chat-list>div.bot-message{background:#21312f;border-left:3px solid #e8cf83}.werewolf-chat-list b{color:#e8cf83;margin-bottom:3px;font-size:9px;display:block}.werewolf-chat-list p{color:#f6f1e8;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.45}.werewolf-chat-list .chat-empty{color:#7f918c;text-align:center;align-self:center}.werewolf-chat-form{border-top:1px solid #ffffff12;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px;display:grid}.werewolf-chat-form input{color:#fff;background:#ffffff0c;border:1px solid #fff2;border-radius:9px;outline:none;min-width:0;padding:9px 10px}.werewolf-chat-form button{color:#172421;cursor:pointer;background:#f3cb54;border:0;border-radius:9px;padding:0 12px;font-weight:900}.werewolf-chat-form input:disabled,.werewolf-chat-form button:disabled{opacity:.45;cursor:not-allowed}.voice-error{color:#ffd4d1;background:#8f3c3c66;border-radius:8px;margin:0 10px 10px;padding:8px;font-size:10px;line-height:1.4}.mic-confirm-backdrop{z-index:90;background:#020b0bd9;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mic-confirm-backdrop section{color:#172421;background:#f8f1e5;border-radius:16px;width:min(420px,100%);padding:26px;box-shadow:0 28px 90px #000b}.mic-confirm-backdrop h2{margin:0 0 9px;font-size:25px}.mic-confirm-backdrop p{color:#65716d;line-height:1.55}.mic-confirm-backdrop section>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.mic-confirm-backdrop button{color:#172421;cursor:pointer;background:#fffaf2;border:1px solid #c9c0b3;border-radius:9px;padding:11px;font-weight:900}.mic-confirm-backdrop button.confirm{color:#fff;background:#2f7e64;border-color:#2f7e64}@media (max-width:720px){.online-werewolf-shell{height:100dvh;overflow:hidden}.online-wolf-topbar{grid-template-columns:1fr auto;align-items:end;gap:6px;padding-left:10px;padding-right:10px}.online-wolf-topbar>span{grid-area:2/1/auto/-1;min-width:0;padding:6px 10px;font-size:11px}.online-wolf-topbar>div:last-child{grid-area:1/2}.online-wolf-layout{height:calc(100dvh - max(98px, calc(env(safe-area-inset-top) + 86px)));grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:8px;padding:8px}.online-wolf-players{gap:7px;padding:8px;display:flex;overflow-x:auto}.online-wolf-players h2{display:none}.online-wolf-players>div{border:0;flex:0 0 126px;padding:3px}.online-wolf-players i{width:28px;height:28px}.online-wolf-panel{padding:18px 14px max(32px, env(safe-area-inset-bottom))}.online-wolf-panel h1{font-size:34px}.device-target-grid{grid-template-columns:1fr 1fr}.werewolf-communication{z-index:70;inset:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));visibility:hidden;transition:transform .2s,visibility .2s;position:fixed;transform:translateY(calc(100% + 18px))}.werewolf-communication.open{visibility:visible;transform:translateY(0)}.communication-close{place-items:center;display:grid}}.home-selection-shell,.mode-hub-shell{color:#f7f3e8;height:100dvh;padding:max(22px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(46px, calc(env(safe-area-inset-bottom) + 24px)) max(18px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#071b1a 0,#143a36 46%,#2d273d 100%);overflow:hidden auto}.home-selection-shell:before,.mode-hub-shell:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(120deg,#f2c45222 0 1px,#0000 1px 100%),radial-gradient(#fff .7px,#0000 .8px);background-size:42px 42px,18px 18px;position:fixed;inset:0}.home-selection-top,.hub-topbar{z-index:1;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto 24px;display:flex;position:relative}.brand-mark{color:#b8cbc7;letter-spacing:.16em;align-items:center;gap:10px;font-size:13px;font-weight:900;display:flex}.brand-mark b{color:#ffd34f;text-shadow:2px 2px #e34435;letter-spacing:0;font-size:26px;transform:rotate(-5deg)}.home-selection-top small{color:#d3ddd8;text-align:right;min-width:0;max-width:170px;font-size:13px;line-height:1.35}.game-select-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:clamp(14px,2vw,22px);width:min(1160px,100%);min-height:calc(100dvh - 128px);margin:0 auto;display:grid;position:relative}.game-select-card{text-align:left;color:#fff;cursor:pointer;border:1px solid #ffffff26;border-radius:20px;align-content:end;justify-items:start;gap:10px;min-height:clamp(250px,38vh,360px);padding:clamp(22px,3vw,34px);transition:transform .18s,border-color .18s,filter .18s;display:grid;box-shadow:0 30px 90px #0008,inset 0 1px #ffffff18}.game-select-card:hover{filter:brightness(1.05);border-color:#ffdf70;transform:translateY(-5px)}.game-select-card i{color:#142a27;background:#fff8;border-radius:15px;place-items:center;width:58px;height:58px;font-size:21px;font-style:normal;font-weight:1000;display:grid}.game-select-card strong{letter-spacing:0;font-size:clamp(38px,5vw,60px);line-height:.95}.game-select-card span{color:#f4ead9;max-width:340px;line-height:1.45}.uno-card{background:linear-gradient(145deg,#1b806d 0,#1f4f86 58%,#e0b348 100%)}.werewolf-card{background:linear-gradient(145deg,#822f39 0,#312544 55%,#205a4a 100%)}.undercover-card{background:linear-gradient(145deg,#81552d 0,#325c66 50%,#283a6f 100%)}.hub-topbar{grid-template-columns:1fr auto 1fr;display:grid}.hub-topbar .brand{justify-self:start}.hub-topbar .text-button{color:#ffdf70;justify-self:end;margin:0}.hub-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:stretch;gap:18px;width:min(1120px,100%);margin:0 auto;display:grid;position:relative}.hub-main,.hub-side{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b151fcc;border:1px solid #ffffff20;border-radius:22px;box-shadow:0 28px 80px #0008,inset 0 1px #ffffff12}.hub-main{padding:clamp(22px,4vw,38px)}.hub-main h1{letter-spacing:0;margin:7px 0 8px;font-size:clamp(32px,6vw,58px);line-height:1}.hub-side{color:#d9e4dd;padding:22px}.hub-side h2{color:#ffdf70;margin:0 0 12px;font-size:17px}.hub-side p{color:#c0cbc7;margin:0 0 12px;font-size:13px;line-height:1.5}.transport-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.transport-grid button{color:#172321;text-align:left;cursor:pointer;background:#f6f0e4;border:1px solid #ffffff18;border-radius:18px;align-content:start;justify-items:start;gap:8px;min-height:150px;padding:18px;transition:transform .16s,box-shadow .16s;display:grid}.transport-grid button:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0006}.transport-grid i{color:#fff;background:#172321;border-radius:12px;place-items:center;width:40px;height:40px;font-size:14px;font-style:normal;font-weight:1000;display:grid}.transport-grid strong{font-size:17px}.transport-grid span{color:#66716e;font-size:12px;line-height:1.4}.hub-modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hub-modal-actions .text-button{margin-top:15px}@media (max-width:780px){.home-selection-top,.hub-topbar{margin-bottom:16px}.game-select-grid,.hub-grid,.transport-grid{grid-template-columns:1fr}.game-select-grid{min-height:auto;padding-top:18px}.game-select-card{min-height:230px}.hub-topbar{grid-template-columns:1fr auto}.hub-topbar .turn-pill{grid-area:2/1/auto/-1;justify-self:stretch}.mode-hub-shell .hub-main{padding:20px 20px 24px}.mode-hub-shell .hub-main h1{font-size:clamp(30px,9vw,44px)}.transport-grid{gap:10px}.transport-grid button{grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:14px;min-height:112px;padding:16px}.transport-grid i{grid-row:1/3}.transport-grid strong,.transport-grid span{grid-column:2}}.undercover-hub-shell{background:linear-gradient(135deg,#102728 0,#263c57 50%,#5c382f 100%)}.undercover-direct-modal>p{color:#5f6d69}.undercover-game-shell{color:#f7f3e8;background:linear-gradient(135deg,#071817 0,#17342f 50%,#25283d 100%);grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.undercover-topbar{min-width:0;padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left));background:#061515e8;border-bottom:1px solid #ffffff16;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.undercover-topbar>div:first-child b,.undercover-topbar>div:first-child small{display:block}.undercover-topbar>div:first-child b{color:#f1c84b;font-size:20px}.undercover-topbar>div:first-child small{color:#9fb3ae;margin-top:2px;font-size:10px}.undercover-topbar>span{color:#152d29;text-align:center;background:#f2cc52;border-radius:999px;justify-self:center;min-width:170px;padding:9px 18px;font-weight:1000}.undercover-topbar>span i{background:#df5a47;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.undercover-topbar>div:last-child{justify-self:end;gap:8px;display:flex}.undercover-topbar button{color:#f7f3e8;cursor:pointer;background:#ffffff0c;border:1px solid #ffffff26;border-radius:10px;min-height:40px;padding:0 14px;font-weight:900}.undercover-topbar button.danger{color:#ffd5cf;border-color:#c7665e}.undercover-layout{grid-template-columns:minmax(190px,250px) minmax(0,1fr) minmax(220px,290px);gap:12px;min-height:0;padding:12px;display:grid}.undercover-roster,.undercover-chat{background:#07151be8;border:1px solid #ffffff18;border-radius:15px;min-width:0;min-height:0;overflow:auto}.undercover-roster{padding:14px}.undercover-roster h2{color:#f1c84b;margin:0 0 10px;font-size:15px}.undercover-roster>div{background:#ffffff0b;border-radius:10px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-width:0;margin-bottom:7px;padding:8px;display:grid}.undercover-roster>div.speaking{background:#f1c84b16;box-shadow:inset 3px 0 #f1c84b}.undercover-roster>div.out{opacity:.55}.undercover-roster i{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.undercover-roster b,.undercover-roster small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.undercover-roster b{font-size:12px}.undercover-roster small{color:#9fb0ac;margin-top:3px;font-size:9px}.undercover-center{align-content:start;gap:10px;min-width:0;min-height:0;padding:1px;display:grid;overflow-y:auto}.undercover-pass-note{color:#f4e7b8;text-align:center;background:#e8c95618;border:1px solid #e8c95666;border-radius:11px;padding:11px 14px}.undercover-panel{color:#172c28;text-align:center;background:#f5efe2;border-radius:17px;min-height:100%;padding:clamp(22px,4vw,44px);position:relative;box-shadow:0 24px 70px #0006}.undercover-panel:before{content:"";background:linear-gradient(90deg,#cb5947,#e5c34a,#398a73,#4a679e);border-radius:17px 17px 0 0;height:5px;position:absolute;inset:0 0 auto}.undercover-panel h1{letter-spacing:0;margin:10px 0 8px;font-size:clamp(29px,5vw,52px);line-height:1.05}.undercover-panel>p{color:#68746f;max-width:570px;margin:0 auto 20px;line-height:1.55}.undercover-primary,.undercover-secondary,.undercover-clue-form button,.undercover-vote-grid button{color:#fff;cursor:pointer;background:#174b43;border:0;border-radius:11px;min-height:46px;padding:10px 18px;font-weight:900}.undercover-secondary{color:#293c38;background:#fffaf1;border:1px solid #c9c0b4}.undercover-primary.danger-confirm{background:#9c3f3d}.undercover-primary:disabled,.undercover-vote-grid button:disabled,.undercover-clue-form button:disabled{opacity:.45;cursor:not-allowed}.undercover-word-review{color:#735147;cursor:pointer;background:0 0;border:1px solid #a79b8c;border-radius:999px;margin-bottom:16px;padding:8px 13px;font-weight:900}.undercover-clue-form{grid-template-columns:minmax(0,1fr) auto;gap:9px;width:min(570px,100%);margin:20px auto;display:grid}.undercover-clue-form input{color:#172c28;background:#fffdf8;border:1px solid #ccc3b6;border-radius:11px;outline:none;min-width:0;padding:13px;font-size:16px}.undercover-waiting{color:#586662;background:#e5dfd3;border-radius:12px;width:min(570px,100%);margin:18px auto;padding:18px;font-weight:900}.undercover-vote-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px auto 12px;display:grid}.undercover-vote-countdown{color:#f1c84b;background:#173f39;border-radius:12px;width:min(210px,100%);margin:16px auto;padding:13px;font-size:38px;font-weight:1000;box-shadow:inset 0 -4px #0b2824}.undercover-vote-grid button.undercover-abstain{color:#7e342e;background:#f2d1cb;border:1px solid #a85d55}.undercover-clues{text-align:left;border-top:1px solid #d4cbbd;width:min(620px,100%);margin:28px auto 0;padding-top:18px}.undercover-clues h3{margin:0 0 9px;font-size:13px}.undercover-clues p{background:#ebe4d8;border-radius:9px;grid-template-columns:minmax(70px,auto) 1fr;gap:9px;margin:6px 0;padding:9px 11px;display:grid}.undercover-clues p b{color:#75463f}.undercover-finale{color:#d45a45;word-spacing:12px;font-size:22px}.undercover-reveal-all{text-align:left;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0;display:grid}.undercover-reveal-all span{background:#e9e2d6;border-radius:9px;padding:9px 11px;font-size:11px}.undercover-reveal-all b{margin-bottom:3px;display:block}.undercover-chat{grid-template-rows:auto minmax(120px,1fr) auto;display:grid}.undercover-chat>header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:8px;padding:13px;display:flex}.undercover-chat>header b,.undercover-chat>header small{display:block}.undercover-chat>header b{color:#f1c84b}.undercover-chat>header small{color:#9fb0ac;margin-top:2px;font-size:9px}.undercover-chat>header button{color:#fff;background:0 0;border:0;font-size:24px;display:none}.undercover-chat-messages{align-content:start;gap:8px;min-height:0;padding:11px;display:grid;overflow-y:auto}.undercover-chat-messages>div{background:#ffffff0f;border-radius:9px;justify-self:start;max-width:88%;padding:8px 10px}.undercover-chat-messages>div.mine{background:#385e52;justify-self:end}.undercover-chat-messages b{color:#e9ce76;font-size:9px;display:block}.undercover-chat-messages p{color:#fff;overflow-wrap:anywhere;margin:3px 0 0;font-size:12px;line-height:1.4}.undercover-chat-messages .chat-empty{color:#82938f;text-align:center}.undercover-chat>form{border-top:1px solid #ffffff12;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px;display:grid}.undercover-chat>form input{color:#fff;background:#ffffff0b;border:1px solid #fff2;border-radius:9px;min-width:0;padding:9px}.undercover-chat>form button{color:#172c28;background:#f1c84b;border:0;border-radius:9px;padding:0 12px;font-weight:900}.undercover-chat>form input:disabled,.undercover-chat>form button:disabled{opacity:.45}.undercover-local-chat-note{color:#93a6a1;text-align:center;border-top:1px solid #ffffff12;align-self:end;margin:0;padding:12px;font-size:10px}.private-word-backdrop{z-index:100}.private-word-modal{color:#172c28;text-align:center;background:#f8f1e5;border-radius:18px;width:min(450px,100%);padding:clamp(26px,6vw,44px);box-shadow:0 30px 100px #000b}.private-word-modal h2{letter-spacing:0;margin:10px 0 8px;font-size:28px}.private-word-modal p{color:#66736e;line-height:1.55}.private-word-modal>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:21px;display:grid}.private-word-modal>strong{color:#96483e;margin:20px 0 10px;font-size:clamp(44px,13vw,72px);display:block}.private-word-modal>small{color:#66736e;margin-bottom:24px;display:block}@media (max-width:980px){.game-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-select-card:last-child{grid-column:1/-1;min-height:220px}.undercover-layout{grid-template-columns:190px minmax(0,1fr)}.undercover-chat{z-index:70;inset:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));visibility:hidden;transition:transform .2s,visibility .2s;position:fixed;transform:translateY(calc(100% + 18px))}.undercover-chat.open{visibility:visible;transform:translateY(0)}.undercover-chat>header button{display:block}}@media (max-width:720px){.game-select-grid{grid-template-columns:1fr}.game-select-card:last-child{grid-column:auto}.game-select-card{min-height:205px}.undercover-topbar{grid-template-columns:1fr auto;gap:6px;padding-left:10px;padding-right:10px}.undercover-topbar>span{grid-area:2/1/auto/-1;justify-self:stretch;min-width:0;padding:7px 10px;font-size:11px}.undercover-topbar>div:last-child{grid-area:1/2}.undercover-topbar button{min-height:36px;padding:0 10px;font-size:11px}.undercover-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:8px;padding:8px}.undercover-roster{gap:7px;padding:8px;display:flex;overflow-x:auto}.undercover-roster h2{display:none}.undercover-roster>div{flex:0 0 132px;margin:0}.undercover-center{padding-bottom:max(18px, env(safe-area-inset-bottom))}.undercover-panel{padding:22px 15px max(28px, env(safe-area-inset-bottom))}.undercover-panel h1{font-size:34px}.undercover-vote-grid{grid-template-columns:1fr 1fr}.undercover-reveal-all,.undercover-clue-form{grid-template-columns:1fr}}.app-error-fallback{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));color:#102c29;background:#071b1a;place-items:center;display:grid;overflow-y:auto}.app-error-fallback section{background:#f7f0e4;border-radius:8px;width:min(520px,100%);padding:28px;box-shadow:0 24px 60px #0000004d}.app-error-fallback span{color:#c8483f;font-weight:800}.app-error-fallback h1{margin:8px 0 10px;font-size:clamp(28px,8vw,42px)}.app-error-fallback p{color:#52635f;margin:0 0 20px;line-height:1.65}.app-error-fallback button{color:#fff;width:100%;min-height:52px;font:inherit;background:#0d5049;border:0;border-radius:8px;font-weight:800}.app-error-fallback small{color:#6e7c78;margin-top:14px;display:block}