:root{--bg:#121a2a;--fg:#efe5cf;--muted:#aab3c5;--accent:#e5664f;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Zen Kaku Gothic New,Hiragino Sans,Yu Gothic,sans-serif;display:flex;flex-direction:column}[hidden]{display:none!important}.site-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px))}.site-bar .home{color:var(--fg);text-decoration:none;font-weight:700;letter-spacing:.06em}.site-bar .home:before{content:"← ";color:var(--accent)}.site-bar .game-name{font-family:Shippori Mincho B1,serif;font-weight:800}.site-bar small{font-family:Zen Kaku Gothic New,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-left:6px}.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:0 16px 16px;min-height:0}.phone:focus-visible,.hud button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.phone{--ink:#1f3354;--paper:#f3e8cf;--red:#c7402d;--pd:"Shippori Mincho B1",serif;position:relative;height:min(880px,calc(100dvh - 72px));aspect-ratio:9/18.5;max-width:100%;border-radius:34px;overflow:hidden;border:8px solid #0d1422;background:#efe3c8;box-shadow:0 30px 60px #00000073;touch-action:none;user-select:none;-webkit-user-select:none}@media (max-width:520px){.site-bar{display:none}.stage{padding:0}.phone{height:100dvh;width:100vw;aspect-ratio:auto;border:0;border-radius:0}}.phone canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none;color:var(--ink);font-family:Zen Kaku Gothic New,sans-serif}.hud button,.hud a{pointer-events:auto}.chip{background:var(--paper);border:2px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 var(--ink)}.top{position:absolute;left:12px;right:12px;top:12px;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px}.pause-btn{inline-size:44px;min-block-size:44px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer}.b-pause{position:absolute;right:12px;top:44px;inline-size:44px;block-size:44px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:#0e1224bf;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.pause-menu{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:24px;background:#0e1224b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.pause-card{inline-size:min(100%,300px);display:flex;flex-direction:column;gap:10px;padding:20px;background:#f3e8cf;color:#1f3354;border:2px solid #1f3354;box-shadow:4px 4px #1f3354;text-align:center;font-family:Zen Kaku Gothic New,sans-serif}.pause-card h2{margin:0 0 4px;font-family:Shippori Mincho B1,serif;font-weight:800;font-size:28px}.pause-card .lbl{margin:0}.pause-card .go{inline-size:100%}.home-link{display:flex;align-items:center;justify-content:center;text-decoration:none}.top .chip{padding:5px 10px;display:flex;flex-direction:column;justify-content:center;min-width:0}.lbl{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.8}.big{font-family:var(--pd);font-weight:800;font-size:21px;line-height:1.05;font-variant-numeric:tabular-nums}.timer{align-items:center;text-align:center;min-width:72px}.next{align-items:flex-end;text-align:right}.next-row{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;white-space:nowrap}.next-row i{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);display:block}#wcam{position:absolute;left:10px;right:10px;top:66px;height:25%;border:6px solid #16181d;border-radius:14px;box-shadow:0 0 0 2px var(--ink),3px 4px 0 2px var(--ink),inset 0 0 18px #00000073;overflow:hidden}.tv-live{position:absolute;left:6px;top:6px;display:flex;align-items:stretch;font-weight:700;line-height:1}.tv-live .nama{background:#d7141d;color:#fff;font-size:11px;padding:4px 6px;letter-spacing:.06em}.tv-clock{background:#0000008c;color:#fff;font-size:11px;padding:4px 6px;font-variant-numeric:tabular-nums}.tv-bug{position:absolute;right:8px;top:5px;color:#ffffffe0;text-align:right;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tv-bug b{display:block;font-family:Dela Gothic One,sans-serif;font-weight:400;font-size:14px}.tv-bug span{font-size:9px;font-weight:700;letter-spacing:.12em}.tv-sound{position:absolute;right:6px;top:36px;width:32px;height:32px;border-radius:50%;border:0;background:#0a0e1899;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.tv-sound .cross,.tv-sound.off .wave{display:none}.tv-sound.off .cross{display:inline}.tv-wipe{position:absolute;right:6px;bottom:6px;width:29%;height:46%;border:3px solid #fff;border-radius:10px;box-shadow:0 2px 6px #00000073}.tv-wipe span{position:absolute;left:-3px;top:-3px;background:#fff;color:#16181d;font-size:9px;font-weight:700;padding:1px 6px;border-radius:9px 0 8px}.tv-lower{position:absolute;left:6px;bottom:6px;width:62%;display:flex;flex-direction:column;align-items:flex-start}.tv-lower .rank{background:var(--red);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.1em;padding:2px 8px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.tv-lower .shikona{display:flex;align-items:baseline;gap:6px;background:linear-gradient(90deg,#fffffff5 70%,#fff0);color:#16181d;padding:1px 22px 2px 8px;font-family:var(--pd)}.tv-lower .shikona b{font-size:17px;font-weight:800;letter-spacing:.06em}.tv-lower .shikona small{font-family:Zen Kaku Gothic New,sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.16em;color:#5b6478}.gauge{display:flex;align-items:center;gap:5px;width:100%;background:#0a0e18c7;padding:3px 6px;color:#fff;font-size:9.5px;font-weight:700}.gauge .g-lbl{white-space:nowrap;letter-spacing:.06em}.gauge #fillPct{min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.bar{position:relative;flex:1;height:7px;background:#ffffff38}#fillBar{height:100%;width:0;background:#ffcf2e;transition:width .25s}#ghostTick{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff}.telop{position:absolute;left:42%;top:30%;transform:translate(-50%,-50%) rotate(-6deg);font-family:Dela Gothic One,sans-serif;font-size:28px;line-height:1;color:#ffe14d;-webkit-text-stroke:5px #c8102e;paint-order:stroke fill;text-shadow:3px 3px 0 #16181d;white-space:nowrap;animation:telopIn 1.1s ease-out forwards;text-align:center}.telop small{display:block;margin-top:4px;font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:10px;color:#fff;-webkit-text-stroke:0;text-shadow:0 1px 2px #000;letter-spacing:.1em}.telop.big{font-size:34px;color:#fff;-webkit-text-stroke:6px #e8371a}.telop.pinch{color:#fff;-webkit-text-stroke:5px #1b4fd8;top:24%}@keyframes telopIn{0%{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(2.2)}14%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(.92)}22%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.04)}30%{transform:translate(-50%,-50%) rotate(-6deg) scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(1)}}.sfx{position:absolute;left:56%;top:44%;font-family:Dela Gothic One,sans-serif;font-size:13px;color:#ff6fa0;-webkit-text-stroke:3px #fff;paint-order:stroke fill;transform:rotate(8deg);animation:sfxBob .9s ease-out forwards;white-space:nowrap}@keyframes sfxBob{0%{opacity:0;transform:translateY(6px) rotate(8deg)}20%{opacity:1;transform:translateY(0) rotate(8deg)}50%{transform:translateY(-3px) rotate(4deg)}80%{opacity:1}to{opacity:0;transform:translateY(-8px) rotate(8deg)}}.combo{position:absolute;left:50%;top:44%;transform:translate(-50%) rotate(-4deg);font-family:var(--pd);font-weight:800;font-size:22px;color:var(--paper);background:var(--red);border:2px solid var(--ink);padding:3px 14px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}.combo.bump{animation:bump .3s ease-out}@keyframes bump{0%{transform:translate(-50%) rotate(-4deg) scale(1.35)}to{transform:translate(-50%) rotate(-4deg) scale(1)}}.pop{position:absolute;font-family:var(--pd);font-weight:800;font-size:19px;color:var(--red);text-shadow:2px 2px 0 var(--paper);transform:translate(-50%,-50%);animation:rise .85s ease-out forwards;white-space:nowrap}.pop.huge{font-size:28px}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}to{opacity:0;transform:translate(-50%,-170%) scale(1)}}.bot{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}.pw-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pw{min-height:50px;font:inherit;font-weight:700;font-size:12.5px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 var(--ink);display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:4px}.pw .ct{font-family:var(--pd);font-size:12px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:var(--paper)}.pw:disabled{opacity:.45;cursor:default}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 12px}.demo-bar p{margin:0;font-size:12.5px;line-height:1.35;font-weight:700}.demo-btns{display:flex;flex-direction:column;gap:6px}.go{font-family:var(--pd,serif);font-weight:800;font-size:16px;padding:10px 16px;min-height:46px;border:2px solid #1f3354;background:#c7402d;color:#f3e8cf;cursor:pointer;white-space:nowrap;box-shadow:3px 3px #1f3354}.go.alt{background:var(--paper);color:var(--ink);font-size:13px;padding:8px 12px;min-height:40px}.toast{position:absolute;left:50%;bottom:78px;transform:translate(-50%);padding:6px 12px;font-weight:700;font-size:13px;white-space:nowrap}.card{position:absolute;left:16px;right:16px;top:55%;transform:translateY(-50%);padding:16px;pointer-events:auto;display:flex;flex-direction:column;gap:8px;text-align:center}.card h2{margin:0;font-family:var(--pd);font-weight:800;font-size:26px;line-height:1.1}.card p{margin:0;font-size:13.5px}.res-row{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:13.5px;text-align:left}.res-row span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.outcome{font-family:var(--pd);font-weight:800;font-size:30px;line-height:1.1;color:var(--red)}.more{margin-top:6px;padding-top:10px;border-top:2px dashed rgba(31,51,84,.35);display:flex;flex-direction:column;gap:6px}.more-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.more-links a{display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:6px 4px;border:2px solid var(--ink);color:var(--ink);text-decoration:none;font-weight:700;font-size:12px;line-height:1.2;background:#fbf4e4}.more-links small{font-size:9.5px;font-weight:500;opacity:.75}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#16181d;color:#fff;text-align:center;padding:24px}.loading b{font-family:Dela Gothic One,sans-serif;font-weight:400;font-size:34px;color:#ffe14d;-webkit-text-stroke:2px #c8102e;paint-order:stroke fill}.loading span{font-size:14px;color:#cfd5e2}.load-track{width:60%;height:6px;background:#ffffff26}#loadBar{height:100%;width:0;background:#ffcf2e;transition:width .2s}.hud.bouting .top,.hud.bouting #wcam,.hud.bouting .bot,.hud.bouting #combo,.hud.bouting #pops,.hud.bouting #toast{display:none!important}#bout{position:absolute;inset:0;color:#fff}.b-live{left:12px;top:12px}.b-bug{right:14px;top:10px}.b-replay{position:absolute;left:12px;top:40px;display:flex;align-items:center;gap:6px;background:#16181d;color:#fff;font-weight:700;font-size:13px;padding:4px 10px;border-left:4px solid #d7141d}.b-replay i{width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;display:block}.b-replay small{font-size:9px;letter-spacing:.16em;opacity:.8}.b-card{position:absolute;left:12px;right:12px;top:15%;background:#0e1224e0;border-top:3px solid #d9b25c;border-bottom:3px solid #d9b25c;padding:12px 10px 14px;text-align:center;animation:cardIn .5s ease-out}@keyframes cardIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.b-title{font-family:var(--pd);font-weight:800;font-size:28px;line-height:1.1}.b-sub{font-size:10px;letter-spacing:.3em;color:#d9b25c;font-weight:700;margin:2px 0 10px}.b-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.b-side{display:flex;flex-direction:column;gap:2px;min-width:0}.b-side small{font-size:10px;font-weight:700;letter-spacing:.08em}.b-side b{font-family:var(--pd);font-weight:800;font-size:22px}.b-side span{font-size:10px;opacity:.85}.b-side em{font-style:normal;color:#ffcf2e;font-weight:700}.b-side.east small{color:#ff8a7a}.b-side.west small{color:#8fb0ff}.b-x{font-family:var(--pd);font-weight:800;font-size:20px;color:#d9b25c}.b-call{position:absolute;left:50%;top:27%;transform:translate(-50%);font-family:Dela Gothic One,sans-serif;font-size:18px;color:#fff;-webkit-text-stroke:4px #4b2a6b;paint-order:stroke fill;opacity:0}.b-call.on{animation:callIn 1s ease-out}@keyframes callIn{0%{opacity:0;transform:translate(-50%) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.08)}70%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1)}}.b-ring{position:absolute;left:50%;top:66%;width:180px;height:180px;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto}.b-target{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 3px #00000059}.b-rr{position:absolute;left:50%;top:50%;width:96px;height:96px;border-radius:50%;border:5px solid #ffcf2e;transform:translate(-50%,-50%) scale(2)}.b-ring p{position:absolute;left:50%;bottom:-22px;transform:translate(-50%);margin:0;white-space:nowrap;font-size:12px;font-weight:700;background:#0e1224cc;padding:3px 10px;border-radius:10px}#bTelop .telop{top:20%;left:50%}.b-score{position:absolute;left:10px;right:10px;bottom:calc(150px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;background:#0e1224d9;padding:6px 8px;border-radius:8px}.b-name{font-family:var(--pd);font-weight:800;font-size:13px;white-space:nowrap}.b-name em{font-style:normal;font-family:Zen Kaku Gothic New,sans-serif;font-size:10px;color:#ffcf2e}.b-name.east{color:#ffb3a8}.b-name.west{color:#bcd0ff}.b-meter{display:flex;align-items:center;gap:4px;font-size:9px;color:#d9b25c;font-weight:700}.b-track{position:relative;flex:1;height:10px;border-radius:5px;background:linear-gradient(90deg,#c7402d,#3b2a4e 50%,#2b3f8c)}.b-mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:#fff;opacity:.6}.b-marker{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #d9b25c;transform:translate(-50%,-50%)}.b-controls{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.b-move{position:relative;min-height:48px;background:#0e1224e0;color:#fff;border:2px solid #d9b25c;border-radius:10px;font-family:var(--pd);font-weight:800;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;cursor:pointer}.b-move small{font-family:Zen Kaku Gothic New,sans-serif;font-size:9px;font-weight:700;letter-spacing:.08em;opacity:.8}.b-move .ct{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;border-radius:10px;background:#d7141d;font-size:11px;display:flex;align-items:center;justify-content:center;font-family:Zen Kaku Gothic New,sans-serif}.b-move:disabled{opacity:.4;cursor:default}.b-push{grid-column:1/-1;min-height:66px;background:#d7141d;color:#fff;border:3px solid #fff;border-radius:14px;box-shadow:0 5px #7a0a10;font-family:Dela Gothic One,sans-serif;font-size:26px;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;touch-action:manipulation}.b-push small{font-family:Zen Kaku Gothic New,sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em}.b-push:active{transform:translateY(3px);box-shadow:0 2px #7a0a10}@media (prefers-reduced-motion:reduce){.pop,.combo.bump,.telop,.sfx,.b-card,.b-call.on{animation-duration:.01s}}