:root{--ink: #1b1b2a;--cream: #fbf8f0;--felt: #2f8f4e;--yellow: #f7c948;--red: #d6403a;--px: "Press Start 2P", ui-monospace, monospace;--vt: "VT323", ui-monospace, monospace;--cw-lg: clamp(52px, 5.6vw, 76px);--cw-md: clamp(40px, 4.2vw, 56px);--cw-sm: clamp(28px, 2.8vw, 36px);--cw-xs: 16px;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--felt);color:var(--cream);font-family:var(--vt);font-size:20px;-webkit-font-smoothing:none;overflow:hidden;-webkit-user-select:none;user-select:none}svg{display:block;image-rendering:pixelated}button{font:inherit;color:inherit}.app{position:relative;height:100%}.screen{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--felt);z-index:0}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,transparent 50%,rgba(5,10,8,.55));pointer-events:none}.px-btn{--o: var(--ink);--u: 4px;position:relative;border:0;cursor:pointer;margin:var(--u);font-family:var(--px);font-size:14px;letter-spacing:1px;padding:14px 22px 18px;background:var(--bg);color:var(--fg);box-shadow:0 calc(-1 * var(--u)) 0 0 var(--o),0 var(--u) 0 0 var(--o),calc(-1 * var(--u)) 0 0 0 var(--o),var(--u) 0 0 0 var(--o),inset 0 calc(-1.5 * var(--u)) 0 0 var(--sh),inset 0 var(--u) 0 0 var(--hi),inset var(--u) 0 0 0 var(--hi);transition:transform 60ms steps(2)}.px-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.px-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 calc(-1 * var(--u)) 0 0 var(--o),0 var(--u) 0 0 var(--o),calc(-1 * var(--u)) 0 0 0 var(--o),var(--u) 0 0 0 var(--o),inset 0 calc(.5 * var(--u)) 0 0 var(--sh)}.px-btn:disabled{filter:grayscale(.85) brightness(.85);cursor:not-allowed}.px-btn:focus-visible{outline:3px dashed var(--yellow);outline-offset:8px}.px-btn-label{position:relative;display:block;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.px-sm{font-size:11px;padding:10px 14px 14px;--u: 3px}.px-lg{font-size:18px;padding:18px 28px 24px}.px-orange{--bg: #e8643c;--sh: #b8452a;--hi: #ff9a6c;--fg: #fff}.px-stone{--bg: #b7c6d6;--sh: #7d93ab;--hi: #e3ecf5;--fg: #2b3d55}.px-stone .px-btn-label{text-shadow:2px 2px 0 rgba(255,255,255,.35)}.px-yellow{--bg: #f7c948;--sh: #c99a1e;--hi: #ffe58a;--fg: #3b2a05}.px-green{--bg: #4cb860;--sh: #2f8a44;--hi: #8ee39b;--fg: #fff}.px-red{--bg: #d6403a;--sh: #9e2a25;--hi: #f07a72;--fg: #fff}.pulse{animation:pulse .8s steps(2) infinite}@keyframes pulse{50%{transform:translateY(-3px);filter:brightness(1.15)}}.arrow-btn{border:0;cursor:pointer;background:var(--ink);color:var(--yellow);width:32px;height:32px;font-size:14px;line-height:1;box-shadow:inset -3px -3px #000,inset 3px 3px #3a3a55}.arrow-btn:hover{color:#fff}.arrow-btn:active{transform:translateY(2px)}.panel{--u: 4px;position:relative;background:#c9d6e3;color:#22324a;padding:28px 28px 22px;margin:var(--u);box-shadow:0 calc(-1 * var(--u)) 0 0 var(--ink),0 var(--u) 0 0 var(--ink),calc(-1 * var(--u)) 0 0 0 var(--ink),var(--u) 0 0 0 var(--ink),inset 0 calc(-2 * var(--u)) 0 0 #8fa5bd,inset 0 var(--u) 0 0 #eef3f8,inset var(--u) 0 0 0 #eef3f8,inset calc(-1 * var(--u)) 0 0 0 #a9bcd0,calc(2 * var(--u)) calc(3 * var(--u)) 0 0 #00000040}.panel-title{margin:0 0 20px;font-family:var(--px);font-size:20px;text-align:center;color:#22324a;text-shadow:3px 3px 0 #eef3f8}.panel-foot{display:flex;justify-content:center;gap:16px;margin-top:20px;flex-wrap:wrap}.hint{font-size:22px;text-align:center;margin:4px 0 8px}.notice{background:#22324a;color:var(--yellow);padding:10px 14px;font-size:20px;max-width:420px;margin:16px auto 0;text-align:center}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a140f8c;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .2s steps(3)}@keyframes fade{0%{opacity:0}}.menu{gap:28px}.menu-hero{display:flex;flex-direction:column;align-items:center}.title-row{display:flex;align-items:center;gap:20px}.chicken{filter:drop-shadow(4px 4px 0 rgba(0,0,0,.3))}.bob{animation:bob 1.2s steps(2) infinite}@keyframes bob{50%{transform:translateY(-6px)}}.title{margin:0;line-height:0}.title-px{max-width:72vw;height:auto;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.45))}.menu-buttons{display:flex;flex-direction:column;gap:14px;min-width:320px}.menu-buttons .px-btn{width:100%}.menu-corner{position:absolute;left:20px;bottom:20px;display:flex;gap:8px;align-items:stretch}.corner-gear{display:grid;place-items:center;width:68px;border:0;padding:0;cursor:pointer;color:#e6e8ee;background:#1b1b2abf;box-shadow:inset 0 0 0 3px #3a3a55}.corner-gear:hover{color:var(--yellow);box-shadow:inset 0 0 0 3px var(--yellow)}.corner-gear:hover svg{transform:rotate(45deg)}.corner-gear svg{transition:transform .2s steps(2)}.player-chip{position:relative;display:flex;gap:12px;align-items:center;text-align:left;background:#1b1b2abf;border:0;padding:10px 16px 10px 10px;cursor:pointer;box-shadow:inset 0 0 0 3px #3a3a55}.player-chip:hover{box-shadow:inset 0 0 0 3px var(--yellow)}.player-chip small{display:block;font-size:16px;color:#aab}.player-chip b{font-family:var(--px);font-size:12px;font-weight:400;color:var(--yellow)}.settings-panel{width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto}.settings-grid{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start}.avatar-preview{display:flex;flex-direction:column;align-items:center;gap:14px}.avatar-frame{background:#8fd3a0;padding:8px;box-shadow:inset 0 0 0 4px var(--ink),inset 8px 8px #b6e8c1}.field{display:flex;flex-direction:column;gap:4px;width:100%}.field span{font-family:var(--px);font-size:10px}.px-input{font-family:var(--px);font-size:14px;padding:10px 12px;border:0;background:var(--cream);color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink),inset 3px 3px 0 3px #d6d0c0;outline:none;width:100%}.px-input:focus{box-shadow:inset 0 0 0 3px var(--ink),inset 3px 3px 0 3px var(--yellow)}.avatar-options{display:flex;flex-direction:column;gap:8px}.option-row{display:grid;grid-template-columns:120px 32px 1fr 32px;align-items:center;gap:8px}.option-label{font-size:22px}.option-value{font-family:var(--px);font-size:11px;text-align:center;background:#eef3f8;padding:9px 4px;box-shadow:inset 0 0 0 2px #8fa5bd}.option-sep{height:4px;background:#8fa5bd;margin:8px 0}.toggle{grid-column:2 / 5}.px-range{grid-column:2 / 4;width:100%;accent-color:#22324a;cursor:pointer;height:24px}.px-range:disabled{opacity:.4;cursor:default}.range-value{font-family:var(--px);font-size:10px;color:#22324a;text-align:right}.toggle,.seg button{border:0;cursor:pointer;font-family:var(--px);font-size:11px;padding:9px;background:#eef3f8;color:#22324a;box-shadow:inset 0 0 0 2px #8fa5bd}.toggle[aria-pressed=true]{background:#4cb860;color:#fff;box-shadow:inset 0 0 0 2px #2f8a44}.seg{grid-column:2 / 5;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.seg button{text-transform:capitalize}.seg button.on{background:#22324a;color:var(--yellow);box-shadow:inset 0 0 0 2px var(--ink)}.settings-actions{display:flex;justify-content:space-between;margin-top:24px}@media (max-width: 640px){.settings-grid{grid-template-columns:1fr}.option-row{grid-template-columns:96px 32px 1fr 32px}}.multi-panel{width:min(480px,100%)}.room-code{font-family:var(--px);font-size:40px;letter-spacing:12px;text-align:center;background:var(--ink);color:var(--yellow);padding:18px 0 18px 12px;margin:8px 0 18px}.lobby-slots{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.lobby-slots li{display:flex;align-items:center;gap:12px;padding:6px 10px;background:#eef3f8;box-shadow:inset 0 0 0 2px #8fa5bd;min-height:60px;font-size:22px}.lobby-slots li.empty{color:#7d93ab}.lobby-slots em{margin-left:auto;font-style:normal;font-family:var(--px);font-size:9px;background:var(--yellow);color:var(--ink);padding:4px 6px}.slot-dot{width:48px;height:48px;background:repeating-conic-gradient(#c9d6e3 0,#c9d6e3 25%,#b7c6d6 0,#b7c6d6 50%) 0 0 / 12px 12px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.4}}.code-input{font-size:32px;text-align:center;letter-spacing:14px;text-transform:uppercase}.card{--b: 3px;position:relative;display:block;flex:none;padding:0;border:0;background:none;width:var(--cw);height:calc(var(--cw) * 1.4);filter:drop-shadow(2px 3px 0 rgba(0,0,0,.3));transition:transform 90ms steps(3)}.card:disabled{cursor:default}.card-lg{--cw: var(--cw-lg)}.card-md{--cw: var(--cw-md)}.card-sm{--cw: var(--cw-sm);--b: 2px}.card-xs{--cw: var(--cw-xs);--b: 2px;filter:none}.card-body{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--cream);clip-path:polygon(var(--b) 0,calc(100% - var(--b)) 0,calc(100% - var(--b)) var(--b),100% var(--b),100% calc(100% - var(--b)),calc(100% - var(--b)) calc(100% - var(--b)),calc(100% - var(--b)) 100%,var(--b) 100%,var(--b) calc(100% - var(--b)),0 calc(100% - var(--b)),0 var(--b),var(--b) var(--b));box-shadow:inset 0 0 0 var(--b) var(--ink),inset calc(-1 * var(--b)) calc(-1 * var(--b)) 0 var(--b) #d8d0bd}.card.clickable{cursor:pointer}.card.clickable:hover:not(.lifted){transform:translateY(-4px)}.card.lifted{transform:translateY(-16px);filter:drop-shadow(3px 0 0 var(--yellow)) drop-shadow(-3px 0 0 var(--yellow)) drop-shadow(0 3px 0 var(--yellow)) drop-shadow(0 -3px 0 var(--yellow)) drop-shadow(3px 6px 0 rgba(0,0,0,.3))}.card.glow:not(.lifted){animation:glow 1s steps(2) infinite}@keyframes glow{50%{filter:drop-shadow(2px 0 0 #fff4c2) drop-shadow(-2px 0 0 #fff4c2) drop-shadow(0 2px 0 #fff4c2) drop-shadow(0 -2px 0 #fff4c2)}}.card.dim .card-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#141e196b}.card.shake{animation:shake .35s steps(6)}@keyframes shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1}.corner.tl{top:calc(var(--b) + 3px);left:calc(var(--b) + 3px)}.corner.br{bottom:calc(var(--b) + 3px);right:calc(var(--b) + 3px);transform:rotate(180deg)}.rank-px{display:block;width:auto;--rh: calc(var(--cw) * .3);height:var(--rh);height:round(nearest,var(--rh),7px)}.card-sm .rank-px{--rh: calc(var(--cw) * .42)}.card-xs .rank-px{height:7px}.card-sm .corner.tl{top:3px;left:3px}.center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.card-sm .center{top:10px}.royal{display:block;padding:2px;box-shadow:inset 0 0 0 2px currentColor}.center.has-royal{top:0;align-items:flex-end;justify-content:flex-end;padding:0 calc(var(--b) + 2px) calc(var(--b) + 3px) 0}.center.has-royal .royal svg{width:calc(var(--cw) * .52);height:calc(var(--cw) * .52)}.card-lg .center.has-royal{align-items:center;justify-content:center;padding:0}.card-lg .center.has-royal .royal svg{width:calc(var(--cw) * .4);height:calc(var(--cw) * .4)}.card-back .card-body{background:var(--cream)}.card-back-inner{position:absolute;inset:calc(var(--b) * 2);background:repeating-conic-gradient(#d6403a 0,#d6403a 25%,#a32d27 0,#a32d27 50%) 0 0 / calc(var(--b) * 2) calc(var(--b) * 2);box-shadow:inset 0 0 0 var(--b) #7a1f1b}.card-xs .card-back-inner{inset:var(--b);background-size:4px 4px;box-shadow:none}.game{justify-content:flex-start;padding:8px 16px 6px;gap:4px}.game-top{width:100%;display:flex;justify-content:space-between;align-items:center}.game-title{display:flex;align-items:center;gap:10px;font-family:var(--px);font-size:14px;text-shadow:2px 2px 0 var(--ink)}.burn-count{display:flex;align-items:center;gap:8px;font-family:var(--px);font-size:12px;background:#1b1b2ab3;padding:6px 12px}.table{position:relative;flex:1;width:100%;max-width:1200px;min-height:0;display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"tl top tr" "left center right";gap:8px;align-items:center;justify-items:center}.seat-top{grid-area:top}.seat-tl{grid-area:tl}.seat-tr{grid-area:tr}.seat-left{grid-area:left}.seat-right{grid-area:right}.seat-lb{grid-area:lb}.seat-rb{grid-area:rb}.table.seats-6{grid-template-rows:auto 1fr 1fr;grid-template-areas:"tl top tr" "left center right" "lb center rb"}.table.seats-5 .seat,.table.seats-6 .seat{min-width:150px;padding:6px 10px 8px;gap:5px}.table.seats-6 .seat-id small{font-size:16px}.table-center{position:relative;grid-area:center;display:flex;flex-direction:column;align-items:center;gap:10px;inset:auto}.game-top{gap:12px}.game-top-btns{display:flex;gap:6px;flex:none}.log{flex:0 1 460px;min-width:0;display:flex;flex-direction:column;align-items:center;font-size:18px;line-height:1.1;color:#dff3e499;text-shadow:1px 1px 0 var(--ink);background:#0c161273;padding:3px 12px}.log:empty{visibility:hidden}.log div{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log div:last-child{color:#fff}.seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 14px 12px;min-width:180px;background:#14321e8c;box-shadow:inset 0 0 0 3px #0a1e0f99}.seat.active{box-shadow:inset 0 0 0 3px var(--yellow);animation:seatpulse 1s steps(2) infinite}@keyframes seatpulse{50%{box-shadow:inset 0 0 0 3px #fff4c2}}.seat.out{opacity:.55}.turn-arrow{position:absolute;top:-18px;animation:bob .6s steps(2) infinite}.seat-id{display:flex;align-items:center;gap:10px}.seat-id b{display:block;font-family:var(--px);font-size:11px;font-weight:400;color:#fff}.seat-id small{font-size:18px;color:#bfe3c8}.seat-hand{display:flex;align-items:center;height:24px}.seat-hand .seat-back+.seat-back{margin-left:-9px}.seat-hand .count{font-family:var(--px);font-size:10px;margin-left:8px;color:var(--yellow)}.seat-table,.table-cards{display:flex;gap:8px}.slot{position:relative}.slot .up{position:absolute;left:0;top:0;transform:translate(3px,-5px)}.slot .up.lifted{transform:translate(3px,-18px)}.slot .up.clickable:hover:not(.lifted){transform:translate(3px,-9px)}.table-cards{--scw: var(--cw-md)}.table-cards.size-sm{--scw: var(--cw-sm)}.table-cards.size-lg{--scw: var(--cw-lg);gap:14px}.table-cards .slot{width:calc(var(--scw) + 3px);height:calc(var(--scw) * 1.4)}.table-cards .empty-slot{width:var(--scw);height:calc(var(--scw) * 1.4)}.me.layout-hand .me-row{padding-top:12px;align-items:center}.me.layout-hand .hand-wrap{margin-top:0}.hand-wrap.base-main{padding:26px 0 6px;min-height:calc(var(--cw-lg) * 1.4 + 32px);justify-content:flex-end}.seat-table .slot{width:calc(var(--cw-sm) + 3px);height:calc(var(--cw-sm) * 1.4)}.empty-slot{display:flex;align-items:center;justify-content:center;width:var(--cw-md);height:calc(var(--cw-md) * 1.4);box-shadow:inset 0 0 0 3px #0a1e0f80;color:#fff6;font-size:16px}.empty-slot.xs{width:var(--cw-sm);height:calc(var(--cw-sm) * 1.4)}.piles{display:flex;gap:36px;align-items:flex-end}.pile-col{display:flex;flex-direction:column;align-items:center;gap:8px}.pile-label{font-family:var(--px);font-size:9px;color:#dff3e4;text-shadow:1px 1px 0 var(--ink)}.draw-pile,.discard{position:relative;width:calc(var(--cw-md) + 20px);height:calc(var(--cw-md) * 1.4 + 10px);display:flex;align-items:flex-end;justify-content:center}.draw-pile .card,.discard .card{position:absolute;bottom:0;left:10px}.draw-pile .stack.s1{transform:translate(-2px,2px)}.draw-pile .stack.s2{transform:translate(-4px,4px)}.draw-pile .card:last-child{transform:none}.discard .card{left:16px}.drop{animation:drop .18s steps(3)}@keyframes drop{0%{transform:translateY(-18px) scale(1.12)}}.rule-chip{font-family:var(--px);font-size:10px;background:var(--ink);color:var(--cream);padding:8px 12px}.rule-chip.rev{color:var(--yellow)}.banner{position:absolute;top:-34px;left:50%;transform:translate(-50%,-50%);z-index:20;white-space:nowrap;display:flex;align-items:center;gap:12px;font-family:var(--px);font-size:clamp(14px,2vw,22px);color:#fff;background:var(--ink);padding:14px 20px;box-shadow:0 0 0 4px #fff,0 0 0 8px var(--ink);animation:pop .25s steps(4);pointer-events:none}.banner-burn{color:var(--yellow);background:#6e1f17}.banner-pickup{color:#ffb4ae}.banner-out{color:#8ee39b}.banner-turn{color:var(--yellow)}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.4)}}.me-actions{min-height:60px;align-items:center}.reveal{position:absolute;top:-10px;z-index:15;display:flex;flex-direction:column;align-items:center;gap:10px;animation:pop2 .25s steps(4)}.reveal b{font-family:var(--px);font-weight:400;font-size:14px;background:var(--ink);padding:6px 10px}.reveal.ok b{color:#8ee39b}.reveal.bad b{color:#ff8b84}@keyframes pop2{0%{transform:scale(.3) rotateY(90deg)}}.me{position:relative;z-index:5;width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;padding:8px 12px 0;background:#14321e73;box-shadow:inset 0 3px #0a1e0f99}.me.active{box-shadow:inset 0 0 0 4px var(--yellow),0 0 28px 4px #f7c94873;animation:meglow 1.2s steps(2) infinite}@keyframes meglow{50%{box-shadow:inset 0 0 0 4px #fff4c2,0 0 40px 8px #f7c948a6}}.game .me.active{background:#3c340e9e}.your-turn{position:absolute;top:-22px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--yellow);color:var(--ink);font-family:var(--px);font-size:13px;white-space:nowrap;box-shadow:0 0 0 3px var(--ink),4px 4px 0 3px #00000059;animation:yourturn .7s steps(2) infinite}.your-turn svg{animation:bob .6s steps(2) infinite}@keyframes yourturn{50%{background:#fff4c2}}@media (prefers-reduced-motion: reduce){.me.active,.your-turn,.your-turn svg{animation:none}}.me-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;width:100%;gap:16px;padding-top:14px}.me-id{display:flex;align-items:center;gap:10px}.me-id b{font-family:var(--px);font-size:11px;font-weight:400}.place{font-family:var(--px);font-size:10px;background:var(--yellow);color:var(--ink);padding:4px 6px}.me-actions{justify-self:end;display:flex;gap:8px}.hand-wrap{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:14px}.hand{display:flex;justify-content:center;width:min(100%,980px);padding:22px 8px 4px;min-height:calc(var(--cw-lg) * 1.4 + 26px)}.hand-slot{flex:0 1 calc(var(--cw-lg) + 6px);min-width:16px}.hand-slot:last-child{flex-shrink:0}.hand-empty{align-self:center;color:#ffffff80;font-size:22px}.multi-bar{display:flex;align-items:center;gap:8px;background:var(--ink);padding:6px 10px;box-shadow:0 0 0 3px var(--yellow)}.multi-bar .px-btn{margin:3px}.amount{font-family:var(--px);font-size:12px;color:var(--yellow);min-width:64px;text-align:center}.me>.hint{font-size:20px;color:#e6f5ea;margin:2px 0 6px;min-height:24px}.toast{position:fixed;left:50%;bottom:calc(var(--cw-lg) * 1.4 + 90px);transform:translate(-50%);z-index:40;background:#6e1f17;color:#fff;font-size:22px;padding:8px 16px;box-shadow:0 0 0 3px var(--ink);animation:pop3 .2s steps(3)}@keyframes pop3{0%{transform:translate(-50%,10px);opacity:0}}.game-over{width:min(460px,100%)}.podium{display:flex;flex-direction:column;gap:6px}.podium-row{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#eef3f8;box-shadow:inset 0 0 0 2px #8fa5bd;font-size:22px}.podium-row.is-me{box-shadow:inset 0 0 0 3px #22324a}.podium-row.loser{background:#f6d2cf;box-shadow:inset 0 0 0 3px var(--red)}.podium-place{font-family:var(--px);font-size:12px;width:40px}.podium-name{flex:1}.loser-tag{display:flex;align-items:center;gap:6px;font-family:var(--px);font-size:10px;color:var(--red)}.confirm{width:min(380px,100%)}@media (max-width: 860px){.table{grid-template-columns:1fr 1fr;grid-template-areas:"tl tr" "top top" "left right" "center center";grid-template-rows:auto auto auto 1fr}.seat{min-width:0;padding:6px 8px}.table.seats-5{grid-template-areas:"tl tr" "top top" "left right" "center center"}.table.seats-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"left tl tr" "lb right rb" "center center center"}.table.seats-5 .seat,.table.seats-6 .seat{min-width:0}}@media (max-height: 760px){:root{--cw-lg: clamp(46px, 4.8vw, 62px);--cw-md: clamp(36px, 3.6vw, 46px)}}@media (max-width: 640px){.title-row{gap:10px}.chicken{width:64px;height:64px}.title{font-size:30px;letter-spacing:1px}.menu-buttons{min-width:0;width:100%;max-width:320px}.px-lg{font-size:14px}.menu-corner{position:static}.menu{gap:20px}}.scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lamp{transform-box:view-box;transform-origin:192px 0px;animation:sway 7s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}.lamp-light,.bulb{animation:flicker 5s steps(1) infinite}@keyframes flicker{0%,to{opacity:1}41%{opacity:1}42%{opacity:.55}43%{opacity:1}44%{opacity:.7}45%{opacity:1}78%{opacity:.85}80%{opacity:1}}.ember{fill:#ff6a2a;animation:ember 1.6s steps(1) infinite}@keyframes ember{0%{fill:#ff6a2a}40%{fill:#ffb347}55%{fill:#d6403a}80%{fill:#ff8a3a}}.smoke{fill:#c9ccd0;transform-box:fill-box;animation:smoke 5s steps(20) infinite;opacity:0}@keyframes smoke{0%{transform:translate(0) scale(1);opacity:0}8%{opacity:.55}40%{transform:translate(var(--dx),-14px) scale(1.5);opacity:.35}70%{transform:translate(calc(var(--dx) * -1),-26px) scale(2.2);opacity:.18}to{transform:translate(var(--dx),-40px) scale(3);opacity:0}}.mote{fill:#fff6c8;animation:mote 9s linear infinite;opacity:.35}@keyframes mote{0%{transform:translate(0);opacity:0}20%{opacity:.45}50%{transform:translate(3px,-4px)}80%{opacity:.3}to{transform:translate(-2px,-9px);opacity:0}}.table-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#14261f}.table-bg svg{display:block}.table-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 45% 40% at 50% 45%,rgba(255,238,180,.13),transparent 70%);animation:flicker 6s steps(1) infinite}.game .seat{background:#0c1612b8}.game .me{background:#0c16129e}.menu{gap:30px;justify-content:flex-start;padding-top:max(150px,21vh)}.title-row{display:flex;align-items:flex-end;gap:18px}.run-badge{position:absolute;right:-12px;top:-10px;z-index:6;font-family:var(--px);font-size:11px;color:var(--ink);background:var(--yellow);padding:5px 6px 4px;box-shadow:0 0 0 3px var(--ink);animation:pop2 .2s steps(3)}.boom{position:absolute;left:50%;bottom:0;width:0;height:0;z-index:30;pointer-events:none}.boom-card{position:absolute!important;left:calc(var(--cw-md) / -2)!important;bottom:0!important;animation:boomcard .3s steps(3) forwards}@keyframes boomcard{0%{transform:scale(1)}60%{transform:scale(1.15);filter:brightness(2)}to{transform:scale(.2);opacity:0}}.boom-cloud{position:absolute;left:-84px;bottom:-14px;transform-origin:50% 100%;animation:cloud 1s steps(10) forwards}@keyframes cloud{0%{transform:scale(.1,0);opacity:0}20%{transform:scale(.4,.5);opacity:1}45%{transform:scaleY(1.05);opacity:1;filter:none}75%{transform:scale(1.15,1.25);opacity:.9;filter:saturate(.4) brightness(.8)}to{transform:scale(1.3,1.4) translateY(-12px);opacity:0;filter:saturate(0) brightness(.6)}}.boom-ring{position:absolute;left:0;bottom:20px;width:10px;height:4px;transform:translate(-50%,50%);box-shadow:0 0 0 4px #fff4c2;border-radius:50%;animation:ring .7s steps(7) forwards;opacity:0}.boom-ring.r2{animation-delay:.15s;box-shadow:0 0 0 4px #f7a531}@keyframes ring{0%{width:10px;height:4px;opacity:1}to{width:300px;height:70px;opacity:0}}.boom-word{position:absolute;left:0;bottom:170px;transform:translate(-50%);white-space:nowrap;z-index:2;font-family:var(--px);font-size:22px;color:var(--yellow);text-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink),4px 5px 0 #6e1f17;animation:boomword 1s steps(8) forwards;opacity:0}@keyframes boomword{0%{opacity:0;transform:translate(-50%) scale(.3)}25%{opacity:1;transform:translate(-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.boom-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#fff4c2;pointer-events:none;animation:bflash .35s steps(4) forwards}@keyframes bflash{0%{opacity:0}25%{opacity:.85}to{opacity:0}}.table.shaking{animation:tshake .5s steps(8)}@keyframes tshake{12%{transform:translate(-6px,3px)}25%{transform:translate(6px,-3px)}37%{transform:translate(-5px,-2px)}50%{transform:translate(5px,3px)}62%{transform:translate(-3px,1px)}75%{transform:translate(3px,-1px)}to{transform:none}}.grab-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.grab-hand,.grab-cards{position:fixed;left:0;top:0;will-change:transform}.grab-hand{filter:drop-shadow(3px 4px 0 rgba(0,0,0,.35))}.grab-cards{width:calc(var(--cw-md) + 12px);height:calc(var(--cw-md) * 1.4)}.grab-count{position:absolute;right:-14px;top:-14px;font-family:var(--px);font-size:11px;background:#6e1f17;color:#fff;padding:4px 5px;box-shadow:0 0 0 2px var(--ink)}.avatar-btn{border:0;padding:0;background:none;cursor:pointer;display:block}.avatar-btn:hover svg{filter:drop-shadow(2px 0 0 var(--yellow)) drop-shadow(-2px 0 0 var(--yellow)) drop-shadow(0 2px 0 var(--yellow)) drop-shadow(0 -2px 0 var(--yellow))}.me-id{position:relative}.emote-bubble{position:absolute;z-index:35;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px 8px;min-width:84px;background:var(--cream);color:var(--ink);box-shadow:0 -3px 0 var(--ink),0 3px 0 var(--ink),-3px 0 0 var(--ink),3px 0 0 var(--ink),5px 6px #0000004d;animation:bubble 2.4s steps(1) forwards;pointer-events:none}.emote-bubble:after{content:"";position:absolute;left:calc(50% - 6px);bottom:-12px;width:12px;height:9px;background:var(--cream);box-shadow:0 3px 0 var(--ink),-3px 0 0 var(--ink),3px 0 0 var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}.emote-bubble b{font-family:var(--px);font-weight:400;font-size:11px;white-space:nowrap}.emote-bubble small{font-size:15px;color:#6a6a7a;white-space:nowrap}@keyframes bubble{0%{transform:translate(-50%) scale(.5)}6%{transform:translate(-50%) scale(1.1)}12%{transform:translate(-50%) scale(1)}90%{opacity:1}to{opacity:0}}.seat-left .emote-bubble,.seat-right .emote-bubble{bottom:auto;top:-80px}.seat-top .emote-bubble,.seat-tl .emote-bubble,.seat-tr .emote-bubble{bottom:auto;top:calc(100% + 12px)}.seat-top .emote-bubble:after,.seat-tl .emote-bubble:after,.seat-tr .emote-bubble:after{bottom:auto;top:-12px;transform:rotate(180deg)}.emo-up,.emo-down,.emo-nah{animation:wag .4s steps(2) 4}@keyframes wag{50%{transform:rotate(-12deg) translateY(-2px)}}.emo-kapak{position:relative;display:flex;flex-direction:column;align-items:center}.emo-kapak .kapak-palm{animation:slap .5s steps(3) 3;margin-bottom:calc(var(--s) * -2);position:relative;z-index:1}.emo-kapak .kapak-palm{transform-origin:0% 60%}@keyframes slap{0%{transform:translateY(-6px) rotate(-28deg)}60%{transform:translateY(1px) rotate(0)}to{transform:none}}.emo-fire{animation:bob .3s steps(2) infinite}.emo-bok{animation:bob .4s steps(2) infinite}.emote-picker{position:absolute;z-index:40;left:50%;top:calc(100% + 8px);transform:translate(-50%);background:#22324a;padding:8px;width:290px;box-shadow:0 -3px 0 var(--ink),0 3px 0 var(--ink),-3px 0 0 var(--ink),3px 0 0 var(--ink),inset 0 0 0 2px #3e5878,6px 7px #00000059;animation:pop2 .15s steps(3)}.me-id .emote-picker{top:auto;bottom:calc(100% + 8px);left:0;transform:none}.seat-right .emote-picker,.seat-tr .emote-picker{left:auto;right:0;transform:none}.seat-left .emote-picker{left:0;transform:none}.emote-picker-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--px);font-size:9px;color:var(--yellow);margin:2px 2px 8px}.emote-picker .x{border:0;background:none;color:#c9d6e3;cursor:pointer;font-size:14px}.emote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.emote-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:80px;cursor:pointer;border:0;background:var(--cream);color:var(--ink);padding:6px 2px;box-shadow:inset 0 0 0 2px #8fa5bd,inset -3px -3px #d8d0bd}.emote-btn span{font-family:var(--px);font-size:7px}.emote-btn:hover{box-shadow:inset 0 0 0 3px var(--yellow);transform:translateY(-2px)}.emote-btn:active{transform:translateY(1px)}.board-panel{width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto}.board-tabs{margin-bottom:14px;grid-template-columns:1fr 1fr}.board{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:22px}.board th{font-family:var(--px);font-weight:400;font-size:9px;text-align:left;padding:4px 8px;color:#22324a}.board td{background:#eef3f8;padding:4px 8px;box-shadow:inset 0 2px #8fa5bd,inset 0 -2px #8fa5bd}.board td:first-child{box-shadow:inset 2px 0 #8fa5bd,inset 0 2px #8fa5bd,inset 0 -2px #8fa5bd}.board td:last-child{box-shadow:inset -2px 0 #8fa5bd,inset 0 2px #8fa5bd,inset 0 -2px #8fa5bd}.board tr.you td{background:#fff4c2}.board .who-in{display:flex;align-items:center;gap:8px;min-width:0}.board .who-in>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 760px){.board{font-size:18px}.board td,.board th{padding:4px 5px}.board th:nth-child(3),.board td:nth-child(3){display:none}.board .who-in svg{width:24px;height:24px}.board-panel{padding-left:12px;padding-right:12px}.board th{font-size:8px}}.rank-cell,.pts{font-family:var(--px);font-size:12px}.board tbody tr:nth-child(1) .rank-cell{color:#c99a1e}.star{fill:#fff6d8;animation:twinkle 11s steps(1) infinite}.star.dim{fill:#9fa8c8}@keyframes twinkle{0%,to{opacity:1}46%{opacity:1}50%{opacity:.4}54%{opacity:1}82%{opacity:.85}86%{opacity:1}}.tsmoke{fill:#c9ccd0;transform-box:fill-box;animation:tsmoke 4.5s steps(18) infinite;opacity:0}.tsmoke.vape{fill:#eef1f4;animation-duration:6s}@keyframes tsmoke{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.5}45%{transform:translate(var(--dx),-4px) scale(1.6);opacity:.3}to{transform:translate(calc(var(--dx) * -1),-10px) scale(2.6);opacity:0}}.led{fill:#fff;animation:led 2.4s steps(1) infinite}@keyframes led{0%,to{fill:#fff}50%{fill:#9fd8ff}75%{fill:#5a6a7a}}.fly-cards{position:fixed;left:0;top:0;width:var(--cw-md);height:calc(var(--cw-md) * 1.4);will-change:transform}.game-chat{position:absolute;right:16px;top:52px;z-index:30;display:flex;justify-content:flex-end}.chat-toggle{position:relative;border:0;cursor:pointer;font-family:var(--px);font-size:11px;color:var(--cream);background:#0c1612d9;padding:9px 12px;box-shadow:inset 0 0 0 3px #3a5a48}.chat-toggle:hover{box-shadow:inset 0 0 0 3px var(--yellow)}.chat-unread{position:absolute;right:-8px;top:-8px;background:var(--red);color:#fff;font-size:9px;padding:3px 5px;box-shadow:0 0 0 2px var(--ink)}.chat{display:flex;flex-direction:column;width:100%;background:#22324a;color:var(--cream);box-shadow:inset 0 0 0 2px #3e5878}.chat.floating{width:280px;box-shadow:0 -3px 0 var(--ink),0 3px 0 var(--ink),-3px 0 0 var(--ink),3px 0 0 var(--ink),inset 0 0 0 2px #3e5878,6px 7px #00000059}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 4px;font-family:var(--px);font-size:10px;color:var(--yellow)}.chat-head .x{border:0;background:none;color:#c9d6e3;cursor:pointer;font-size:14px}.chat-list{height:170px;overflow-y:auto;padding:6px 10px;font-size:19px;line-height:1.15;display:flex;flex-direction:column;gap:3px}.chat-line{word-break:break-word}.chat-line b{font-weight:400;color:#9fd0ff}.chat-line.mine b{color:var(--yellow)}.chat-line.system,.chat-empty{color:#8fa5bd;font-style:italic}.chat-form{display:flex;gap:6px;padding:6px}.chat-input{font-size:11px;padding:8px}.chat-send{border:0;cursor:pointer;font-family:var(--px);font-size:10px;background:#4cb860;color:#fff;padding:0 10px;box-shadow:inset 0 -3px #2f8a44}.chat-send:disabled{background:#5a6a7a;box-shadow:none;cursor:not-allowed}.lobby-chat{margin-top:14px}.lobby-chat .chat-list{height:120px}.say-bubble{font-size:19px;line-height:1.1;max-width:200px;min-width:60px;white-space:normal;text-align:center}*,*:before,*:after{cursor:var(--glove, auto)!important}input,textarea{cursor:text!important}.login{gap:14px;justify-content:center;padding-top:60px}.login-title{display:flex;align-items:flex-end;gap:14px}.login-title .title-px{filter:drop-shadow(5px 5px 0 rgba(0,0,0,.45))}.login-panel{width:min(440px,100%);max-height:calc(100vh - 120px);overflow:auto}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form .field span{color:#22324a}.login-submit{margin-top:6px}.pw-row{display:flex;gap:6px}.pw-toggle{border:0;cursor:pointer;font-family:var(--px);font-size:9px;background:#eef3f8;color:#22324a;padding:0 10px;box-shadow:inset 0 0 0 2px #8fa5bd}.field-note{font-size:17px;color:#4a5f78}.field-note.note-center{display:block;text-align:center;margin-top:8px}.form-error{margin:0;background:#f6d2cf;color:#8a1f17;padding:8px 12px;font-size:19px;box-shadow:inset 0 0 0 2px var(--red)}.form-error.inline{align-self:center;padding:6px 10px}.or-line{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:#4a5f78;font-family:var(--px);font-size:9px}.or-line:before,.or-line:after{content:"";flex:1;height:3px;background:#8fa5bd}.guest-form{display:flex;gap:6px;align-items:center}.guest-form .px-input{font-size:11px}.guest-form .px-btn{white-space:nowrap}.chip-tag{margin-left:8px;font-style:normal;font-family:var(--px);font-size:8px;background:#3e5878;color:#fff;padding:3px 5px}.account-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#eef3f8;padding:8px 12px;margin-bottom:18px;box-shadow:inset 0 0 0 2px #8fa5bd;font-size:20px}.account-bar b{font-family:var(--px);font-size:11px;font-weight:400}.account-bar small{color:#4a5f78;font-size:17px}.account-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.account-actions .warn{color:#8a1f17;font-size:18px;margin-right:4px}.guest-tag{margin-left:8px;font-style:normal;font-family:var(--px);font-size:8px;background:#8fa5bd;color:#fff;padding:2px 4px}.board tr.gap td{background:none;box-shadow:none;text-align:center;color:#4a5f78;padding:0}.score-key{margin:12px 0 0;text-align:center;font-size:18px;color:#4a5f78}.local-setup{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(480px,calc(100vw - 32px));min-width:0}.local-setup .hint{min-height:1.2em}.local-setup .level-note{min-height:2.4em;line-height:1.2;display:flex;align-items:center;justify-content:center}.local-setup .panel-title{margin-bottom:4px}.bot-count{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.bot-count.level-pick{grid-template-columns:repeat(5,1fr)}.bot-count.level-pick button{font-size:9px;padding:12px 2px;line-height:1.4}.level-note{margin-top:4px}.bot-count button{border:0;cursor:pointer;font-family:var(--px);font-size:16px;padding:14px 0;background:#eef3f8;color:#22324a;box-shadow:inset 0 0 0 2px #8fa5bd,inset 0 -4px #c9d6e3}.bot-count button.on{background:#22324a;color:var(--yellow);box-shadow:inset 0 0 0 2px var(--ink)}.bot-preview{display:flex;justify-content:center;gap:6px;min-height:52px;align-items:center}.field-label{font-family:var(--px);font-size:10px;color:#22324a}.lobby-panel{max-height:calc(100vh - 32px);overflow:auto}.invite-row{display:flex;gap:6px;align-items:center;margin:-6px 0 14px}.invite-link{font-size:10px;padding:8px}.lobby-slots li{position:relative}.lobby-slots li.away{opacity:.6}.lobby-slots .slot-name{flex:1}.lobby-slots em.tag{margin-left:0;background:#8fa5bd;color:#fff}.lobby-slots em.tag.away{background:var(--red)}.slot-x{border:0;cursor:pointer;background:none;color:#7d93ab;font-size:16px;padding:4px 6px}.slot-x:hover{color:var(--red)}.wait-host{margin:0;align-self:center}.hint.conn{color:#4a5f78}.lobby-slots li{min-height:48px;padding:4px 10px}.lobby-opts{display:flex;align-items:center;gap:12px;margin:0 0 10px;flex-wrap:wrap}.deck-pick{display:flex;gap:6px}.deck-pick button{border:0;cursor:pointer;font-family:var(--px);font-size:13px;width:40px;padding:10px 0;background:#eef3f8;color:#22324a;box-shadow:inset 0 0 0 2px #8fa5bd,inset 0 -4px #c9d6e3}.deck-pick button.on{background:#22324a;color:var(--yellow);box-shadow:inset 0 0 0 2px var(--ink)}.deck-pick button:disabled{cursor:default}.deck-pick button:disabled:not(.on){opacity:.4}.deck-note{margin:0;font-size:18px}.level-select{font-family:var(--px);font-size:9px;padding:6px 4px;border:0;background:#22324a;color:var(--yellow);box-shadow:inset 0 0 0 2px var(--ink);cursor:pointer}.kick-confirm{display:flex;gap:4px}.kick-btn{border:0;cursor:pointer;font-family:var(--px);font-size:9px;padding:7px 8px;background:#dfe7ef;color:#6e1f17;box-shadow:inset 0 0 0 2px #c2898a}.kick-btn:hover,.kick-btn.yes{background:var(--red);color:#fff;box-shadow:inset 0 0 0 2px var(--ink)}.lobby-links{display:flex;justify-content:center;gap:8px;margin:10px 0 0}.scroll-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:12px;background:#0a0e0c8c}.scroll{position:relative;display:flex;flex-direction:column;width:min(640px,100%);max-height:min(92vh,980px);max-height:min(92dvh,980px);filter:drop-shadow(6px 10px 0 rgba(0,0,0,.35))}.scroll-rod{position:relative;z-index:2;flex:none;height:30px;margin:0 -4px;background:linear-gradient(#f3e3b5 0,#f3e3b5 18%,#d9bc7d 18%,#d9bc7d 45%,#b08a4c 45%,#b08a4c 72%,#7d5a2c 72%);box-shadow:inset 0 0 0 3px #3b2416}.scroll-rod:before,.scroll-rod:after{content:"";position:absolute;top:-6px;width:22px;height:42px;background:linear-gradient(90deg,#3b2416,#8a5a32 35%,#5a3826 70%,#2a1810);box-shadow:inset 0 0 0 3px #1e120a}.scroll-rod:before{left:-18px}.scroll-rod:after{right:-18px}.scroll-paper{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;margin:-4px 10px;padding:28px clamp(18px,6vw,46px) 30px;color:#3b2416;font-family:IM Fell English,Georgia,serif;font-size:19px;line-height:1.45;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% 50%,rgba(255,248,225,.55),transparent 70%),linear-gradient(90deg,rgba(120,80,30,.35),transparent 7%,transparent 93%,rgba(120,80,30,.35)),linear-gradient(rgba(90,56,20,.35),transparent 4%,transparent 96%,rgba(90,56,20,.35)),repeating-linear-gradient(0deg,rgba(110,70,30,.05) 0 2px,transparent 2px 7px),#ecd9a6;clip-path:polygon(0 0,100% 0,99.2% 8%,100% 16%,99.4% 27%,100% 38%,99.1% 51%,100% 63%,99.3% 76%,100% 88%,100% 100%,0 100%,.8% 90%,0 79%,.7% 66%,0 54%,.9% 41%,0 29%,.6% 17%,0 7%);animation:unroll .7s cubic-bezier(.3,.7,.3,1);scrollbar-width:thin;scrollbar-color:#9c7a3c transparent}@keyframes unroll{0%{max-height:0;padding-top:0;padding-bottom:0}to{max-height:92vh}}@media (prefers-reduced-motion: reduce){.scroll-paper{animation:none}}.scroll-paper h1{margin:0 44px 6px;font-family:Pirata One,IM Fell English,serif;font-weight:400;font-size:clamp(30px,7vw,44px);line-height:1.05;text-align:center;color:#5a1a10}.scroll-paper h2{margin:22px 0 6px;font-family:Pirata One,serif;font-weight:400;font-size:27px;color:#5a1a10;border-bottom:2px solid rgba(90,26,16,.25)}.scroll-paper p{margin:0 0 10px}.scroll-lead{text-align:center;font-style:italic}.scroll-lead:first-letter{font-family:Pirata One,serif;font-size:2.2em;color:#8a1f17;font-style:normal}.scroll-paper ul{margin:0 0 10px;padding-left:22px}.scroll-paper li{margin-bottom:4px}.scroll-paper li::marker{content:"✦  ";color:#8a1f17}.scroll-paper dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 10px;align-items:baseline}.scroll-paper dt{font-family:Pirata One,serif;font-size:24px;color:#8a1f17;text-align:right;white-space:nowrap}.scroll-paper dd{margin:0}.scroll-table-wrap{overflow-x:auto;margin:4px 0 10px}.scroll-points{margin:0 auto;border-collapse:collapse;font-size:17px}.scroll-points th,.scroll-points td{padding:3px 7px;text-align:center;border-bottom:1px dashed rgba(59,36,22,.35)}.scroll-points thead th{font-family:Pirata One,serif;font-weight:400;font-size:19px;color:#5a1a10}.scroll-points tbody th{font-family:Pirata One,serif;font-weight:400;font-size:21px;color:#8a1f17}.scroll-points td{font-family:Pirata One,serif;font-size:20px;color:#3b2416}.scroll-points td.last{color:#8a1f17}.scroll-small{font-size:16px;text-align:center;opacity:.8}.scroll-sign{text-align:center;font-style:italic;margin-top:18px!important}.scroll-seal{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;padding:0;cursor:pointer;background:none;color:#5a1a10;font-size:26px;line-height:1}.scroll-seal:hover{color:#8a1f17;transform:scale(1.1)}@media (max-width: 640px){:root{--cw-lg: clamp(50px, 18.5vw, 76px);--cw-md: clamp(38px, 12vw, 50px);--cw-sm: clamp(26px, 8.2vw, 36px)}.game{padding:4px 6px 0;gap:4px;height:100%;height:100dvh}.game-top{gap:6px;padding-right:64px}.game-top .px-sm{font-size:9px;padding:8px 9px 11px}.burn-count{padding:4px 8px;font-size:10px}.log{font-size:15px;padding:2px 6px}.log div:not(:last-child){display:none}.game-chat{top:4px;right:6px}.table,.table.seats-5,.table.seats-6{display:grid;grid-template-areas:none;grid-template-rows:none;grid-auto-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px}.table.seats-1{grid-template-columns:minmax(0,220px);justify-content:center}.table.seats-2,.table.seats-4{grid-template-columns:repeat(2,minmax(0,1fr))}.table.seats-1,.table.seats-2,.table.seats-3{grid-template-rows:auto 1fr}.table.seats-4,.table.seats-5,.table.seats-6{grid-template-rows:auto auto 1fr}.table .table-center{grid-row:-2 / -1}.piles{--cw-md: var(--cw-lg)}.table .seat{grid-area:auto;min-width:0;width:100%;padding:4px 5px 6px;gap:3px}.table-center{grid-area:auto;grid-column:1 / -1;align-self:center;padding:6px 0;gap:6px}.seat-id{gap:5px;width:100%;min-width:0}.seat-id .avatar-btn svg{width:30px;height:30px}.seat-id>div{min-width:0}.seat-id b{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-id small{font-size:15px;white-space:nowrap}.seat-hand{display:none}.seat-table{gap:3px}.turn-arrow{top:-12px;width:18px;height:18px}.piles{gap:22px}.rule-chip{font-size:8px;padding:6px 8px}.me{padding:4px 6px 0}.me-row{grid-template-columns:auto 1fr auto;gap:8px;padding-top:6px}.me-row>.table-cards{justify-self:center}.me-id b{display:none}.me-id .avatar-btn svg{width:36px;height:36px}.me-actions .px-btn{font-size:10px;padding:10px 10px 13px}.hand{padding:18px 2px 2px;min-height:calc(var(--cw-lg) * 1.4 + 20px)}.hand-wrap{margin-top:6px}.hand-wrap.base-main{padding:18px 0 2px;min-height:calc(var(--cw-lg) * 1.4 + 22px)}.me>.hint{font-size:16px;line-height:1.1;margin:2px 0 4px;min-height:18px}.your-turn{top:-18px;font-size:10px;padding:6px 10px;gap:6px}.table-props{display:none}.toast{font-size:17px;bottom:calc(var(--cw-lg) * 1.4 + 70px);max-width:92vw;text-align:center}.banner{font-size:14px}}@media (max-height: 520px){:root{--cw-lg: clamp(40px, 6.4vw, 54px);--cw-md: clamp(32px, 4.6vw, 40px);--cw-sm: clamp(22px, 3.2vw, 28px)}.game{padding:2px 8px 0;gap:2px}.game-top .px-sm{font-size:9px;padding:6px 8px 9px}.log{font-size:15px}.log div:not(:last-child){display:none}.table{gap:2px}.table .seat{padding:3px 6px 4px;gap:2px;min-width:0}.seat-id .avatar-btn svg{width:26px;height:26px}.seat-id b{font-size:8px}.seat-id small{font-size:14px}.seat-hand{display:none}.turn-arrow{top:-12px;width:18px;height:18px}.piles{gap:16px}.table-center{gap:10px;flex-direction:row;align-items:flex-end}.table,.table.seats-5{grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"tl top tr" "left center right";align-items:start}.table.seats-6{grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:auto 1fr 1fr;grid-template-areas:"tl top tr" "left center right" "lb center rb"}.table .seat-left,.table .seat-right,.table .seat-lb,.table .seat-rb{align-self:center}.rule-chip{font-size:8px;padding:4px 6px}.me{padding:2px 8px 0}.me-row{padding-top:2px;gap:8px}.me-id b{font-size:9px}.me-id .avatar-btn svg{width:30px;height:30px}.hand{padding:12px 4px 0;min-height:calc(var(--cw-lg) * 1.4 + 12px)}.hand-wrap{margin-top:2px}.hand-wrap.base-main{padding:12px 0 0;min-height:calc(var(--cw-lg) * 1.4 + 12px)}.me>.hint{font-size:15px;margin:0 0 2px;min-height:16px}.your-turn{top:-16px;font-size:9px;padding:5px 8px}.me{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"row hand" "hint hint";column-gap:14px;align-items:end}.me>.me-row{grid-area:row;display:grid;grid-template-columns:auto auto;grid-template-areas:"base base" "id actions";align-items:center;justify-items:start;gap:4px 10px;padding:2px 0 0}.me>.me-row>.me-id{grid-area:id}.me>.me-row>.table-cards,.me>.me-row>div:empty{grid-area:base}.me>.me-row>.me-actions{grid-area:actions;justify-self:end}.me>.hand-wrap{grid-area:hand;margin:0}.me>.hint{grid-area:hint}.me-actions .px-btn{font-size:9px;padding:7px 8px 10px}.table-props{display:none}}@media (max-width: 640px){.room-code{font-size:28px;letter-spacing:8px;padding:10px 0 10px 8px;margin:4px 0 10px}.lobby-panel .chat-list,.lobby-chat .chat-list{height:110px}.lobby-slots li{min-height:42px;font-size:19px;gap:8px}.lobby-slots li svg{width:36px;height:36px}.lobby-links{flex-wrap:wrap}.lobby-links .px-sm,.lobby-panel .panel-foot .px-sm{font-size:9px;padding:9px 9px 12px}}.presence{display:inline-block;flex:none;width:10px;height:10px;margin-right:2px;vertical-align:middle}.presence.online{background:#3aa35c;box-shadow:0 0 0 2px #1d5a31}.presence.game{background:var(--yellow);box-shadow:0 0 0 2px #8a6a1a}.presence.offline{background:transparent}.board-search{width:100%;font-size:12px;margin:0 0 8px}.presence-key{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px;font-size:18px;color:#4a5f78}.presence-key .presence{margin-left:8px}.global-chat{position:fixed;right:12px;bottom:12px;z-index:40;display:flex;justify-content:flex-end}.global-chat .chat.global{width:300px;opacity:.55;transition:opacity .15s}.global-chat .chat.global:hover,.global-chat .chat.global:focus-within{opacity:1}.global-chat .chat.global .chat-list{height:150px}.global-chat .chat-toggle.global{opacity:.8}.chat-note{margin-left:8px;font-family:var(--vt);font-size:15px;color:#8fa5bd}@media (max-width: 640px){.global-chat{right:8px;bottom:8px}.global-chat .chat.global{width:min(300px,calc(100vw - 16px));opacity:.85}}.icon-btn .px-btn-label{display:flex;align-items:center;justify-content:center}.icon-btn svg{width:14px;height:14px}.settings-modal{align-items:flex-start;overflow-y:auto}.settings-modal .screen{height:auto;min-height:100%;padding:0}.pause-panel .panel-title{margin-bottom:8px}.burn-heap{position:absolute;left:33%;bottom:3%;width:0;height:0;z-index:0;pointer-events:none}.burn-heap .heap-card{position:absolute;left:0;bottom:0;animation:heapdrop .35s steps(4);filter:drop-shadow(1px 2px 0 rgba(0,0,0,.35)) brightness(.88) sepia(.25)}@keyframes heapdrop{0%{opacity:0;margin-bottom:26px}}.heap-count{position:absolute;left:-8px;bottom:-22px;font-family:var(--px);font-size:9px;color:#f7c948;text-shadow:1px 1px 0 var(--ink);white-space:nowrap}.heap-count:before{content:"Burned ";color:#dff3e4}@media (max-width: 640px){.burn-heap{left:8%;bottom:6px;transform:scale(.75);transform-origin:left bottom}.heap-count{display:none}}@media (prefers-reduced-motion: reduce){.burn-heap .heap-card{animation:none}}.version{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:2;font-family:var(--px);font-size:9px;color:#fff4c2a6;text-shadow:1px 1px 0 var(--ink);pointer-events:none}@media (max-width: 640px){.version{position:static;transform:none;margin-top:4px}}.tutorial-screen{justify-content:flex-start;overflow-y:auto;padding-top:24px}.tutorial{width:min(820px,100%)}.tutorial .panel-title{margin-bottom:10px}.tut-progress{display:flex;justify-content:center;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tut-progress button{width:14px;height:14px;padding:0;border:0;cursor:pointer;background:#c9d6e3;box-shadow:inset 0 0 0 2px #8fa5bd}.tut-progress button.seen{background:#8fa5bd}.tut-progress button.on{background:#22324a;box-shadow:inset 0 0 0 2px var(--ink)}.tut-body{color:#22324a;font-size:21px;line-height:1.25}.tut-body p{margin:10px 0}.tut-stage{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:22px 34px;padding:24px 16px 18px;margin-bottom:6px;background:#1c704a;box-shadow:inset 0 0 0 3px #0d3020,inset 0 0 0 6px #5a3520,inset 0 0 0 9px #2a1810;color:var(--cream)}.tut-stage.tut-centered{align-items:center;min-height:170px}.tut-row{display:flex;gap:8px;align-items:flex-end}.tut-row.wrap{flex-wrap:wrap;justify-content:center}.tut-arrow-label{width:100%;text-align:center;font-family:var(--px);font-size:10px;margin-top:-10px;color:#dff3e4}.tut-special,.tut-labelled{display:flex;flex-direction:column;align-items:center;gap:8px}.tut-special span,.tut-labelled>span{font-family:var(--px);font-size:9px;color:#dff3e4;text-align:center}.tut-pile{display:flex;flex-direction:column;align-items:center;gap:8px}.tut-pile-cards{position:relative;width:calc(var(--cw-md) + 28px);height:calc(var(--cw-md) * 1.4 + 8px)}.tut-pile-cards .empty-slot{position:absolute;bottom:0}.tut-feedback{padding:8px 12px;font-size:20px}.tut-feedback.ok{background:#d8f0dc;box-shadow:inset 0 0 0 2px #3aa35c;color:#1d5a31}.tut-feedback.bad{background:#f6d2cf;box-shadow:inset 0 0 0 2px var(--red);color:#6e1f17}.tut-actions{display:flex;gap:8px;justify-content:center;margin:8px 0}.tut-empty-hand{font-size:18px;color:#fff9;padding:20px 0}.tut-cards-of-power{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%}.tut-cards-of-power>div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.tut-cards-of-power b{font-family:var(--px);font-size:9px;font-weight:400;color:var(--yellow)}.tut-cards-of-power span{font-size:17px;line-height:1.1;color:#e6f5ea}.tut-four{position:relative;width:calc(var(--cw-sm) + 28px);height:calc(var(--cw-md) * 1.4)}.tut-four .card{position:absolute;bottom:0}.tut-podium{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;justify-content:center}.tut-podium>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;background:#0c16128c}.tut-podium b{font-family:var(--px);font-size:11px;font-weight:400;color:var(--yellow)}.tut-podium span{font-size:18px}.tut-podium .tut-got b{color:#ff8b84}.tut-list{margin:0;padding-left:22px;font-size:20px;line-height:1.25;text-align:left;max-width:620px}.tut-list li{margin:4px 0}.tut-count{font-family:var(--px);font-size:10px;color:#4a5f78}.scroll-tutorial{display:block;margin:4px auto 6px;border:0;cursor:pointer;padding:8px 14px;font-family:Pirata One,serif;font-size:22px;color:#f6e7c1;background:#8a1f17;box-shadow:inset 0 0 0 2px #5a120d,2px 3px #0003}.scroll-tutorial:hover{background:#a3271d}@media (max-width: 640px){.tutorial-screen{padding:8px}.tut-body{font-size:18px}.tut-stage{gap:14px 18px;padding:18px 10px 14px}.tut-cards-of-power{grid-template-columns:repeat(2,minmax(0,1fr))}.tut-row{gap:4px;flex-wrap:wrap;justify-content:center}}