:root{font-family:system-ui,-apple-system,Noto Sans KR,sans-serif;color:#eee9de;background:#0a1119;font-synthesis:none;line-height:1.65;color-scheme:dark;--gold: #d3ba88;--muted: #a7b2b8;--line: #33404a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#24384a 0,#101922 45%,#080e15);min-width:280px}button,input{font:inherit}button{cursor:pointer;min-height:48px;min-width:44px;border:1px solid var(--line);border-radius:8px;background:#192630;color:#eee9de;padding:10px 14px;text-align:left;touch-action:manipulation}button:hover:not(:disabled){background:#253744;border-color:#8d9fa7}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e5c88e;outline-offset:3px}button[aria-pressed=true]{border-color:var(--gold);color:#f0d59e;background:#2d302d}a{color:inherit}.app{max-width:480px;min-height:100vh;min-height:100dvh;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom));border-inline:1px solid #ffffff09}.masthead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.brand{font-family:Georgia,serif;font-size:.86rem;letter-spacing:.18em;text-decoration:none;color:var(--gold);line-height:1.25;min-height:44px;display:flex;justify-content:center;flex-direction:column}.brand span{font-size:.6rem;letter-spacing:.3em;color:#d9dedb}.edition{font-size:.65rem;color:var(--muted);letter-spacing:.08em}.connection{font-size:.65rem;color:#b7c8cc;display:flex;align-items:center;gap:5px;min-height:30px}.dot{height:5px;width:5px;min-width:5px;border-radius:50%;background:#a8cbb8}.dot.offline{background:var(--gold)}.navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;border-block:1px solid #34424b;padding:10px 0}.navigation button{padding:7px 4px;font-size:.76rem;text-align:center;background:transparent;border-color:transparent;border-radius:4px}.navigation button[aria-pressed=true]{border-color:#6b6657;background:#d3ba8811}.notice{min-height:1.7em;color:#a7b9bd;font-size:.7rem;margin:10px 0}.error{border:1px solid #b98172;padding:12px;border-radius:8px;background:#422a29;margin-top:10px;font-size:.85rem}.error p{margin-top:0}.opening{text-align:center;padding:30px 10px}.star-seal{font-family:Georgia,serif;font-size:7rem;color:var(--gold);line-height:1.4;text-shadow:0 0 50px #d3ba8833}.eyebrow{font-size:.64rem;letter-spacing:.13em;color:var(--gold);font-weight:600;margin:0 0 10px}.eyebrow span{font-weight:400;color:var(--muted)}h1{font-family:Georgia,"Noto Serif KR",serif;font-weight:500;font-size:1.6rem;line-height:1.5;margin:0 0 18px;letter-spacing:-.035em}.opening h1{font-size:2rem;letter-spacing:-.06em}.opening>p:not(.fine){line-height:2}.opening button{width:100%;text-align:center;margin:7px 0}.primary{border-color:#a79063;background:#d3ba88;color:#17232a;font-weight:700}.primary:hover:not(:disabled){background:#e5cea3}.subtle{font-size:.84rem;color:var(--muted)}.fine{font-size:.7rem;line-height:1.8;color:#a7b2b8}.stage{position:relative;height:235px;overflow:hidden;border:1px solid #53616b;border-radius:10px 10px 0 0;background:linear-gradient(#132a40,#53636a 75%,#293640);isolation:isolate}.stage.gate{background:linear-gradient(#0d192b,#344857 75%,#1b2a32)}.sky{position:absolute;top:18px;left:25px;right:20px;text-align:center;letter-spacing:12px;color:#e7e2c6;opacity:.75}.landmark{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:70px;height:110px;background:linear-gradient(90deg,#4b555b,#768286,#3a4852);clip-path:polygon(37% 0,63% 0,66% 40%,80% 70%,80% 90%,100% 90%,100% 100%,0 100%,0 90%,20% 90%,20% 70%,34% 40%);opacity:.7}.gate .landmark{width:180px;height:155px;clip-path:polygon(0 0,35% 0,35% 15%,65% 15%,65% 0,100% 0,100% 100%,75% 100%,75% 50%,60% 38%,40% 38%,25% 50%,25% 100%,0 100%);background:#1a2630}.location{position:absolute;top:0;left:0;right:0;padding:10px 12px;font-size:.65rem;display:flex;justify-content:space-between;background:linear-gradient(#101922bb,transparent);z-index:2;color:#d6dedc;gap:8px}.portraits{position:absolute;bottom:0;display:flex;justify-content:space-around;width:100%;gap:10px;padding:0 20px}.portrait{margin:0;width:43%;max-width:145px;position:relative;filter:saturate(.6) brightness(.8);transform:translateY(9px);transition:filter .3s,transform .3s}.portrait.speaking{filter:saturate(1) brightness(1);transform:none}.portrait svg{width:100%;display:block}.portrait figcaption{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:.65rem;letter-spacing:.15em;text-shadow:0 1px 5px #000;background:#14222b77;border-radius:3px}.dialogue{border:1px solid #53616b;border-top:0;background:linear-gradient(130deg,#20303b,#15232e);padding:22px 20px 14px;border-radius:0 0 10px 10px;box-shadow:0 12px 24px #0002}.dialogue h1{font-size:1.25rem;margin-bottom:12px}.story-text{line-height:2.05;word-break:keep-all;overflow-wrap:anywhere;font-size:.93rem;margin:0;letter-spacing:.01em}.last-result{font-size:.76rem;color:#bccbc9;margin-top:15px;border-top:1px solid #3b4a53;padding-top:5px}.last-result summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.last-result summary:before{content:"＋";margin-right:8px}.last-result[open] summary:before{content:"−"}.last-result p{border-left:2px solid #ab986e;margin:4px 0;padding-left:12px}.action-area{margin-top:18px}.choices{display:grid;gap:9px}.choices button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 12px;font-size:.83rem;min-height:54px;border-color:#45555d;background:#172730}.choice-number{font-family:Georgia,serif;color:var(--gold);font-size:.74rem}.choices button>span:last-child{color:var(--gold)}.free-input{margin-top:20px}.free-input label{display:flex;justify-content:space-between;font-size:.72rem;color:#d1d9d7;margin:0 0 7px}.free-input label span{font-size:.64rem;color:#c5b18c}.input-row{display:flex;gap:7px}input[type=text],input:not([type]){min-width:0;width:100%;min-height:48px;background:#0e1a22;border:1px solid #53626a;border-radius:7px;color:#eee9de;padding:10px 12px;font-size:16px}.input-row button{font-size:.8rem;flex-shrink:0;text-align:center}.panel{background:#182630;border:1px solid #394a55;border-radius:9px;padding:22px 18px}.panel>button{display:block;width:100%;margin:10px 0}.panel>p{font-size:.87rem;line-height:1.9}.panel .fine{font-size:.73rem}.slots{display:flex;gap:8px}.slots button{flex:1;text-align:center}.file-label{display:block;border:1px dashed #70828b;border-radius:8px;padding:12px;font-size:.8rem;margin-top:14px}.file-label input{display:block;width:100%;margin-top:10px;min-height:44px}.file-label input::file-selector-button{min-height:44px;padding:8px 10px;border:0;border-radius:4px;background:#d3ba88;color:#13212c;font:inherit;cursor:pointer}.volume{font-size:.83rem;display:block}.volume input{display:block;width:100%;min-height:44px;accent-color:var(--gold)}.journal{list-style:none;padding:0;margin:20px 0}.journal li{padding:14px 0;border-bottom:1px solid #3b4a52}.journal small{color:var(--gold);font-size:.7rem}.journal p{font-size:.9rem;line-height:1.9;margin:4px 0}.epilogue{color:var(--gold);font-size:.8rem;line-height:1.9}.large-text .story-text,.large-text .journal p{font-size:1.18rem}.large-text .choices button{font-size:1rem}.large-text .stage{height:190px}footer{text-align:center;color:#899b9f;font-size:.62rem;padding:32px 0 8px;letter-spacing:.035em}footer span{margin:0 8px}#main-content:focus{outline:0}@media(max-height:650px){.stage{height:175px}.opening{padding-top:12px}.star-seal{font-size:5rem}}@media(min-width:700px){body{padding:25px 0}.app{border:1px solid #33424c;border-radius:15px;box-shadow:0 25px 80px #0006;background:#111c26b3}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--gold: #dfbd81;--muted: #bac1cc;--line: #465066;background:#0d1220;color:#f2eee4}body{background:radial-gradient(ellipse at 50% 5%,#344154 0,#171e30 42%,#0b101b)}.app{background:linear-gradient(155deg,#192234e8,#101827f5);border-color:#71738742}.masthead{padding-bottom:5px}.brand{font-size:.93rem;letter-spacing:.22em}.edition{color:#d8c7a8;letter-spacing:.07em}.navigation{grid-template-columns:repeat(5,minmax(0,1fr));position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:#182234f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#9e8f6a66}.navigation button{font-size:.72rem}.navigation button[aria-pressed=true]{box-shadow:inset 0 -2px #dfbd81;background:#dfbd8112;border-color:transparent}.player-banner{display:flex;align-items:center;gap:12px;padding:10px 3px 16px}.player-mark{display:grid;place-items:center;border:1px solid #c5a26c77;transform:rotate(-5deg);border-radius:10px;width:39px;height:43px;color:var(--gold);font-size:1.5rem}.player-banner strong{display:block;font-weight:500;letter-spacing:.08em;overflow-wrap:anywhere}.player-banner small{display:block;color:#b2bbc6;font-size:.65rem}.chapter-mark{margin-left:auto;color:var(--gold);font-size:.55rem;letter-spacing:.12em}.stage{height:270px;border-color:#8a826a99;border-radius:15px 15px 0 0;background:linear-gradient(145deg,#162c48,#60757b 76%,#344453)}.stage:after{content:"";position:absolute;inset:8px;border:1px solid #e7d3a02b;border-radius:9px 9px 0 0;pointer-events:none}.stage.gate{background:linear-gradient(145deg,#111d34,#405361 76%,#242f46)}.sky{font-size:1.1rem;top:38px;color:#f4ddb3;text-shadow:0 0 15px #f4ddb388}.landmark{height:125px;bottom:0}.portraits{padding-inline:18px}.portrait{max-width:163px;width:46%;animation:portrait-arrive .32s ease-out}.portrait-trigger{position:relative;padding:0;display:block;width:100%;background:transparent;border:0;border-radius:9px 9px 0 0;overflow:visible}.portrait-trigger:hover:not(:disabled){background:#e8d5a50b}.portrait-trigger:active{transform:translateY(2px)}.portrait-trigger:focus-visible{outline-offset:-3px}.portrait-name{position:absolute;bottom:5px;left:3px;right:3px;text-align:center;font-size:.74rem;letter-spacing:.08em;background:#142233dd;padding:5px;border:1px solid #ddd0a144;border-radius:5px;line-height:1.5}.portrait-name small{display:block;font-size:.55rem;color:#d0c7ae;letter-spacing:.03em}.dialogue{background:linear-gradient(135deg,#283147,#1b2536);border-color:#8a826a99;padding:22px 20px 15px;border-radius:0 0 15px 15px;animation:passage-arrive .2s ease-out}.dialogue .eyebrow{display:inline-block;padding:4px 10px;border:1px solid #ceb78355;border-radius:20px;background:#10182766;margin-bottom:12px}.dialogue h1{font-size:1.35rem;letter-spacing:-.025em;color:#f6e4c5}.story-text{font-size:.98rem;line-height:2.05}.portrait-hint{color:#c6c8c4;font-size:.65rem;border-top:1px solid #a09b8c33;padding-top:12px;margin-bottom:2px}.origin-note{padding:12px 14px;margin:18px 0 0;border-left:2px solid var(--gold);background:#d2bd8d0c}.origin-note span{color:var(--gold);font-size:.65rem}.origin-note p{color:#deded3;font-size:.83rem;line-height:1.9;margin:7px 0 0}.choices button{border-color:#68716b;border-radius:10px;padding:15px 13px;background:linear-gradient(110deg,#263b3c,#20313c);box-shadow:0 3px 7px #0002;transition:background .16s,transform .16s}.choices button:first-child{border-color:#b8ad89;background:linear-gradient(110deg,#3c4941,#2b3c40)}.choices button:active:not(:disabled){transform:translateY(2px)}.choice-number{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;border:1px solid #c4ab7455}.panel{border-color:#8a826a66;background:linear-gradient(140deg,#252f42,#192436);border-radius:14px}.panel h1{color:#f2dfbd}.character-creator label,.character-creator legend{font-size:.87rem;color:#f1dfba}.character-creator input:not([type]){margin-top:8px}.character-creator fieldset{margin:20px 0;border:0;padding:0}.character-creator legend{padding:0 0 9px}.origin-card{display:flex;align-items:center;gap:6px;border:1px solid #596275;border-radius:10px;padding:10px 12px 10px 4px;margin:10px 0;cursor:pointer}.origin-card.selected{border-color:var(--gold);background:#d8bc8112}.origin-card input{width:44px;height:44px;flex-shrink:0;accent-color:var(--gold);margin:0}.origin-card strong{display:block;font-weight:500;font-size:.9rem}.origin-card small{display:block;color:#bdc7ce;font-size:.73rem;line-height:1.8;margin-top:4px}.origin-preview{border-left:2px solid var(--gold);padding:10px 13px;background:#d7bb7d0a}.origin-preview p{font-size:.86rem;line-height:1.9;margin:6px 0}.character-creator form>button{display:block;width:100%;margin-top:12px;text-align:center}.field-error{color:#ffd2b5;font-size:.85rem;padding:10px;border:1px solid #d89877;border-radius:7px}.slots{display:grid;grid-template-columns:1fr;gap:10px}.slots button{display:block;text-align:left;padding:14px}.slots strong{display:block;font-weight:500}.slots small{display:block;font-size:.72rem;color:#bfcbcf;margin-top:5px;overflow-wrap:anywhere}.location-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:20px}.location-cards button{display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px}.location-cards button>span{font-family:Georgia,serif;font-size:2rem;color:var(--gold)}.location-cards strong{font-size:1.05rem;font-weight:500}.location-cards small{font-size:.7rem;color:#c0c9cf;min-height:42px;margin-block:8px}.location-cards em{font-size:.68rem;color:var(--gold);font-style:normal}.location-cards button:disabled{opacity:.8;background:#d9c58f13;border-color:#d9c58f77;cursor:default}.current-location{color:#e8c895}.npc-sheet{position:fixed;inset:auto 0 0;margin:0 auto;padding:0;width:min(100% - 12px,480px);max-width:480px;max-height:88vh;max-height:88dvh;border:1px solid #bca477aa;border-radius:22px 22px 0 0;background:#1a2437;color:#f2eee4;box-shadow:0 -12px 80px #0008;overscroll-behavior:contain}.npc-sheet[open]{animation:sheet-arrive .22s ease-out}.npc-sheet::backdrop{background:#070d19bb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet-surface{padding:10px 20px calc(20px + env(safe-area-inset-bottom))}.sheet-handle{width:38px;height:4px;background:#a49f8c;border-radius:4px;margin:0 auto 17px}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sheet-header h2{font-family:Georgia,serif;font-weight:500;font-size:1.8rem;line-height:1.4;margin:0;color:#f2dab1;letter-spacing:.05em}.sheet-header p:not(.eyebrow){font-size:.76rem;color:#bbc5d0;margin:5px 0 15px}.sheet-header .eyebrow{font-size:.57rem}.sheet-close{border-radius:50%;min-width:44px;width:44px;height:44px;min-height:44px;display:grid;place-items:center;padding:0;background:#303a4a}.sheet-characters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 14px}.sheet-characters button{font-size:.77rem;text-align:center}.sheet-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-bottom:1px solid #6c6a60}.sheet-tabs button{text-align:center;border:0;border-radius:8px 8px 0 0;background:transparent;color:#bbc8cf}.sheet-tabs button[aria-selected=true]{color:#f0d69e;border-bottom:2px solid var(--gold);background:#d7b87512}.sheet-content{min-height:270px;padding:17px 0 10px;outline-offset:-2px}.relationship-stage{font-size:.93rem;color:#e5d0ab;margin:0 0 18px}.relationship-row{margin-bottom:14px}.relationship-row>div{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;margin-bottom:5px}.relationship-row strong{font-family:Georgia,serif;font-size:1.1rem;font-weight:400;color:#f4dfba}.relationship-row small{color:#9fadb9;font-size:.67rem}.relationship-row progress{appearance:none;display:block;height:7px;width:100%;border:none;border-radius:7px;overflow:hidden;background:#3f4b5c;accent-color:#d4bc83}.relationship-row progress::-webkit-progress-bar{background:#3f4b5c}.relationship-row progress::-webkit-progress-value{background:linear-gradient(90deg,#a89a6d,#e6cb8c);border-radius:7px}.relationship-row progress::-moz-progress-bar{background:#d4bc83}.boundary-note{padding:12px;border:1px solid #9c947444;border-radius:8px;font-size:.76rem;color:#d0d3cd;line-height:1.9}.sheet-content h3{color:#eed9b3;font-size:1.15rem;font-weight:400;margin:12px 0}.sheet-content>p{font-size:.85rem}.sheet-content p.fine{font-size:.72rem}.observable-facts{border-block:1px solid #6d736f55;padding-block:14px;margin-block:22px}.observable-facts div{display:flex;justify-content:space-between;font-size:.82rem;padding:7px 0;gap:12px}.observable-facts dt{color:#b3c1cb}.observable-facts dd{margin:0}.shared-memories{list-style:none;padding:0;margin:0}.shared-memories li{border-left:1px solid #b9a67966;padding:6px 0 8px 15px;margin-bottom:12px}.shared-memories small{font-size:.65rem;color:var(--gold)}.shared-memories p{margin:5px 0;font-size:.85rem;line-height:1.9}.memory-empty{padding:12px 4px;text-align:center}.memory-empty>span{font-size:2.6rem;color:var(--gold)}.memory-empty p{font-size:.8rem;color:#b5c1cd}.sheet-return{display:block;width:100%;text-align:center;border-color:#bca47788}.large-text .sheet-content p,.large-text .shared-memories p{font-size:1rem}.reduce-motion,.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes portrait-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1}}@keyframes passage-arrive{0%{opacity:.5}to{opacity:1}}@keyframes sheet-arrive{0%{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-height:650px){.stage{height:210px}.npc-sheet{max-height:92dvh}}@media(prefers-reduced-motion:reduce){.npc-sheet,.portrait,.dialogue{animation:none;transition:none}}