@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:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1rem;background:linear-gradient(#000a,#0000);font-size:1.05rem;letter-spacing:.02em}.who{display:flex;gap:.6rem;align-items:baseline;min-width:9rem}.who.you{justify-content:flex-end}.who .pts{color:var(--gold);font-size:1.5rem;font-weight:700;min-width:2ch;text-align:center}.who.them .pts{order:-1}.clock{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;border:2px solid var(--line);background:#0009;font-size:1.35rem;font-variant-numeric:tabular-nums}.clock.low{border-color:#e0553f;color:#ff8f7a}.turnline{position:absolute;top:4.6rem;left:50%;transform:translate(-50%);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#cfe3d8;opacity:.75}.turnline.mine{color:#9fe0bf;opacity:1}.power{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:1.5rem;height:42vh;border-radius:999px;border:2px solid var(--line);background:#0009;overflow:hidden;display:flex;align-items:flex-end}.power .fill{width:100%;height:35%;background:linear-gradient(#e8c766,#c8552f);transition:height .06s linear}.power .num{position:absolute;inset:auto 0 -1.6rem;text-align:center;font-size:.85rem;color:#cfd8d2}.spin{position:absolute;left:1.5rem;top:1.5rem;width:5.5rem;height:5.5rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf6,#cfc7ad 70%,#8d8468);box-shadow:0 .6rem 1.4rem #000a,inset 0 -.3rem .7rem #0003;cursor:grab;touch-action:none}.spin .dot{position:absolute;left:50%;top:50%;width:.85rem;height:.85rem;margin:-.425rem 0 0 -.425rem;border-radius:50%;background:#c0392b;box-shadow:0 0 0 2px #fff8}.toast{position:absolute;left:50%;bottom:12%;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:2.2rem;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;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.7rem;padding:.5rem .8rem;border-radius:999px;background:#000b;border:1px solid var(--line)}.touch .tpower{width:8rem;accent-color:var(--gold)}.touch .tshoot{flex:none;padding:.45rem 1rem}@media(pointer:coarse){.power{display:none}.spin{width:4.5rem;height:4.5rem}.touch{left:50%;right:auto;transform:translate(-50%)}}.dialog,.menu{position:absolute;inset:0;display:grid;place-items:center;background:#0009;backdrop-filter:blur(3px)}.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}.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}