:root{--ground:#05060a;--plate:#0a0c14d1;--ink:#eef1f7;--ink-2:#b9c0d0;--ink-3:#7d8598;--moon:#cfe0ff;--acc:#f2cf8a;--bad:#ff8a7a;--rim:#cfe0ff2e;--font:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--serif:"Nanum Myeongjo", "Gowun Batang", "AppleMyungjo", serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--ground);height:100%;color:var(--ink);margin:0;overflow:hidden}body{font-family:var(--font);-webkit-font-smoothing:antialiased;word-break:keep-all;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-size:15px;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--acc);outline-offset:3px}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#xhair{width:0;height:0;transition:opacity .15s;position:absolute;top:50%;left:50%}#xhair i{background:#eef1f7d9;border-radius:1px;transition:transform 80ms;position:absolute;box-shadow:0 0 4px #0009}#xhair i:first-child{width:2px;height:8px;left:-1px;top:calc(-8px - var(--gap,6px))}#xhair i:nth-child(2){width:2px;height:8px;left:-1px;top:var(--gap,6px)}#xhair i:nth-child(3){width:8px;height:2px;top:-1px;left:calc(-8px - var(--gap,6px))}#xhair i:nth-child(4){width:8px;height:2px;top:-1px;left:var(--gap,6px)}body.ads #xhair{opacity:.35}#hitmark{opacity:0;background:linear-gradient(var(--acc), var(--acc)) center top / 2px 8px no-repeat, linear-gradient(var(--acc), var(--acc)) center bottom / 2px 8px no-repeat, linear-gradient(var(--acc), var(--acc)) left center / 8px 2px no-repeat, linear-gradient(var(--acc), var(--acc)) right center / 8px 2px no-repeat;filter:drop-shadow(0 0 4px #f2cf8acc);width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;transform:rotate(45deg)scale(.8)}#hitmark.on{animation:.22s ease-out hit}#hitmark.kill{filter:drop-shadow(0 0 8px #fff);animation:.42s ease-out hit}@keyframes hit{0%{opacity:1;transform:rotate(45deg)scale(1.25)}to{opacity:0;transform:rotate(45deg)scale(.8)}}#edge{position:absolute;inset:0}#edge .arrow{width:0;height:0;position:absolute;top:50%;left:50%}#edge .arrow:before{content:"";border-left:16px solid #0000;border-right:16px solid #0000;border-bottom:26px solid var(--bad);filter:drop-shadow(0 0 10px #ff8a7ae6);width:0;height:0;position:absolute;top:calc(-1*min(38vh,38vw));left:-16px}#guide .mark{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}#guide .mark i{border:2px solid var(--acc);background:#f2cf8a2e;width:16px;height:16px;animation:1.6s ease-in-out infinite guidePulse;transform:rotate(45deg);box-shadow:0 0 12px #f2cf8acc}#guide .mark span{color:var(--acc);text-shadow:0 1px 4px #000,0 0 2px #000;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}@keyframes guidePulse{0%,to{transform:rotate(45deg)scale(1)}50%{transform:rotate(45deg)scale(1.25)}}#guide .arrow{width:0;height:0;position:absolute;top:50%;left:50%}#guide .arrow:before{content:"";border-left:13px solid #0000;border-right:13px solid #0000;border-bottom:20px solid var(--acc);filter:drop-shadow(0 0 8px #f2cf8ae6);width:0;height:0;position:absolute;top:calc(-1*min(33vh,33vw));left:-13px}html.chapter-loading #guide{visibility:hidden}#vital{left:max(22px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));color:var(--ink-2);letter-spacing:.08em;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute}#vital b{background:#cfe0ff24;border-radius:3px;width:180px;height:6px;display:block;overflow:hidden}#vital i{background:linear-gradient(90deg,#9fc3ff,#eef4ff);width:100%;height:100%;transition:width .25s;display:block;box-shadow:0 0 10px #cfe0ffcc}#charge{opacity:0;background:#cfe0ff1f;border-radius:2px;width:64px;height:3px;margin-left:-32px;transition:opacity .15s;position:absolute;top:calc(50% + 34px);left:50%}#charge.on{opacity:1}#charge i{background:var(--moon);width:0;height:100%;box-shadow:0 0 8px var(--moon);display:block}#prompt{background:var(--plate);border:1px solid var(--rim);opacity:0;white-space:nowrap;border-radius:20px;padding:8px 16px;font-size:15px;transition:opacity .2s;position:absolute;top:calc(50% + 60px);left:50%;transform:translate(-50%)}#prompt.on{opacity:1}#prompt kbd{font-family:var(--font);color:var(--acc);border:1px solid #f2cf8a80;border-radius:5px;margin-right:6px;padding:0 6px;font-weight:700}#subtitle{text-align:center;text-shadow:0 2px 8px #000,0 0 2px #000;opacity:0;background:#05070c61;border-radius:16px;width:max-content;max-width:min(80vw,780px);padding:6px 22px;font-size:20px;line-height:1.55;transition:opacity .35s;position:absolute;top:calc(50% + max(104px,12vh));left:50%;transform:translate(-50%);box-shadow:0 0 24px 10px #05070c57}#subtitle.on{opacity:1}#subtitle em{color:var(--acc);font-style:normal;font-family:var(--serif);font-weight:700}#hud.combat #subtitle{background:#05070c80;padding:5px 18px;font-size:17px;top:calc(50% - max(96px,11vh));transform:translate(-50%,-100%)}html.unarmed #vital,html.unarmed #charge,html.unarmed #xhair i{display:none}html.unarmed #xhair:after{content:"";background:#eef1f7b3;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 4px #0009}html.unarmed #tbtns button[data-k=fire],html.unarmed #tbtns button[data-k=ads],html.unarmed #tbtns button[data-k=shield]{display:none}html.chapter-loading #xhair,html.chapter-loading #vital,html.chapter-loading #charge,html.chapter-loading #prompt,html.chapter-loading #edge,html.chapter-loading #touch{visibility:hidden}#fps{color:var(--ink-2);white-space:pre;background:#00000073;border-radius:6px;padding:4px 8px;font:12px/1.3 ui-monospace,Menlo,monospace;position:absolute;top:10px;right:12px}#count{z-index:30;color:var(--ink);text-shadow:0 0 40px #cfe0ff99;pointer-events:none;place-items:center;font-size:min(28vw,220px);font-weight:700;display:grid;position:fixed;inset:0}#fade{z-index:25;opacity:0;pointer-events:none;background:#000;transition:opacity 1s;position:fixed;inset:0}#fade.on{opacity:1}#fade.white{background:#eaf2ff}#title{z-index:20;background:radial-gradient(at 50% 28%,#82a0dc2e,#0000 60%),linear-gradient(#0304088c,#030408eb);place-items:center;padding:24px;display:grid;position:fixed;inset:0}#title .inner{text-align:center;width:min(92vw,640px)}#title .over{letter-spacing:.4em;color:var(--ink-3);margin:0;font-size:13px}#title h1{font-family:var(--serif);letter-spacing:.06em;background:linear-gradient(#fff,#b8cbef 70%,#8ea6d6);color:#0000;filter:drop-shadow(0 0 24px #a0beff59);-webkit-background-clip:text;background-clip:text;margin:10px 0 12px;font-size:clamp(38px,7vw,72px);font-weight:800;line-height:1.15}#title .lead{color:var(--ink-2);font-family:var(--serif);margin:0 0 30px;font-size:17px}#load{background:#cfe0ff1f;border-radius:1px;width:min(360px,80vw);height:2px;margin:0 auto;overflow:hidden}#load i{background:var(--moon);width:0;height:100%;box-shadow:0 0 10px var(--moon);transition:width .3s;display:block}#loadTxt{color:var(--ink-3);min-height:1.6em;margin:10px 0 26px;font-size:13px}#loadTxt.bad{color:var(--bad)}#record{letter-spacing:.06em;color:var(--acc);font-variant-numeric:tabular-nums;margin:-16px 0 24px;font-size:13px}#nameRow{font-family:var(--serif);color:var(--ink-2);letter-spacing:.04em;justify-content:center;align-items:center;gap:12px;margin:0 0 18px;font-size:15px;display:flex}#nameIn{border:1px solid var(--rim);width:11em;height:40px;color:inherit;font:inherit;text-align:center;background:#cfe0ff0f;border-radius:20px;outline:none;padding:0 16px;font-size:17px}#nameIn:focus{background:#f2cf8a14;border-color:#f2cf8ab3}#nameIn::placeholder{color:var(--ink-3)}#title .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#title button,#pause button,#book button{letter-spacing:.04em;background:linear-gradient(#f2cf8a3d,#f2cf8a14);border:1px solid #f2cf8a99;border-radius:25px;height:50px;padding:0 28px;font-size:17px;font-weight:600}#title button:hover:not(:disabled),#pause button:hover,#book button:hover{background:#f2cf8a52}#title button:disabled{opacity:.4;cursor:default}button.ghost{border-color:var(--rim)!important;background:#cfe0ff0f!important}#title .hint{color:var(--ink-3);margin-top:28px;font-size:12.5px;line-height:1.8}html.mobile #title .hint{display:none}#pause,#settings{z-index:22;background:#0304088c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#settings{background:#03040840;justify-content:flex-end}#pause .sheet{background:var(--plate);border:1px solid var(--rim);text-align:center;border-radius:22px;flex-direction:column;gap:12px;min-width:280px;padding:26px 30px;display:flex}#pause .sheet b{margin-bottom:6px;font-size:20px}#settings .sheet{background:var(--plate);border:1px solid var(--rim);backdrop-filter:blur(10px);border-radius:22px;width:min(94vw,520px);height:calc(100dvh - 32px);padding:16px 20px 20px;overflow-y:auto}html.q-low #settings .sheet{backdrop-filter:none;background:#0a0c14f5}#applying{z-index:60;background:#030408b8;place-items:center;display:grid;position:fixed;inset:0}#applying[hidden]{display:none}#applying div{text-align:center;border:1px solid var(--rim);background:#0a0c14f5;border-radius:18px;gap:8px;padding:22px 28px;display:grid}#applying b{font-size:19px}#applying small{color:var(--ink-3);font-size:14px}#settings .head{justify-content:space-between;align-items:center;display:flex}#settings .head b{font-size:20px}#settings .head button{border:1px solid var(--rim);background:#cfe0ff14;border-radius:20px;height:40px;padding:0 18px}#settings .note{color:var(--ink-3);margin:6px 0 8px;font-size:13px}#settings h3{letter-spacing:.12em;color:var(--ink-3);margin:18px 0 4px;font-size:13px;font-weight:600}#settings .row{border-top:1px solid #cfe0ff12;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}#settings .row>span{color:var(--ink-2);font-size:15px}#settings .row>span small{color:var(--ink-3);font-size:12px;display:block}#settings .opts{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}#settings .opts button{border:1px solid var(--rim);background:#cfe0ff0d;border-radius:17px;min-width:50px;height:34px;padding:0 12px;font-size:14px}#settings .opts button.on{background:var(--acc);border-color:var(--acc);color:#1a140a;font-weight:700}#settings input[type=range]{width:160px;accent-color:var(--acc)}#settings .val{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;color:var(--ink);font-size:14px}#settings .tag{color:var(--acc);margin-left:6px;font-size:11px}#book{z-index:21;background:radial-gradient(#00000059,#000000d9);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#book .spread{flex-direction:column;align-items:center;gap:14px;width:min(92vw,620px);display:flex}#book .page{color:#2a2016;width:100%;min-height:min(62vh,560px);font-family:var(--serif);background:linear-gradient(90deg,#0000002e,#0000 7%),radial-gradient(at 30% 20%,#f3ead6,#e3d5b6 70%,#cdbb95);border-radius:4px 10px 10px 4px;padding:44px 46px;font-size:18px;line-height:1.9;box-shadow:0 30px 80px -10px #000000e6,inset 0 0 60px #5a3c1440}#book .page h4{letter-spacing:.2em;color:#7a5f3a;margin:0 0 16px;font-size:14px;font-weight:700}#book .page p{margin:0 0 14px}#book .page .hand{color:#1c140c;font-family:Gowun Batang,serif}#book .page .last{color:#5a0f0f}#book .nav{align-items:center;gap:16px;display:flex}#book .nav span{color:var(--ink-2);text-align:center;min-width:60px;font-size:14px}#touch{z-index:6;pointer-events:none;position:fixed;inset:0}#stick{left:max(40px, env(safe-area-inset-left));bottom:max(40px, env(safe-area-inset-bottom));pointer-events:auto;background:#cfe0ff0d;border:1.5px solid #cfe0ff40;border-radius:50%;width:130px;height:130px;position:absolute}#stick i{background:#cfe0ff40;border:1px solid #cfe0ff80;border-radius:50%;width:54px;height:54px;margin:-27px;position:absolute;top:50%;left:50%}#tbtns{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;direction:rtl;grid-template-columns:repeat(3,62px);gap:10px;display:grid;position:absolute}#tbtns button{direction:ltr;background:#0a0c1473;border:1.5px solid #cfe0ff4d;border-radius:50%;width:62px;height:62px;font-size:13px;font-weight:600}#tbtns button.big{background:#f2cf8a2e;border-color:#f2cf8ab3;grid-row:span 2;align-self:center;width:84px;height:84px;font-size:17px}#tbtns button.on{background:#f2cf8a66}#tMenu{left:max(16px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));border:1px solid var(--rim);pointer-events:auto;background:#0a0c1499;border-radius:22px;height:44px;padding:0 16px;position:absolute}html.mobile #vital{bottom:auto;left:50%;top:max(18px, env(safe-area-inset-top));transform:translate(-50%)}html.mobile #subtitle,html.mobile #hud.combat #subtitle{max-width:min(64vw,560px);padding:4px 14px;font-size:15px;line-height:1.45;top:calc(50% - 40px);transform:translate(-50%,-100%)}html.mobile #toast{font-size:14px;top:18%}html.mobile #prompt{font-size:14px}#rotate{display:none!important}@media (orientation:portrait){html.mobile #stick{width:116px;height:116px;left:max(18px, env(safe-area-inset-left));bottom:max(34px, env(safe-area-inset-bottom))}html.mobile #stick i{width:48px;height:48px;margin:-24px}html.mobile #tbtns{right:max(12px, env(safe-area-inset-right));bottom:max(30px, env(safe-area-inset-bottom));grid-template-columns:repeat(3,54px);gap:8px}html.mobile #tbtns button{width:54px;height:54px;font-size:12px}html.mobile #tbtns button.big{width:72px;height:72px;font-size:15px}html.mobile #subtitle,html.mobile #hud.combat #subtitle{max-width:86vw;font-size:14px}html.mobile #prompt{white-space:normal;text-align:center;max-width:80vw}#chapterCard{font-size:clamp(22px,7vw,34px);top:26%}#edge .arrow:before{top:-42vw}}html.cursor-look #view{cursor:none}#toast{background:var(--plate);border:1px solid var(--rim);opacity:0;font-variant-numeric:tabular-nums;border-radius:18px;padding:8px 18px;font-size:15px;transition:opacity .2s;position:absolute;top:22%;left:50%;transform:translate(-50%)}#toast.on{opacity:1}#toast b{color:var(--acc)}#chapterCard{z-index:26;pointer-events:none;font-family:var(--serif);letter-spacing:.12em;color:var(--ink);text-shadow:0 0 30px #a0beff99,0 2px 10px #000;opacity:0;white-space:nowrap;font-size:clamp(26px,4vw,44px);font-weight:800;position:fixed;top:30%;left:50%;transform:translate(-50%)}#chapterCard.on{animation:4.2s ease-out forwards chcard}@keyframes chcard{0%{opacity:0;letter-spacing:.4em}18%{opacity:1;letter-spacing:.14em}75%{opacity:1}to{opacity:0}}#chapterLoad{z-index:27;color:var(--ink-2);letter-spacing:.1em;pointer-events:none;font-size:15px;position:fixed;bottom:14%;left:50%;transform:translate(-50%)}#brief{z-index:27;padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));background:radial-gradient(at 50% 30%,#2c3a6073,#0000 62%),#05060a;flex-direction:column;justify-content:center;align-items:center;gap:26px;animation:.6s ease-out briefIn;display:flex;position:fixed;inset:0}@keyframes briefIn{0%{opacity:0}to{opacity:1}}#brief .card{align-items:center;gap:40px;width:min(94vw,1240px);display:flex}#brief .pic{aspect-ratio:16/9;border:1px solid var(--rim);background:#0b0e16;border-radius:16px;flex:0 0 40%;overflow:hidden;box-shadow:0 24px 70px -12px #000000f2}#brief .pic img{object-fit:cover;width:100%;height:100%;display:block}#brief .txt{flex:1;min-width:0}#brief .kicker{letter-spacing:.3em;color:var(--ink-2);margin:0;font-size:15px}#brief h2{font-family:var(--serif);letter-spacing:.06em;color:#fff;text-shadow:0 0 26px #a0beff73;margin:4px 0 8px;font-size:clamp(30px,3.6vw,46px);font-weight:800}#brief .lead{font-family:var(--serif);color:#d6dcea;margin:0 0 16px;font-size:18px;line-height:1.6}#brief .goal{color:#fff;background:#f2cf8a21;border:1px solid #f2cf8a73;border-radius:14px;align-items:baseline;gap:12px;margin:0 0 18px;padding:13px 18px;font-size:19px;line-height:1.55;display:flex}#brief .goal b{color:var(--acc);letter-spacing:.12em;flex:none;font-size:16px}#brief h3{letter-spacing:.28em;color:var(--acc);margin:0 0 8px;font-size:14px;font-weight:700}#brief .tips,#brief .keys{color:#e9edf6;gap:9px;margin:0 0 16px;padding:0 0 0 1.15em;font-size:18px;line-height:1.6;display:grid}#brief .tips li::marker,#brief .keys li::marker{color:var(--acc)}#brief .tips b,#brief .keys b{color:var(--acc);font-weight:700}#brief .keys{color:#cfd6e6;margin-bottom:0;font-size:16.5px}#brief kbd{min-width:1.6em;font-family:var(--font);color:var(--acc);text-align:center;border:1px solid #f2cf8a8c;border-radius:6px;margin:0 2px;padding:0 7px;font-size:.9em;font-weight:700;line-height:1.5;display:inline-block}#brief .foot{align-items:center;gap:18px;width:min(94vw,1240px);display:flex}#brief .prog{background:#cfe0ff24;border-radius:2px;flex:1;height:4px;overflow:hidden}#brief .prog i{background:var(--moon);width:4%;height:100%;box-shadow:0 0 10px var(--moon);transition:width .5s;display:block}#brief .stat{color:var(--ink-2);letter-spacing:.06em;min-width:9em;font-size:15px}#brief.ready .stat{color:var(--acc)}#brief button{background:linear-gradient(#f2cf8a3d,#f2cf8a14);border:1px solid #f2cf8a99;border-radius:27px;height:54px;padding:0 36px;font-size:18px;font-weight:700}#brief button:disabled{opacity:.5;cursor:default}#brief.ready .go{background:var(--acc);color:#1a140a;border-color:var(--acc);box-shadow:0 0 26px #f2cf8a8c}@media (height<=620px){#brief{gap:12px}#brief .card{align-items:flex-start;gap:20px}#brief .pic{flex-basis:30%}#brief .kicker{font-size:12px}#brief h2{margin:0 0 4px;font-size:24px}#brief .lead{display:none}#brief .goal{margin-bottom:8px;padding:7px 12px;font-size:15.5px}#brief h3{margin-bottom:4px;font-size:11px}#brief .tips,#brief .keys{gap:3px;margin-bottom:8px;font-size:15px;line-height:1.45}#brief .keys{font-size:14px}#brief button{height:44px;padding:0 26px;font-size:16px}}@media (orientation:portrait) and (width<=760px){#brief{justify-content:flex-start;gap:14px}#brief .card{flex-direction:column;flex:1;align-items:stretch;gap:16px;min-height:0;overflow-y:auto}#brief .pic{flex:none;width:100%}#brief h2{font-size:28px}#brief .lead{font-size:15.5px;display:block}#brief .goal{font-size:16.5px}#brief .tips{font-size:16px}#brief .keys{font-size:15px}#brief .foot{flex-wrap:wrap}#brief .go{width:100%}}#loadErr{z-index:28;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#loadErr .sheet{background:var(--plate);border:1px solid var(--rim);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:12px;max-width:min(92vw,460px);padding:24px 28px;display:flex}#loadErr .sheet b{font-size:18px}#loadErr .sheet p{color:var(--ink-2);margin:0;font-size:14px}#loadErr .row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}#loadErr button{background:linear-gradient(#f2cf8a3d,#f2cf8a14);border:1px solid #f2cf8a99;border-radius:23px;height:46px;padding:0 24px;font-size:16px;font-weight:600}