:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee4ce;font-synthesis:none;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;background:#02060a;font-family:Pretendard Variable,Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body,#root{overscroll-behavior:none;background:#02060a;width:100%;height:100%;margin:0;overflow:hidden}html,body{touch-action:none;position:fixed;inset:0}button,input,select{font:inherit}button{color:inherit;-webkit-user-select:none;user-select:none}.game-shell{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 42%,#28445333,#0000 44%),#02060a;width:100dvw;height:100dvh;position:fixed;inset:0;overflow:hidden}.game-canvas{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block}.pointer-locked .game-canvas{cursor:none}.title-screen,.modal-layer,.rotate-device{position:absolute;inset:0}.title-screen{isolation:isolate;place-items:center;display:grid;overflow:hidden}.title-art{z-index:-3;filter:saturate(.72)contrast(1.08)brightness(.68);background:linear-gradient(90deg,#02070cad,#02070c14 58%,#02070c38),url(/og.png) 50% 43%/cover no-repeat;animation:15s ease-in-out infinite alternate title-breathe;position:absolute;inset:-3%}.title-shade{z-index:-2;background:linear-gradient(90deg,#02070cf7 0,#03090fd1 34%,#03090f24 75%),linear-gradient(#0000 52%,#010407f0),radial-gradient(circle at 66% 36%,#587e8f2b,#0000 35%);position:absolute;inset:0}.title-shade:after{content:"";pointer-events:none;border:1px solid #cfb57b29;position:absolute;inset:18px}.title-copy{width:min(1180px,100% - 64px);padding-right:min(48vw,650px);transform:translateY(2vh)}.eyebrow{color:#b9a980;letter-spacing:.24em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}.title-copy h1{color:#f0e5cf;letter-spacing:-.06em;white-space:nowrap;text-shadow:0 8px 38px #000c;margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(44px,5.2vw,78px);font-weight:500;line-height:.95}.title-copy h1 span{color:#d8c395}.title-copy h1 i{color:#93443a;margin:0 .06em;font-style:normal}.tagline{color:#c6d0ce;letter-spacing:.1em;margin:24px 0 30px;font-size:clamp(14px,1.4vw,18px)}.title-actions{flex-wrap:wrap;gap:10px;max-width:620px;display:flex}.primary-button,.ghost-button,.boss-challenge-button,.icon-button,.text-button{cursor:pointer;letter-spacing:.04em;touch-action:manipulation;border:1px solid #0000;border-radius:3px;min-height:46px;padding:0 24px;font-weight:760;transition:transform .16s,border-color .16s,background .16s}.primary-button{color:#111417;background:linear-gradient(135deg,#d9c28e,#a98b58);border-color:#d4bb83;box-shadow:0 8px 30px #b58f4a2e}.ghost-button{background:#060d13b3;border-color:#d0be946b}.boss-challenge-button{color:#d8ecef;background:linear-gradient(135deg,#183a49f2,#07121bf5);border-color:#70a4b9b8;place-content:center;min-width:154px;display:grid;box-shadow:inset 0 0 20px #5baac714,0 8px 30px #17587029}.boss-challenge-button span{letter-spacing:.12em;font-family:Georgia,Noto Serif KR,serif;font-size:13px}.boss-challenge-button small{color:#7899a5;letter-spacing:.08em;margin-top:2px;font-size:8px}.icon-button{color:#bac9ca;background:#081017ad;border-color:#91a2a63d;padding-inline:18px}.text-button{color:#98aaad;background:0 0;min-height:36px}.primary-button:hover,.ghost-button:hover,.boss-challenge-button:hover,.icon-button:hover{border-color:#e2ca92;transform:translateY(-2px)}.primary-button:active,.ghost-button:active,.boss-challenge-button:active,.icon-button:active{transform:translateY(0)scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #f0d894}button:disabled{cursor:not-allowed;filter:grayscale();opacity:.4}.control-strip{color:#8fa2a7;flex-wrap:wrap;gap:9px 18px;margin-top:28px;font-size:11px;display:flex}.gamepad-strip{color:#7f949a;flex-wrap:wrap;align-items:center;gap:7px 13px;margin-top:9px;font-size:9px;display:flex}.gamepad-strip kbd{min-width:22px;height:19px;font-size:8px}.device-state{color:#8ea1a5;letter-spacing:.04em;align-items:center;gap:6px;margin-right:3px;font-weight:800;display:inline-flex}.device-state i{background:#263338;border:1px solid #71858a;border-radius:50%;width:6px;height:6px}.device-state.connected{color:#b5d3cb}.device-state.connected i{background:#62a68f;border-color:#9bcbbb;box-shadow:0 0 8px #62a68fa6}.start-error{color:#efb0a2;text-shadow:0 1px 8px #000000bf;max-width:440px;margin:12px 0 0;font-size:11px;line-height:1.55}.save-note{color:#71858a;align-items:center;gap:7px;margin:13px 0 0;font-size:9px;font-weight:650;display:flex}.save-note>span{border:1px solid #c6ae777a;width:11px;height:11px;transform:rotate(45deg);box-shadow:inset 0 0 5px #c6ae7726}kbd{color:#decba1;background:#040a0fcc;border:1px solid #d4c1974d;border-radius:3px;place-items:center;min-width:25px;height:22px;margin-right:4px;font:700 10px system-ui;display:inline-grid}.touch-copy{color:#9fb1b4;font-size:12px;display:none}.combat-hud{z-index:5;pointer-events:none;font-variant-numeric:tabular-nums;position:absolute;inset:0;overflow:hidden}.player-hud,.objective-hud,.boss-hud,.archive-message{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(105deg,#070f15f7,#03080ce8);border:1px solid #d3c19940;position:absolute;box-shadow:0 12px 34px #00000052,inset 0 1px #ffffff06}.player-hud{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));border-radius:3px 12px 3px 3px;width:326px;min-height:112px;padding:12px 14px 10px}.player-hud:before,.objective-hud:before,.boss-hud:before{content:"";background:#c9ac73;width:42px;height:1px;position:absolute;top:-1px;left:-1px;box-shadow:0 0 10px #c9ac7359}.hud-nameplate{color:#e2d2af;text-align:center;place-items:center;width:58px;display:grid;position:absolute;top:11px;left:13px}.hud-sigil{background:radial-gradient(circle,#823a2b85,#1a1212cc);border:1px solid #dabe8261;border-radius:50%;place-items:center;width:32px;height:32px;font:500 16px Georgia,serif;display:grid;box-shadow:inset 0 0 12px #c1583b2e}.hud-nameplate div{gap:1px;margin-top:4px;display:grid}.hud-nameplate small{color:#73888e;letter-spacing:.09em;font-size:6px;font-weight:800}.hud-nameplate strong{letter-spacing:.08em;font-family:Georgia,Noto Serif KR,serif;font-size:11px;font-weight:600}.status-bar{z-index:0;background:#000306d1;border:1px solid #ded2b72e;margin-left:68px;position:relative;overflow:hidden}.status-bar .bar-fill,.boss-bar .bar-fill{transition:width .22s ease-out;position:absolute;inset:0 auto 0 0}.hp-bar{height:22px}.hp-bar .bar-fill{background:linear-gradient(90deg,#702a2a,#a6463c 70%,#cc705a),#8f372f;box-shadow:inset 0 1px #ffdcbc21,4px 0 18px #b3453633}.bar-glint{z-index:1;background:#ffe0bead;width:1px;transition:left .22s ease-out;position:absolute;top:2px;bottom:2px;box-shadow:0 0 7px #ffad81cc}.bar-copy{z-index:2;color:#fff1dd;text-shadow:0 1px 2px #000;align-items:center;gap:5px;height:100%;padding:0 7px;font-size:10px;font-weight:800;display:flex;position:relative}.bar-copy b{color:#f3c9ad;letter-spacing:.13em;font-size:7px}.bar-copy i{color:#f2e7d39e;font-size:8px;font-style:normal}.stamina-bar{border-color:#cabe8f24;height:10px;margin-top:5px}.stamina-bar .bar-fill{background:linear-gradient(90deg,#7f784b,#c4ad68 76%,#ebd993);box-shadow:3px 0 10px #e2c8792e}.stamina-bar .bar-copy{justify-content:space-between;padding-inline:5px;font-size:6px;line-height:1}.stamina-bar .bar-copy b,.stamina-bar .bar-copy i{color:#f9efccbd;font-size:6px}.hud-resources{border-top:1px solid #b0c0c11a;justify-content:space-between;align-items:flex-end;gap:12px;height:31px;margin-top:6px;margin-left:68px;padding-top:5px;display:flex}.potion-readout,.knot-readout{align-items:center;display:flex}.potion-readout{gap:7px}.potion-readout>span:last-child,.knot-readout{display:grid}.potion-readout small,.knot-readout>small{color:#7e9498;letter-spacing:.04em;font-size:7px;font-weight:800}.potion-readout strong{color:#dbe6e5;font-size:12px;line-height:1}.potion-vial{background:linear-gradient(0deg,#50949ac2 0 58%,#08161be6 58%);border:1px solid #bfdde08a;border-radius:2px 2px 5px 5px;width:13px;height:17px;display:block;position:relative;transform:rotate(4deg);box-shadow:0 0 8px #50a8b133}.potion-vial:before{content:"";background:#15191a;border:1px solid #c8b99194;width:7px;height:4px;position:absolute;top:-4px;left:2px}.potion-vial i{background:#c9f8f699;height:1px;position:absolute;bottom:3px;left:2px;right:2px}.knot-readout{justify-items:end;gap:3px}.knot-slots{gap:8px;padding-right:2px;display:flex}.knot-slots i{border:1px solid #bc7b658c;width:9px;height:9px;position:relative;transform:rotate(45deg)}.knot-slots i:after{content:"";border:1px solid #deab8b33;position:absolute;inset:2px}.knot-slots i.filled{background:#a84935;border-color:#efac7f;box-shadow:0 0 9px #df5c3d9e}.objective-hud{top:max(18px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));text-align:right;border-radius:3px;align-content:center;justify-items:end;width:354px;min-height:68px;padding:10px 64px 10px 16px;transition:top .25s;display:grid}.boss-active .objective-hud{top:max(88px, calc(env(safe-area-inset-top) + 72px))}.objective-hud p{color:#85999e;letter-spacing:.15em;align-items:center;gap:7px;margin:0 0 4px;font-size:7px;font-weight:800;display:flex}.objective-hud p span{background:#af3f32;width:14px;height:1px;box-shadow:0 0 6px #af3f3299}.objective-hud strong{color:#ecdfc5;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Georgia,Noto Serif KR,serif;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.objective-hud small{color:#74898f;letter-spacing:.04em;margin-top:3px;font-size:8px;font-weight:700}.boss-hud{top:max(17px, env(safe-area-inset-top));background:linear-gradient(90deg,#02080df5,#08141cf2,#02080df5);border-color:#84acbc57;border-radius:3px 3px 8px 8px;width:min(620px,100% - 430px);min-width:360px;padding:8px 13px 11px;left:50%;transform:translate(-50%)}.boss-hud:before{background:#7097a7;width:104px;left:calc(50% - 52px);box-shadow:0 0 12px #5093af80}.boss-heading{grid-template-columns:1fr auto 1fr;align-items:baseline;gap:12px;margin-bottom:6px;display:grid}.boss-heading small{color:#718a94;letter-spacing:.12em;font-size:7px;font-weight:800}.boss-heading strong{color:#dce9e9;letter-spacing:.1em;font-family:Georgia,Noto Serif KR,serif;font-size:14px;font-weight:600}.boss-heading em{color:#8da9b3;letter-spacing:.1em;justify-self:end;font-size:8px;font-style:normal;font-weight:800}.boss-bar{background:#020609;border:1px solid #a3c2cc40;height:10px;position:relative;overflow:hidden}.boss-bar .bar-fill{background:linear-gradient(90deg,#324f60,#5c879a 70%,#93bbc4);box-shadow:5px 0 18px #5c9fb757}.boss-bar>i{background:#e6f0ed40;width:1px;position:absolute;top:0;bottom:0;left:50%}.boss-action{text-align:center;pointer-events:none;background:#03080ce6;border:1px solid #d4b86f6b;border-radius:2px;min-width:210px;padding:6px 12px 7px;display:grid;position:absolute;top:calc(100% + 7px);left:50%;overflow:hidden;transform:translate(-50%)}.boss-action>span{color:#eee3c4;letter-spacing:.09em;font-family:Georgia,Noto Serif KR,serif;font-size:12px;font-weight:700}.boss-action>small{color:#d0b56f;letter-spacing:.06em;margin-top:2px;font-size:8px;font-weight:800}.boss-action.dodge-only{border-color:#b8413794}.boss-action.dodge-only>small{color:#e17c6e}.boss-action.phase-shift{border-color:#69b8d49e}.boss-action.phase-shift>small{color:#8ec9dc}.boss-action>i{transform-origin:0;background:#d9b86f;height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #d9b86f9e}.boss-action.dodge-only>i{background:#cb4d42;box-shadow:0 0 8px #cb4d429e}.boss-action.phase-shift>i{background:#78c6df;box-shadow:0 0 8px #78c6df9e}.boss-action.active{animation:.18s ease-out boss-action-contact}@keyframes boss-action-contact{0%{filter:brightness(1.8);transform:translate(-50%)scale(1.04)}to{filter:brightness();transform:translate(-50%)scale(1)}}.archive-message{color:#f2e3c4;letter-spacing:.035em;text-align:center;border-color:#d2b5785c;border-radius:2px;max-width:min(560px,100% - 40px);padding:10px 22px;font-size:12px;font-weight:750;animation:.22s ease-out message-arrive;top:19%;left:50%;transform:translate(-50%)}.modal-layer{z-index:20;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000408b8;place-items:center;display:grid}.panel{text-align:center;touch-action:pan-y;-webkit-user-select:text;user-select:text;scrollbar-color:#c4ab7473 transparent;scrollbar-width:thin;background:linear-gradient(135deg,#121c23f7,#050b10fa);border:1px solid #d6be8961;border-radius:5px;width:min(440px,100%);max-height:100%;padding:32px 34px 28px;position:relative;overflow:auto;box-shadow:0 30px 100px #0000008c}.panel:focus{outline:none}.panel:before{content:"";background:#c7a96d;width:46px;height:1px;margin:-33px 0 0 -35px;position:absolute;box-shadow:0 0 10px #c7a96d66}.panel h2{color:#eee1c5;margin:4px 0 12px;font-family:Georgia,Noto Serif KR,serif;font-size:29px;font-weight:500}.panel>p:not(.eyebrow){color:#9fb0b2;margin:0 0 26px;font-size:13px;line-height:1.75}.panel-heading{margin-bottom:15px}.panel-heading .eyebrow{margin-bottom:7px}.panel-heading h2{margin-bottom:5px}.panel-heading>p:not(.eyebrow){color:#7e9297;margin:0;font-size:11px}.panel>button{width:100%;margin-top:9px}.death-layer{background:radial-gradient(circle,#4d16152e,#0000 48%),#000204d1}.victory-layer{background:radial-gradient(circle at 50% 28%,#4771823d,#0000 48%),#000509cc}.result-time{justify-content:center;align-items:baseline;gap:12px;margin:22px 0;display:flex}.result-time small{color:#93a7ab}.result-time strong{color:#e8c884;font-variant-numeric:tabular-nums;font-size:31px}.settings-panel{text-align:left}@media (width>=800px) and (height>=620px){.settings-panel{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;width:min(760px,100%);display:grid}.settings-panel .panel-heading,.settings-panel .input-status,.settings-panel .settings-actions{grid-column:1/-1}.settings-panel .setting-row{grid-template-columns:minmax(108px,1fr) minmax(92px,1.2fr) 40px;gap:9px;min-height:58px}.settings-panel .switch-row{grid-template-columns:1fr auto}}.settings-panel h2{text-align:left}.input-status{background:#02080c75;border:1px solid #8ba4a826;border-radius:3px;align-items:center;gap:10px;margin-bottom:5px;padding:9px 11px;display:flex}.input-status>span{background:#29363a;border:1px solid #65777c;border-radius:50%;flex:none;width:8px;height:8px}.input-status.connected>span{background:#62a58e;border-color:#9dccbc;box-shadow:0 0 9px #62a58e8c}.input-status div{gap:2px;display:grid}.input-status strong{color:#bfcac8;font-size:10px}.input-status small{color:#70858a;font-size:8px;line-height:1.35}.setting-row{color:#bcc9c9;border-top:1px solid #9cacad1f;grid-template-columns:minmax(115px,1fr) minmax(110px,1.45fr) 46px;align-items:center;gap:14px;min-height:62px;font-size:13px;display:grid}.setting-row>span{gap:2px;display:grid}.setting-row>span strong{color:#cbd4d2;font-size:12px}.setting-row>span small{color:#70868b;font-size:8px;line-height:1.35}.setting-row input[type=range]{accent-color:#c8aa6d}.setting-row output{color:#dec58f;text-align:right;font-size:11px}.setting-row select{color:#e2d6ba;cursor:pointer;background:#0c151c;border:1px solid #c7b48b47;border-radius:3px;grid-column:2/4;padding:9px}.switch-row{grid-template-columns:1fr auto}.switch-row input{accent-color:#b69258;cursor:pointer;width:20px;height:20px}.compact{margin-top:20px}.settings-actions{grid-template-columns:.85fr 1.25fr;gap:8px;display:grid}.settings-actions button{min-height:44px;padding-inline:12px;font-size:11px}.pause-record{background:#00030666;border:1px solid #9caeb01f;grid-template-columns:1fr 1fr;gap:1px;margin:20px 0 14px;display:grid}.pause-record span{gap:5px;padding:11px 12px;display:grid}.pause-record span+span{border-left:1px solid #9caeb01f}.pause-record small{color:#71868b;font-size:8px}.pause-record strong{color:#d9d2bd;font-size:12px;font-weight:700}.panel>.gamepad-modal-hint{color:#6f878c;margin:10px 0 0;font-size:9px;line-height:1.4}.victory-panel{width:min(470px,100%)}.victory-credits{border-block:1px solid #97b3b724;gap:3px;margin:18px 0 8px;padding:11px 8px;display:grid}.victory-credits strong{color:#c9b787;letter-spacing:.13em;font-size:9px}.victory-credits small{color:#71868b;font-size:8px;line-height:1.45}.victory-credits .license-links{justify-content:center;gap:12px;margin-top:4px;display:flex}.victory-credits a{color:#9fb9bd;text-underline-offset:3px;width:fit-content;font-size:8px}.victory-credits a:hover{color:#e0c98f}.pause-button{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:8;cursor:pointer;background:#03090ea6;border:1px solid #c9b89047;border-radius:50%;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;display:flex;position:absolute}.pause-button span{background:#d5c9ad;width:3px;height:13px}.tutorial{z-index:6;color:#9eafb1;text-align:center;pointer-events:none;background:#03090ec2;border-top:1px solid #dac28c59;gap:4px;min-width:360px;padding:12px 22px;font-size:11px;animation:14s both tutorial-life;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.tutorial strong{color:#e4d2a9}.touch-controls{z-index:7;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.touch-hud-mask{background:linear-gradient(14deg,#020609f0,#020609a3 57%,#0000 79%);width:310px;height:132px;position:absolute;bottom:0;left:0}.joystick,.touch-action{pointer-events:auto;touch-action:none}.joystick{bottom:max(20px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));aspect-ratio:1;background:radial-gradient(circle,#0000 0 51%,#a4bec314 52% 53%,#0000 54%),radial-gradient(circle,#5e78811a,#050c1257 62%,#02070bb8);border:1px solid #c2d3d340;border-radius:50%;width:138px;position:absolute;box-shadow:inset 0 0 30px #5f899714,0 10px 32px #0000003d}.joystick:before,.joystick:after{content:"";border:1px solid #c3d6d714;border-radius:50%;position:absolute;inset:9px}.joystick:after{background:#d8c3962e;border-color:#d8c3964d;inset:46%}.joystick-marks:before,.joystick-marks:after{content:"";background:#bed2d329;position:absolute}.joystick-marks:before{width:1px;top:16px;bottom:16px;left:calc(50% - .5px)}.joystick-marks:after{height:1px;top:calc(50% - .5px);left:16px;right:16px}.joystick-knob{z-index:2;background:radial-gradient(circle at 36% 30%,#bacdcc38,#0000 27%),linear-gradient(145deg,#5b7177eb,#131f25f5);border:1px solid #e0d2b073;border-radius:50%;width:54px;height:54px;position:absolute;top:calc(50% - 27px);left:calc(50% - 27px);box-shadow:inset 0 0 15px #759da71f,0 7px 20px #0006}.touch-right{right:max(18px, env(safe-area-inset-right));bottom:max(13px, env(safe-area-inset-bottom));width:300px;height:230px;position:absolute}.touch-action{color:#d8d8ca;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 38% 28%,#9fb6b814,#0000 31%),#060e14d6;border:1px solid #d4c6a657;border-radius:50%;flex-direction:column;justify-content:center;place-items:center;gap:1px;width:62px;height:62px;padding:0;transition:transform 80ms,border-color 80ms,background 80ms;display:flex;position:absolute;box-shadow:inset 0 0 18px #87a4ab12,0 8px 24px #0000004d}.touch-action span{pointer-events:none}.touch-glyph{color:#d8c49a;font:500 18px/1 Georgia,Noto Serif KR,serif}.touch-label{color:#aebfc0;letter-spacing:-.02em;font-size:8px;font-weight:850}.touch-badge{color:#e7f0eb;background:#19333a;border:1px solid #c5dcdb66;border-radius:50%;place-items:center;min-width:19px;height:19px;font-size:9px;font-weight:900;display:grid;position:absolute;top:-2px;right:-1px;box-shadow:0 3px 8px #0006}.touch-action:active,.touch-action[data-pressed=true]{background:radial-gradient(circle,#7c542eeb,#2b1a17f0);border-color:#efd598;transform:scale(.91)}.attack-action{background:radial-gradient(circle at 38% 30%,#d3975a3d,#0000 30%),radial-gradient(circle,#7f462df5,#2a1717f0);border-color:#d5ae698f;width:92px;height:92px;bottom:0;right:0;box-shadow:inset 0 0 26px #e087471a,0 10px 30px #00000059}.attack-action .touch-glyph{color:#ffe0ac;text-shadow:0 0 12px #ec8c4f59;font-size:27px}.attack-action .touch-label{color:#f1d7b1;font-size:10px}.guard-action{background:radial-gradient(circle,#305969d1,#0d1d26f0);border-color:#7fabb980;width:68px;height:68px;bottom:100px;right:26px}.dodge-action{width:64px;height:64px;bottom:82px;right:103px}.heavy-action{background:radial-gradient(circle,#69372bcc,#1f1618f0);border-color:#c98a667a;width:68px;height:68px;bottom:6px;right:95px}.heavy-action .touch-glyph{color:#e9b08b;font-size:20px}.potion-action{background:radial-gradient(circle,#235b60c7,#0a1c22f0);border-color:#74b4b873;width:56px;height:56px;bottom:9px;right:170px}.lock-action{width:56px;height:56px;bottom:174px;right:15px}.interact-action{background:radial-gradient(circle,#5d4e2dc2,#171918f0);border-color:#d3bb8066;width:56px;height:56px;bottom:88px;right:181px}.touch-tutorial{bottom:max(21px, env(safe-area-inset-bottom));color:#81979c;text-align:center;background:#03090dbf;border-top:1px solid #d3b87c57;gap:2px;padding:8px 16px;font-size:8px;animation:14s both tutorial-life;display:grid;position:absolute;left:50%;transform:translate(-50%)}.touch-tutorial strong{color:#decb9f;font-size:9px}.rotate-device{z-index:100;text-align:center;background:radial-gradient(circle,#3a58673d,#0000 44%),#03080d;align-content:center;place-items:center;gap:12px;padding:30px;display:none}.rotate-device p{color:#93a6aa;max-width:280px;margin:0 0 12px;font-size:13px}.rotate-device>.eyebrow{color:#a89264;margin:2px 0 -5px;font-size:8px}.rotate-device>strong{color:#e9dcc0;font-family:Georgia,Noto Serif KR,serif;font-size:20px;font-weight:600}.phone-icon{border:2px solid #d8c79e;border-radius:8px;place-items:center;width:46px;height:78px;animation:2.2s ease-in-out infinite rotate-phone;display:grid}.phone-icon span{background:#9db1b5;width:16px;height:2px}@keyframes title-breathe{0%{transform:scale(1)}to{transform:scale(1.035)}}@keyframes message-arrive{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}@keyframes tutorial-life{0%,7%{opacity:0;transform:translate(-50%,8px)}13%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@keyframes rotate-phone{0%,30%{transform:rotate(0)}58%,to{transform:rotate(90deg)}}@media (pointer:coarse),(width<=820px){.touch-controls.visible{display:block}.desktop-copy{display:none}.touch-copy{margin-top:18px;display:block}.game-canvas{cursor:default}.title-copy{width:calc(100% - 48px);padding-right:45%}.title-copy h1{font-size:clamp(38px,7vw,60px)}.title-actions{max-width:480px}.primary-button,.ghost-button,.boss-challenge-button,.icon-button{min-height:42px;padding-inline:17px;font-size:12px}.pause-button{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));width:48px;height:48px}.player-hud{top:max(8px, env(safe-area-inset-top));bottom:auto;left:max(8px, env(safe-area-inset-left));border-radius:3px 9px 3px 3px;width:218px;min-height:82px;padding:8px 9px 7px}.hud-nameplate{width:43px;top:7px;left:7px}.hud-sigil{width:29px;height:29px;font-size:14px}.hud-nameplate div{margin-top:2px}.hud-nameplate small{display:none}.hud-nameplate strong{font-size:9px}.status-bar,.hud-resources{margin-left:49px}.hp-bar{height:19px}.stamina-bar{height:8px;margin-top:4px}.hud-resources{gap:6px;height:25px;margin-top:4px;padding-top:4px}.potion-readout small,.knot-readout>small{display:none}.potion-readout>span:last-child{display:block}.knot-slots{gap:6px}.objective-hud{top:max(8px, env(safe-area-inset-top));right:max(7px, env(safe-area-inset-right));width:min(278px,100% - 240px);min-height:63px;padding:8px 57px 8px 10px}.boss-active .objective-hud{top:max(67px, calc(env(safe-area-inset-top) + 59px))}.objective-hud strong{font-size:11px}.objective-hud small{font-size:7px}.boss-hud{top:max(8px, env(safe-area-inset-top));right:max(64px, calc(env(safe-area-inset-right) + 56px));left:max(236px, calc(env(safe-area-inset-left) + 228px));width:auto;min-width:0;padding:6px 9px 8px;transform:none}.boss-heading{margin-bottom:4px}.boss-heading small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.boss-heading strong{font-size:12px}.boss-bar{height:8px}.boss-action{min-width:174px;padding:4px 8px 5px;top:calc(100% + 4px)}.boss-action>span{font-size:10px}.archive-message{padding:8px 15px;font-size:10px;top:24%}.panel{width:min(420px,100%)}.touch-hud-mask{background:linear-gradient(14deg,#020609f7,#020609d1 70%,#0000 100%)}}@media (pointer:coarse) and (orientation:portrait){.game-shell>:not(.rotate-device){visibility:hidden}.rotate-device{visibility:visible;display:grid}}@media (height<=540px){.title-copy{transform:none}.tagline{margin:13px 0 17px}.touch-copy{margin:11px 0 0}.joystick{bottom:max(13px, env(safe-area-inset-bottom));left:max(17px, env(safe-area-inset-left));width:clamp(96px,31vh,126px)}.touch-right{transform-origin:100% 100%;transform:scale(.84)}.panel{padding:18px 24px 17px}.panel:before{margin:-19px 0 0 -25px}.panel h2{margin-block:2px 8px;font-size:24px}.panel>p:not(.eyebrow){margin-bottom:13px;line-height:1.55}.panel-heading{margin-bottom:8px}.setting-row{min-height:48px}.compact{margin-top:11px}.pause-record{margin-block:10px 7px}.victory-credits{margin-block:9px 4px;padding-block:7px}.result-time{margin:10px 0}.result-time strong{font-size:25px}.touch-tutorial{bottom:max(8px, env(safe-area-inset-bottom))}.touch-hud-mask{width:270px;height:112px}}@media (width<=620px) and (orientation:landscape){.title-copy{width:calc(100% - 30px);padding-right:28%}.title-copy h1{font-size:35px}.tagline{font-size:11px}.title-actions{gap:6px;max-width:390px}.objective-hud{width:min(258px,100% - 229px)}}@media (prefers-contrast:more){.player-hud,.objective-hud,.boss-hud,.panel,.touch-action,.joystick{border-color:#f3e0b4b3}.objective-hud strong,.bar-copy,.touch-label{color:#fff6e2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}