@import"https://fonts.googleapis.com/css2?family=Inter:wght@700;800;900&family=Noto+Sans+JP:wght@700;900&display=swap";:root{--bg: #0a0e1a;--panel: rgba(255, 255, 255, .03);--line: rgba(255, 255, 255, .08);--text: #e8ecf5;--muted: #7d879c;--accent: #5ad1ff;--ring: #6f7fa6;--danger: #ff4d6d;--gold: #ffd166;--scale: 1}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(circle at 50% 50%,#16203a 0%,var(--bg) 60%);background-repeat:no-repeat;color:var(--text);font-family:Inter,Noto Sans JP,system-ui,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#stage{position:fixed;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--scale, 1));transform-origin:center center;overflow:hidden}canvas{display:block}.hdr{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 28px;border-bottom:1px solid var(--line)}.hdr>:first-child{font-size:28px;font-weight:800;color:var(--text)}.hdr>:nth-child(2){font-size:24px;color:var(--muted)}.hdr>:last-child{font-size:30px;font-weight:800;letter-spacing:.02em;color:var(--accent)}.hdr .phase{font-size:22px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.hdr .danger{color:var(--danger)}.subrow{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 28px;color:var(--muted)}.subrow .label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted)}.subrow .crowd-icon{width:20px;height:20px;border-radius:50%}.subrow .out-icon{width:20px;height:20px;border-radius:4px;animation:slide-in-right .25s ease-out}@keyframes slide-in-right{0%{transform:translate(14px);opacity:0}to{transform:translate(0);opacity:1}}.panel{position:relative;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 44px;border:2px solid var(--accent);border-radius:999px;background:#5ad1ff0f;color:var(--accent);font-family:inherit;font-size:24px;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:box-shadow .2s ease,background-color .2s ease,transform .08s ease}.btn:hover,.btn:focus-visible{background:#5ad1ff24;box-shadow:0 0 26px #5ad1ff8c;outline:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;box-shadow:none}.btn:disabled:hover{background:#5ad1ff0f}.out-stamp{position:absolute;top:50%;left:50%;padding:2px 10px;border:3px solid var(--danger);border-radius:6px;color:var(--danger);font-size:20px;font-weight:900;letter-spacing:.12em;transform:translate(-50%,-50%) rotate(-18deg);opacity:.85;pointer-events:none}.grayscale{filter:grayscale(1)}.is-out{opacity:.25}.caption-big{font-family:Noto Sans JP,Inter,sans-serif;font-size:44px;font-weight:900;color:#fff;-webkit-text-stroke:8px rgba(0,0,0,.85);paint-order:stroke fill;white-space:nowrap;animation:caption-pop .35s cubic-bezier(.2,1.6,.4,1) both}@keyframes caption-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.muted{color:var(--muted)}.accent{color:var(--accent)}.danger{color:var(--danger)}.gold{color:var(--gold)}