:root{font-family:Inter,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;color:#f5efe2;color-scheme:dark;font-synthesis:none;background:#121114;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #e3c48c;outline-offset:5px}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#vignette,#danger-flash,#grain{position:fixed;inset:0;pointer-events:none}#vignette{background:radial-gradient(ellipse at 50% 46%,transparent 28%,#0a080c55 75%,#080608c9 115%)}#grain{opacity:.04;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#danger-flash{box-shadow:inset 0 0 150px #dc3c45;opacity:0;transition:opacity .18s}#hud{position:fixed;top:max(25px,env(safe-area-inset-top));left:34px;right:30px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand span{display:block;font-size:9px;letter-spacing:3.5px;color:#e5c797}h1{font-family:Georgia,"Noto Serif KR",serif;font-size:24px;letter-spacing:3px;font-weight:400;margin:5px 0;text-shadow:0 2px 15px #000}.header-actions{display:flex;gap:9px;pointer-events:auto}.header-actions button{border:1px solid #dec9a843;background:#1110148c;backdrop-filter:blur(8px);height:35px;border-radius:4px;padding:0 12px;font-size:11px}#help{width:35px;padding:0}#mission{position:fixed;top:106px;left:34px;text-shadow:0 2px 12px #000;pointer-events:none}#chapter{font-size:10px;color:#dbc3a0;letter-spacing:2px}#objective{margin-top:8px;font-size:15px;font-weight:500}#remaining{margin-top:7px;font-size:11px;color:#c8c1b3}#crosshair{position:fixed;top:50%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%);border:1px solid #ffefdca0;border-radius:50%;pointer-events:none}#connection{position:fixed;top:86px;left:50%;transform:translateX(-50%);background:#27191beb;border:1px solid #e18a854d;padding:9px 14px;border-radius:4px;font-size:12px;z-index:5;max-width:85%;text-align:center}#connection button{margin-left:10px;background:#a78755;border:0;border-radius:3px;padding:5px 9px}#toast{position:fixed;top:25%;left:50%;transform:translateX(-50%);max-width:85%;text-align:center;font-size:13px;letter-spacing:.4px;color:#ffe3af;opacity:0;transition:opacity .5s;text-shadow:0 2px 8px #000;pointer-events:none}#warning{position:fixed;top:34%;left:50%;transform:translateX(-50%);width:min(440px,88%);text-align:center;color:#ffd0ad;font-size:13px;text-shadow:0 1px 10px #000;pointer-events:none}#balance-ui{position:fixed;bottom:148px;left:50%;transform:translateX(-50%);width:210px;pointer-events:none;text-shadow:0 1px 6px #000}.balance-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;margin-bottom:10px}.balance-label span:last-child{font-size:9px;color:#dbcab3;letter-spacing:0}#balance-track{height:5px;background:#b8484366;position:relative;border-radius:8px;border:1px solid #e3c59940}.balance-safe{position:absolute;inset:0 25%;background:#c1c5a269}.balance-center{position:absolute;left:50%;height:11px;top:-4px;border-left:1px solid #e1d3be55}#balance-needle{position:absolute;top:-5px;width:5px;height:13px;background:#ffedcc;border-radius:2px;left:50%;transform:translateX(-50%);box-shadow:0 0 10px #ffedcc99}#bottom-hud{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:34px;right:34px;pointer-events:none}#route{max-width:460px;display:flex;position:relative;justify-content:space-between;border-bottom:1px solid #e0c9a12a;padding-bottom:10px;margin:0 auto 13px}#route span{font-size:9px;letter-spacing:1px;color:#b8b0a6}#route span.current{color:#ffe2a9}#route-progress{height:1px;background:#e9c88e;position:absolute;bottom:-1px;left:0;width:0;box-shadow:0 0 8px #ffd59366}.bottom-row{display:flex;justify-content:center;gap:22px;font-size:9px;color:#dad1c3;letter-spacing:.5px}#save-status{color:#acbaa6}#desktop-hints{display:flex;gap:20px;justify-content:center;font-size:10px;color:#bdb5a9;margin-top:18px}#desktop-hints kbd{font-family:inherit;padding:3px 5px;border:1px solid #c9b99e45;border-radius:3px;margin-right:5px;color:#e8d9c3}#letter{position:fixed;right:32px;top:30%;width:265px;padding:21px 24px;background:linear-gradient(130deg,#decda8f5,#b7a47df5);color:#342b26;box-shadow:0 10px 40px #0005;transform:rotate(1deg);pointer-events:none}#letter small{font-size:10px;letter-spacing:2px}#letter p{font-family:Georgia,"Noto Serif KR",serif;font-size:14px;line-height:1.9;margin-bottom:0}#result,#help-panel{position:fixed;inset:0;background:#09080bb8;backdrop-filter:blur(7px);display:grid;place-items:center;z-index:10;padding:22px}.result-card{text-align:center;width:min(460px,100%);padding:38px 18px}.result-card>small{display:block;font-size:10px;letter-spacing:2px;color:#d1b687}h2{font-family:Georgia,"Noto Serif KR",serif;font-size:33px;font-weight:400;letter-spacing:1.4px;margin:15px 0 18px}.result-card p{font-size:13px;line-height:1.9;color:#d2c7b8;max-width:370px;margin:0 auto}#retry{margin:28px 0 18px;background:#e2c79b;color:#241d19;font-size:13px;font-weight:600;border:1px solid #efdfbf;padding:13px 40px;border-radius:3px;box-shadow:0 3px 30px #cf9d3b16}#result-stats{display:flex;justify-content:center;gap:25px;margin-top:24px}#result-stats div{display:flex;flex-direction:column;font-size:10px;color:#bcb1a1;gap:8px}#result-stats strong{font-size:21px;font-weight:400;color:#e9d9bf}.help-card{position:relative;width:min(430px,100%);background:#1c1818;border:1px solid #d9bc8638;padding:26px 30px;border-radius:6px}.help-card h2{font-size:23px}.help-card button{background:#282220;border:1px solid #e5c99844;border-radius:3px;font-size:12px;padding:9px 14px;margin-right:10px}#close-help{position:absolute;top:15px;right:8px}#help-content{font-size:13px;line-height:2.2;margin:25px 0;color:#d1c2ac}#touch-controls{display:none;position:fixed;left:0;right:0;bottom:110px;pointer-events:none;height:128px}#move-pad,#tilt-pad{position:absolute;width:112px;height:112px;bottom:0;pointer-events:auto;touch-action:none;border-radius:50%;background:#10101444;border:1px solid #dfcba63a}#move-pad{left:22px}#tilt-pad{right:22px}.pad-ring{position:absolute;inset:23px;border:1px solid #decba31c;border-radius:50%}#move-knob,#tilt-knob{position:absolute;width:39px;height:39px;left:calc(50% - 19.5px);top:calc(50% - 19.5px);background:#d9c29833;border:1px solid #decba35c;border-radius:50%;pointer-events:none}#tilt-pad .pad-ring{height:1px;top:50%;left:14px;right:14px;border:0;background:#b7a78e55}#move-label,#tilt-label{position:absolute;bottom:-23px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:1px;color:#d6c5aa}#touch-buttons{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);display:flex;gap:9px;pointer-events:auto}#touch-buttons button{font-size:10px;background:#17131888;border:1px solid #d6c2a74a;border-radius:7px;width:53px;height:37px}#touch-buttons button.active{background:#d8bd8644;border-color:#e8cf95}.touch #touch-controls{display:block}.touch #desktop-hints{display:none}.touch #balance-ui{bottom:278px}.touch #bottom-hud{bottom:max(23px,env(safe-area-inset-bottom))}@media(max-width:600px){#hud{left:19px;right:17px;top:max(19px,env(safe-area-inset-top))}h1{font-size:19px;letter-spacing:2px}.brand span{font-size:8px;letter-spacing:2.2px}.header-actions{gap:6px}.header-actions button{height:31px;font-size:10px;padding:0 8px}#help{width:31px}#mission{left:20px;top:92px}#objective{font-size:13px}#chapter{font-size:9px}#remaining{font-size:10px}#bottom-hud{left:23px;right:23px}#balance-ui{width:170px}#letter{right:24px;top:24%;width:240px;padding:15px 19px}#letter p{font-size:12px}.bottom-row{gap:13px;font-size:8px}#desktop-hints{font-size:8px;gap:8px}#warning{font-size:11px;top:31%}#toast{font-size:11px;top:23%}h2{font-size:27px}#result-stats{gap:23px}.result-card{padding:20px 0}}@media(max-height:550px){#mission{top:80px}#touch-controls{bottom:62px;transform:scale(.78);transform-origin:50% 100%}.touch #balance-ui{bottom:164px}#balance-ui{bottom:95px}#desktop-hints{margin-top:9px}#bottom-hud{bottom:12px}.result-card{padding:0}h2{font-size:23px;margin:9px 0}.result-card p{font-size:11px}#retry{margin:12px 0}#result-stats{margin-top:10px}.brand span{display:none}#hud{top:13px}#route{margin-bottom:7px}}
:root body:after{content:"";position:fixed;bottom:0;left:0;right:0;height:130px;background:linear-gradient(transparent,#070609b8);pointer-events:none;z-index:0}#hud,#mission,#warning,#toast,#balance-ui,#bottom-hud,#touch-controls{z-index:1}.balance-label{text-shadow:0 1px 4px #000,0 0 8px #000}.balance-safe{background:#e1d7bca6}#balance-track{background:#9e3b3be0;box-shadow:0 1px 6px #000a}.bottom-row,#desktop-hints,#route span{text-shadow:0 1px 5px #000;color:#e4d9c9}.touch:after{height:105px}