:root{--ink:#241d18;--ink-soft:#4a3f36;--cream:#f6efe3;--paper:#efe6d4;--red:#c94f3d;--green:#4e8f5a;--yellow:#dca42e;--blue:#4a72b0;--glass:#16100c9e}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:var(--cream);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 50% 30%,#2c221a 0%,#1b1410 55%,#120d0a 100%);font-family:Outfit,system-ui,sans-serif}#stage{position:fixed;inset:0}#stage canvas{touch-action:none;display:block}.overlay{-webkit-backdrop-filter:blur(10px)saturate(1.1);z-index:40;opacity:1;background:#0e0a0873;justify-content:center;align-items:center;padding:18px;transition:opacity .35s;display:flex;position:fixed;inset:0}.overlay.hidden{opacity:0;pointer-events:none}.card{background:var(--cream);color:var(--ink);border:1px solid #241d1814;border-radius:26px;width:min(480px,94vw);max-height:92vh;padding:34px 38px 30px;transition:transform .35s cubic-bezier(.2,.9,.3,1.2);overflow-y:auto;transform:translateY(0)scale(1);box-shadow:0 30px 80px #0000008c,inset 0 1px #fff9}.overlay.hidden .card{transform:translateY(14px)scale(.97)}.crest{justify-content:center;align-items:flex-end;gap:6px;height:44px;margin-bottom:12px;display:flex}.crest-pawn{align-items:flex-end;display:flex;transform:translateY(0)}.crest-pawn.mid{transform:translateY(-6px)}.prow-pawn{flex:none;align-items:center;width:24px;display:flex}h1,.cardtitle{letter-spacing:.5px;text-align:center;margin:0;font-family:Fraunces,serif;font-size:52px;font-weight:650;line-height:1}.tag{text-align:center;color:var(--ink-soft);letter-spacing:.2px;margin:8px 0 24px;font-size:14.5px;font-weight:400}.rows{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.prow{background:#241d180b;border:1px solid #241d1814;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;transition:opacity .2s;display:flex}.prow.off{opacity:.45}.pdot{border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 -3px 5px #00000040,0 1px 2px #00000026}.pname{min-width:0;color:var(--ink);background:0 0;border:none;border-bottom:1.5px dashed #241d1833;outline:none;flex:1;padding:2px 0;font-family:Outfit,sans-serif;font-size:15px;font-weight:500}.pname::placeholder{color:#241d1873}.seg{background:#241d1814;border-radius:999px;flex:none;padding:3px;display:flex}.seg button{letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 11px;font-family:Outfit,sans-serif;font-size:11.5px;font-weight:600;transition:all .15s}.seg button.on{background:var(--ink);color:var(--cream)}.menu-actions{justify-content:center;gap:10px;display:flex}.menu-actions.column{flex-direction:column;align-items:center;gap:4px}.btn.wide{width:100%}.btn:disabled{opacity:.5;pointer-events:none}.modeseg{justify-content:center;width:fit-content;margin:0 auto 20px}.modeseg button{padding:7px 26px;font-size:12.5px}.joinrow{gap:8px;width:100%;display:flex}.codeinput{text-align:center;letter-spacing:6px;min-width:0;color:var(--ink);text-transform:uppercase;background:#241d180a;border:1.5px dashed #241d1840;border-radius:999px;outline:none;flex:1;padding:10px 14px;font-family:Outfit,sans-serif;font-size:17px;font-weight:700}.codeinput::placeholder{letter-spacing:6px;color:#241d184d}.coderow{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.sharebtn{align-items:center;gap:6px;display:flex}.sharebtn svg{width:13px;height:13px}.codebox{background:var(--ink);color:var(--cream);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:fit-content;padding:10px 18px;transition:transform .12s;display:flex}.codebox:active{transform:scale(.96)}.codebox .codetext{letter-spacing:7px;font-family:Fraunces,serif;font-size:28px;font-weight:650}.codebox svg{opacity:.7;width:18px;height:18px}.seatlabel{color:#241d1880;flex-wrap:wrap;flex:1;align-items:center;gap:6px;font-size:14px;display:flex}.seatlabel.taken{color:var(--ink);font-weight:600}.youtag{letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);background:#241d181f;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.youtag.host{background:var(--ink);color:var(--cream)}.youtag.away{color:#a83a2c;background:#c94f3d26}.seatbtns{flex:none;gap:6px;display:flex}.btn.mini{background:var(--ink);color:var(--cream);letter-spacing:.3px;padding:6px 13px;font-size:11.5px;font-weight:600}.btn.mini.ghosty{color:var(--ink-soft);background:#241d181a}.plate .cpu.awaytag{color:#e8a294;opacity:.9}.btn{cursor:pointer;letter-spacing:.3px;border:none;border-radius:999px;font-family:Outfit,sans-serif;font-weight:600;transition:transform .12s,box-shadow .12s,background .15s}.btn:active{transform:scale(.96)}.btn.primary{background:var(--ink);color:var(--cream);padding:14px 34px;font-size:16px;box-shadow:0 8px 20px #140e0a47}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px #140e0a66}.btn.ghost{color:var(--ink-soft);text-underline-offset:3px;background:0 0;padding:14px 18px;font-size:14px;text-decoration:underline}.card.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}#hud{pointer-events:none;z-index:20;position:fixed;inset:0}.plate{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid #f6efe31f;border-radius:16px;align-items:center;gap:10px;min-width:132px;padding:9px 14px;transition:box-shadow .3s,border-color .3s,transform .3s;display:flex;position:absolute}.plate.tl{top:16px;left:16px}.plate.tr{top:16px;right:16px}.plate.br{bottom:92px;right:16px}.plate.bl{bottom:92px;left:16px}.plate.active{box-shadow:0 0 0 1px #f6efe326, 0 0 26px -4px var(--pc,#fff);border-color:#f6efe380;transform:scale(1.04)}.plate .avatar{background:#f6efe317;border:1px solid #f6efe31f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.plate.active .avatar{border-color:var(--pc);background:#f6efe329}.plate .info{flex-direction:column;gap:3px;min-width:0;display:flex}.plate .nm{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13.5px;font-weight:600;overflow:hidden}.plate .nm .cpu{letter-spacing:1px;opacity:.55;vertical-align:1px;margin-left:5px;font-size:9px;font-weight:700}.plate .sub{align-items:center;gap:9px;display:flex}.plate .pips{gap:4px;display:flex}.plate .pip{border:1.3px solid #f6efe366;border-radius:50%;width:7px;height:7px}.plate .pip.full{background:var(--pc);border-color:var(--pc)}.plate .cap{color:#f6efe3cc;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.plate .cap svg{width:11px;height:11px}.plate .cap.zero{opacity:.35}.plate .rankb{background:var(--cream);color:var(--ink);border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-family:Fraunces,serif;font-size:15px;font-weight:650;display:none}.plate.done .rankb{display:flex}.plate.done{opacity:.75}.plate .timer{flex:none;width:28px;height:28px;position:relative}.plate .timer svg{width:28px;height:28px;transform:rotate(-90deg)}.plate .timer circle{fill:none;stroke-width:2.5px}.plate .timer .tbg{stroke:#f6efe324}.plate .timer .tfg{stroke:var(--pc);stroke-linecap:round;stroke-dasharray:72.26;transition:stroke-dashoffset .3s linear}.plate .timer span{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.plate .timer.urgent .tfg{stroke:#e05d4a}.plate .timer.urgent span{color:#e8a294;animation:1s ease-in-out infinite netblink}#toasts{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast{background:var(--glass);-webkit-backdrop-filter:blur(10px);color:var(--cream);letter-spacing:.2px;white-space:nowrap;border:1px solid #f6efe324;border-radius:999px;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:opacity .4s,transform .4s;animation:.3s cubic-bezier(.2,.9,.3,1.3) tin;display:flex}.toast .ticon{opacity:.85;flex:none;display:flex}.toast .ticon svg{width:16px;height:16px}.toast.big{border-color:#f6efe34d;font-size:15px}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes tin{0%{opacity:0;transform:translateY(-12px)scale(.9)}to{opacity:1;transform:none}}#bottombar{z-index:25;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}#status{letter-spacing:.3px;color:#f6efe3e6;background:var(--glass);-webkit-backdrop-filter:blur(10px);opacity:0;border:1px solid #f6efe31f;border-radius:999px;align-items:center;gap:9px;min-height:36px;padding:7px 16px;font-size:13.5px;font-weight:500;transition:opacity .25s;display:flex}#status.show{opacity:1}#status .sdot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 8px}.diechip{background:var(--cream);border-radius:7px;flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;width:26px;height:26px;padding:4px;animation:.35s cubic-bezier(.2,.9,.3,1.4) diepop;display:grid;box-shadow:0 2px 6px #00000059}.diechip span{background:0 0;border-radius:50%}.diechip span.on{background:var(--dc,#241d18)}@keyframes diepop{0%{opacity:0;transform:scale(.4)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(0)}}#rollBtn{pointer-events:auto;background:var(--cream);color:var(--ink);border:3px solid var(--ac,var(--ink));box-shadow:0 10px 30px #00000073, 0 0 24px -6px var(--ac,transparent);align-items:center;gap:10px;padding:14px 34px;font-size:16.5px;transition:opacity .25s,transform .25s,border-color .3s,box-shadow .3s;display:flex}#rollBtn svg{width:21px;height:21px}#rollBtn:disabled{opacity:0;pointer-events:none;transform:scale(.9)}#topbar{z-index:26;gap:8px;display:none;position:fixed;top:16px;left:50%;transform:translate(-50%)}body.ingame #topbar{display:flex}body.ingame #toasts{top:112px}#turnorder{z-index:26;background:var(--glass);-webkit-backdrop-filter:blur(10px);pointer-events:none;opacity:0;border:1px solid #f6efe31f;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;transition:opacity .3s;display:flex;position:fixed;top:62px;left:50%;transform:translate(-50%)}#turnorder.show{opacity:1}.topawn{background:#f6efe312;border:1.5px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .25s,border-color .25s,box-shadow .25s,opacity .25s;display:flex}.topawn.active{border-color:var(--pc);box-shadow:0 0 12px -2px var(--pc);background:#f6efe324;transform:scale(1.22)}.topawn.done{opacity:.3}.tchev{color:#f6efe359;flex:none;width:10px;height:10px}.icobtn{pointer-events:auto;cursor:pointer;background:var(--glass);-webkit-backdrop-filter:blur(10px);color:var(--cream);letter-spacing:.6px;border:1px solid #f6efe324;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:600;transition:background .15s;display:flex}.icobtn:hover{background:#3c2d23b3}.icobtn svg{width:15px;height:15px}.icobtn.lit{background:var(--cream);color:var(--ink);border-color:var(--cream)}.icobtn.lit:hover{background:var(--paper)}.netpill{cursor:default;pointer-events:none;font-variant-numeric:tabular-nums}.netpill:hover{background:var(--glass)}.netdot{background:#6fbf7e;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 7px #6fbf7e}.netpill.bad .netdot{background:#dca42e;animation:1s ease-in-out infinite netblink;box-shadow:0 0 7px #dca42e}@keyframes netblink{50%{opacity:.35}}.helpbody{color:var(--ink-soft);font-size:14.5px;line-height:1.65}.helpbody h3{color:var(--ink);margin:14px 0 6px;font-family:Fraunces,serif;font-size:19px;font-weight:650}.helpbody ul{flex-direction:column;gap:5px;padding-left:20px;display:flex}.helpbody b{color:var(--ink)}.winhead{margin-bottom:4px;font-family:Fraunces,serif;font-size:36px;font-weight:650}.winsub{color:var(--ink-soft);margin-bottom:22px;font-size:14px}.ranks{flex-direction:column;gap:9px;margin-bottom:26px;display:flex}.rrow{text-align:left;background:#241d180d;border-radius:14px;align-items:center;gap:12px;padding:11px 16px;display:flex}.rrow.first{background:var(--ink);color:var(--cream)}.rrow .medal{text-align:center;width:30px;font-size:21px}.rrow svg{flex:none}.rrow .rcol{flex:1;min-width:0}.rrow .rname{font-size:15.5px;font-weight:600}.rrow .rstats{opacity:.65;margin-top:1px;font-size:11.5px}.rrow .rlabel{opacity:.7;font-family:Fraunces,serif;font-size:14px}.conf{z-index:1;border-radius:2px;width:9px;height:14px;animation:linear forwards cfall;position:absolute;top:-12px}@keyframes cfall{0%{transform:translateY(0)rotate(0)}to{opacity:.15;transform:translateY(560px)rotate(720deg)}}@media (width<=640px){.card{padding:26px 22px 22px}h1,.cardtitle{font-size:42px}.plate{min-width:0;padding:7px 10px}.plate .nm{max-width:76px;font-size:12px}.plate.br,.plate.bl{bottom:118px}#rollBtn{padding:12px 26px;font-size:15px}.seg button{padding:5px 8px;font-size:10.5px}}