@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b141a;--ink:#ece5e0;--muted:#a79c93;--line:#ffffff19;--accent:#dfcfc2;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}button[hidden],[hidden]{display:none!important}.text-button{background:none;padding:12px 0;color:#cfcac5;font-size:12px;letter-spacing:.03em}.round-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#ffffff04;font-size:18px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;letter-spacing:-.5px}.brand-mark{border:1px solid #d9ccc291;color:#e6d6c8;font-size:17px;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;font-weight:700}.brand-dot{width:4px;height:4px;background:var(--accent);border-radius:50%;margin-left:2px}.nav-actions{display:flex;gap:18px;align-items:center}.hero{height:min(810px,calc(100svh - 82px));min-height:650px;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-3}.hero-art svg{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b141a 0%,#0b141ae0 22%,#0b141a70 45%,#0b141a00 69%),linear-gradient(0deg,#0b141a 0%,transparent 19%)}.hero-copy{padding:78px 0 100px 9%;max-width:700px}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:500;color:#b9b1ab;display:flex;align-items:center;gap:9px;margin:0 0 30px}.eyebrow>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #e6d6c855}h1{font-family:var(--serif);font-size:clamp(70px,8vw,120px);font-weight:400;line-height:.9;letter-spacing:9px;margin:0 0 36px;text-shadow:0 4px 50px #0003}h1>span{display:block;font-family:'Noto Sans KR',sans-serif;letter-spacing:9px;font-size:21px;font-weight:400;margin-top:23px;margin-left:5px}.tagline{font-size:23px;line-height:1.65;letter-spacing:-.8px;font-weight:400;margin:0 0 26px}.hero-rule{width:34px;height:1px;background:#ddcdc077;margin-bottom:22px}.hero-description{font-size:12px;color:#ada49c;line-height:1.9;margin:0 0 28px;letter-spacing:.1px}.start-actions{display:flex;gap:12px;align-items:center}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:38px;min-height:52px;padding:0 25px;background:var(--accent);color:#1a1a20;font-size:13px;font-weight:700;letter-spacing:.05em;border:1px solid transparent;border-radius:2px;transition:background .2s,transform .2s}.primary:hover{background:#eddcce;transform:translateY(-1px)}.primary span{font-size:22px;font-weight:400}.secondary{color:#e0d6cd;background:#23222b88;border-color:#c6bab04f}.micro{font-size:10px;line-height:1.8;color:#948981;letter-spacing:.2px;margin-top:15px}.hero-footer{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:25px;left:6%;right:6%;color:#9b9087;font-size:9px;letter-spacing:1.8px}.hero-footer i{display:inline-block;width:35px;height:1px;background:#958a8269;vertical-align:middle;margin:0 15px}.hero-footer button{font-size:11px;letter-spacing:0;color:#ccc4bd}.hero-footer button span{margin-left:25px;color:#e3d3c5}.vertical-note{position:absolute;right:28px;top:26%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#b5a9a07c}.journey{padding:65px 9% 60px;display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line)}.journey .eyebrow{margin-bottom:12px;font-size:8px}.journey h2{font-size:23px;font-weight:400;letter-spacing:-.7px;margin:0}.journey>p{font-size:11px;line-height:1.9;justify-self:end;align-self:center;color:#a59990;margin:0}.chapter-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.chapter-card{background:transparent;padding:0;text-align:left;position:relative}.chapter-art{height:115px;overflow:hidden;position:relative;border:1px solid #ffffff14;background:linear-gradient(145deg,color-mix(in srgb,var(--color) 22%,#10202a),#111d25);transition:filter .25s}.chapter-art:before{content:'';position:absolute;width:38px;height:62px;border:3px solid var(--color);border-bottom:0;border-radius:60% 60% 0 0;left:55%;top:20%;opacity:.45;box-shadow:0 0 35px color-mix(in srgb,var(--color) 24%,transparent)}.chapter-art:after{content:'';position:absolute;inset:60% -20px -10px;clip-path:polygon(0 40%,16% 25%,30% 45%,50% 12%,65% 42%,80% 18%,100% 31%,100% 100%,0 100%);background:#08151e}.chapter-card:nth-child(2) .chapter-art:before{top:40%;transform:rotate(180deg)}.chapter-card:nth-child(3) .chapter-art:before{border-radius:0;transform:rotate(25deg)}.chapter-card:nth-child(4) .chapter-art:before{border-radius:50%;width:48px;height:48px;border-bottom:3px solid var(--color)}.chapter-card:nth-child(5) .chapter-art:before{transform:rotate(-30deg)}.chapter-card:nth-child(6) .chapter-art:before{width:55px;border-color:#ffe7b3}.chapter-card small{font-size:8px;letter-spacing:1px;color:#9b9087;display:block;margin:14px 0 6px}.chapter-card strong{font-size:12px;font-weight:500;letter-spacing:-.3px}.chapter-card .lock{position:absolute;right:10px;top:10px;font-size:9px;opacity:.6}.chapter-card:disabled{opacity:.65}.entry-footer{padding:24px 6%;border-top:1px solid var(--line);font-size:9px;color:#8a8078;display:flex;justify-content:space-between;gap:25px;align-items:center;line-height:1.8}.entry-footer>div{display:flex;gap:25px;align-items:center}.entry-footer .text-button{font-size:9px;color:#9d938b}.entry-footer a{color:#aca29a}
#game{position:fixed;inset:0;overflow:hidden;touch-action:none;background:#0b171f;user-select:none;-webkit-user-select:none}#viewport,#viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #06101988;background:linear-gradient(#07121d55,transparent 25%,transparent 75%,#06101999)}#hud{position:absolute;top:0;left:0;right:0;display:flex;gap:16px;align-items:center;padding:max(20px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 15px max(28px,env(safe-area-inset-left));z-index:10;background:linear-gradient(#071019bb,transparent)}.hud-icon{width:42px;height:42px;border:1px solid #e0d7d032;background:#22222a55;font-size:21px;backdrop-filter:blur(8px);border-radius:50%}.scene-info{display:flex;flex-direction:column;gap:5px}.scene-info small{font-size:8px;letter-spacing:2px;color:#c9beb5}.scene-info>span{font-size:12px;letter-spacing:1px}.scene-dots{margin-left:auto;display:flex;gap:6px;margin-right:12px}.scene-dots i{width:5px;height:5px;background:#e4d7cd30;transform:rotate(45deg)}.scene-dots i.done{background:#dfcfc2}.scene-title{position:absolute;top:28%;left:5%;right:5%;text-align:center;pointer-events:none;opacity:0;transition:opacity 1s;z-index:12;text-shadow:0 2px 30px #131217}.scene-title.visible{opacity:1}.scene-title small{font-size:9px;letter-spacing:5px;color:#d6c7bb}.scene-title h2{font-size:32px;font-weight:400;letter-spacing:8px;margin:17px 0}.scene-title p{font-size:11px;color:#c9c0b8;letter-spacing:1px}.scene-title:not(.visible){transition:opacity 1s}#loading{position:absolute;inset:0;z-index:35;background:#0b171f;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}#loading p{font-size:12px;letter-spacing:2px;color:#b3a79e}.loader-ring{width:50px;height:64px;border:1px solid #d6c7ba40;border-top-color:#e2d2c5;border-radius:50% 50% 0 0;animation:breathe 1.5s ease-in-out infinite}@keyframes breathe{50%{opacity:.25;transform:translateY(-6px)}}#caption{position:absolute;bottom:130px;left:12%;right:12%;text-align:center;font-size:12px;line-height:1.8;color:#ebe1d9;text-shadow:0 2px 8px #000;pointer-events:none;opacity:0;transition:opacity .4s}#caption.visible{opacity:1}#hint-line{position:absolute;bottom:70px;left:20%;right:20%;text-align:center;font-size:11px;line-height:1.8;color:#dad0c7;text-shadow:0 1px 8px #000;pointer-events:none;background:#08141b90;border-radius:5px}#hint-line:empty{display:none}#interact-prompt{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;border:1px solid #e9d8cb66;background:#1d1d24dd;border-radius:30px;padding:8px 13px;font-size:10px;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap}#interact-prompt span{color:#e9d8cb;font-size:18px}#interact-prompt kbd{font-size:9px;border:1px solid #d5c6b944;padding:2px 5px;border-radius:3px;color:#c5bcb4}#interact-label{font-weight:500}#world-indicator{position:absolute;top:100px;right:34px;display:flex;gap:8px;align-items:center;color:#cdbde9;font-size:10px}#world-indicator i{width:6px;height:6px;border:1px solid currentColor;transform:rotate(45deg)}#world-indicator kbd{border:1px solid #cdbde955;padding:4px 7px;border-radius:4px;margin-left:5px}#death-flash,#fade{position:absolute;inset:0;pointer-events:none;z-index:13;opacity:0;transition:opacity .25s}#death-flash{background:radial-gradient(ellipse,transparent,#701e2b99)}#fade{background:#071118;transition:opacity .6s}#touch-controls{display:none}#desktop-controls{position:absolute;bottom:25px;display:flex;justify-content:center;gap:24px;width:100%;color:#cabfb687;font-size:9px;letter-spacing:1px}#cinematic{position:absolute;inset:0;background:#09151e;z-index:30}#cine-frame{position:absolute;inset:0}#cine-frame svg{width:100%;height:100%}.cine-meta{position:absolute;left:5%;right:5%;top:max(28px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:4px}.cine-meta i{margin:0 15px;color:#a99d94}.cine-meta button{font-size:11px;letter-spacing:0}#cine-caption{position:absolute;bottom:12%;left:15%;right:15%;text-align:center;font-size:12px;letter-spacing:3px;color:#d6cac1;line-height:2;transition:opacity 1s}
dialog{background:#22222a;color:#e8e0d9;border:1px solid #b4a89e38;border-radius:4px;max-width:540px;width:calc(100% - 30px);padding:28px;max-height:85svh;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#030c14c9;backdrop-filter:blur(7px)}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.sheet-heading .eyebrow{margin:0;font-size:8px}.sheet-heading button{width:34px;height:34px}dialog h2{font-size:23px;font-weight:500;margin:0 0 18px;letter-spacing:-.6px}dialog p{font-size:12px;line-height:1.9;color:#c3bab2}dialog a{color:#dfcfc2;text-decoration:underline;text-underline-offset:4px}dialog .primary{width:100%;margin:12px 0;justify-content:center;text-decoration:none}dialog .secondary{width:100%;margin:10px 0;justify-content:center}dialog .small{font-size:10px;color:#998e85}dialog .controls-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px;font-size:12px;line-height:1.6;margin:20px 0}dialog .controls-grid dt{color:#ddcdc0}dialog .controls-grid dd{margin:0;color:#b8ada4}dialog .stat-row{display:flex;gap:30px;margin:25px 0}dialog .stat-row strong{display:block;font-size:26px;font-family:var(--serif);font-weight:400;color:#e4d4c6}dialog .stat-row span{font-size:9px;color:#aa9e94}dialog .ending-mark{text-align:center;font-family:var(--serif);font-size:60px;font-weight:400;letter-spacing:8px;margin:24px 0 12px;color:#e6d6c8}dialog .ending-rule{width:35px;height:1px;background:#bdafa4;margin:20px auto}#toast{position:fixed;z-index:100;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #d0c1b533;border-radius:5px;background:#22222aef;box-shadow:0 8px 30px #0005;padding:13px 20px;font-size:11px;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);white-space:pre-line;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(pointer:coarse),(max-width:700px){#touch-controls{display:flex;position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));align-items:end;justify-content:space-between;pointer-events:none;z-index:9}#stick{position:relative;width:112px;height:112px;border-radius:50%;background:#d0c1b510;border:1px solid #d9cbc033;pointer-events:auto;touch-action:none;flex-shrink:0}#stick>div{width:44px;height:44px;position:absolute;left:34px;top:34px;border-radius:50%;border:1px solid #ebdacc55;background:#dfd0c423;box-shadow:inset 0 0 15px #dfcfc211}#stick>span{position:absolute;top:117px;text-align:center;width:100%;color:#bdafa46e;font-size:8px;letter-spacing:2px;pointer-events:none}.touch-actions{display:grid;grid-template-columns:54px 65px;grid-template-rows:55px 65px;gap:10px;align-items:center;justify-items:center;pointer-events:none}.touch-button{pointer-events:auto;touch-action:none;width:54px;height:54px;border-radius:50%;border:1px solid #d4c5b84f;background:#302f3b66;color:#e9dbd0;font-size:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(4px);padding:0}.touch-button small{font-size:7px;color:#d8c9bc8a;font-weight:400;margin-top:1px;letter-spacing:1px}.touch-button:active,.touch-button.held{background:#cfc0b444;border-color:#e5d5c7}.touch-button.jump{width:65px;height:65px;grid-column:2;grid-row:2;font-size:31px;border-color:#dfcfc266;background:#bbaea322}.touch-button.action{grid-column:2;grid-row:1;font-size:20px}.touch-button.crouch{grid-column:1;grid-row:2}.touch-button.shift{grid-column:1;grid-row:1;color:#d6c5f0}#desktop-controls{display:none}#hud{padding:15px 16px;gap:10px}.hud-icon{width:38px;height:38px;flex-shrink:0}.scene-dots{gap:5px;margin-right:0}.scene-dots i{width:4px;height:4px}.scene-info small{font-size:7px;letter-spacing:1px}.scene-info>span{font-size:10px;letter-spacing:0}#caption{bottom:190px;font-size:11px;left:8%;right:8%}#hint-line{bottom:172px;left:7%;right:7%;font-size:10px;max-width:480px;margin:auto}#world-indicator{top:80px;right:22px}#world-indicator kbd,#interact-prompt kbd{display:none}.vignette{box-shadow:inset 0 0 90px #06101966}}
@media(max-width:700px){.topbar{height:68px;padding:0 7%}.brand{font-size:16px}.nav-actions{gap:13px}.nav-actions .text-button{font-size:10px}.round-button{width:34px;height:34px;font-size:17px}.hero{height:calc(100svh - 68px);min-height:655px;max-height:850px}.hero-art{inset:0 -30% 0 -70%}.hero-art svg{object-position:70% center}.hero-shade{background:linear-gradient(90deg,#0b141ab8,#0b141a30 80%),linear-gradient(0deg,#0b141a 1%,#0b141ab0 24%,transparent 64%)}.hero-copy{padding:48px 7% 150px}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:27px}h1{font-size:68px;letter-spacing:7px;margin-bottom:36px}h1>span{font-size:16px;letter-spacing:7px;margin-top:19px}.tagline{font-size:20px;line-height:1.65;margin-bottom:22px}.hero-description{font-size:11px;margin-bottom:24px}.hero-rule{margin-bottom:20px}.primary,.secondary{min-height:49px;padding:0 19px;font-size:12px;gap:25px}.start-actions{flex-wrap:wrap;gap:9px}.micro{font-size:9px}.hero-footer{left:7%;right:7%;bottom:22px;display:block}.hero-footer>span{display:block;font-size:7px;letter-spacing:1.3px;margin-bottom:12px}.hero-footer i{width:23px;margin:0 10px}.hero-footer button{font-size:10px}.vertical-note{right:12px;font-size:7px;letter-spacing:2px;top:40%}.journey{padding:38px 7%;grid-template-columns:1fr;gap:22px}.journey h2{font-size:21px}.journey>p{justify-self:start;font-size:11px}.chapter-strip{grid-template-columns:repeat(3,1fr);gap:23px 10px}.chapter-art{height:90px}.chapter-card small{margin:10px 0 5px;font-size:7px}.chapter-card strong{font-size:10px}.entry-footer{display:block;padding:23px 7%;font-size:9px}.entry-footer>div{gap:16px;margin-top:8px;flex-wrap:wrap}.entry-footer a{font-size:9px}.entry-footer .text-button{font-size:9px}.scene-title h2{font-size:25px;letter-spacing:4px}.scene-title{top:23%}dialog{padding:22px}.sheet-heading{margin-bottom:22px}dialog h2{font-size:21px}dialog p{font-size:11px}}
@media(max-width:360px){.hero-copy{padding-top:38px}h1{font-size:60px}.tagline{font-size:18px}.hero{min-height:640px}.nav-actions{gap:8px}#hud{gap:7px}#fullscreen{display:none}#touch-controls{left:18px;right:18px}#stick{width:100px;height:100px}#stick>div{left:28px;top:28px}#stick>span{top:104px}.touch-actions{gap:7px}#caption{bottom:180px}}
@media(max-height:520px) and (orientation:landscape){#touch-controls{bottom:18px;left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right))}#stick{width:94px;height:94px}#stick>div{left:25px;top:25px}#stick>span{display:none}.touch-actions{grid-template-columns:48px 58px;grid-template-rows:48px 58px;gap:5px}.touch-button{width:47px;height:47px}.touch-button.jump{width:58px;height:58px}#hud{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:0}.hud-icon{width:34px;height:34px}#caption{bottom:44px;left:26%;right:26%}#hint-line{bottom:18px;left:25%;right:25%;font-size:9px}#world-indicator{top:60px}.scene-title{top:18%}.scene-title h2{font-size:26px;margin:12px 0}.scene-title small{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}
/* The pause menu provides the shared share sheet without covering touch actions. */
body[data-playing="true"] #gamenow-share-launcher{display:none!important}
@media(max-width:700px){#pause{width:44px;height:44px}#hud{gap:8px}}

#combat-hud{position:absolute;left:28px;top:85px;color:#c7d8ee;font-size:11px;letter-spacing:2px;pointer-events:none}
#boss-hud{position:absolute;top:112px;left:12%;right:12%;text-align:center;color:#f3b699;background:#24191be6;border-bottom:1px solid #bb7653;padding:10px;font-size:12px;pointer-events:none}
.touch-button.fire{color:#d8eaff;border-color:#bbd6f288;background:#637c9c44;font-size:29px}
.touch-button.fire.empty{opacity:.45}
@media(pointer:coarse),(max-width:700px){.touch-actions{grid-template-columns:46px 48px 60px;grid-template-rows:52px 60px;gap:7px}.touch-button{width:46px;height:46px}.touch-button.jump{grid-column:3;width:60px;height:60px}.touch-button.action{grid-column:3}.touch-button.fire{grid-column:2;grid-row:2;width:48px;height:48px}.touch-button.crouch{grid-column:1}.touch-button.shift{grid-column:2;grid-row:1}#combat-hud{left:18px;top:70px;font-size:10px}#boss-hud{top:103px;left:5%;right:5%;font-size:10px}#stick{width:100px;height:100px}#stick>div{left:28px;top:28px}#stick>span{top:104px}}
@media(max-width:360px){#touch-controls{left:16px;right:16px}.touch-actions{gap:6px}}
@media(max-height:520px) and (orientation:landscape){#combat-hud{top:53px}#boss-hud{top:52px;left:29%;right:25%;font-size:9px;padding:5px}}