:root{--bg:#05070a;--panel-bg:#0c1016b8;--panel-border:#ffffff1a;--text:#e9edf1;--text-dim:#9aa7b4;--accent:#4fd1a5;--accent-strong:#37b98d;--danger:#e2685a;--black-disc:#161616;--white-disc:#f2f0e8}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Segoe UI,sans-serif;overflow:hidden}#scene-container{position:fixed;inset:0}#scene-container canvas{width:100%;height:100%;display:block}#overlay-root{pointer-events:none;position:fixed;inset:0}.setup-band,.hud-band,.result-band{pointer-events:auto;background:var(--panel-bg);border-top:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px)}.setup-band,.result-band{align-items:center;padding:18px 24px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.result-band,.setup-band{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.setup-band__options{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.setup-band__setting{align-items:center;gap:10px;display:flex}.result-band__text{color:var(--accent);font-size:1.3rem;font-weight:700}.setup-band__hint{color:var(--text-dim);letter-spacing:.02em;font-size:.85rem}.color-choice-group{gap:8px;display:flex}.color-choice{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:10px 18px;font-size:.95rem;transition:border-color .15s,background .15s,color .15s}.color-choice:hover{border-color:#ffffff40}.color-choice--selected{border-color:var(--accent);color:var(--accent);background:#4fd1a529}.start-btn{cursor:pointer;background:var(--accent);color:#05130e;border:none;border-radius:999px;padding:10px 22px;font-size:.95rem;font-weight:600}.start-btn:hover{background:var(--accent-strong)}.hud-band{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0}.hud-side{border:1px solid var(--panel-border);color:var(--text);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;transition:border-color .15s,background .15s,color .15s;display:flex}.hud-side:before{content:"";border-radius:50%;width:12px;height:12px;display:inline-block}.hud-side--black:before{background:var(--black-disc);border:1px solid #ffffff40}.hud-side--white:before{background:var(--white-disc)}.hud-side--active{border-color:var(--accent);color:var(--accent);background:#4fd1a529}.hud-side-group{align-items:center;gap:10px;display:flex}.hud-side__score{text-align:center;min-width:24px;color:var(--text);font-size:1.15rem;font-weight:700}.message-line{text-align:center;color:var(--text-dim);pointer-events:none;margin:0;font-size:.85rem;position:absolute;bottom:64px;left:0;right:0}.status-badge{pointer-events:none;border-radius:6px;padding:5px 10px;font-size:.72rem;position:absolute;bottom:14px;left:14px}.status-badge--pending{color:var(--text-dim);background:#ffffff14}.status-badge--ok{color:var(--accent);background:#4fd1a529}.status-badge--unavailable{color:var(--danger);background:#e2685a29}