:root{--ink: #1d1a16;--cream: #fff4dc;--cream-2: #f6e6c2;--sun: #ffb703;--sun-2: #ffa200;--tomato: #e5383b;--menu-red: #c1121f;--leaf: #5bba47;--sky: #3a86ff;--grape: #8e5bd9;--teal: #1f9d93;--teal-2: #17857c;--yellow: #ffd23f;--display: "Lilita One", "Arial Black", Impact, sans-serif;--body: "Fredoka Variable", "Fredoka", "Trebuchet MS", system-ui, sans-serif;--shadow: 3px 4px 0 var(--ink);--sait: var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px));--saib: var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--sail: var(--discord-safe-area-inset-left, env(safe-area-inset-left, 0px));--sair: var(--discord-safe-area-inset-right, env(safe-area-inset-right, 0px));--cw: clamp(54px, min(10.5vw, 12.5vh), 116px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);font-weight:500;color:var(--ink);background:var(--sun);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;overscroll-behavior:none}#root{position:fixed;inset:0;padding:var(--sait) var(--sair) var(--saib) var(--sail);display:flex;flex-direction:column}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid var(--sky);outline-offset:2px}h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;letter-spacing:.3px}p{margin:0}.card,.card-svg,.avatar-svg{display:block;width:100%}.card-svg{filter:drop-shadow(1.5px 2.5px 0 rgba(29,26,22,.55))}.icon{display:block;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-size:17px;letter-spacing:.4px;padding:9px 18px 10px;border:3px solid var(--ink);border-radius:14px;background:var(--cream);box-shadow:var(--shadow);white-space:nowrap;transition:transform .08s,box-shadow .08s,filter .12s}.btn:hover:not(:disabled){filter:brightness(1.06);transform:translate(-1px,-1px);box-shadow:4px 5px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,3px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{background:#d9d2c0;color:#7c766a;box-shadow:2px 2px #7c766a;border-color:#7c766a}.btn-sm{font-size:14px;padding:5px 12px 6px;border-radius:11px;border-width:2.5px;box-shadow:2px 3px 0 var(--ink)}.btn-lg{font-size:24px;padding:12px 34px 14px;border-radius:18px;border-width:4px;box-shadow:4px 6px 0 var(--ink)}.btn-red{background:var(--tomato);color:#fff}.btn-yellow{background:var(--yellow)}.btn-green{background:var(--leaf);color:#fff}.btn-blue{background:var(--sky);color:#fff}.btn-purple{background:var(--grape);color:#fff}.btn-red:not(:disabled) span,.btn-green:not(:disabled) span,.btn-blue:not(:disabled) span,.btn-purple:not(:disabled) span{text-shadow:0 2px 0 rgba(29,26,22,.45)}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:2.5px solid var(--ink);border-radius:12px;background:var(--cream);box-shadow:2px 3px 0 var(--ink);padding:0;flex:none}.icon-btn:hover{background:#fff}.icon-btn:active{transform:translate(2px,3px);box-shadow:none}.icon-btn.active{background:var(--yellow)}.panel{background:var(--cream);border:3px solid var(--ink);border-radius:20px;box-shadow:4px 6px 0 var(--ink);padding:16px 18px}.panel h2{font-size:22px;margin-bottom:10px}.panel h2 small{font-family:var(--body);font-size:13px;font-weight:500;opacity:.7}.fine{font-size:13px;opacity:.75;line-height:1.35}.lead{font-size:16px;line-height:1.4;margin-bottom:12px}.avatar{display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid var(--ink);background:var(--cream-2)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar.dead img{filter:grayscale(1) contrast(.8)}.avatar.ghost{border-style:dashed;background:transparent;opacity:.5}.screen{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.doodles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.menu,.splash{background:var(--menu-red)}.menu .doodles,.splash .doodles{opacity:.75}.splash{align-items:center;justify-content:center;gap:22px;padding:20px;overflow-y:auto}.splash-text{font-family:var(--display);font-size:22px;color:var(--cream);animation:bob 1.2s ease-in-out infinite}.error-panel,.dev-login{position:relative;width:min(420px,100%);display:flex;flex-direction:column;gap:12px}.dev-login label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}.dev-login input{font:inherit;font-size:18px;padding:8px 12px;border:3px solid var(--ink);border-radius:12px;background:#fff;user-select:text}.logo{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.logo-mascot{width:clamp(110px,22vh,210px);margin-bottom:-4%;animation:bob 2.6s ease-in-out infinite}.logo h1{font-size:clamp(38px,min(11.5vw,10.5vh),96px);line-height:.88;color:var(--cream);-webkit-text-stroke:clamp(7px,1.2vw,13px) var(--ink);paint-order:stroke fill;text-shadow:.05em .07em 0 var(--ink);transform:rotate(-3deg);display:flex;flex-direction:column;align-items:center;letter-spacing:1px}.logo h1 span:nth-child(2){color:var(--yellow);font-size:1.22em;transform:rotate(1.5deg)}.logo-official{display:block;border-radius:18px;width:auto;max-width:min(86vw,620px);max-height:clamp(120px,38vh,340px);object-fit:contain}.logo.small .logo-official{max-height:130px}.menu-official{display:block;width:auto;max-width:min(90vw,640px);max-height:clamp(84px,22vh,220px);object-fit:contain}.tagline{margin-top:12px;font-family:var(--display);font-size:clamp(13px,2.2vw,19px);background:var(--ink);color:var(--cream);padding:5px 14px 6px;border-radius:999px;transform:rotate(1.2deg)}.logo.small .logo-mascot{width:96px}.logo.small h1{font-size:clamp(28px,7.5vw,50px);-webkit-text-stroke-width:7px}.logo.small .tagline{display:none}.menu{padding:10px 16px 12px}.menu-top{position:relative;display:flex;justify-content:flex-end}.menu-main{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.4vh,26px)}.menu-fan{display:flex;justify-content:center;height:clamp(84px,min(19vh,31vw),170px)}.menu-fan>div{width:clamp(54px,min(11.5vh,21vw),112px);margin:0 min(-1.4vh,-2.2vw);transform:rotate(calc(var(--i) * 8deg)) translateY(calc(var(--i) * var(--i) * 5px));transform-origin:50% 120%;transition:transform .18s}.menu-fan>div:hover{transform:rotate(calc(var(--i) * 8deg)) translateY(calc(var(--i) * var(--i) * 5px - 14px));z-index:2}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:14px}.menu-buttons>.btn-lg{font-size:clamp(26px,5vh,40px);padding:10px 64px 14px}.menu-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.menu-status{font-weight:600;font-size:15.5px;text-align:center;color:var(--cream)}.menu-foot{position:relative;text-align:center;font-size:13px;color:var(--cream)}.menu-legal{display:block;margin-top:3px}.link{background:none;border:0;padding:4px 8px;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--yellow)}.legal{font-size:15px;line-height:1.5}.legal h2{font-size:18px;margin:18px 0 4px}.legal p,.legal ul{margin:0 0 10px}.legal ul{padding-left:22px}.legal mark{background:var(--yellow);padding:0 3px;border-radius:3px}.legal a{color:#14589c;font-weight:600}.legal .draft-note{background:#ffd2d2;border:2px solid var(--ink);border-radius:10px;padding:6px 10px;font-weight:600}.topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;position:relative;z-index:5}.brand-mini{display:flex;align-items:center;gap:4px;font-family:var(--display);font-size:21px;color:var(--cream);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.brand-mini-art{width:44px;margin:-8px 0}.status{flex:1;display:flex;justify-content:center;gap:8px;min-width:0}.pill{display:inline-flex;align-items:center;gap:5px;background:var(--cream);border:2.5px solid var(--ink);border-radius:999px;padding:3px 11px 4px;font-size:14px;font-weight:600;white-space:nowrap}.pill b{font-family:var(--display);font-weight:400;font-size:16px}.topbar-actions{display:flex;gap:7px}.lobby-body{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;padding:8px 16px 14px;align-items:start;max-width:1100px;width:100%;margin:0 auto}.seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.seat-row{display:flex;align-items:center;gap:10px;background:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:6px 10px;min-height:56px}.seat-row .avatar{width:40px;flex:none}.seat-row.ready{background:#e6f6dc}.seat-row.empty{background:transparent;border-style:dashed;opacity:.75}.seat-row.away{opacity:.6}.seat-row-name{flex:1;font-weight:600;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-row-name small{font-weight:500;opacity:.6}.tag{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;background:var(--cream-2);border:2px solid var(--ink);border-radius:999px;padding:1px 8px 2px}.tag-host{background:var(--yellow)}.ready-mark{display:inline-flex;align-items:center;gap:4px;font-family:var(--display);font-size:14px;color:#8a8377;white-space:nowrap}.ready-mark.on{color:#2f8a20}.seat-row .icon-btn{width:30px;height:30px;box-shadow:none}.setting{margin-bottom:14px}.setting label{display:block;font-weight:600;font-size:14px;margin-bottom:5px}.setting .fine{margin-top:5px}.segmented{display:inline-flex;border:2.5px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff;max-width:100%}.segmented button{border:0;background:transparent;padding:6px 13px 7px;font-family:var(--display);font-size:15px;border-right:2.5px solid var(--ink)}.segmented button:last-child{border-right:0}.segmented button.on{background:var(--yellow)}.segmented.readonly button:not(.on){opacity:.4}.lobby-actions{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px 16px;flex-wrap:wrap}.start-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.start-hint{font-size:13px;font-weight:600}.table-screen{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden}.table-screen.with-history{grid-template-columns:minmax(0,1fr) 250px}.table-screen .topbar,.table-screen .handbar{grid-column:1 / -1}.arena{position:relative;min-height:0}.felt{position:absolute;left:50%;top:52%;width:min(94%,1040px);height:88%;transform:translate(-50%,-50%);background:var(--teal);border:5px solid var(--ink);border-radius:46%/50%;box-shadow:0 9px 0 var(--ink)}.felt:after{content:"";position:absolute;left:50%;top:58%;width:min(64%,520px);height:56%;transform:translate(-50%,-50%);background:var(--teal-2);border-radius:50%;opacity:.55}.arena>.doodles{opacity:.9}.felt-ring{position:absolute;inset:12px;border:3px dashed rgba(255,244,220,.4);border-radius:inherit}.seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;width:clamp(64px,12vw,104px);background:none;border:0;padding:0;z-index:2;color:var(--ink)}.seat-avatar{position:relative;width:clamp(40px,min(8vw,9vh),66px)}.seat.turn .avatar{box-shadow:0 0 0 4px var(--yellow),0 0 0 7px var(--ink);animation:pulse 1.1s ease-in-out infinite}.turn-arrow{width:0;height:0;border:9px solid transparent;border-top:12px solid var(--yellow);filter:drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink)) drop-shadow(1.5px 0 0 var(--ink)) drop-shadow(-1.5px 0 0 var(--ink));margin-bottom:4px;animation:bob .8s ease-in-out infinite}.seat-name{max-width:100%;font-weight:600;font-size:clamp(11px,1.6vw,14px);background:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:0 8px 1px;margin-top:-6px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-cards{display:flex;align-items:flex-end;justify-content:center;height:22px;margin-top:1px}.seat-cards i{width:12px;height:17px;margin:0 -4px;background:var(--tomato);border:2px solid var(--ink);border-radius:3px;transform-origin:50% 130%}.seat-cards b{font-family:var(--display);font-weight:400;font-size:13px;margin-left:9px;background:var(--ink);color:var(--cream);border-radius:999px;padding:0 6px 1px;line-height:1.3}.seat.out{opacity:.85}.seat-out{font-family:var(--display);font-size:12px;color:#fff;background:var(--ink);border-radius:6px;padding:0 6px 1px;transform:rotate(-6deg);margin-top:2px}.seat.away .avatar{opacity:.55}.badge{position:absolute;display:grid;place-items:center;border:2px solid var(--ink);border-radius:999px;font-family:var(--display);font-size:13px}.badge-turns{right:-10px;top:-6px;background:var(--tomato);color:#fff;padding:0 6px 1px}.badge-away{left:-8px;bottom:0;width:24px;height:24px;background:var(--cream)}.seat.targetable{cursor:pointer}.seat.targetable .avatar{box-shadow:0 0 0 4px var(--tomato),0 0 0 7px var(--ink);animation:pulse .7s ease-in-out infinite}.seat-pick{position:absolute;top:-4px;font-family:var(--display);font-size:12px;background:var(--tomato);color:#fff;border:2px solid var(--ink);border-radius:8px;padding:0 6px 1px;transform:rotate(-8deg) translate(-70%)}.centre{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1.2vh,12px);width:min(92%,560px);z-index:3;pointer-events:none}.centre>*{pointer-events:auto}.stage{min-height:clamp(40px,9vh,76px);display:flex;align-items:flex-end;justify-content:center;width:100%}.turn-banner{font-family:var(--display);font-size:clamp(17px,3.4vh,28px);color:var(--cream);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;display:flex;align-items:center;gap:8px;text-align:center}.turn-banner.mine{color:var(--yellow);animation:pop .35s ease-out}.turn-count{-webkit-text-stroke:0;background:var(--tomato);color:#fff;border:2.5px solid var(--ink);border-radius:999px;font-size:.7em;padding:0 9px 2px}.pending{display:flex;align-items:center;gap:12px;background:var(--cream);border:3px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:8px 12px;max-width:100%;animation:pop .22s ease-out}.pending-cards{position:relative;display:flex;flex:none;padding-left:calc(var(--cw) * .2)}.pending-cards>div{width:calc(var(--cw) * .72);margin-left:calc(var(--cw) * -.2)}.pending.cancelled .pending-cards>div{filter:grayscale(.9) brightness(.9)}.stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-14deg);font-family:var(--display);font-size:clamp(14px,2.6vh,20px);color:var(--tomato);background:#fff;border:3px solid var(--tomato);border-radius:8px;padding:0 7px 2px;white-space:nowrap;animation:stamp .25s ease-out}.pending-info{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:clamp(13px,2vh,15.5px);line-height:1.25}.pending-chain{font-size:.88em;opacity:.8}.pending-actions{display:flex;gap:8px;flex-wrap:wrap}.timer-bar{height:9px;min-width:120px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff}.timer-bar div{height:100%;background:var(--leaf);transform-origin:left}.timer-bar.urgent div{background:var(--tomato)}.turn-timer{width:min(200px,60%)}.piles{display:flex;gap:clamp(14px,4vw,44px);align-items:flex-start}.pile{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:0;color:var(--ink)}.stack{position:relative;display:block;width:var(--cw);height:calc(var(--cw) * 1.4)}.stack>*{position:absolute;inset:0}.deck .stack>:nth-last-child(2){transform:translate(-3px,-3px)}.deck .stack>:nth-last-child(3){transform:translate(-6px,-6px)}.deck .stack>:last-child{transform:translate(0)}.pile-empty{border:3px dashed rgba(255,244,220,.6);border-radius:10%}.pile-label{font-family:var(--display);font-size:clamp(11px,1.9vh,14px);letter-spacing:1px;background:var(--ink);color:var(--cream);border-radius:999px;padding:1px 10px 2px}.deck.drawable{cursor:pointer}.deck.drawable .stack{animation:nudge 1.3s ease-in-out infinite}.deck.drawable .pile-label{background:var(--leaf);color:#fff;border:2px solid var(--ink);padding:0 12px 1px}.deck.drawable:hover .stack>:last-child{transform:translate(2px,-8px) rotate(3deg)}.stack>*{transition:transform .15s}.target-row{display:flex;gap:8px;align-items:center;overflow-x:auto;max-width:100%;padding:2px 4px 6px 2px;scrollbar-width:thin}.target-row>*{flex:none}.prompt-actions{max-width:100%}.arena.crowded .centre{top:67%}.arena.crowded .seat-cards i{display:none}.arena.crowded .seat-cards b{margin-left:0}.arena.crowded .seat-cards{position:absolute;top:-5px;right:4px;height:auto;margin:0}.arena.crowded .turn-arrow{position:absolute;top:-22px}.arena.crowded .seat{width:72px}.arena.crowded .notes{top:46%}.notes{position:absolute;left:50%;top:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:8;pointer-events:none;width:92%}.note{font-family:var(--display);font-size:clamp(16px,3vh,26px);text-align:center;background:var(--cream);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--shadow);padding:4px 16px 6px;animation:note 2.1s ease-out both}.note-good{background:#d8f5c8}.note-bad{background:#ffd2d2}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:40}.flight{position:absolute;left:0;top:0;will-change:transform}.blast{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:#e5383bdb;animation:blast-bg 2.1s ease-out both}.blast-snip{background:#5bba47db;animation-duration:1.5s}.blast-art{width:min(62vw,46vh);animation:blast-art .5s cubic-bezier(.2,1.6,.4,1) both}.blast-word{font-family:var(--display);font-size:clamp(48px,14vw,120px);color:var(--yellow);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;transform:rotate(-5deg);margin-top:-3vh;animation:blast-art .45s .08s cubic-bezier(.2,1.6,.4,1) both}.blast-who{font-family:var(--display);font-size:clamp(16px,3.4vw,26px);background:var(--ink);color:var(--cream);border-radius:999px;padding:4px 16px 6px;margin-top:6px;text-align:center}.history{grid-row:2;grid-column:2;margin:0 12px 6px 0;background:var(--cream);border:3px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;z-index:6}.history-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:18px;padding:6px 8px 6px 12px;border-bottom:2.5px solid var(--ink)}.history-head .icon-btn{width:28px;height:28px;box-shadow:none}.history-list{flex:1;overflow-y:auto;padding:8px 12px;font-size:13.5px;line-height:1.3;user-select:text}.history-list p{padding:3px 0;border-bottom:1.5px dotted rgba(29,26,22,.25)}.handbar{position:relative;z-index:7;background:var(--sun-2);border-top:4px solid var(--ink);padding:8px 12px 6px}.handbar.my-turn{background:var(--yellow)}.prompt{display:flex;align-items:center;gap:10px;min-height:46px;flex-wrap:wrap}.me-chip{width:42px;flex:none}.me-chip.turn .avatar{box-shadow:0 0 0 3px var(--tomato),0 0 0 6px var(--ink)}.prompt-text{flex:1 1 200px;min-width:0;font-size:clamp(13.5px,2.1vh,16.5px);line-height:1.25}.prompt-card{font-family:var(--display);font-weight:400}.prompt-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.target-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:3px 10px 3px 3px;font-weight:600;box-shadow:2px 3px 0 var(--ink)}.target-chip .avatar{width:28px;border-width:2px}.target-chip small{background:var(--tomato);color:#fff;border-radius:999px;padding:0 6px;font-family:var(--display)}.target-chip:hover{background:var(--yellow)}.hand{display:flex;justify-content:center;padding:calc(var(--hw, 100px) * .3) 10px calc(var(--hw, 100px) * .13 + 4px);margin-top:calc(var(--hw, 100px) * -.2);overflow:visible;pointer-events:none}.hand-card{pointer-events:auto}.hand.scrolls{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;pointer-events:auto;margin-top:0;padding-top:calc(var(--hw, 100px) * .28);padding-bottom:8px}.hand-empty{min-height:12px;padding:0;margin:0}.hand-row{position:relative;flex:none}.hand-card{position:absolute;top:0;width:var(--hw);padding:0;border:0;background:none;transform:translateY(var(--drop)) rotate(var(--tilt));transform-origin:50% 140%;transition:transform .14s ease-out,filter .14s;animation:deal .3s ease-out}.hand.hints .hand-card:not(.playable):not(.selected){filter:saturate(.7) brightness(.9)}.hand-card:hover{transform:translateY(calc(var(--drop) - var(--hw) * .14)) rotate(var(--tilt));z-index:60!important}.hand-card.selected{transform:translateY(calc(var(--drop) - var(--hw) * .26)) rotate(var(--tilt));filter:none}.hand-card.selected .card-svg{filter:drop-shadow(0 0 0 var(--ink)) drop-shadow(0 0 5px var(--tomato)) drop-shadow(0 0 2px var(--tomato))}.my-turn .hand-card.playable .card-svg,.hand-card.playable.selected .card-svg{filter:drop-shadow(1.5px 2.5px 0 rgba(29,26,22,.55)) drop-shadow(0 -3px 0 #fff)}.hand-card.selected .card-svg{filter:drop-shadow(0 0 4px var(--tomato)) drop-shadow(0 0 2px var(--tomato))!important}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#1d1a169e;display:grid;place-items:center;padding:max(12px,var(--sait)) 12px max(12px,var(--saib));animation:fade .15s ease-out}.modal{width:min(460px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--cream);border:4px solid var(--ink);border-radius:22px;box-shadow:6px 8px 0 var(--ink);animation:pop .2s ease-out;overflow:hidden}.modal.wide{width:min(760px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 10px 18px;background:var(--yellow);border-bottom:4px solid var(--ink)}.modal.danger .modal-head{background:var(--leaf);color:#fff}.modal-head h2{font-size:24px}.modal-body{padding:16px 18px 18px;overflow-y:auto;user-select:text}.modal-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px}.modal .fine{margin-top:10px;text-align:center}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.pick-card{border:0;background:none;padding:0;transition:transform .12s}.pick-card:hover{transform:translateY(-5px) rotate(-2deg)}.peek-row{display:flex;justify-content:center;gap:12px}.peek-card{width:min(30%,150px);display:flex;flex-direction:column;align-items:center;gap:6px}.peek-n{font-family:var(--display);font-size:14px;background:var(--ink);color:var(--cream);border-radius:999px;padding:0 10px 1px}.peek-card:first-child .peek-n{background:var(--tomato)}.defuse-deck{margin:4px 6px 10px}.defuse-stack{position:relative;height:46px;border:3px solid var(--ink);border-radius:10px;background:repeating-linear-gradient(90deg,var(--tomato) 0 5px,#c92a2e 5px 7px)}.defuse-marker{position:absolute;top:50%;left:calc(var(--p) * 100%);transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);border-radius:50%;transition:left .12s}.defuse-ends{display:flex;justify-content:space-between;font-family:var(--display);font-size:13px;margin-top:3px}.defuse-label{text-align:center;font-family:var(--display);font-size:18px;margin:8px 0}.slider{width:100%;accent-color:var(--tomato);height:28px}.chip-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.chip{font-family:var(--display);font-size:14px;background:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:3px 12px 4px}.chip.on{background:var(--yellow)}.rules-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}.rules-steps li{display:flex;gap:12px;align-items:flex-start}.rules-n{flex:none;width:34px;height:34px;display:grid;place-items:center;font-family:var(--display);font-size:19px;background:var(--tomato);color:#fff;border:3px solid var(--ink);border-radius:50%}.rules-steps h3{font-size:18px}.rules-steps p,.rules-card p{font-size:14.5px;line-height:1.35}.rules-sub{font-size:20px;margin:14px 0 8px}.rules-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.rules-card{display:flex;gap:10px;align-items:center}.rules-card .card{width:74px;flex:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{background:#fff;border:2.5px solid var(--ink);border-radius:12px;padding:6px 4px 8px;text-align:center;display:flex;flex-direction:column}.stat b{font-family:var(--display);font-weight:400;font-size:24px}.stat span{font-size:12px;opacity:.8}.history-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}.history-rows li{display:flex;justify-content:space-between;gap:10px;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:5px 10px;font-size:14px}.history-rows li.won{background:#e6f6dc}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;margin-bottom:14px}.setting-line .slider{max-width:220px}.toggle{width:58px;height:32px;border:3px solid var(--ink);border-radius:999px;background:#cfc8b6;padding:0;position:relative}.toggle i{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;border:2.5px solid var(--ink);transition:left .12s}.toggle.on{background:var(--leaf)}.toggle.on i{left:28px}.gameover-hero{position:relative;text-align:center;padding:6px 0 10px;overflow:hidden}.gameover .modal-body,.gameover{overflow-y:auto}.gameover{padding:16px 18px 18px}.gameover-hero h2{position:relative;font-size:clamp(30px,7vw,46px);color:var(--tomato);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill}.gameover-hero p{position:relative;font-weight:600}.winner-avatar{position:relative;width:clamp(72px,16vh,112px);margin:0 auto 4px;animation:bob 1.4s ease-in-out infinite}.winner-avatar .avatar{border-width:5px;box-shadow:0 0 0 5px var(--yellow),0 0 0 9px var(--ink)}.gameover-rays{position:absolute;left:50%;top:34%;width:520px;height:520px;margin:-260px;background:repeating-conic-gradient(var(--yellow) 0 12deg,transparent 12deg 24deg);border-radius:50%;opacity:.55;animation:spin 22s linear infinite}.results{display:grid;gap:5px;margin-top:8px}.results-row{display:grid;grid-template-columns:30px minmax(0,1fr) repeat(4,58px);align-items:center;gap:4px;background:#fff;border:2.5px solid var(--ink);border-radius:12px;padding:4px 8px;text-align:center;font-weight:600}.results-head{background:none;border:0;font-size:12px;padding-bottom:0;opacity:.75}.results-row.first{background:var(--yellow)}.results-row.me{box-shadow:inset 0 0 0 2px var(--sky)}.results-row .place{font-family:var(--display);font-size:20px}.results-player{display:flex;align-items:center;gap:8px;text-align:left;min-width:0}.results-player .avatar{width:32px;flex:none;border-width:2px}.results-player>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-player small{opacity:.6}.waiting-host{font-weight:600;animation:bob 1.4s ease-in-out infinite}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:49}.confetti i{position:absolute;top:-20px;width:11px;height:17px;border:2px solid var(--ink);border-radius:3px;animation:fall linear infinite}.toasts{position:fixed;left:50%;top:calc(56px + var(--sait));transform:translate(-50%);z-index:70;display:flex;flex-direction:column;gap:6px;align-items:center;width:min(92%,460px);pointer-events:none}.toast{background:var(--ink);color:var(--cream);font-weight:600;font-size:14.5px;border-radius:12px;padding:8px 14px;text-align:center;animation:pop .18s ease-out}.toast-error{background:var(--tomato);color:#fff;border:2.5px solid var(--ink)}.reconnect{position:fixed;left:50%;bottom:calc(14px + var(--saib));transform:translate(-50%);z-index:80;font-family:var(--display);background:var(--tomato);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:4px 18px 6px;box-shadow:var(--shadow)}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes nudge{50%{transform:translateY(-4px)}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes pop{0%{transform:scale(.82);opacity:0}}@keyframes fade{0%{opacity:0}}@keyframes stamp{0%{transform:translate(-50%,-50%) rotate(-14deg) scale(2.4);opacity:0}}@keyframes deal{0%{transform:translateY(46%) rotate(var(--tilt));opacity:0}}@keyframes note{0%{transform:scale(.7);opacity:0}10%{transform:scale(1.06);opacity:1}16%,80%{transform:scale(1);opacity:1}to{transform:translateY(-12px);opacity:0}}@keyframes blast-bg{0%{opacity:0}8%,80%{opacity:1}to{opacity:0}}@keyframes blast-art{0%{transform:scale(.2) rotate(-20deg);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{to{top:105%;transform:rotate(720deg) translate(40px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.blast{animation-duration:1.6s!important}.note{animation-duration:2.1s!important}.confetti{display:none}}@media(max-width:760px){.lobby-body{grid-template-columns:minmax(0,1fr)}.brand-mini span{display:none}.table-screen.with-history{grid-template-columns:minmax(0,1fr)}.history{position:absolute;grid-row:auto;grid-column:auto;right:8px;top:54px;bottom:40%;width:min(270px,78%);margin:0;z-index:30}.stat-grid{grid-template-columns:repeat(2,1fr)}.results-row{grid-template-columns:22px minmax(0,1fr) repeat(4,38px);font-size:13px}.results-row .place{font-size:17px}.results-head span{font-size:10.5px}.pending{flex-direction:column;gap:6px;padding:7px 10px;text-align:center}.pending-actions{justify-content:center}.topbar{gap:6px;padding:6px 8px}.pill{padding:2px 8px 3px;font-size:12.5px}.icon-btn{width:34px;height:34px}.btn-lg{font-size:21px;padding:10px 24px 12px}.felt{width:97%;height:90%;top:51%;border-radius:40%/30%}.centre{top:57%}.pill-deck{display:none}}@media(max-height:520px){.logo-mascot,.menu-fan{display:none}.prompt{min-height:36px}.topbar{padding:4px 10px}}