@font-face{font-family:Barlow Semi Condensed;src:url(/assets/fonts/BarlowSemiCondensed-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/assets/fonts/BarlowSemiCondensed-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{color-scheme:dark;--ink: #f4f1e8;--gold: #d8b25a;--green: #0b3d2c;--panel: #0d1f18ee;--line: #ffffff26}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#000;color:var(--ink);font-family:Barlow Semi Condensed,ui-sans-serif,system-ui,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}#view{display:block;width:100%;height:100%;cursor:grab}#view:active{cursor:grabbing}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.hud.hidden{display:none}.topbar{position:absolute;top:calc(.9rem + env(safe-area-inset-top));right:calc(.9rem + env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center;gap:.45rem;pointer-events:none}.plate{position:absolute;bottom:calc(.9rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;max-width:min(42vw,22rem);pointer-events:none}.plate.p0{left:calc(.9rem + env(safe-area-inset-left))}.plate.p1{right:calc(.9rem + env(safe-area-inset-right))}.plate .pbar{display:flex;align-items:center;min-width:13rem;max-width:100%;padding:.35rem .9rem .35rem .5rem;border-radius:.8rem;background:linear-gradient(#1d1a16f2,#07080af2);border:2px solid #c98a3e;box-shadow:0 0 .9rem #d8913f55,inset 0 1px #ffffff1f,0 .5rem 1.2rem #000b;font-size:1.15rem}.plate .pbar>span{display:flex;align-items:center;flex:none}.plate .pbar>span[hidden]{display:none}.plate .pflag,.plate .prank{padding-right:.55rem;margin-right:.55rem;border-right:1px solid #c98a3e88}.plate .pflag .flag{width:2rem;height:1.5rem;border-radius:.2rem;font-size:.75rem}.plate .prank .badge{width:1.9rem;height:1.9rem;filter:drop-shadow(0 1px 2px #000)}.plate .name{flex:1 1 auto;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2eee4}.plate .pts{margin-left:.7rem;color:var(--gold);font-size:1.45rem;font-weight:700;font-variant-numeric:tabular-nums}.plate .pts:empty{display:none}.plate.on .pbar{border-color:#ffd36a;box-shadow:0 0 1.3rem #ffc85099,inset 0 1px #ffffff2a,0 .5rem 1.2rem #000b}.plate .pflag{position:relative}.plate.on .pflag:after{content:"";position:absolute;top:-.75rem;left:-.75rem;width:1.5rem;height:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M10 0 12.2 7.8 20 10 12.2 12.2 10 20 7.8 12.2 0 10 7.8 7.8Z'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #fff9);animation:flag-sparkle 1.6s ease-in-out infinite}@keyframes flag-sparkle{0%,to{transform:scale(.65) rotate(0);opacity:.75}50%{transform:scale(1.1) rotate(45deg);opacity:1}}@media(prefers-reduced-motion:reduce){.plate.on .pflag:after{animation:none}}.plate.p1 .pbar{flex-direction:row-reverse;padding:.35rem .5rem .35rem .9rem}.plate.p1 .pflag,.plate.p1 .prank{padding-right:0;margin-right:0;border-right:0;padding-left:.55rem;margin-left:.55rem;border-left:1px solid #c98a3e88}.plate.p1 .name{text-align:right}.plate.p1 .pts{margin-left:0;margin-right:.7rem}.plate.p1.on .pflag:after{left:auto;right:-.75rem}.plate .roster{align-self:stretch;min-width:13rem;margin-bottom:.35rem;padding:.25rem .5rem .3rem;border-radius:.6rem;background:linear-gradient(#1d1a16e6,#07080ae6);border:1px solid #c98a3e99;border-left:4px solid var(--team, #4ea3ff);font-size:.82rem;color:#e9e3d6;pointer-events:auto}.plate .roster.hidden{display:none}.plate.p1 .roster{--team: #ff6b5a;border-left-width:1px;border-right:4px solid var(--team)}.plate .roster .rh{font-size:.68rem;font-weight:700;letter-spacing:.12em;color:var(--team, #4ea3ff);margin-bottom:.1rem}.plate.p1 .roster .rh{text-align:right}.plate .roster ul{list-style:none;margin:0;padding:0}.plate .roster li{display:flex;align-items:center;gap:.35rem;padding:.08rem .2rem;border-radius:.3rem;cursor:pointer}.plate .roster li:hover .rn{text-decoration:underline dotted}.plate .roster .flag{width:1.2rem;height:.9rem;border-radius:.12rem;font-size:.5rem;flex:none}.plate .roster .rn{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plate .roster .rp{color:var(--gold);font-variant-numeric:tabular-nums}.plate .roster small{color:#b7ae9c;font-size:.68rem;flex:none}.plate .roster .dot{width:.45rem;height:.45rem;border-radius:50%;background:#47d16c;flex:none;box-shadow:0 0 4px #47d16c99}.plate .roster li.on{background:#ffd36a26;color:#fff3c9}.plate .roster li.on small{color:var(--gold);font-weight:700}.plate .roster li.next small{color:#e9e3d6}.plate .roster li.away .dot{background:#e0a030;box-shadow:none}.plate .roster li.out{opacity:.5;text-decoration:line-through}.plate .roster li.out .dot{background:#777;box-shadow:none}.plate .roster li.me .rn{font-weight:700}.plate.p1 .roster li{flex-direction:row-reverse;text-align:right}@media(max-height:520px){.plate .roster{min-width:0;font-size:.72rem;padding:.15rem .4rem;margin-bottom:.2rem}.plate .roster li:not(.on):not(.next):not(.me){display:none}}.plate .pballs{display:flex;flex-wrap:wrap-reverse;justify-content:center;gap:.1rem .15rem;width:calc(4 * 2.3rem + 3 * .15rem);margin-bottom:-.35rem}.plate .pballs:empty{display:none}.pball{position:relative;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--c);box-shadow:inset -.25rem -.35rem .6rem #0008,0 .2rem .4rem #000a;overflow:hidden}.pball.stripe{background:linear-gradient(#f3eedb 24%,var(--c) 24% 76%,#f3eedb 76%)}.pball:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 26%,#fffc 0,#fff6 12%,#fff0 38%)}.pball:after{content:attr(data-n);position:relative;display:grid;place-items:center;width:54%;height:54%;border-radius:50%;background:#f6f1de;color:#15171a;font-size:.85rem;font-weight:700;line-height:1}.clock{display:grid;place-items:center;min-width:4.6rem;height:2.9rem;padding:0 .9rem;border-radius:.8rem;background:linear-gradient(#1d1a16f2,#07080af2);border:2px solid #c98a3e;box-shadow:0 0 .9rem #d8913f55,inset 0 1px #ffffff1f,0 .5rem 1.2rem #000b;color:#f2eee4;font-size:1.45rem;font-weight:700;font-variant-numeric:tabular-nums}.clock.low{border-color:#e0553f;color:#ff8f7a;box-shadow:0 0 1.1rem #e0553f88,inset 0 1px #ffffff1f,0 .5rem 1.2rem #000b}.watchers{display:flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:.6rem;background:linear-gradient(#1d1a16f2,#07080af2);border:1px solid #c98a3e88;box-shadow:0 .3rem .8rem #000a;color:#f2eee4;font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:inherit;pointer-events:auto;cursor:pointer}.watchers:hover,.watchers[aria-expanded=true]{border-color:var(--gold)}.watchers svg{width:1.15rem;height:auto;color:var(--gold)}.watchers.hidden{display:none}.watchers.spec{border-color:var(--gold)}.wlist{min-width:7rem;max-width:12rem;max-height:40vh;overflow-y:auto;padding:.35rem 0;border-radius:.6rem;background:linear-gradient(#1d1a16f2,#07080af2);border:1px solid #c98a3e88;box-shadow:0 .3rem .8rem #000a;color:#f2eee4;font-size:.85rem;pointer-events:auto}.wlist.hidden{display:none}.wlist>div{padding:.15rem .7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wlist>div.none{color:#f2eee499;font-style:italic}.wlist>div[data-nick]{cursor:pointer}.wlist>div[data-nick]:hover{background:#ffffff14}.plate .pbar.link{pointer-events:auto;cursor:pointer}.plate .pbar.link:hover .name{text-decoration:underline dotted}.hud.spectating .touch{display:none}.hud.spectating .power,.hud.spectating .spin{pointer-events:none}.power{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:1.9rem;height:42vh;border-radius:.35rem;background:#0009 url(/assets/ui/gauge.webp) center/100% 100% no-repeat;overflow:hidden;display:flex;align-items:flex-end;box-shadow:0 .4rem 1.2rem #000a}.power .fill{width:100%;height:35%;background:linear-gradient(#f6e08a,#e07a2f);opacity:.85;mix-blend-mode:screen;transition:height .06s linear}.power .num{position:absolute;inset:auto 0 -1.6rem;text-align:center;font-size:.85rem;color:#cfd8d2}.power.hit{animation:power-hit .3s ease-out}@keyframes power-hit{0%{box-shadow:0 0 0 .2rem #f6e08acc,0 0 1.4rem #f6e08a99,0 .4rem 1.2rem #000a}to{box-shadow:0 0 #f6e08a00,0 0 #f6e08a00,0 .4rem 1.2rem #000a}}.ctl{position:absolute;left:4.1rem;top:50%;transform:translateY(-50%);padding:.3rem .65rem;border-radius:999px;background:#000a;border:1px solid var(--line);font-size:.78rem;color:#f1e3b5;white-space:nowrap;pointer-events:none}.ctl.hidden{display:none}.escbtn{position:absolute;top:calc(.9rem + env(safe-area-inset-top));left:calc(.9rem + env(safe-area-inset-left));min-width:3.4rem;padding:.4rem .7rem;border-radius:.6rem;background:linear-gradient(#1d1a16f2,#07080af2);border:2px solid #c98a3e;box-shadow:inset 0 1px #ffffff1f,0 .4rem 1rem #000b;color:#f2eee4;font-size:.95rem;font-weight:800;letter-spacing:.08em;cursor:pointer}.escbtn:hover,.escbtn.on{border-color:var(--gold);color:var(--gold);box-shadow:0 0 .8rem #d8913f66,inset 0 1px #ffffff1f,0 .4rem 1rem #000b}.escmenu{position:absolute;top:calc(3.9rem + env(safe-area-inset-top));left:calc(.9rem + env(safe-area-inset-left));z-index:5;display:flex;flex-direction:column;gap:.35rem;min-width:12rem;padding:.5rem;border-radius:.8rem;background:linear-gradient(#1d1a16f7,#07080af7);border:1px solid #c98a3e88;box-shadow:0 1rem 2rem #000c}.escmenu.hidden{display:none}.escmenu button{width:100%;text-align:left;padding:.6rem .9rem;font-weight:700;letter-spacing:.04em}.escmenu button.danger{color:#ff8f7a;border-color:#e0553f88}.escmenu button.danger:hover{background:#e0553f33;border-color:#e0553f}.spin{--ball: 6.6rem;position:absolute;left:50%;bottom:calc(.7rem + env(safe-area-inset-bottom));width:var(--ball);height:var(--ball);margin-left:calc(var(--ball) / -2);border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0,#fbf6e6 18%,#e6dcbf 52%,#b8ab86 78%,#6f6548);box-shadow:0 0 0 2px #1d1a16,0 0 0 4px #c98a3e,0 0 1.1rem #d8913f77,0 .7rem 1.6rem #000c,inset 0 -.45rem .9rem #0004;cursor:grab;touch-action:none;user-select:none;z-index:2}.spin[data-drag]{cursor:grabbing}.spin .dot{position:absolute;left:50%;top:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7a6a,#e01f12 55%,#8f0d06);box-shadow:0 0 0 2px #fff9,0 0 .5rem #ff2a1a99;pointer-events:none}.spin[data-drag] .dot{transform:scale(1.15)}.spin .reach{position:absolute;inset:22.5%;border-radius:50%;border:1px dashed #5a523c99;pointer-events:none}.spin .mid{position:absolute;inset:8%;background:linear-gradient(#5a523c55,#5a523c55) center / 100% 1px no-repeat,linear-gradient(#5a523c55,#5a523c55) center / 1px 100% no-repeat;border-radius:50%;pointer-events:none}.spin .spinlbl{position:absolute;left:50%;bottom:calc(100% + .45rem);transform:translate(-50%);padding:.12rem .6rem;border-radius:.5rem;background:linear-gradient(#1d1a16f2,#07080af2);border:1px solid #c98a3e88;box-shadow:0 .2rem .5rem #000a;white-space:nowrap;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:#f3ead2;text-shadow:0 1px 2px #000;pointer-events:none}.spin[data-kind=top] .spinlbl{color:#8cc4ff}.spin[data-kind=draw] .spinlbl{color:#ff9b8c}.spin[data-kind=side] .spinlbl{color:#ffd479}.spin[data-kind=mix] .spinlbl{color:#d7a8ff}.toast{position:absolute;left:50%;bottom:calc(10.2rem + env(safe-area-inset-bottom));transform:translate(-50%,1rem);padding:.55rem 1.1rem;border-radius:999px;background:#000b;border:1px solid var(--line);opacity:0;transition:.18s ease;font-size:1rem}.toast.show{opacity:1;transform:translate(-50%)}.hintbar{position:absolute;left:50%;bottom:calc(8.4rem + env(safe-area-inset-bottom));transform:translate(-50%);padding:.45rem .9rem;border-radius:999px;background:#000a;border:1px solid var(--line);font-size:.85rem;color:#cfe3d8;white-space:nowrap;opacity:0;transition:opacity .25s ease}.hintbar.show{opacity:1}.touch{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.3rem;padding:.4rem .45rem .4rem .9rem;border-radius:.9rem;background:linear-gradient(#1d1a16f2,#07080af2);border:2px solid #c98a3e;box-shadow:0 0 .9rem #d8913f55,inset 0 1px #ffffff1f,0 .5rem 1.2rem #000b}.touch .tleft{display:flex;align-items:center;gap:.5rem}.touch .tpower{--k: 79%;-webkit-appearance:none;appearance:none;width:8rem;height:1.4rem;margin:0;background:transparent;cursor:pointer}.touch .tpower::-webkit-slider-runnable-track{height:.5rem;border-radius:999px;background:linear-gradient(90deg,#8a5a22,#f6e08a var(--k),#ffffff1a var(--k));box-shadow:inset 0 1px 2px #000c,0 0 0 1px #c98a3e66}.touch .tpower::-moz-range-track{height:.5rem;border-radius:999px;background:linear-gradient(90deg,#8a5a22,#f6e08a var(--k),#ffffff1a var(--k));box-shadow:inset 0 1px 2px #000c,0 0 0 1px #c98a3e66}.touch .tpower::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.15rem;height:1.15rem;margin-top:-.325rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d2,#e8c46f 45%,#9b6a2a);border:2px solid #1d1a16;box-shadow:0 0 0 1px #ffd36a,0 0 .6rem #ffc85088}.touch .tpower::-moz-range-thumb{width:1.15rem;height:1.15rem;box-sizing:border-box;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d2,#e8c46f 45%,#9b6a2a);border:2px solid #1d1a16;box-shadow:0 0 0 1px #ffd36a,0 0 .6rem #ffc85088}.touch .tpower:focus-visible{outline:none}.touch .tpower:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #fff,0 0 .8rem #ffc850}.touch .tnum{min-width:1.9rem;color:var(--gold);font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.touch .tshoot{flex:none;justify-self:end;padding:.5rem 1.2rem;border-radius:.6rem;background:linear-gradient(#f3d27e,#c98a3e);border:1px solid #ffe3a0;box-shadow:inset 0 1px #fff8,0 .25rem .6rem #000a;color:#241a06;font-size:1.05rem;font-weight:700;letter-spacing:.1em}.touch .tshoot:hover{background:linear-gradient(#ffe29a,#d89a4c);box-shadow:inset 0 1px #fff8,0 0 .9rem #ffc85088,0 .25rem .6rem #000a}.touch .tshoot:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006}.touch .tgap{flex:none;width:calc(6.6rem + .6rem)}@media(pointer:coarse){.power{display:none}.spin{--ball: 5.4rem}.touch .tgap{width:6rem}}.dialog,.menu{position:absolute;inset:0;display:grid;place-items:center;background:#0009;backdrop-filter:blur(3px)}.dialog{z-index:6}.dialog.hidden,.menu.hidden{display:none}.dialog>.panel,.menu .panel{width:min(30rem,calc(100vw - 2rem));padding:1.4rem;border-radius:.9rem;background:var(--panel);border:1px solid var(--line);box-shadow:0 2rem 4rem #000a}.dialog h3{margin:0 0 .6rem;font-size:1.3rem}.dialog p{margin:0 0 1.2rem;white-space:pre-line;color:#cfe3d8;line-height:1.5}.dialog .row,.menu .row{display:flex;gap:.6rem}.dialog.win{background:radial-gradient(ellipse at center,#0006,#000c);overflow-y:auto;place-items:safe center;padding:.5rem 0}.victory{position:relative;box-sizing:border-box;min-width:0;width:min(40rem,calc(100vw - 1.5rem));padding:3.2rem 1.6rem 1.4rem;margin-top:2.2rem;border-radius:1rem;text-align:center;background:radial-gradient(ellipse at 50% 0%,#1f5a3a,#0c2a1c 55%,#06150e);border:2px solid #c99a3e;box-shadow:0 0 0 1px #5a3f12,inset 0 0 0 1px #f3d58a44,inset 0 0 3rem #0008,0 0 3rem #e2b04a55,0 2rem 4rem #000c;animation:vpop .45s cubic-bezier(.2,1.4,.4,1) both}@keyframes vpop{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.victory .vtop{position:absolute;left:50%;top:-2.6rem;transform:translate(-50%);display:flex;align-items:flex-end;gap:.2rem}.victory .crown{width:5.2rem;filter:drop-shadow(0 0 .8rem #ffd76a99)}.victory .laurel{width:3rem;color:#d8b25a;margin-bottom:.2rem;transform:scaleX(-1)}.victory .laurel.flip{transform:none}.victory .vbanner{margin:0 auto;padding:.3rem 2.4rem .4rem;width:fit-content;background:linear-gradient(#123d28,#0a2618);border:2px solid #c99a3e;border-radius:.5rem;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}.victory h3{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:900;font-size:clamp(2.6rem,9vw,4.6rem);letter-spacing:.04em;line-height:1.1;background:linear-gradient(#fff6c8,#f1c860 45%,#b07a22 70%,#f4d27a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .15rem 0 #4a3008) drop-shadow(0 0 .6rem #ffd76a66)}.victory .vsub{margin-top:.8rem;color:#f0d48a;letter-spacing:.3em;font-weight:600;font-size:.95rem}.victory .vdiv{margin:.5rem auto .9rem;width:60%;height:1px;background:linear-gradient(90deg,#0000,#d8b25a,#0000);position:relative}.victory .vdiv span{position:absolute;left:50%;top:50%;width:.45rem;height:.45rem;background:#d8b25a;transform:translate(-50%,-50%) rotate(45deg)}.victory .vnote{margin:0 0 .9rem;color:#cfe3d8;white-space:pre-line;line-height:1.4}.victory .vcards{display:grid;grid-template-columns:repeat(min(var(--n),4),1fr);gap:.6rem;margin-bottom:1.2rem}.victory .vcard{display:grid;justify-items:center;gap:.25rem;padding:.8rem .4rem;border-radius:.6rem;background:#ffffff0a;border:1px solid #d8b25a55;box-shadow:inset 0 0 1rem #0006}.victory .vicon{height:2rem;display:grid;place-items:center}.victory .vicon svg{height:2rem;width:auto}.victory .vcard b{color:#fff;font-size:1.15rem}.victory .vcard span{color:#cfe3d8;font-size:.8rem}.victory .row{justify-content:center;flex-wrap:wrap}.victory .row:has(button+button) .vbtn{flex-basis:100%}.victory .vbtn{min-width:60%;padding:.8rem 1.6rem;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#fbe08a,#d8a640 55%,#b8832a);color:#2a1d05;border:1px solid #fff1b8;box-shadow:0 0 1rem #e2b04a66,inset 0 -2px #0003}.victory .vbtn:hover{background:linear-gradient(#fff0b0,#e8b850 55%,#c8933a)}.dialog.win.lose{background:radial-gradient(ellipse at center,#0007,#000d)}.victory.lose{background:radial-gradient(ellipse at 50% 0%,#2a3431,#141c19 55%,#0a0f0d);border-color:#9aa6a2;box-shadow:0 0 0 1px #3c4542,inset 0 0 0 1px #e6eeeb33,inset 0 0 3rem #0008,0 0 3rem #c8202f33,0 2rem 4rem #000c}.victory.lose .cues{width:5rem;filter:drop-shadow(0 0 .6rem #0009)}.victory.lose .laurel{color:#8f9a96}.victory.lose .vbanner{background:linear-gradient(#3a1518,#220b0d);border-color:#9aa6a2}.victory.lose h3{background:linear-gradient(#fff,#c9d2cf 45%,#6f7b77 70%,#dde4e1);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .15rem 0 #1b2220) drop-shadow(0 0 .6rem #c8202f55)}.victory.lose .vsub{color:#c9d2cf}.victory.lose .vdiv{background:linear-gradient(90deg,#0000,#9aa6a2,#0000)}.victory.lose .vdiv span{background:#c8202f}.victory.lose .vcard{border-color:#9aa6a255}.victory.lose .vcard b.neg{color:#ff8a8a}@media(max-width:560px){.victory{padding:2.6rem .9rem 1rem}.victory .vbanner{padding:.3rem 1.4rem .4rem}.victory .vcards{grid-template-columns:repeat(2,1fr)}.victory .vtop{top:-2rem}.victory .crown{width:4rem}.victory .laurel{width:2.2rem}}@media(max-height:520px){.victory{padding:2rem 1rem .8rem;margin-top:1.6rem}.victory .vtop{top:-1.7rem}.victory .crown{width:3.4rem}.victory .laurel{width:2rem}.victory h3{font-size:2.1rem}.victory.lose .cues{width:3.6rem}.victory .vsub{margin-top:.4rem;font-size:.8rem}.victory .vdiv{margin:.35rem auto .5rem}.victory .vnote{margin-bottom:.5rem;font-size:.85rem;line-height:1.3}.victory .vcards{grid-template-columns:repeat(min(var(--n),4),1fr);gap:.4rem;margin-bottom:.6rem}.victory .vcard{padding:.4rem;gap:.1rem}.victory .vicon,.victory .vicon svg{height:1.3rem}.victory .vcard b{font-size:.95rem}.victory .vbtn{padding:.5rem 1.2rem}.victory .row button{padding-top:.5rem;padding-bottom:.5rem}}.menu .panel{display:grid;gap:.8rem;max-height:calc(100vh - 2rem);overflow:auto}.menu h2{margin:0 0 .4rem;font-size:1.6rem;letter-spacing:-.01em}.menu label{display:grid;gap:.3rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#a9c4b6}.menu label.check{display:flex;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0;font-size:.95rem}.menu select,.menu input[type=range]{width:100%;padding:.5rem .6rem;border-radius:.5rem;border:1px solid var(--line);background:#08150f;color:var(--ink);font:inherit}.menu .hint{margin:.2rem 0 0;font-size:.78rem;color:#8fb3a3;line-height:1.5}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.thumb{padding:0;border-radius:.4rem;overflow:hidden;border:2px solid #0000;background:#000;aspect-ratio:16 / 9}.thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72}.thumb.on{border-color:var(--gold)}.thumb.on img,.thumb:hover img{opacity:1}button{flex:1;padding:.7rem 1rem;border-radius:.6rem;border:1px solid var(--line);background:#ffffff12;color:var(--ink);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}button:hover{background:#ffffff1f}button.primary{background:var(--gold);color:#241a06;border-color:#0000;font-weight:700}button.primary:hover{background:#e8c46f}.title{position:absolute;inset:0;z-index:5;background:#050806 url(/assets/branding/title-bg.webp) center / cover no-repeat}.title.hidden{display:none}.title .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.title .items{position:absolute;right:5vw;top:12vh;width:min(24vw,24rem);display:grid;border:2px solid #ffffff55;background:#0006;box-shadow:0 1.5rem 3rem #000c}.title .items button{flex:none;height:clamp(2.6rem,7.6vh,4.4rem);padding:0;border:0;border-bottom:2px solid #ffffff40;border-radius:0;background:linear-gradient(90deg,#0d0d0dd9,#1c1c1cd9 50%,#0d0d0dd9);color:#f2f2f2;font-size:clamp(1rem,2.3vh,1.45rem);font-weight:600;letter-spacing:.42em;text-indent:.42em;text-shadow:0 1px 2px #000;transition:background .15s ease,box-shadow .15s ease}.title .items button:last-of-type{border-bottom:0}.title .items button.on,.title .items button:focus-visible{outline:none;background:linear-gradient(90deg,#3a0a0ae6,#8e1b1be6 50%,#3a0a0ae6);box-shadow:inset 0 0 0 2px #e0403a,0 0 1.4rem #d1302a88}.title .site{position:absolute;left:0;right:0;top:calc(100% + .9rem);text-align:center;color:#e9e9e9;font-size:clamp(.9rem,2.1vh,1.3rem);letter-spacing:.04em;text-decoration:none;text-shadow:0 1px 3px #000}.title .terms{position:absolute;right:1.2rem;bottom:1rem;flex:none;padding:.35rem .8rem;border-radius:.4rem;background:#0008;font-size:.8rem;letter-spacing:.12em;color:#cfcfcf}.sheet{position:absolute;inset:0;display:grid;place-items:center;background:#000a;backdrop-filter:blur(3px)}.sheet.hidden{display:none}.sheet[data-view=room]{background:#0004;backdrop-filter:none}.sheet[data-view=room] .panel{background:#111e}.sheet .panel{display:grid;gap:.8rem;width:min(30rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:1.4rem;border-radius:.6rem;background:#111c;border:1px solid #ffffff40;box-shadow:0 2rem 4rem #000a}.sheet h3{margin:0;font-size:1.3rem;letter-spacing:.2em;text-transform:uppercase}.sheet .panel{position:relative}.sheet .panel>.close{position:sticky;top:0;z-index:1;justify-self:end;margin:-.8rem -.8rem -2rem 0;width:2rem;height:2rem;padding:0;display:grid;place-items:center;font-size:1.1rem;line-height:1}.sheet .panel:has(>.close) h3{padding-right:2.4rem}.sheet .row:empty{display:none}.sheet p{margin:0;color:#d6d6d6;line-height:1.5}.sheet .body{display:grid;gap:.7rem}.sheet .row{display:flex;gap:.6rem}.sheet label{display:grid;gap:.3rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#bdbdbd}.sheet label.check{display:flex;align-items:center;gap:.5rem;text-transform:none;letter-spacing:0;font-size:.95rem}.sheet select,.sheet input{width:100%;padding:.5rem .6rem;border-radius:.5rem;border:1px solid var(--line);background:#151515;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0}.sheet input[type=checkbox],.sheet input[type=radio]{width:auto;padding:0}.sheet.pop{position:fixed;z-index:8}.sheet .panel.wide{width:min(44rem,calc(100vw - 2rem))}.sheet .muted{color:#9a9a9a;font-size:.9rem}.sheet .err{color:#ff8a7a;min-height:1.2em;font-size:.9rem}.sheet .err:empty{display:none}.sheet .form{display:grid;gap:.6rem}.sheet .form button[type=submit]{justify-self:start}.sheet .form button.link{justify-self:start;background:none;border:0;padding:0;color:#e0a03a;text-decoration:underline;font-size:.9rem;cursor:pointer}.sheet .form input[name=code]{font-size:1.4rem;letter-spacing:.3em;text-align:center}.sheet .qr{justify-self:center;width:12rem;background:#fff;border-radius:4px}.sheet .qr svg{display:block;width:100%;height:auto}.sheet code.secret{user-select:all;word-break:break-all}.sheet .codes{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem;padding:0;list-style:none;font-size:1.05rem}.sheet .codes code{user-select:all}.sheet .tabs2{display:flex;gap:.4rem}.sheet .tabs2 button{flex:1}.sheet .tabs2 button.on{background:#8e1b1b;border-color:#e0403a}.sheet .facts{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}.sheet .facts dt{color:#9a9a9a;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;align-self:center}.sheet .facts dd{margin:0;display:flex;gap:.4rem;align-items:center}.sheet .players{margin:0;padding-left:1.1rem;display:grid;gap:.2rem}.sheet .teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:.6rem;margin:.6rem 0}.sheet .teams .vs{align-self:center;font-weight:800;color:var(--gold, #f0c04a)}.sheet .tcol{border:1px solid #ffffff22;border-top:4px solid #4ea3ff;border-radius:.5rem;padding:.4rem .6rem;background:#0006}.sheet .tcol.t1{border-top-color:#ff6b5a}.sheet .tcol h4{margin:0 0 .3rem;font-size:.85rem;letter-spacing:.1em;color:#4ea3ff}.sheet .tcol.t1 h4{color:#ff6b5a}.sheet .tcol h4 small{color:#aaa;letter-spacing:0}.sheet .tcol ol{margin:0;padding-left:1.2rem;display:grid;gap:.2rem}.sheet .tcol li[data-nick]{cursor:pointer}.sheet .tcol li.me{font-weight:700;color:#fff3c9}.sheet .tcol li.free{color:#888;font-style:italic}.sheet form.invite{display:flex;gap:.4rem;margin:.4rem 0}.sheet form.invite input{flex:1;min-width:0}.sheet .row button:disabled{opacity:.45;cursor:not-allowed}.sheet .packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.6rem,1fr));gap:.5rem}.sheet .pack{position:relative;display:grid;gap:.15rem;justify-items:start;padding:.6rem .7rem;border:1px solid var(--line);border-radius:.5rem;background:#0006;text-transform:none;letter-spacing:0;color:var(--ink);cursor:pointer}.sheet .pack input{position:absolute;opacity:0}.sheet .pack:has(input:checked){border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.sheet .pack span{color:var(--gold);font-size:1.1rem}.sheet .pack small{color:#bdbdbd}.sheet .pack em{font-style:normal;font-size:.7rem;color:#241a06;background:var(--gold);border-radius:.3rem;padding:0 .3rem}.sheet .coinpacks{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:.8rem;background:#0008;overflow:hidden}.sheet .cpack{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name price" "amount price" "note price";align-items:center;gap:.1rem 1rem;padding:.8rem 1rem;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-transform:none;letter-spacing:0;color:var(--ink);cursor:pointer}.sheet .cpack:last-child{border-bottom:0}.sheet .cpack:hover,.sheet .cpack:focus-visible{background:#d8b25a14}.sheet .cpack .cname{grid-area:name;font-weight:700}.sheet .cpack .camount{grid-area:amount;font-size:1.35rem;font-weight:700;color:#fff}.sheet .cpack .cnote{grid-area:note;color:#a8a8a8;font-size:.85rem}.sheet .cpack .cprice{grid-area:price;display:grid;justify-items:end;gap:.3rem;font-size:1.35rem;font-weight:700;color:#fff}.sheet .cpack .ctag{font-style:normal;font-size:.75rem;font-weight:600;padding:.1rem .6rem;border-radius:1rem;background:#2a2a2a;color:#ddd}.sheet .cpack .ctag.best{background:#0f3a1f;color:#4ade80}.sheet .cbuy{font-size:1.05rem}.cuefig{position:relative;display:block;padding-bottom:1.15rem;border-radius:.4rem;background:#050505;overflow:hidden}.cuefig img{display:block;width:100%;aspect-ratio:1414 / 100;object-fit:contain}.cuefig .nv{position:absolute;right:.35rem;bottom:.25rem;font-style:normal;font-weight:700;font-size:.75rem;line-height:1;letter-spacing:.02em;padding:.15rem .35rem;border-radius:.3rem;color:#e8e8e8;background:#000c;box-shadow:0 0 0 1px #ffffff40}.cuefig .nv.max{color:#ffd76a;box-shadow:0 0 0 1px var(--gold),0 0 6px #d8b25a80;text-shadow:0 0 4px #ff9d0080}.cuefig.off img{filter:grayscale(1) brightness(.35)}.sheet .cueshop{display:grid;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));gap:.6rem}.sheet .cuecard .cuefig img{aspect-ratio:760 / 100;object-fit:cover;object-position:right center}.sheet .cueshop[hidden]{display:none}.sheet .cuerules{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.25rem}.sheet .cuecard{display:grid;gap:.35rem;padding:.6rem;text-align:left;border:1px solid var(--line);border-radius:.6rem;background:#0008;text-transform:none;letter-spacing:0;color:var(--ink);cursor:pointer}.sheet .cuecard:hover,.sheet .cuecard:focus-visible{border-color:var(--gold);background:#d8b25a14}.sheet .cuecard .cname{font-weight:700}.sheet .cuecard.off .cname{color:#8a8a8a}.sheet .cuecard .owned,.sheet .cbuy .owned{font-style:normal;color:#7dff9f}.sheet .cuelevels{list-style:none;margin:.4rem 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.sheet .cuelevels li{display:grid;grid-template-columns:minmax(0,1fr) 10rem;align-items:center;gap:.6rem;padding:.25rem;border-radius:.5rem;border:1px solid transparent}.sheet .cuelevels li.got .lname b{color:#7dff9f}.sheet .cuelevels li.cur{border-color:var(--gold);background:#d8b25a14}.sheet .cuelevels .lname{display:grid}.sheet .cuelevels .lname small{color:#a8a8a8}.sheet .cueprog progress{vertical-align:middle;width:10rem}.sheet .inv{margin-bottom:.6rem}.sheet .inv .cueshop{margin-top:.5rem}@media(max-width:640px){.sheet .cuelevels li{grid-template-columns:1fr;gap:.2rem}}.sheet .paym{display:flex;flex-wrap:wrap;gap:.5rem}.sheet .pixcode{display:flex;gap:.4rem}.sheet .pixcode input{flex:1;min-width:0;font-size:.75rem}.sheet .preview img{max-width:100%;max-height:5rem;border:1px solid var(--line)}.flag{width:1.4em;height:1.05em;object-fit:cover;vertical-align:middle;box-shadow:0 0 0 1px #0008;flex:none;font-size:.7em}.lobby{position:absolute;inset:0;z-index:6;display:grid;grid-template-columns:1fr minmax(13rem,24%);grid-template-rows:auto minmax(0,1fr) clamp(9rem,32vh,16rem);grid-template-areas:"head head" "rooms ids" "chat actions";gap:.6rem;padding:.8rem calc(.8rem + env(safe-area-inset-right)) .8rem calc(.8rem + env(safe-area-inset-left));background:#050806;overflow:hidden;isolation:isolate}.lobby:before{content:"";position:absolute;inset:-2rem;z-index:-1;background:url(/assets/branding/title-bg.webp) center / cover no-repeat;filter:blur(14px) brightness(.32)}.lobby.hidden{display:none}.lobby header{grid-area:head;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0}.lobby .logo{display:flex;flex-direction:column;align-items:flex-start;min-height:0;flex:none}.lobby .logo img{height:clamp(2.2rem,8.5vh,4.8rem);filter:drop-shadow(0 .15rem .35rem #000c)}.lobby .logo small{margin:.1rem 0 0 .3rem;color:#c9d6cf;font-size:clamp(.55rem,1.4vh,.8rem);font-style:italic;letter-spacing:.14em;text-shadow:0 1px 2px #000}.lobby .ad{display:grid;place-items:center;aspect-ratio:970 / 110;width:min(52vw,42rem);overflow:hidden;border:1px solid #3b7bd0;border-radius:.2rem;background:#06213fcc;box-shadow:inset 0 0 1.2rem #1d5ea866;color:#cfe3ff;text-decoration:none}.lobby header .ad{margin-left:auto;min-width:0;flex:0 1 auto;width:min(46vw,42rem)}.lobby .mebox{position:relative;flex:none;display:flex;flex-direction:column;align-items:stretch;gap:.3rem}.lobby .mebox>button{display:flex;align-items:center;gap:.45rem;padding:.2rem .5rem;border:1px solid #3b7bd0;border-radius:.2rem;background:#06213fcc;color:#e8f0ff;font:inherit;cursor:pointer}.lobby .mebox>button:hover,.lobby .mebox>button:focus-visible{background:linear-gradient(#1f4f9a,#0e2c5e);border-color:#8fb4e6;outline:none}.lobby .mebox .mcoins{justify-content:flex-end;color:var(--gold);font-weight:700;font-size:.85rem}.lobby .mebox .mcoins:before{content:"◉";margin-right:.1rem}.lobby .mebox .mcoins:after{content:"+";margin-left:.15rem;padding:0 .3rem;border-radius:.2rem;background:#a9782a;color:#fff3c9;font-size:.75rem}.lobby .mebox .who{text-align:left;min-width:11rem}.lobby .mebox .who span{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.15}.lobby .mebox .who b{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby .mebox .who b.pass{color:var(--gold)}.lobby .mebox .who small{color:#9fb4d6;font-size:.72rem}.lobby .mebox .who i{font-style:normal;color:#8fb4e6;font-size:.75rem}.lobby .mebox .memenu{position:absolute;top:100%;right:0;z-index:20;margin-top:.25rem;min-width:100%;display:flex;flex-direction:column;padding:.25rem;border:1px solid #3b7bd0;border-radius:.2rem;background:#04122af2;box-shadow:0 .4rem 1.2rem #000a}.lobby .mebox .memenu.hidden{display:none}.lobby .mebox .memenu button{display:flex;justify-content:space-between;gap:.6rem;padding:.4rem .6rem;border:0;background:none;color:#e8f0ff;font:inherit;font-size:.85rem;text-align:left;white-space:nowrap;cursor:pointer}.lobby .mebox .memenu button:hover,.lobby .mebox .memenu button:focus-visible{background:#1f4f9a;outline:none}.lobby .mebox .memenu b,.lobby .mebox .memenu em{color:var(--gold);font-style:normal}.lobby .mebox .memenu .danger{color:#ff9a8f;border-top:1px solid #ffffff22}.lobby .ad img{width:100%;height:100%;object-fit:cover}.lobby .ad.empty{cursor:pointer;text-align:center;line-height:1.1}.lobby .ad.empty span{font-size:clamp(.9rem,2.2vh,1.3rem);letter-spacing:.2em;text-transform:uppercase}.lobby .ad.empty small{color:#8fb4e6;font-size:.75rem;letter-spacing:.08em}.lobby .ad.passad{container-type:inline-size;position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.6cqw;padding:0 2cqw;cursor:pointer;border-color:#f0c04a;background:radial-gradient(circle at 12% 50%,#f0c04a33,transparent 22%),repeating-linear-gradient(115deg,#ffffff06 0 1.2cqw,transparent 1.2cqw 2.4cqw),linear-gradient(90deg,#2a0a3d,#0b2a5c 45%,#0a4a33);box-shadow:inset 0 0 1.5cqw #f0c04a55;animation:pa-glow 3s ease-in-out infinite}.lobby .ad.passad:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,#fff6 50%,transparent 60%);transform:translate(-100%);animation:pa-shine 3.5s ease-in-out infinite}.lobby .ad.passad>span{position:relative;z-index:1}.lobby .ad.passad .pa-balls{display:flex;flex:none}.lobby .ad.passad .pa-balls i{width:4.2cqw;height:4.2cqw;margin-left:-1cqw;border-radius:50%;box-shadow:0 .4cqw .8cqw #000a;animation:pa-roll 3s ease-in-out infinite}.lobby .ad.passad .pa-balls i:nth-child(1){margin-left:0;background:radial-gradient(circle at 35% 30%,#fff,#d9d9d9 45%,#7d7d7d)}.lobby .ad.passad .pa-balls i:nth-child(2){background:radial-gradient(circle at 35% 30%,#fff8c9,#f0c04a 45%,#8a5d0e);animation-delay:.15s}.lobby .ad.passad .pa-balls i:nth-child(3){background:radial-gradient(circle at 35% 30%,#ffb3a8,#d9302a 45%,#6b0d0a);animation-delay:.3s}.lobby .ad.passad .pa-title{display:flex;flex-direction:column;flex:1;min-width:0;gap:.5cqw;line-height:1}.lobby .ad.passad .pa-title b{font-size:3.6cqw;font-weight:900;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(180deg,#fff6c9,#f0c04a 50%,#a9782a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .25cqw .2cqw #000c)}.lobby .ad.passad .pa-perks{position:relative;display:block;height:2.4cqw}.lobby .ad.passad .pa-perks em{position:absolute;inset:0;display:flex;align-items:center;color:#fff;font-size:2cqw;font-style:normal;font-weight:700;white-space:nowrap;text-shadow:0 .2cqw .4cqw #000;opacity:0;animation:pa-perk 6s infinite backwards;animation-delay:calc(var(--k) * 1.5s)}.lobby .ad.passad .pa-price{display:flex;flex-direction:column;align-items:center;flex:none;line-height:1}.lobby .ad.passad .pa-price b{color:#fff;font-size:3.4cqw;font-weight:900;text-shadow:0 0 1cqw #f0c04a}.lobby .ad.passad .pa-price small{color:#c9f0d8;font-size:1.4cqw;white-space:nowrap;letter-spacing:.06em}.lobby .ad.passad .pa-cta{flex:none;padding:1cqw 1.8cqw;border:.2cqw solid #fff3c9;border-radius:.6cqw;background:linear-gradient(#f0c04a,#a9782a);color:#2a1600;font-size:1.8cqw;white-space:nowrap;font-weight:900;letter-spacing:.06em;box-shadow:0 0 1.2cqw #f0c04aaa;animation:pa-pulse 1.6s ease-in-out infinite}@container (max-width: 360px){.lobby .ad.passad .pa-balls,.lobby .ad.passad .pa-perks,.lobby .ad.passad .pa-price small,.lobby .ad.passad .pa-cta{display:none}.lobby .ad.passad .pa-title b{font-size:5cqw}.lobby .ad.passad .pa-price b{font-size:5.4cqw}}@keyframes pa-shine{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pa-glow{50%{box-shadow:inset 0 0 2.5cqw #f0c04a99}}@keyframes pa-roll{50%{transform:translateY(-.6cqw) rotate(20deg)}}@keyframes pa-perk{0%{opacity:0;transform:translateY(40%)}4%,22%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-40%)}}@keyframes pa-pulse{50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.lobby .ad.passad,.lobby .ad.passad:after,.lobby .ad.passad .pa-balls i,.lobby .ad.passad .pa-cta,.lobby .ad.passad .pa-perks em{animation:none}.lobby .ad.passad .pa-perks em:first-child{opacity:1}}.lobby .rooms{grid-area:rooms;min-height:0;position:relative}.lobby .rooms .grid{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:.45rem}.lobby .room{position:relative;min-height:0;container-type:size;border:1px solid #c9a24a99;border-radius:.45rem;background:#0b1a12;color:#fff;text-align:left;overflow:hidden;box-shadow:inset 0 0 0 1px #0008,0 .2rem .6rem #0008}.lobby .room .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;opacity:.85;pointer-events:none}.lobby .room:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050806f2,#050806cc 38%,#05080633 70%,#05080688);pointer-events:none}.lobby .room>:not(.bg){position:absolute;z-index:1}.lobby .room.mine{border-color:var(--gold);box-shadow:0 0 .9rem #f0c04a66,inset 0 0 0 1px #000}.lobby .room.playing{border-color:#e2b85a}.lobby .room.empty{background:#0005;border:1px dashed #ffffff14;box-shadow:none}.lobby .room.empty:before{display:none}.lobby .room .who{left:4cqw;top:7cqh;right:34cqw;display:flex;align-items:center;gap:.4rem}.lobby .room .who .badge{flex:none;width:clamp(1.1rem,17cqh,2.2rem);height:auto;filter:drop-shadow(0 1px 2px #000)}.lobby .room .nick{min-width:0;font-size:clamp(.8rem,17cqh,1.9rem);font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f3ead6;text-shadow:0 2px 3px #000}.lobby .room .streak{right:3cqw;top:7cqh;display:flex;align-items:center;gap:.35rem;padding:.15rem .7rem;border:1px solid #e2b85a;border-radius:.3rem;background:linear-gradient(#2a1f0aee,#120c03ee);color:#f8e3a6;font-weight:800;font-size:clamp(.65rem,11cqh,1.25rem);letter-spacing:.04em;box-shadow:0 0 .6rem #e2b85a55}.lobby .room .streak svg{width:1.2em;color:#f0c04a}.lobby .room .rname{left:50%;top:50%;transform:translate(-50%,-50%);max-width:38cqw;font-size:clamp(.75rem,13cqh,1.5rem);font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f8e3a6;text-shadow:0 2px 3px #000,0 0 .6rem #000c}.lobby .room .game{left:4cqw;top:36cqh;display:flex;align-items:center;gap:.55rem}.lobby .room .game b{display:block;font-size:clamp(.75rem,12cqh,1.4rem);font-weight:800;text-transform:uppercase}.lobby .room .game small{display:block;color:#b9b9b9;font-size:clamp(.6rem,8cqh,.9rem);text-transform:uppercase;letter-spacing:.05em}.lobby .room .ball{position:static;width:clamp(1.4rem,26cqh,3.2rem);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:clamp(.6rem,9cqh,1.1rem);font-weight:700;color:#111;background:radial-gradient(circle,#fff 0 34%,var(--c, #f3b52b) 35%);box-shadow:0 .15rem .3rem #000a,0 0 0 2px #c9a24a88}.lobby .room .b-8ball{--c: #1a1a1a}.lobby .room .b-9ball{--c: #f3b52b}.lobby .room .b-snooker{--c: #c9349b}.lobby .room .b-3ball{--c: #d1262b}.lobby .room .mode{left:0;bottom:0;display:flex;align-items:center;gap:.45rem;padding:.3rem 1.4rem .3rem 4cqw;border-top:1px solid #c9a24a99;border-right:1px solid #c9a24a99;border-top-right-radius:.5rem;background:linear-gradient(90deg,#1a1306f2,#0b0803e6);color:#f0c04a;font-weight:800;font-size:clamp(.6rem,9cqh,1rem);letter-spacing:.06em}.lobby .room .mode svg{width:1.1em}.lobby .room .mode.casual{color:#9dffb0}.lobby .room .btns{right:2.5cqw;bottom:9cqh;display:flex;gap:2cqw}.lobby .room .btns button{display:flex;align-items:center;gap:.4rem;padding:.35rem .8rem;min-width:0;border-radius:.3rem;font-weight:800;font-size:clamp(.6rem,9.5cqh,1.05rem);letter-spacing:.03em;color:#fff;cursor:pointer}.lobby .room .btns svg{width:1.3em}.lobby .room .btns i{font-style:normal;padding:0 .35rem;border-radius:.2rem;background:#0007;font-size:.85em}.lobby .room .watch{border:1px solid #e2b85a;background:linear-gradient(#1b1b1bee,#070707ee)}.lobby .room .play{border:1px solid #f0c04a;background:linear-gradient(#2f9a3e,#17621f);box-shadow:inset 0 1px #fff3}.lobby .room .watch:not(:disabled):hover{background:linear-gradient(#2a2a2a,#111);box-shadow:0 0 .6rem #e2b85a66}.lobby .room .play:not(:disabled):hover{background:linear-gradient(#3cb94e,#1d7a28);box-shadow:0 0 .7rem #7dff9f66}.lobby .room .btns button:disabled{opacity:.45;cursor:default}.lobby .room.full .play i{color:#ff8a80}.lobby .rooms .none{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#cfcfcf;text-shadow:0 1px 3px #000;pointer-events:none}.lobby .rooms .penbar{position:absolute;z-index:2;left:.4rem;right:.4rem;top:.4rem;padding:.45rem .7rem;border-radius:6px;background:#8c1414eb;color:#fff;font-weight:700;font-size:.9rem;text-align:center;box-shadow:0 2px 8px #00000080}.lobby .rooms .penbar.hidden{display:none}.netwait{position:fixed;z-index:30;top:calc(.8rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);max-width:92vw;padding:.6rem 1rem;border-radius:8px;background:#141414e0;border:1px solid #f0b400;color:#ffd75a;font-weight:700;text-align:center;pointer-events:none}.netwait.hidden{display:none}.lobby .ids,.lobby .chat{min-height:0;display:flex;flex-direction:column;border:1px solid #ffffff33;border-radius:.2rem;background:#000a}.lobby .ids{grid-area:ids}.lobby .ids .h{display:flex;justify-content:space-between;align-items:baseline;padding:.3rem .6rem;border-bottom:1px solid #ffffff22}.lobby .ids .h small{color:#9a9a9a}.lobby .ids ul,.lobby .chat .log{flex:1;min-height:0;margin:0;padding:.3rem .5rem;list-style:none;overflow:auto}.lobby .ids li{display:flex;align-items:center;gap:.45rem;padding:.1rem 0;font-size:.95rem}.lobby .ids li{cursor:pointer;border-radius:.2rem}.lobby .ids li:hover{background:#ffffff14}.lobby .ids li .nick{color:#fff}.lobby .ids li.me .nick{font-weight:700;text-decoration:underline dotted #ffffff66}.lobby .ids li.pass .nick,.lobby .chat .log b.pass{color:var(--gold)}.badge{flex:none;display:inline-block;vertical-align:middle;object-fit:contain;image-rendering:auto}.badge.max{filter:drop-shadow(0 0 4px #ffcc33aa)}.lobby .ids .coins{min-width:1.6rem;padding:0 .25rem;border-radius:.25rem;background:#ffffff1a;font-size:.72rem;text-align:center;color:#ddd}.lobby .ids .coins{color:var(--gold)}.lobby .ids .coins:before{content:"◉ "}.lobby .ids .nick{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby .chat{grid-area:chat}.lobby .chat .bar{display:flex;align-items:center;gap:.5rem;padding:.3rem;border-bottom:1px solid #ffffff22}.lobby .chat .bar button,.lobby .actions button,.lobby .chat .say button{flex:none;padding:.3rem .8rem;border:1px solid #5f8fd6;border-radius:.15rem;background:linear-gradient(#1f4f9a,#0e2c5e);color:#fff;font-size:.9rem;letter-spacing:.04em}.lobby .chat .bar button.on{background:linear-gradient(#5b7fb8,#34588f)}.lobby .chat .tabs{display:flex;gap:.25rem;flex-wrap:wrap}.lobby .chat .tabs button{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem}.lobby .chat .tabs button:not(.on){background:#04122a;border-color:#fff4}.lobby .chat .tabs .flag{width:1.1em;height:.82em}.lobby .chat .tabs .badge:not(:empty){min-width:1.1rem;padding:0 .25rem;border-radius:1rem;background:#d1302a;font-style:normal;font-size:.7rem}.lobby .chat .log b[data-nick]{cursor:pointer}.lobby .chat .log b[data-nick]:hover{text-decoration:underline}.lobby .chat .log li.note{color:#9fb0c8;font-style:italic}.lobby .chat .log li.conv{cursor:pointer;padding:.15rem .2rem;border-radius:.2rem}.lobby .chat .log li.conv:hover{background:#ffffff14}.lobby .chat .log li.conv.new b:after{content:" •";color:#ff6b5e}.lobby .chat .log li.conv .muted{color:#9a9a9a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lobby .chat .log li.thread{border-bottom:1px solid #ffffff22;margin-bottom:.2rem;padding-bottom:.2rem;color:#9fe3ff}.lobby .chat .log li.thread button{padding:0 .5rem;border:1px solid #ffffff44;background:#04122a;color:#fff}.lobby .chat .say input:disabled{opacity:.5}.sheet .who{margin:0;color:#cfcfcf}.sheet .who .on{color:#7dff9f}.sheet .passtag{padding:0 .4rem;border-radius:.2rem;background:var(--gold);color:#241a06;font-size:.75rem;font-weight:700}.sheet .prof h4{margin:.8rem 0 .3rem;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#9fe3ff}.sheet .prof .lvl{display:flex;align-items:center;gap:.7rem}.sheet .prof .lvl>div{flex:1;display:flex;flex-direction:column;gap:.25rem}.sheet .prof .lvl progress{width:100%;height:.6rem;accent-color:var(--gold)}.sheet .prof .lvl small{color:#bbb}.sheet .prof .lvl .maxtag{align-self:flex-start;padding:.05rem .45rem;border-radius:.2rem;background:#b0101c;color:#fff6c0;font-size:.75rem;font-weight:700;letter-spacing:.05em}.sheet .prof .stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr));gap:.35rem;margin-top:.6rem}.sheet .prof .stat{display:flex;flex-direction:column;padding:.35rem .5rem;border:1px solid #ffffff22;border-radius:.2rem;background:#ffffff0a}.sheet .prof .stat small{color:#9a9a9a;font-size:.7rem}.sheet .prof .stat b{font-size:1.05rem}.sheet .grid-t{width:100%;border-collapse:collapse;font-size:.82rem}.sheet .grid-t th{text-align:left;color:#9a9a9a;font-weight:400;border-bottom:1px solid #ffffff22;padding:.2rem .3rem}.sheet .grid-t td{padding:.2rem .3rem;border-bottom:1px solid #ffffff0f}.sheet .grid-t tr.win td:nth-child(4){color:#7dff9f}.sheet .grid-t tr.loss td:nth-child(4){color:#ff8a80}.sheet .grid-t .link{cursor:pointer;text-decoration:underline dotted}.sheet .rankbar{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.sheet .rankbar label{display:flex;align-items:center;gap:.4rem}.sheet .rankwrap{max-height:50vh;overflow:auto}.sheet .rank tbody tr{cursor:pointer}.sheet .rank tbody tr:hover{background:#ffffff14}.sheet .rank tr.me{background:#1f4f9a55}.sheet .rank tr.pass .nick,.plate .name.pass,.plate .roster .rn.pass{color:var(--gold)}.ctag{margin-right:.25rem;color:#9fe3ff;font-size:.8em;font-weight:700}.lobby .actions [data-a=clan]{position:relative}.lobby .actions .badge:not(:empty){position:absolute;top:.15rem;right:.3rem;min-width:1.1rem;padding:0 .25rem;border-radius:1rem;background:#d1302a;font-style:normal;font-size:.7rem}.sheet .gold{color:var(--gold)}.sheet .champs,.sheet .cinv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.sheet .champs li,.sheet .cinv li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem .5rem;border:1px solid #ffffff22;border-radius:.2rem;background:#ffffff0a}.sheet .champs .pass{color:var(--gold);font-weight:700}.sheet .champs [data-nick]{cursor:pointer}.sheet .passbox{padding:.6rem .8rem;border:1px solid var(--gold);border-radius:.3rem;background:#d8b25a14}.sheet .passbox .ptitle{margin:0;letter-spacing:.05em}.sheet .passbox .price{margin:.3rem 0;color:var(--gold);font-size:1.5rem;font-weight:700}.sheet .passbox .price small{font-size:.8rem;font-weight:400}.sheet .passbox .perks{margin:.4rem 0 .6rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.25rem}.sheet .passbox .ok{color:#7dff9f}.sheet .cinvite{flex-direction:row;align-items:flex-end;gap:.5rem}.sheet .pend{white-space:nowrap}.sheet .pend button{padding:0 .3rem}.lobby .chat .status{flex:1;color:#ffb4a8;font-size:.8rem}.lobby .chat .pager{display:flex;align-items:center;gap:.3rem}.lobby .chat .pager b{min-width:2.6rem;text-align:center;font-size:.85rem}.lobby .chat .log li{padding:.05rem 0;font-size:.92rem;display:flex;gap:.35rem;align-items:baseline;overflow-wrap:anywhere}.lobby .chat .log li b{color:#f0f0f0;flex:none}.lobby .chat .log li.sys{color:#ffd479}.lobby .chat .log li.sys b{color:#ffb347}.lobby .chat .say{display:flex;gap:.3rem;padding:.3rem;border-top:1px solid #ffffff22}.lobby .chat .say input{flex:1;min-width:0;padding:.35rem .5rem;border:1px solid #ffffff44;background:#000;color:#fff;font:inherit}.lobby .actions{grid-area:actions;display:flex;flex-direction:column;gap:.3rem;min-height:0}.lobby .actions>button,.lobby .actions .trio,.lobby .actions .duo{flex:1 1 0;min-height:0}.lobby .actions button{width:100%;padding:0 .3rem;background:#04122a;border-color:#fff6}.lobby .actions button:hover,.lobby .actions button:focus-visible{background:linear-gradient(#1f4f9a,#0e2c5e);border-color:#8fb4e6;outline:none}.lobby .actions .big{background:linear-gradient(#1f4f9a,#0e2c5e);border-color:#5f8fd6;color:#9fe3ff;font-weight:700}.lobby .actions [data-a=create]{color:#ffd84a}.lobby .actions .duo{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.lobby .actions .duo [data-a=quick-casual]{color:#9dffb0}.lobby .actions .sizes{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.lobby .actions .sizes button{padding:.15rem 0;font-size:.8rem;font-weight:700;color:#b9c7dd}.lobby .actions .sizes button.on{background:linear-gradient(#a9782a,#6b4712);border-color:#f0c04a;color:#fff3c9}.lobby .actions .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;margin-top:.2rem}@media(max-width:760px),(max-height:500px){.lobby{gap:.35rem;padding-top:.4rem;padding-bottom:.4rem;grid-template-rows:auto minmax(0,1fr) 38vh}.lobby .logo img{height:1.9rem}.lobby .logo small{display:none}.lobby .chat .tabs button{padding:.2rem .4rem;font-size:.68rem}.lobby header .ad{width:min(40vw,30rem)}.lobby .mebox{flex-direction:row;align-items:center}.lobby .mebox>button{flex:none}.lobby .mebox .who{min-width:0;padding:.1rem .35rem}.lobby .mebox .who img{width:26px;height:26px}.lobby .mebox .who small{display:none}.lobby .mebox .who b{max-width:6rem;font-size:.75rem}.lobby .mebox .mcoins{font-size:.72rem;padding:.1rem .35rem}.lobby .room .game,.lobby .room .btns svg,.lobby .room .btns span{display:none}.lobby .room .btns button{padding:.2rem .4rem;gap:.25rem}.lobby .actions{gap:.2rem}.lobby .actions button{font-size:.72rem}.lobby .actions .trio{margin-top:0;gap:.2rem}.lobby .ids li,.lobby .chat .log li{font-size:.8rem}}.rotate{position:absolute;inset:0;z-index:10;display:none;place-content:center;justify-items:center;gap:.6rem;padding:2rem;text-align:center;background:#061c14f2}.rotate h3{margin:.6rem 0 0;font-size:1.5rem}.rotate p{margin:0 0 .8rem;color:#cfe3d8}.rotate button{flex:none}.rotate .phone{width:3.2rem;height:5.4rem;border:3px solid var(--gold);border-radius:.6rem;animation:carom-turn 2.2s ease-in-out infinite}@keyframes carom-turn{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media(pointer:coarse)and (orientation:portrait){.rotate{display:grid}}@media(pointer:coarse)and (orientation:landscape)and (max-height:500px){.topbar{top:calc(.5rem + env(safe-area-inset-top));right:calc(.6rem + env(safe-area-inset-right));gap:.3rem}.plate{bottom:calc(.5rem + env(safe-area-inset-bottom));max-width:30vw}.plate.p0{left:calc(.6rem + env(safe-area-inset-left))}.plate.p1{right:calc(.6rem + env(safe-area-inset-right))}.plate .pbar{min-width:0;padding:.2rem .6rem .2rem .35rem;font-size:.85rem;border-radius:.6rem}.plate .pflag,.plate .prank{padding-right:.35rem;margin-right:.35rem}.plate.p1 .pbar{padding:.2rem .35rem .2rem .6rem}.plate.p1 .pflag,.plate.p1 .prank{padding-right:0;margin-right:0;padding-left:.35rem;margin-left:.35rem}.plate .pflag .flag{width:1.4rem;height:1.05rem}.plate .prank .badge{width:1.35rem;height:1.35rem}.plate .pts{font-size:1.1rem}.plate .pballs{width:6.3rem;gap:.05rem .1rem;margin-bottom:-.2rem}.pball{width:1.5rem;height:1.5rem}.pball:after{font-size:.6rem}.clock{min-width:3.3rem;height:2.1rem;padding:0 .6rem;font-size:1.05rem;border-radius:.6rem}.watchers{padding:.1rem .45rem;font-size:.75rem}.watchers svg{width:.9rem}.spin{--ball: 4rem;bottom:calc(.4rem + env(safe-area-inset-bottom))}.spin .dot{width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem}.spin .spinlbl{font-size:.62rem}.touch .tgap{width:4.4rem}.touch .tpower{width:6rem}.touch .tnum{min-width:1.5rem;font-size:.9rem}.touch .tshoot{padding:.35rem .8rem;font-size:.85rem}.escbtn{top:calc(.5rem + env(safe-area-inset-top));left:calc(.6rem + env(safe-area-inset-left));min-width:0;padding:.3rem .5rem;font-size:.8rem}.escmenu{top:calc(2.9rem + env(safe-area-inset-top));left:calc(.6rem + env(safe-area-inset-left))}.touch{bottom:calc(.6rem + env(safe-area-inset-bottom));padding:.3rem .35rem .3rem .7rem;border-radius:.7rem}.hintbar{bottom:calc(5.9rem + env(safe-area-inset-bottom));font-size:.75rem}.toast{bottom:calc(7.4rem + env(safe-area-inset-bottom))}.menu .panel,.dialog>.panel{width:min(34rem,calc(100vw - 1.5rem));max-height:calc(100vh - 1rem);padding:.9rem;gap:.5rem}.menu h2{font-size:1.25rem;margin:0}.thumbs{grid-template-columns:repeat(8,1fr)}button{padding:.5rem .8rem}.title .items{top:8vh;width:min(32vw,20rem);right:calc(4vw + env(safe-area-inset-right))}.title .items button{height:11vh;font-size:.9rem}.title .site{top:calc(100% + .4rem);font-size:.8rem}.sheet .panel{padding:.9rem;gap:.5rem}}.clock.hidden{display:none}.practice{position:absolute;inset:0;z-index:5;overflow:auto;background:radial-gradient(ellipse at 50% 0%,#2a2112,#0b0a08 55%,#050505);animation:pfade .25s ease}.practice.hidden{display:none}@keyframes pfade{0%{opacity:0}to{opacity:1}}.practice .pwrap{width:min(72rem,calc(100vw - 2rem));margin:0 auto;padding:clamp(1rem,4vh,2.6rem) 0 1.5rem;display:grid;gap:1.2rem}.practice header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:900;font-size:clamp(1.8rem,4.5vh,2.8rem);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 0 #000,0 0 1.2rem #d8b25a44}.practice header p{margin:.4rem 0 0;color:#c9c2b0;max-width:46rem;line-height:1.45}.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem}.pcard{display:flex;flex-direction:column;gap:.55rem;padding:1.1rem;border-radius:.8rem;background:linear-gradient(#17140fef,#0b0a09f2);border:1px solid #d8b25a44;box-shadow:inset 0 1px #ffffff12,0 1rem 2rem #000a;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.pcard:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 0 1.4rem #d8b25a33,0 1rem 2rem #000a}.pcard h3{margin:0;font-size:1.35rem;letter-spacing:.04em;color:#f4ead0}.pcard p{margin:0;color:#bdb6a4;font-size:.95rem;line-height:1.4}.pcard .goal{color:#e6dcc0}.pcard .goal span{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.ptags{display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none}.ptags li{padding:.1rem .45rem;border-radius:.3rem;border:1px solid #d8b25a55;color:#e4cf97;font-size:.75rem;letter-spacing:.04em}.pcard .row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.3rem}.pcard .row button{padding:.55rem .6rem;font-size:.85rem}.pcard .row button.primary{flex:1 1 100%}.practice .foot{display:flex;gap:.6rem;justify-content:flex-start}.practice .foot button{flex:0 1 14rem}.pballs-ill{display:flex;gap:.3rem;min-height:2.2rem;align-items:center}.pballs-ill i{position:relative;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffc 0 8%,#0000 26%),var(--c);box-shadow:inset -.25rem -.3rem .5rem #0007,0 0 0 1px #ffffff2a,0 .2rem .4rem #0009;overflow:hidden}.pballs-ill i.stripe{background:radial-gradient(circle at 32% 28%,#fffc 0 8%,#0000 26%),linear-gradient(#f4f1e8 0 22%,var(--c) 22% 78%,#f4f1e8 78%)}.pballs-ill b{display:grid;place-items:center;width:1rem;height:1rem;border-radius:50%;background:#f4f1e8;color:#111;font-size:.62rem;line-height:1}.practice .sheet .pmodes{display:grid;gap:.5rem}.practice .sheet label.pmode{display:grid;grid-template-columns:auto 1fr;gap:.1rem .6rem;align-items:center;padding:.6rem .75rem;border-radius:.5rem;border:1px solid #ffffff2a;text-transform:none;letter-spacing:0;cursor:pointer}.practice .sheet label.pmode:has(input:checked){border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.practice .sheet label.pmode b{color:#f4ead0;font-size:1rem}.practice .sheet label.pmode small{grid-column:2;color:#a9a294;font-size:.85rem;line-height:1.35}.ppanel{position:absolute;z-index:3;right:calc(.9rem + env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;align-items:flex-start;gap:.35rem;max-height:calc(100vh - 9rem)}.ppanel.hidden{display:none}.ppanel .ptoggle{flex:none;padding:.45rem .55rem;font-size:.8rem;letter-spacing:.06em;background:#0d0c0ae6;border-color:#d8b25a66;color:var(--gold)}.ppanel .pbody{display:grid;gap:.4rem;width:11.5rem;overflow:auto;max-height:inherit}.ppanel.min .pbody{display:none}.ppanel .pbtns{display:grid;gap:.25rem;padding:.4rem;border-radius:.6rem;background:#0d0c0ad9;border:1px solid #d8b25a44;box-shadow:0 .6rem 1.4rem #000a}.ppanel .pbtns button{flex:none;padding:.42rem .6rem;font-size:.8rem;letter-spacing:.04em;text-align:left}.ppanel .pbtns button.on{border-color:var(--gold);color:var(--gold);background:#d8b25a1f}.ppanel .pbtns button:disabled{opacity:.4;cursor:default}.ppanel .pbtns button.danger{color:#ff8f7a;border-color:#e0553f66}.ppanel .pinfo{padding:.55rem .65rem;border-radius:.6rem;background:#0d0c0ad9;border:1px solid #ffffff22;font-size:.8rem}.ppanel .pinfo.hidden{display:none}.ppanel .pinfo h4{margin:0 0 .3rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.ppanel .pinfo dl{display:grid;grid-template-columns:auto 1fr;gap:.12rem .5rem;margin:0}.ppanel .pinfo dt{color:#9a958a}.ppanel .pinfo dd{margin:0;text-align:right;color:#eee6d2}.ppanel .pinfo p{margin:.4rem 0 0;line-height:1.3}.ppanel .pinfo p.ok{color:#7dff9f}.ppanel .pinfo p.bad{color:#ff9f8a}@media(max-height:520px){.ppanel{max-height:calc(100vh - 5rem)}.ppanel .pbody{width:10rem}.ppanel .pbtns button{padding:.3rem .5rem;font-size:.72rem}}.hud.replaying .touch{display:none}.hud.replaying .power,.hud.replaying .spin{pointer-events:none}.rpbar{position:absolute;left:50%;top:calc(.8rem + env(safe-area-inset-top));transform:translate(-50%);display:flex;align-items:center;gap:.7rem;padding:.45rem .6rem .45rem 1rem;border-radius:999px;background:linear-gradient(#1b2a22f2,#0d1812f2);border:1px solid var(--gold);box-shadow:inset 0 1px #ffffff1f,0 .4rem 1rem #000b;max-width:calc(100vw - 1rem)}.rpbar.hidden{display:none}.rpbar .rplbl{color:#f3e7c6;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.rpbar .rprec{color:#ff5a4f;font-weight:700;font-size:.85rem;letter-spacing:.05em;animation:rprec 1s steps(2) infinite}@keyframes rprec{50%{opacity:.35}}.rpbar .rpbtns{display:flex;gap:.35rem}.rpbar button{flex:none;min-width:2.4rem;padding:.4rem .6rem;border-radius:999px}.rpbar button[hidden]{display:none}.sheet .rmsg{color:#f3e7c6;background:#d8b25a22;border:1px solid #d8b25a66;border-radius:.5rem;padding:.5rem .7rem;font-size:.9rem}.sheet .rmsg[hidden]{display:none}.sheet .rshare{display:grid;gap:.5rem;padding:.7rem;border:1px solid var(--line);border-radius:.6rem;background:#ffffff08}.sheet .rshead{color:#bdbdbd;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.sheet .rshead b{color:var(--gold);letter-spacing:0;text-transform:none}.sheet .rsbtns{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.4rem}.sheet .rsbtns button{padding:.4rem .7rem;font-size:.9rem}.sheet .rlist{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;max-height:40vh;overflow-y:auto}.sheet .rlist li{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:.5rem;cursor:pointer}.sheet .rlist li.on{border-color:var(--gold);background:#d8b25a1a}.sheet .rlist .rinfo{display:grid;flex:1;min-width:0}.sheet .rlist .rinfo b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet .rlist .rinfo span{color:#9a9a9a;font-size:.82rem}.sheet .rlist button{flex:none;padding:.4rem 1rem}.sheet .rnote{color:#9a9a9a;font-size:.82rem}@media(max-width:640px){.rpbar .rplbl{display:none}}@media(orientation:portrait){.title{background:#050806;isolation:isolate;overflow:hidden}.title:before,.title:after{content:"";position:absolute;z-index:-1;background:url(/assets/branding/title-bg.webp) center / cover no-repeat}.title:before{inset:-2rem;background-position:100% center;filter:blur(18px) brightness(.4)}.title:after{left:-4.4vw;width:160vw;aspect-ratio:1920 / 1075;top:calc(24vh - 61.8vw);background-size:100% 100%;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.title .items{right:auto;left:50%;top:auto;bottom:13vh;width:min(80vw,24rem);transform:translate(-50%)}.title .items button{height:clamp(2.6rem,6.4vh,4rem);font-size:clamp(1rem,2.1vh,1.3rem)}}