:root{color:#eee7dd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#8c7a9d;--panel:#23232a;--text-opacity:.54;font-synthesis:none;background:#1a2435;font-family:Noto Sans KR,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#2e394c55;border:1px solid #77657470;border-radius:4px;padding:.7em 1.1em}button:hover{border-color:var(--accent);background:#39465e88}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4}h1,h2,p{margin-top:0}header{border-bottom:1px solid #ffffff18;align-items:center;gap:24px;padding:20px 28px;display:flex}header h1,header h2{margin:0;font-size:1.25rem;font-weight:500}small{color:#c5b6bb;font-size:.75rem}.help{color:#b7a9b3;font-size:.8rem;line-height:1.7}.loading{padding:40px}.title{background:radial-gradient(at 75% 30%,#39475f,#1a2435 67%);align-items:center;height:100dvh;display:flex;position:relative}.title-art{opacity:.56;background:linear-gradient(90deg,#1a2435dd,#1a243566),url(/media/previews/TITLE0.png) 50%/cover;position:absolute;inset:0}.title-content{z-index:1;margin:7vh 12vw}.eyebrow{letter-spacing:.26em;color:#c8afb7;font-size:.65rem}.title h1{text-shadow:0 4px 14px #000;margin:0 0 28px;font-family:serif;font-size:clamp(5rem,12vw,10rem);font-weight:400;line-height:1.12}.title h1 small{letter-spacing:.5em;margin-left:12px;font-size:.85rem;display:block}.title-menu{flex-direction:column;align-items:flex-start;gap:10px;min-width:210px;display:flex}.title-menu button{text-align:left;background:0 0;border:0;border-bottom:1px solid #bba5ac40;border-radius:0;min-width:210px;padding:.65em .8em;font-size:1rem}.title-menu button:hover{color:#c4daed;transform:translate(4px)}.credit{color:#ad999e;margin:22px 12px;font-size:.65rem;display:block}.player{background:#08080c;height:100dvh;position:relative}.play-area{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stage{background:#000;width:min(100vw,160dvh);height:min(62.5vw,100dvh);position:relative;overflow:hidden}.stage>canvas{image-rendering:auto;width:100%;height:100%;display:block}.reading{scrollbar-width:none;pointer-events:none;background:rgb(0 0 0/var(--text-opacity));border-radius:2px;padding:14px 18px;position:absolute;inset:3.5% 4%;overflow:auto}.reading[hidden]{display:none}.glyph-text{max-width:100%;display:block;height:auto!important}.choices{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.choices:empty{display:none}.choice{text-align:left;background:#1a2435f2;border-color:#8c7a9daa;width:100%;padding:10px 16px;box-shadow:0 3px 10px #0007}.choice canvas{max-width:100%}.play-toolbar{bottom:max(14px,env(safe-area-inset-bottom));opacity:.7;gap:8px;display:flex;position:absolute;right:18px}.play-toolbar button{background:#1a2435a8;border-color:#fff2;padding:9px 12px;font-size:.8rem}.play-toolbar button.active{color:#fff;background:#59647f}.play-toolbar:hover{opacity:1}#play-state{color:#c8b5bf;pointer-events:none;font-size:.65rem;position:absolute;bottom:20px;left:24px}.panel-backdrop,.modal-backdrop{z-index:20;background:#09090bd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid #73667370;border-radius:6px;flex-direction:column;width:min(1080px,94vw);height:min(820px,92dvh);display:flex;overflow:hidden;box-shadow:0 16px 80px #000b}.panel header{justify-content:space-between;padding:18px 24px}.panel header button{font-size:.8rem}.panel-body{flex:1;min-height:0;padding:22px 28px;overflow:auto}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:18px;width:100%;max-width:740px;margin:auto;display:grid}.menu-grid button{padding:22px;font-size:1rem}.settings{max-width:720px;margin:auto}.setting{grid-template-columns:210px 1fr 65px;align-items:center;gap:18px;margin:20px 0;font-size:.85rem;display:grid}.setting input[type=checkbox]{width:20px;height:20px}.setting output{text-align:right;font-size:.75rem}.setting input[type=range]{accent-color:var(--accent);min-width:0}.file-button{margin:16px;font-size:.8rem;display:inline-block}.file-button input{max-width:240px;margin-top:10px;display:block}.backlog article{border-bottom:1px solid #ffffff1a;padding:18px 0}.backlog article small{margin-bottom:10px;display:block}.save-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:16px;display:grid}.save-slot{text-align:left;flex-direction:column;gap:14px;height:135px;display:flex}.confirm{background:var(--panel);border:1px solid #ab929b70;border-radius:6px;max-width:450px;margin:24px;padding:28px;line-height:1.7;box-shadow:0 12px 60px #0008}.actions{justify-content:flex-end;gap:15px;display:flex}.actions button{min-width:80px;font-size:.85rem}.actions .primary{background:#59647f}.modal-backdrop{z-index:60}.toast{bottom:max(60px,env(safe-area-inset-bottom));z-index:90;pointer-events:none;background:#332c36f5;border:1px solid #99808e77;border-radius:6px;max-width:90vw;padding:14px 22px;font-size:.85rem;position:fixed;left:50%;transform:translate(-50%)}.extras{grid-template-rows:auto 1fr;grid-template-columns:185px 1fr;height:100dvh;display:grid}.extras header{grid-column:1/3}.extra-tabs{border-right:1px solid #ffffff18;flex-direction:column;grid-area:2/1;gap:12px;padding:24px 18px;display:flex}.extra-tabs button{text-align:left;border:0;font-size:.85rem}.extra-tabs button.active{background:#59647f88}.extras #extra-body{flex-direction:column;gap:12px;min-width:0;min-height:0;padding:20px;display:flex;overflow:auto}.flow-viewport{cursor:grab;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#131319;flex:1;min-height:250px;position:relative;overflow:auto}.flow-world{position:relative}.flow-world svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.flow-world svg path{stroke:#69535f;fill:none;stroke-width:2px}.flow-node{border:2px solid #998097;border-radius:4px;width:160px;height:110px;position:absolute;box-shadow:0 3px 7px #0005}.scene-link{background:#24202b;border:0;width:100%;height:100%;padding:0;overflow:hidden}.scene-link img{object-fit:cover;width:100%;height:100%}.scene-link small{color:#fff;background:#15131cbb;padding:3px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.flow-node.gray .scene-link{filter:grayscale();opacity:.55}.flow-node.hidden{border-color:#51464e}.unknown{color:#7f6b7d;font-size:2.5rem;font-weight:200}.badges{flex-direction:column;gap:0;display:flex;position:absolute;top:5px;right:-12px}.badge{color:#ebc5ce;text-shadow:0 1px 4px #000;width:36px;height:36px;padding:0;font-size:16px;background:0 0!important;border:0!important}.flow-popover{z-index:10;background:#28212cf5;border:1px solid #9f8293;width:200px;padding:14px;font-size:.75rem;position:absolute;top:0;left:165px;box-shadow:0 6px 18px #0008}.flow-popover strong,.flow-popover small{display:block}.flow-popover p{margin:10px 0}.flow-popover button{margin-top:10px;padding:5px;font-size:.7rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;display:grid}.gallery button{padding:0;overflow:hidden}.gallery img{aspect-ratio:1.6;object-fit:cover;width:100%;display:block}.gallery small{padding:6px;display:block}.gallery-view,.opening{z-index:70;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-view img,.opening img{object-fit:contain;max-width:100%;max-height:100%}.music-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;display:grid}.wave{animation:3s ease-in-out infinite wave}@keyframes wave{0%,to{transform:scale(1.018)skewY(.3deg)}50%{transform:scale(1.022)skewY(-.3deg)}}@media (width<=700px){.title-content{margin:5vh 10vw}.title h1{margin-bottom:32px;font-size:6rem}.title-menu button{font-size:.9rem}.title-art{background-position:65%}.stage{width:100vw;height:62.5vw;overflow:visible}.reading{background:#1a2435e6;max-height:calc(100dvh - 62.5vw - 42px);padding:14px 20px;inset:100% 0 auto}.stage .choices{top:50%;left:4%;right:4%;transform:translateY(-50%)}.play-area{padding-top:max(18px,env(safe-area-inset-top));align-items:flex-start}.choice{padding:10px 14px}#play-state{font-size:.6rem;bottom:55px;left:15px}.play-toolbar{bottom:max(10px,env(safe-area-inset-bottom));right:12px}.panel{border:0;border-radius:0;width:100vw;height:100dvh}.panel header{padding:12px 18px}.panel-body{padding:16px}.menu-grid{gap:12px}.menu-grid button{padding:18px;font-size:.9rem}.setting{grid-template-columns:140px 1fr 35px;gap:10px;font-size:.75rem}.setting output{font-size:.6rem}.save-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.save-slot{height:115px;padding:15px}.extras{flex-direction:column;display:flex}.extras header{gap:15px;padding:12px 15px}.extras header h1{font-size:1.05rem}.extras header button{font-size:.75rem}.extra-tabs{padding:7px 4px max(7px,env(safe-area-inset-bottom));border-top:1px solid #ffffff18;border-right:0;flex-direction:row;order:3;justify-content:space-around;gap:0}.extra-tabs button{text-align:center;padding:12px 8px;font-size:.7rem}.extras #extra-body{flex:1;padding:12px}.flow-node{width:160px;height:110px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.confirm{padding:22px;font-size:.9rem}.flow-popover{width:180px;top:115px;left:0}}@media (orientation:landscape) and (height<=550px){.title-content{margin:20px 10vw}.title h1{margin-bottom:10px;font-size:4rem}.title-menu{gap:2px}.title-menu button{padding:7px 10px;font-size:.75rem}.credit{margin:10px}.stage{width:min(100vw,160dvh);height:min(62.5vw,100dvh);overflow:hidden}.play-area{align-items:center;padding-top:0}.reading{max-height:none;padding:12px 18px;inset:4%}.play-toolbar{bottom:8px}.panel header{padding:10px}.panel-body{padding:12px}.menu-grid{gap:8px}.menu-grid button{padding:12px}.extras header{padding:10px}}:root{--menu-fill:linear-gradient(-40deg,#452d3c 26%,#755366);--menu-tint:#28192299;--reading-opacity:.54}.stage{width:100%;height:100%;overflow:hidden;container-type:size}.stage>canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.play-area{align-items:center;padding:0}.reading{background:linear-gradient(90deg,rgb(0 0 0/calc(var(--text-opacity) * .3)),rgb(0 0 0/var(--text-opacity)) 8%,rgb(0 0 0/var(--text-opacity)) 92%,rgb(0 0 0/calc(var(--text-opacity) * .3)));text-shadow:1px 1px 2px #000;border-radius:0;max-height:none;padding:6cqh 6cqw 8cqh;inset:0;overflow:hidden}.player.graphics .reading,.player.graphics .choices{visibility:hidden}.player.graphics #scene{object-position:center var(--image-y,50%)}.play-toolbar{bottom:max(12px,env(safe-area-inset-bottom));right:12px}.play-toolbar button{opacity:.65;background:#17181c70;border:0;border-radius:3px;width:40px;height:36px;padding:0;font-size:25px}.menu-backdrop{background:var(--menu-tint);touch-action:none;justify-content:flex-end;align-items:stretch}.menu-panel{background:var(--menu-fill);width:clamp(260px,25vw,360px);height:100%;box-shadow:none;border:0;border-radius:0;padding-bottom:84px;animation:.2s ease-out menu-in;position:relative}@keyframes menu-in{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-panel:before,.menu-panel:after{content:"";background:linear-gradient(180deg,transparent,var(--accent),transparent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.menu-panel:before{left:4px}.menu-panel:after{right:4px}.menu-panel .panel-body{flex-direction:column;justify-content:center;gap:min(4vh,1.6em);max-width:none;margin:0;padding:32px 22px 26px 35px;display:flex;overflow-y:auto}.menu-panel,.menu-panel .panel-body{touch-action:pan-y}.menu-panel .panel-body button{text-align:left;background:0 0;border:0;border-bottom:1px solid #fff5;border-radius:0;padding:3px 0;font-size:clamp(19px,3.2vmin,22px)}.menu-panel .panel-body button:hover{border-color:var(--accent);background:0 0}.menu-footer{padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));background:var(--panel);z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.menu-footer button{background:0 0;border:0;min-height:36px;padding:6px 10px;font-size:14px}.menu-footer button.active{background:var(--accent);color:#fff}.menu-footer .icon-action{min-width:40px;font-size:21px}.flow-viewport{touch-action:none;-webkit-user-select:none;user-select:none;min-height:120px;position:relative}.flow-host{flex-direction:column;min-height:0;display:flex;overflow:hidden}.flow-host>.help,.flow-host>.flow-controls{flex:none}.flow-host>.flow-viewport{flex:1;min-height:0}.extras #extra-body.flow-host{overflow:hidden}.flow-world{transform-origin:0 0;position:absolute;top:0;left:0}.flow-space{position:relative}.flow-viewport.dragging{cursor:grabbing}.flow-node{border-radius:5px;width:112px;height:74px}.flow-node .scene-link small{padding:1px 3px;font-size:10px}.badges{gap:0;top:0;right:-14px}.badge{touch-action:none;width:32px;height:28px;font-size:13px}.flow-node:has(.flow-popover){z-index:12}.flow-popover{z-index:80;touch-action:pan-y;width:220px;max-width:calc(100vw - 24px);max-height:50dvh;position:fixed;top:auto;left:auto;overflow:auto;transform:none}.flow-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flow-controls button{min-width:36px;min-height:36px;padding:6px 10px;font-size:.8rem}.flow-controls output{text-align:center;min-width:45px;font-size:.75rem}.extras{flex-direction:column;display:flex}.extras header{flex:none}.extras #extra-body{flex:1;min-height:0}.extra-tabs{padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #ffffff18;border-right:0;flex-direction:row;flex:none;order:3;justify-content:center;gap:20px;display:flex}.extra-tabs button{text-align:center;padding:9px 12px;font-size:.85rem}@media (orientation:portrait){.reading{background:rgb(0 0 0/calc(var(--text-opacity) * .8));max-height:none;padding:7cqh 6cqw 8cqh;inset:0}.stage{width:100%;height:100%;overflow:hidden}.play-area{align-items:center;padding-top:0}.extra-tabs{justify-content:space-around;gap:0}.extra-tabs button{padding:10px 8px;font-size:.75rem}.menu-panel{width:clamp(260px,75vw,360px)}.flow-node{width:112px;height:74px}}@media (orientation:landscape) and (height<=550px){.reading{max-height:none;padding:5cqh 6cqw 8cqh;inset:0}.menu-panel{padding-bottom:55px}.menu-panel .panel-body{gap:9px;padding:10px 25px}.menu-panel .panel-body button{font-size:17px}.menu-footer{gap:4px;padding:5px}.menu-footer button{padding:4px 7px;font-size:12px}.extra-tabs{gap:12px;padding:5px}.extra-tabs button{padding:6px 10px;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.menu-panel{animation:none}}:root{--menu-fill:linear-gradient(-40deg,#293249 26%,#59647f);--menu-tint:#1a243599}