:root{--bg: #0d0b14;--panel: #161320;--panel-2: #1e1a2b;--line: #2e2842;--text: #ece9f5;--muted: #9a93b3;--gold: #f5b642;--gold-dim: #b8862a;--red: #ef4444;--green: #22c55e;--blue: #60a5fa;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);background-image:radial-gradient(1100px 620px at 50% -10%,#2a1f3d 0%,transparent 60%),radial-gradient(700px 500px at 90% 110%,#1d2a3d 0%,transparent 65%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:800;letter-spacing:.01em}.big-btn{display:block;width:100%;padding:14px 18px;border-radius:12px;background:linear-gradient(180deg,var(--panel-2),#171423);border:1px solid var(--line);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;transition:transform .08s ease,filter .15s ease}.big-btn:hover:not(:disabled){filter:brightness(1.25)}.big-btn:active:not(:disabled){transform:translateY(2px)}.big-btn:disabled{opacity:.4;cursor:not-allowed}.big-btn.gold{background:linear-gradient(180deg,#f8c65c,var(--gold-dim));border-color:#ffd98a;color:#241a03;box-shadow:0 6px 22px #f5b6423d}.big-btn.danger{background:linear-gradient(180deg,#f05252,#a02525);border-color:#ff8080;color:#fff}.ghost-btn{padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:var(--muted);font-size:.85rem;font-weight:600}.ghost-btn:hover{color:var(--text);border-color:#4a4166}.ghost-btn.tiny{padding:6px 10px;font-size:.78rem}.ghost-btn.quiet{border-color:transparent;opacity:.6}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:10px}.landing,.lobby{min-height:100%;display:grid;place-items:center;padding:20px 16px 40px}.landing-card,.lobby-card{width:min(430px,100%);background:linear-gradient(180deg,#1e1a2beb,#120f1cf0);border:1px solid var(--line);border-radius:20px;padding:26px 22px;box-shadow:0 30px 80px #0000008c;display:flex;flex-direction:column;gap:14px}.logo{font-size:2rem;text-align:center;letter-spacing:.14em;background:linear-gradient(180deg,#ffe6ab,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.logo span{-webkit-text-fill-color:initial;color:initial}.logo.small{font-size:1.3rem}.tagline{margin:-8px 0 4px;text-align:center;color:var(--muted);font-size:.9rem}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}input{width:100%;padding:12px 14px;border-radius:11px;background:#100d1a;border:1px solid var(--line);outline:none}input:focus{border-color:var(--gold-dim);box-shadow:0 0 0 3px #f5b64224}.teampicker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chip{padding:10px 6px;border-radius:10px;border:1px solid var(--line);background:#100d1a;font-weight:700;font-size:.85rem;color:var(--muted)}.chip.on{border-color:var(--gold);color:#241a03;background:linear-gradient(180deg,#f8c65c,var(--gold-dim))}.error-box{padding:10px 12px;border-radius:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#ffc9c9;font-size:.86rem}.or{text-align:center;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;position:relative}.or:before,.or:after{content:"";position:absolute;top:50%;width:27%;height:1px;background:var(--line)}.or:before{left:0}.or:after{right:0}.join-row{display:grid;grid-template-columns:1fr auto;gap:10px}.join-row .big-btn{width:auto;padding:12px 22px}.code-input{text-align:center;font-size:1.5rem;font-weight:900;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase}.how{font-size:.84rem;color:var(--muted)}.how summary{cursor:pointer;font-weight:700}.how ul{margin:10px 0 0;padding-left:18px;display:grid;gap:7px;line-height:1.45}.code-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:14px;background:#100d1a;border:1px dashed var(--gold-dim)}.code-label{font-size:.7rem;letter-spacing:.22em;color:var(--muted);font-weight:700}.code-big{font-size:3rem;font-weight:900;letter-spacing:.24em;text-indent:.24em;color:var(--gold);line-height:1}.lobby-players h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.lp-grid{display:grid;gap:8px}.lp-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:#ffffff08;border:1px solid var(--line)}.lp-row.gone{opacity:.4}.lp-name{font-weight:700}.lp-name em{font-style:normal;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-left:6px}.lp-team{font-size:.78rem;color:var(--muted)}.kick{color:var(--muted);padding:2px 6px}.kick:hover{color:var(--red)}.game{display:flex;flex-direction:column;height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:#0d0b14cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tb-left{display:flex;align-items:baseline;gap:10px;min-width:0}.tb-code{font-weight:900;letter-spacing:.2em;color:var(--gold)}.tb-meta{font-size:.78rem;color:var(--muted);white-space:nowrap}.tb-right{display:flex;gap:8px}.netbar{padding:6px 12px;background:#ef444426;border-bottom:1px solid rgba(239,68,68,.35);font-size:.82rem;text-align:center;color:#ffc9c9}.game-main{position:relative;z-index:0;flex:1;min-height:0;display:grid;grid-template-columns:1fr minmax(280px,330px)}.table-pane{display:grid;place-items:center;padding:14px;min-height:0;min-width:0}.table-circle{position:relative;width:min(100%,78vh,640px);aspect-ratio:1}.mate-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.table-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44%;display:grid;justify-items:center;gap:8px}.seat{position:absolute;transform:translate(-50%,-50%);width:96px;display:grid;justify-items:center;gap:3px;padding:6px 4px;border-radius:14px;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s}.seat.me{background:#ffffff0a;border-color:var(--line)}.seat.turn{background:#f5b6421f;border-color:#f5b6428c;box-shadow:0 0 26px #f5b64233}.seat.gone{filter:grayscale(1);opacity:.45}.seat.pickable{cursor:pointer;border-color:var(--blue);background:#60a5fa24;animation:bob 1.1s ease-in-out infinite}.seat.pickable:hover{transform:translate(-50%,-50%) scale(1.07)}.seat.loser{border-color:var(--red);background:#ef44442e}.seat.drinking .seat-av:after{content:"🍺";position:absolute;left:50%;top:-6px;font-size:1.3rem;animation:floatUp 1.4s ease-out forwards}.seat-av{position:relative}.avatar{display:grid;place-items:center;border-radius:50%;font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.18)}.badge{position:absolute;font-size:.9rem;line-height:1}.badge.qm{top:-8px;right:-8px}.badge.turn-dot{bottom:-2px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.seat-name{font-size:.8rem;font-weight:700;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-drinks{font-size:.7rem;color:var(--muted)}.can-wrap{display:grid;justify-items:center;gap:6px;width:100%}.can-svg{width:min(100%,150px);height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55));animation:canShake .16s infinite}.can-wrap.cracked .can-svg{animation:canPop .5s ease-out}.can-label{fill:var(--gold);font-size:11px;font-weight:900;letter-spacing:1px;font-family:inherit}.can-label.small{font-size:8px;fill:#e2e8f0}.tab-suit{font-size:9px;font-family:Georgia,Times New Roman,serif}.crackline{stroke-linecap:round;animation:crackIn .4s ease-out}.burst{animation:burst .6s ease-out forwards}.can-meter{width:100%;max-width:190px;display:grid;gap:4px}.can-meter-label{display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.1em;color:var(--muted);font-weight:700}.can-meter-label strong.warm{color:var(--gold)}.can-meter-label strong.hot{color:var(--red)}.can-meter-bar{height:7px;border-radius:4px;background:#100d1a;border:1px solid var(--line);overflow:hidden}.can-meter-fill{height:100%;transition:width .5s ease}.can-meter-sub{font-size:.66rem;color:var(--muted);text-align:center}.side{border-left:1px solid var(--line);background:#100d1a99;display:flex;flex-direction:column;min-height:0}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.side-tabs button{padding:10px 4px;font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid transparent}.side-tabs button.on{color:var(--gold);border-bottom-color:var(--gold);background:#f5b6420f}.pill{display:inline-block;min-width:16px;padding:0 4px;border-radius:8px;background:var(--gold);color:#241a03;font-size:.66rem}.feed{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px;min-height:0}.feed-row{font-size:.84rem;line-height:1.4;padding:5px 8px;border-radius:8px;word-break:break-word}.feed-row.sys{color:var(--muted);font-size:.78rem}.feed-row.card{background:#60a5fa1a;color:#cfe2ff;font-weight:600}.feed-row.drink{background:#f5b6421a;color:#ffe1a8;font-weight:600}.feed-row.chat{background:#ffffff0a}.feed-row.chat strong{color:var(--gold);margin-right:4px}.chatbar{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid var(--line)}.chatbar button{padding:0 14px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);font-weight:700;font-size:.85rem}.side-body{flex:1;overflow-y:auto;padding:12px;display:grid;gap:18px;align-content:start;min-height:0}.side-body h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.muted{color:var(--muted);font-size:.84rem;margin:0}.rules-list,.mates-list{margin:0;padding-left:18px;display:grid;gap:8px;font-size:.88rem;line-height:1.4}.mates-list{list-style:none;padding-left:0}.rules-list em,.mates-list em{color:var(--muted);font-size:.78rem}.qm-panel{padding:12px;border-radius:12px;background:#f5b6421a;border:1px solid rgba(245,182,66,.4)}.qm-panel h3{color:var(--gold)}.qm-panel p{margin:0 0 10px;font-size:.82rem;color:var(--muted)}.qm-grid{display:grid;gap:6px}.qm-grid button{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:#00000040;border:1px solid var(--line);font-size:.84rem;font-weight:600}.qm-grid button:hover{border-color:var(--gold)}.ref-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ref-list li{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:start;font-size:.8rem}.ref-rank{font-weight:900;color:var(--gold);text-align:center}.ref-body{display:grid;gap:2px}.ref-body em{color:var(--muted);font-style:normal;font-size:.75rem;line-height:1.35}.ref-count{color:var(--muted);font-size:.72rem}.dock{position:relative;z-index:30;flex:none;border-top:1px solid var(--line);background:linear-gradient(180deg,#1b1728,#12101c);box-shadow:0 -14px 34px #0000008c;padding:12px 14px calc(12px + env(safe-area-inset-bottom));display:grid;gap:10px;max-height:46dvh;overflow-y:auto}.card-banner{display:flex;align-items:center;gap:12px}.cb-text{display:grid;gap:2px;min-width:0}.cb-text strong{font-size:.95rem}.cb-text span{font-size:.8rem;color:var(--muted);line-height:1.35}.cardface{position:relative;flex:none;width:3.4em;height:4.76em;border-radius:.34em;background:linear-gradient(158deg,#fff,#fdfdff 55%,#edecf4);border:1px solid #c9c7d6;box-shadow:0 5px 16px #0000008c,inset 0 0 0 1px #ffffffe6;line-height:1;font-family:Georgia,Times New Roman,serif;overflow:hidden}.cardface.red{color:#d3213a}.cardface.black{color:#14111d}.cf-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.92;font-size:.52em;font-weight:700}.cf-corner b{font-weight:700}.cf-corner i{font-style:normal;font-size:.92em}.cf-corner.tl{top:.5em;left:.5em}.cf-corner.br{bottom:.5em;right:.5em;transform:rotate(180deg)}.cf-body{position:absolute;top:13%;bottom:13%;left:24%;right:24%}.cf-pip{position:absolute;font-size:.6em;line-height:1}.cf-ace{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.9em}.cf-court{position:absolute;top:-6%;right:-14%;bottom:-6%;left:-14%;display:grid;place-items:center;gap:.05em;border:.07em solid currentColor;border-radius:.14em;box-shadow:inset 0 0 0 .04em currentColor}.cf-court-letter{font-size:1.5em;font-weight:700;letter-spacing:.02em}.cf-court-suit{font-size:.78em}.prompt{display:grid;gap:10px;align-content:start}.prompt-head h2{font-size:1.05rem}.prompt-head.tight h2{font-size:.98rem}.prompt-head p{margin:4px 0 0;color:var(--muted);font-size:.85rem;line-height:1.4}.prompt-head .topic{color:var(--gold)}.kings-left{font-size:.72rem;color:var(--muted);font-weight:600;letter-spacing:.06em;margin-left:8px}.prompt-note{padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line);font-size:.88rem;text-align:center}.prompt-note.small{font-size:.76rem;color:var(--muted);padding:4px;background:none;border:none}.prompt-note.pulse{animation:softPulse 1.8s ease-in-out infinite}.prompt-form{display:grid;gap:8px}.statement{font-size:1rem!important;color:var(--text)!important;font-weight:600}.draw-turn{justify-items:center;text-align:center}.deck-stack{position:relative;width:54px;height:74px}.deck-stack span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:linear-gradient(160deg,#3b2f5e,#241c3a);border:1px solid #55447f}.deck-stack span:nth-child(2){transform:translate(4px,-4px) rotate(4deg)}.deck-stack span:nth-child(3){transform:translate(8px,-8px) rotate(8deg)}.wf-chain{display:grid;gap:4px;max-height:30dvh;overflow-y:auto}.wf-node{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;background:#ffffff08;border:1px solid var(--line);font-size:.86rem}.wf-node.stopped{opacity:.5}.wf-node.active{border-color:var(--gold);background:#f5b64224}.wf-pos{color:var(--muted);font-weight:800;text-align:center}.wf-name{font-weight:700}.wf-time{font-size:.72rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.wf-timer{text-align:center;font-size:1.7rem;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.reaction-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#08060ef0;display:flex;flex-direction:column}.reaction-overlay.top{flex-direction:column}.reaction-overlay.bottom{flex-direction:column-reverse}.react-bar{flex:none;height:34dvh;width:100%;display:flex;align-items:center;justify-content:center;gap:18px;font-size:clamp(1.4rem,6vw,3rem);font-weight:900;letter-spacing:.1em;border:3px solid transparent;transition:background .08s linear}.react-bar.wait{background:linear-gradient(180deg,#2a2140,#1a1428);color:#6f668c}.react-bar.go{background:linear-gradient(180deg,#16a34a,#0b7a35);color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.4)}.react-bar.used{background:linear-gradient(180deg,#2a2140,#100d1a);color:var(--gold)}.react-bar.foul{background:linear-gradient(180deg,#b91c1c,#6b0f0f);color:#fff}.react-bar.at-top{border-bottom-color:#ffffff26}.react-bar.at-bottom{border-top-color:#ffffff26}.react-arrow{opacity:.7}.react-mid{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;text-align:center}.react-sub{margin:0;color:var(--muted);font-size:.85rem;max-width:420px}.react-board{width:min(360px,100%);display:grid;gap:4px;overflow-y:auto;min-height:0}.rb-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:6px 10px;border-radius:8px;background:#ffffff0a;font-size:.86rem;text-align:left}.rb-row.me{border:1px solid var(--gold)}.rb-row.foul{background:#ef444429;color:#ffc9c9}.rb-rank{color:var(--muted);font-weight:800}.rb-ms{font-variant-numeric:tabular-nums;color:var(--muted)}.rb-empty{color:var(--muted);font-size:.82rem}.qte-row{display:flex;align-items:center;gap:14px}.qte-row.center{justify-content:center}.qte-pips{display:flex;gap:6px}.pip{width:13px;height:13px;border-radius:50%;border:2px solid var(--line);background:#100d1a}.pip.great{background:var(--green);border-color:#86efac}.pip.ok{background:var(--gold);border-color:#ffd98a}.pip.miss{background:var(--red);border-color:#fca5a5}.qte-track{position:relative;height:74px;border-radius:12px;background:repeating-linear-gradient(90deg,#14101f 0,#14101f 12px,#171223 12px,#171223 24px);border:2px solid var(--line);overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}.qte-zone{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#22c55e73,#22c55e2e);border-left:2px solid rgba(134,239,172,.8);border-right:2px solid rgba(134,239,172,.8)}.qte-needle{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 14px #fffc}.qte-lead{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#08060eb8;font-weight:900;letter-spacing:.24em;color:var(--muted)}.qte-lead.done{color:var(--gold);background:#08060e8c}.qte-foot{display:grid;gap:8px}.watch-risk{text-align:center;font-size:.9rem;color:var(--muted)}.watch-risk strong{color:var(--red)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.pick-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;background:#ffffff0a;border:1px solid var(--line);font-weight:700;font-size:.85rem;text-align:left}.pick-btn:hover{border-color:var(--blue);background:#60a5fa24}.drink-shout{text-align:center;font-size:2rem;font-weight:900;letter-spacing:.14em;color:var(--gold);animation:softPulse 1s ease-in-out infinite}.circle-order{display:flex;flex-wrap:wrap;gap:6px}.co-chip{padding:5px 10px;border-radius:20px;background:#ffffff0a;border:1px solid var(--line);font-size:.78rem}.co-chip.past{opacity:.4}.co-chip.on{border-color:var(--gold);background:#f5b6422e;font-weight:800}.caller{padding:10px;border-radius:11px;background:#60a5fa14;border:1px solid rgba(96,165,250,.35);display:grid;gap:8px}.caller-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.caller-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.caller-grid button{padding:8px 6px;border-radius:9px;background:#00000047;border:1px solid var(--line);font-size:.82rem;font-weight:700}.caller-grid button:hover{border-color:var(--red);background:#ef444429}.settings{border:1px solid var(--line);border-radius:12px;background:#00000038;overflow:hidden}.settings-toggle{width:100%;padding:10px 12px;text-align:left;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.settings-body{padding:4px 12px 12px;display:grid;gap:12px}.settings-switch{display:flex;gap:10px;align-items:start;cursor:pointer}.settings-switch input{width:auto;margin-top:3px;accent-color:var(--gold)}.settings-switch span,.sr-label{display:grid;gap:2px;min-width:0}.settings-switch strong,.sr-label strong{font-size:.86rem}.settings-switch em,.sr-label em{font-style:normal;font-size:.72rem;color:var(--muted);line-height:1.35}.settings-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.settings-row.dim{opacity:.4}.sr-input{display:flex;align-items:center;gap:8px}.sr-input input[type=range]{width:96px;padding:0;accent-color:var(--gold);background:none;border:none}.sr-input b{font-size:.78rem;color:var(--gold);min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.settings-readonly{font-size:.76rem;color:var(--muted);text-align:center}.rule-mini{display:grid;gap:5px;font-size:.82rem;color:var(--muted)}.rule-mini em{opacity:.7}.countdown{position:relative;height:18px;border-radius:9px;background:#100d1a;border:1px solid var(--line);overflow:hidden}.countdown-fill{height:100%;background:var(--gold-dim);transition:width .1s linear}.countdown-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.6)}.gameover{text-align:center;justify-items:center}.go-hero h2{font-size:1.2rem}.go-hero p{margin:6px 0 0;color:var(--muted);font-size:.9rem}.go-emoji{font-size:3rem;animation:burstIn .6s ease-out}.go-board{width:min(360px,100%);display:grid;gap:4px}.gb-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;padding:6px 10px;border-radius:8px;background:#ffffff0a;font-size:.86rem;text-align:left}.gb-row.loser{background:#ef44442e;border:1px solid rgba(239,68,68,.5)}.gb-rank{color:var(--muted);font-weight:800}.go-tab{font-size:.76rem;color:var(--muted);word-break:break-word;max-width:420px}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes bob{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%) scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-34px) scale(1.3)}}@keyframes canShake{0%{transform:translate(0) rotate(0)}25%{transform:translate(calc(var(--shake, 0px) * -1)) rotate(-.4deg)}50%{transform:translate(var(--shake, 0px)) rotate(.4deg)}75%{transform:translate(calc(var(--shake, 0px) * -.6),var(--shake, 0px)) rotate(0)}to{transform:translate(0) rotate(0)}}@keyframes canPop{0%{transform:scale(1)}35%{transform:scale(1.18) rotate(-4deg)}to{transform:scale(1.02) rotate(2deg)}}@keyframes crackIn{0%{opacity:0;stroke-width:.5}to{opacity:1}}@keyframes burst{0%{r:4;opacity:.8}to{r:42;opacity:0}}@keyframes burstIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.side-toggle{display:none}@media (max-width: 900px){.game-main{grid-template-columns:1fr}.side{position:fixed;z-index:50;right:0;top:0;bottom:0;width:min(340px,88vw);border-left:1px solid var(--line);background:#100d1a;transform:translate(100%);transition:transform .22s ease;box-shadow:-20px 0 50px #0009}.game.side-open .side{transform:translate(0)}.side-toggle{display:inline-flex}.table-circle{width:min(100%,52vh)}.seat{width:74px}.seat-name{max-width:74px;font-size:.72rem}.dock{max-height:52dvh}.can-svg{width:min(100%,110px)}}@media (max-width: 420px){.two-up{grid-template-columns:1fr}}