:root{font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;color:#f6ead5;background:#051117;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit}.game-shell{position:relative;width:100%;height:100%;min-height:480px;background:#081b25;isolation:isolate}#game-canvas{display:block;width:100%;height:100%}.grain{position:absolute;inset:0;pointer-events:none;opacity:.12;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.reduced-effects .grain{display:none}.portrait-tip{display:none;margin:-8px 0 12px;color:#f4cf6a;font-size:12px}.topbar{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:20px;padding:max(16px,env(safe-area-inset-top)) 22px 12px;background:linear-gradient(#041219e8,transparent)}.brand{color:#d6ad62;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(14px,2vw,21px);letter-spacing:.15em}.progress{display:flex;gap:7px;flex:1;justify-content:center}.progress-dot{width:34px;height:5px;border-radius:9px;background:#ffffff2b}.progress-dot.done{background:#d6ad62}.progress-dot.active{background:#f6ead5;box-shadow:0 0 12px #f6ead5aa}.balance-indicator{--input-balance: 50%;width:74px;height:12px;position:relative;border:1px solid #d6ad6248;border-radius:12px;background:#020a0e88}.balance-indicator:before{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1px;background:#ffffff42}.balance-indicator:after{content:"";position:absolute;left:var(--input-balance);top:2px;width:8px;height:8px;border-radius:50%;background:#f6ead5;transform:translate(-50%);box-shadow:0 0 8px #f6ead5aa;transition:left 50ms linear}.score{min-width:100px;text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.utility{display:flex;gap:6px}.icon-button{width:38px;height:38px;padding:0;cursor:pointer;border-radius:50%;border:1px solid #d6ad6255;background:#071820b8;color:#f6ead5}.icon-button[hidden]{display:none}.overlay{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 45%,#08222bbd,#030b10e6);transition:opacity .2s}.overlay[hidden]{display:none}.panel{width:min(650px,92vw);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:clamp(28px,5vw,58px);text-align:center;border:1px solid #d6ad6270;border-radius:4px 32px;background:linear-gradient(145deg,#0b2c36f5,#07171df5);box-shadow:0 28px 100px #000a,inset 0 0 50px #d6ad6208;position:relative}.panel:before,.panel:after{content:"";position:absolute;width:36px;height:36px;border-color:#d6ad62}.panel:before{left:10px;top:10px;border-left:3px solid;border-top:3px solid}.panel:after{right:10px;bottom:10px;border-right:3px solid;border-bottom:3px solid}.eyebrow{color:#d6ad62;letter-spacing:.28em;font-size:12px;font-weight:800;text-transform:uppercase}h1,h2{font-family:Georgia,"Noto Serif KR",serif;margin:12px 0;line-height:1.18}h1{font-size:clamp(42px,8vw,82px);text-shadow:0 8px 35px #000}h2{font-size:clamp(30px,5vw,50px)}.tagline{color:#d8cbb5;font-size:clamp(15px,2vw,19px);line-height:1.7}.controls-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px auto}.control-chip{padding:12px;background:#ffffff0b;border:1px solid #ffffff18;border-radius:10px}kbd{display:inline-block;min-width:30px;margin:2px;padding:5px 8px;color:#07171d;background:#f6ead5;border-radius:5px;box-shadow:0 3px #a48e6c;font-weight:800}.primary,.secondary{min-width:180px;border:0;cursor:pointer;padding:14px 22px;border-radius:999px;font-weight:800;transition:transform .15s,filter .15s}.primary{color:#09171c;background:linear-gradient(135deg,#f6dfa8,#c49649);box-shadow:0 8px 30px #d6ad6235}.secondary{color:#f6ead5;background:#ffffff12;border:1px solid #ffffff2d}.primary:hover,.secondary:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.result-mark{font-size:50px;margin:5px}.result-score{color:#d6ad62;font-size:34px;font-weight:800}.metric-row{display:flex;justify-content:center;gap:10px;margin:18px 0}.metric-row span{min-width:104px;padding:9px 14px;border:1px solid #ffffff20;border-radius:10px;color:#b9aaa0;font-size:12px}.metric-row b{display:block;color:#f6ead5;font-size:19px}.training-goal{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px 0}.training-goal span{padding:8px 12px;border-radius:999px;background:#ffffff0c;color:#d8cbb5;font-size:12px}.tip{margin:-5px 0 15px;color:#f4cf6a;letter-spacing:.1em;font-weight:800}.service-report{width:min(440px,100%);margin:14px auto 20px;padding:0;list-style:none;text-align:left}.report-item{display:flex;justify-content:space-between;gap:12px;padding:7px 4px;border-bottom:1px solid #ffffff14;font-size:13px}.report-item.success span{color:#f6ead5}.report-item.incident span{color:#ff9c91}.final-panel{padding-top:30px;padding-bottom:28px}.final-panel h2{margin:5px 0;font-size:clamp(27px,4vw,38px)}.final-panel .stars{font-size:clamp(30px,5vw,46px)}.final-panel .result-score{margin:8px 0}.final-panel .service-report{margin-top:8px;margin-bottom:12px}.stars{color:#f4cf6a;font-size:clamp(32px,7vw,58px);letter-spacing:.08em}.touch-controls{position:absolute;z-index:4;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));display:none;grid-template-columns:92px 1fr 92px;gap:14px;align-items:end;padding:0 max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));pointer-events:none}.hand-button,.balance-pad{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none}.hand-button{width:92px;height:92px;border:2px solid #d6ad62aa;border-radius:50%;color:#f6ead5;background:#0a2831db;font-weight:800;box-shadow:0 8px 30px #0008}.hand-button:active,.hand-button.active{transform:scale(.94);background:#d6ad62;color:#07171d}.balance-pad{--balance-position: 50%;height:45px;border:1px solid #ffffff2a;border-radius:30px;background:linear-gradient(90deg,#53192a88,#0a2a33dd 45% 55%,#53192a88);position:relative}.balance-pad:after{content:"";position:absolute;top:7px;left:var(--balance-position);width:29px;height:29px;border-radius:50%;background:#f6ead5;transform:translate(-50%);box-shadow:0 2px 10px #0008}.balance-label{position:absolute;bottom:48px;width:100%;text-align:center;font-size:11px;color:#f6ead5aa}.sensor-status{margin:10px 0 18px;color:#c8bda9;font-size:13px}.setting{display:grid;grid-template-columns:auto minmax(130px,220px);justify-content:center;align-items:center;gap:12px;margin:10px 0 18px;color:#c8bda9;font-size:13px}.setting input{accent-color:#d6ad62}.best-score{color:#d6ad62;font-weight:800}.toggle-setting{justify-content:center;gap:8px;margin-top:10px}@media(pointer:coarse),(max-width:760px){.touch-controls.playing,.touch-controls.training{display:grid}.game-shell{min-height:380px}.topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.brand{max-width:90px}.balance-indicator{width:50px}.score{min-width:70px}.icon-button{width:34px;height:34px}.panel{padding:28px 22px}.controls-copy{grid-template-columns:1fr 1fr;gap:8px;margin:15px auto}.control-chip{padding:9px 5px}.sensor-status,.setting{margin:7px 0 12px}}@media(max-height:520px)and (orientation:landscape){.overlay{padding:8px}.panel{padding:14px 32px;width:min(720px,88vw);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}h1{font-size:44px;margin:4px}h2{font-size:32px;margin:5px}.tagline{line-height:1.4;margin:7px}.controls-copy{margin:10px auto;grid-template-columns:1fr 1fr}.sensor-status{margin:5px 0 9px}.brand{max-width:112px;white-space:nowrap;font-size:11px}.hand-button{width:72px;height:72px}.touch-controls{grid-template-columns:72px 1fr 72px}}@media(pointer:coarse)and (orientation:portrait){.portrait-tip{display:block}}