:root{font-family:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;color:#edf3ff;background:#090b19;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{padding:clamp(8px,2vw,22px);background:radial-gradient(circle at 50% -10%,#243675,#12142a 45%,#080912);touch-action:manipulation}button{font:inherit;border:0;cursor:pointer;color:inherit}main{width:min(1060px,100%);margin:auto}header{display:flex;justify-content:space-between;align-items:end}header p{color:#67f7ff;font-size:11px;font-weight:950;letter-spacing:.18em;margin:0 0 3px}h1{margin:0;font-size:clamp(30px,5vw,46px);line-height:1;text-shadow:0 0 18px #6f63ff}nav{display:flex;gap:7px}nav button{width:43px;height:43px;border-radius:13px;background:#ffffff0e;border:1px solid #8ceeff44;font-size:19px}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 7px}.hud div{background:#0c1023df;border:1px solid #56e8ff30;border-radius:10px;text-align:center;padding:7px}.hud span{display:block;color:#7bcfe5;font-size:9px;font-weight:950}.hud strong{color:#fff06e}.stage-wrap{position:relative;line-height:0;background:#11152b;border:2px solid #5eeaff;border-radius:17px;overflow:hidden;box-shadow:0 0 24px #4bdfff55,0 20px 55px #0008}.stage-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none}.overlay{position:absolute;inset:0;display:flex;line-height:1.45;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#090c20d9;backdrop-filter:blur(4px);padding:20px}.overlay.hidden{display:none}.overlay p{max-width:480px;margin:5px}.overlay #kicker{font-size:11px;font-weight:950;color:#67f7ff;letter-spacing:.18em}.overlay h2{margin:0;font-size:clamp(30px,6vw,52px);text-shadow:0 0 20px #8e6dff}.overlay button,.controls button{margin-top:13px;padding:13px 28px;border-radius:999px;background:linear-gradient(135deg,#64f3ff,#8072ff);color:#091126;font-weight:950;box-shadow:0 5px 0 #3739a3}.controls{display:flex;justify-content:center;gap:14px}.controls button{margin:0;width:190px;color:#06101c;touch-action:none}#message{text-align:center;min-height:22px;font-size:14px;color:#b7f5ff;margin:8px 0}details{background:#0c1023df;border:1px solid #56e8ff20;border-radius:12px;padding:11px 15px;font-size:13px;color:#d9e6ff}summary{font-weight:900;color:#fff}details p{margin:8px 0 0;line-height:1.6}@media(max-width:600px){body{padding:7px}h1{font-size:28px}nav button{width:36px;height:36px}.hud{gap:4px}.hud div{padding:5px}.stage-wrap{border-radius:12px}.controls{gap:8px}.controls button{flex:1;width:auto;padding:12px 5px}#message{font-size:12px}}