:root{--bg:#091225;--panel:#111e38;--ink:#f8fafc;--muted:#9fb0ca;--yellow:#ffd43b;--mint:#49e6b1;--red:#ff6174;--blue:#64a8ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0,#173769 0,transparent 35%),linear-gradient(145deg,#07101f,#0d1830 65%,#101d36);color:var(--ink);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}.top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #ffffff18}.brand{font-weight:900;letter-spacing:-1px;font-size:clamp(22px,2.4vw,36px)}.brand b{color:var(--yellow)}.round{font-weight:800;color:var(--muted);font-size:clamp(16px,1.6vw,24px)}main{min-height:calc(100vh - 82px);min-height:calc(100dvh - 82px);padding:3vh 4vw 4vh;display:flex;flex-direction:column;align-items:center}.tag{color:var(--mint);font-weight:900;letter-spacing:.12em;font-size:clamp(14px,1.4vw,20px);text-align:center}h1{font-size:clamp(34px,5vw,76px);line-height:1.08;letter-spacing:-.06em;margin:1.4vh 0;text-align:center}.sub{font-size:clamp(17px,1.8vw,27px);color:var(--muted);text-align:center;margin:0 0 3vh}.stage{width:min(1180px,94vw);flex:1;min-height:430px;background:linear-gradient(145deg,#172641ee,#101a30ee);border:1px solid #ffffff20;border-radius:32px;box-shadow:0 30px 80px #0007;display:flex;align-items:center;justify-content:center;position:relative;padding:3vw;overflow:hidden}.controls{display:flex;gap:14px;margin-top:2.5vh;flex-wrap:wrap;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}button,.btn{appearance:none;-webkit-appearance:none;border:0;border-radius:16px;padding:15px 24px;font:800 18px inherit;background:#243654;color:white;cursor:pointer;box-shadow:0 6px 0 #08101f;transition:.12s;text-decoration:none;touch-action:manipulation}button:hover,.btn:hover{transform:translateY(-2px);background:#2d446b}button:active,.btn:active{transform:translateY(4px);box-shadow:0 2px 0 #08101f}.primary{background:var(--yellow);color:#172033}.primary:hover{background:#ffe36f}.answer{position:absolute;inset:0;background:#081226f2;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(1.05);transition:.25s;z-index:10;padding:20px}.answer.show{opacity:1;pointer-events:auto;transform:scale(1)}.answer small{color:var(--mint);font-weight:900;font-size:clamp(18px,2vw,28px)}.answer strong{font-size:clamp(42px,6vw,86px);letter-spacing:-.06em;text-align:center;overflow-wrap:anywhere}.key{font-size:15px;color:#6f83a3;margin-top:15px}.progress{position:absolute;left:0;bottom:0;height:8px;background:var(--mint);transition:width .3s}.grid{display:grid;gap:18px;width:100%}.card{background:#ffffff0c;border:1px solid #ffffff18;border-radius:22px;display:flex;align-items:center;justify-content:center;min-width:0}.home{position:fixed;left:max(22px,env(safe-area-inset-left));top:max(19px,env(safe-area-inset-top));color:#c8d5e8;text-decoration:none;font-weight:800;z-index:30}@media(max-width:700px){.top{height:64px;padding:env(safe-area-inset-top) 12px 0 70px}.brand{font-size:20px}.round{font-size:15px}main{min-height:calc(100dvh - 64px);padding:18px 10px 22px}.tag{font-size:13px;letter-spacing:.06em}h1{font-size:clamp(28px,9vw,38px);margin:8px 0}.sub{font-size:15px;margin-bottom:14px}.stage{width:100%;border-radius:20px;min-height:360px;padding:16px}.grid{gap:8px}.controls{gap:8px;margin-top:14px}button{padding:12px 15px;font-size:16px}.answer strong{font-size:clamp(32px,10vw,52px)}}