.xv-shell{--ink:#16201a;--muted:#738079;--paper:#f8f5ed;--cream:#efe9dc;--green:#183b2d;--mint:#9fd6b7;--yellow:#f0d68a;--line:#fff3;width:100%;max-width:520px;min-height:100dvh;color:var(--ink);font-family:var(--font-sans,ui-sans-serif),"Noto Sans KR","PingFang SC",sans-serif;isolation:isolate;background:#101611;margin:0 auto;position:relative;overflow:hidden}.xv-shell button,.xv-shell a,.xv-shell input{-webkit-tap-highlight-color:transparent}.xv-shell button:focus-visible,.xv-shell a:focus-visible,.xv-shell input:focus-visible,.xv-compare-scroll:focus-visible{outline-offset:3px;outline:3px solid #ffd86b}.xv-header{z-index:40;min-height:68px;padding:max(12px,env(safe-area-inset-top))14px 8px;color:#fff;background:linear-gradient(#090e0be0,#090e0b00);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;position:absolute;inset:0 0 auto}.xv-icon-button{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1017127a;border:1px solid #ffffff3d;border-radius:999px;place-items:center;width:42px;height:42px;display:inline-grid}.xv-icon-button svg{width:19px;height:19px}.xv-header-title{min-width:0}.xv-header-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.xv-header-title span{letter-spacing:.02em;opacity:.64;margin-top:2px;font-size:9px;display:block}.xv-header-actions{gap:6px;display:flex}.xv-title-shell{background:var(--paper);min-height:100dvh}.xv-title-visual{color:#fff;height:53dvh;min-height:380px;position:relative}.xv-title-visual img{object-fit:cover}.xv-image-shade{background:linear-gradient(#080c091a 20%,#080c0938 48%,#080c09f0);position:absolute;inset:0}.xv-title-copy{position:absolute;inset:auto 24px 28px}.xv-kicker{color:#7da791;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:900;display:inline-flex}.xv-title-copy .xv-kicker{color:#d9f4e5}.xv-kicker svg{width:14px;height:14px}.xv-title-copy h1{letter-spacing:-.055em;margin:10px 0 7px;font-size:clamp(31px,9vw,48px);font-weight:950;line-height:.98}.xv-title-copy p{color:#ffffffb8;margin:0;font-size:13px;font-weight:700}.xv-title-panel{z-index:5;padding:22px 20px max(28px,env(safe-area-inset-bottom));background:var(--paper);border-radius:30px 30px 0 0;margin-top:-1px;position:relative}.xv-decision{gap:10px;margin:0 0 18px;font-size:14px;font-weight:850;line-height:1.55;display:flex}.xv-decision svg{color:#557865;flex:none;width:18px;margin-top:2px}.xv-fact-grid{background:#ddd8cb;border:1px solid #ddd8cb;border-radius:19px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.xv-fact-grid span{color:#788078;background:#fff;flex-direction:column;justify-content:center;gap:3px;min-height:68px;padding:10px 13px;font-size:9px;font-weight:800;display:flex}.xv-fact-grid strong{color:var(--ink);letter-spacing:-.02em;font-size:13px}.xv-budget{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.xv-budget>div{background:#fff;border:1px solid #d8d6cc;border-radius:14px;padding:10px 12px}.xv-budget span{color:#7b817c;font-size:9px;font-weight:850;display:block}.xv-budget input{width:100%;color:var(--ink);background:0 0;border:0;margin-top:4px;font-size:18px;font-weight:900}.xv-budget-status{text-align:center;border-radius:999px;grid-column:1/-1;padding:8px 12px}.xv-budget-status.is-fit{color:#1c6643;background:#dff3e5}.xv-budget-status.is-partial{color:#735914;background:#f9edc5}.xv-budget-status.is-over{color:#893e37;background:#f7deda}.xv-primary,.xv-secondary{border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;margin-top:16px;font-size:13px;font-weight:900;display:flex}.xv-primary{color:#fff;background:var(--green);box-shadow:0 10px 25px #183b2d33}.xv-primary:disabled{color:#8f9691;box-shadow:none;background:#e4e4dd}.xv-primary svg,.xv-secondary svg{width:18px;height:18px}.xv-source-toggle{color:#69736d;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-size:11px;font-weight:850;display:flex}.xv-source-toggle svg{width:15px;height:15px}.xv-source-card{color:#59645e;background:#fff;border:1px solid #d9d7cd;border-radius:16px;margin-top:9px;padding:15px}.xv-source-card p{margin:0;font-size:10px;line-height:1.7}.xv-source-card div{gap:8px;margin-top:10px;display:flex}.xv-source-card a{color:#244c3b;background:#e9f3ed;border-radius:999px;align-items:center;gap:5px;min-height:34px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.xv-source-card a svg{width:12px;height:12px}.xv-source-card small{color:#8b928d;margin-top:10px;font-size:9px;display:block}.xv-game-shell{height:100dvh}.xv-game-stage{color:#fff;background:#17201a;height:100dvh;position:relative;overflow:hidden}.xv-scene-image{object-fit:cover;animation:.55s cubic-bezier(.2,.75,.25,1) xv-scene-in}@keyframes xv-scene-in{0%{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.xv-game-gradient{background:linear-gradient(#070c0957,#070c0900 32%,#070c092e 53%,#070c09f5 100%);position:absolute;inset:0}.xv-progress{z-index:4;inset:max(70px,calc(env(safe-area-inset-top) + 60px))18px auto;background:#ffffff2b;border-radius:99px;height:3px;position:absolute;overflow:hidden}.xv-progress span{background:#d8f5e5;height:100%;transition:width .35s;display:block}.xv-scene-meta{z-index:4;top:max(84px,calc(env(safe-area-inset-top) + 74px));flex-wrap:wrap;gap:5px;display:flex;position:absolute;left:18px}.xv-scene-meta span{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.04em;background:#0a100c6b;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.xv-stage-back{z-index:5;top:max(120px,calc(env(safe-area-inset-top) + 110px));border:1px solid var(--line);color:#fff;background:#0b120d75;border-radius:999px;place-items:center;width:37px;height:37px;display:grid;position:absolute;left:18px}.xv-stage-back svg{width:16px;height:16px}.xv-objective{z-index:4;padding:0 4px;position:absolute;inset:auto 18px 208px}.xv-objective small{color:#bee1cd;letter-spacing:.14em;font-size:9px;font-weight:900;display:block}.xv-objective strong{letter-spacing:-.04em;text-shadow:0 2px 14px #00000059;max-width:380px;margin-top:6px;font-size:clamp(22px,7vw,31px);font-weight:950;line-height:1.14;display:block}.xv-actions{z-index:6;inset:auto 14px max(18px,env(safe-area-inset-bottom));gap:8px;display:grid;position:absolute}.xv-action{color:#fff;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff2e;border-radius:18px;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:9px;min-height:72px;padding:10px 14px;display:grid}.xv-action.is-main{background:#183b2de0}.xv-action.is-detail{background:#1a1e1bba}.xv-action>span{color:#173627;background:#e3f3e8;border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:950;display:grid}.xv-action small{color:#ffffff8a;letter-spacing:.1em;font-size:8px;font-weight:900;display:block}.xv-action strong{margin-top:3px;font-size:12px;line-height:1.35;display:block}.xv-action>svg{color:#cbe7d6;width:17px;height:17px}.xv-action.is-triggered{border-color:#c2efd380}.xv-result{z-index:14;inset:auto 12px max(14px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0c120ee8;border:1px solid #ffffff30;border-radius:22px;padding:14px;position:absolute;box-shadow:0 24px 60px #00000061}.xv-result-change{color:#d4ddd7;gap:9px;font-size:10px;line-height:1.55;display:flex}.xv-result-change svg{color:#9bd1b2;flex:none;width:16px}.xv-dialogue{align-items:flex-start;gap:10px;margin-top:12px;display:flex}.xv-nesty{color:#244e3b;background:#d8eddf;border-radius:11px;flex:none;place-items:center;width:32px;height:32px;display:grid}.xv-nesty svg{width:16px}.xv-dialogue small{color:#a3d7b9;letter-spacing:.14em;font-size:8px;font-weight:950}.xv-dialogue p{margin:3px 0 0;font-size:12px;font-weight:750;line-height:1.55}.xv-dialogue.is-thought{color:#dfd5bd;background:#ffffff0f;border-radius:13px;align-items:center;padding:10px 12px}.xv-dialogue.is-thought svg{flex:none;width:16px}.xv-dialogue.is-thought p{margin:0;font-style:italic;font-weight:600}.xv-narration{color:#ffffff94;text-align:center;border-top:1px solid #ffffff1a;margin:12px 2px 0;padding-top:10px;font-size:10px;line-height:1.5}.xv-result-next{color:#173a2a;background:#dceee2;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:12px;font-size:11px;font-weight:950;display:flex}.xv-result-next svg{width:16px}.xv-evidence-pill{z-index:6;right:14px;top:max(122px,calc(env(safe-area-inset-top) + 112px));border:1px solid var(--line);color:#fff;background:#0b120d75;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:8px;font-weight:900;display:flex;position:absolute}.xv-evidence-pill svg{width:13px}.xv-stage-disclosure{z-index:12;top:max(164px,calc(env(safe-area-inset-top) + 154px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0f0ce6;border:1px solid #ffffff2e;border-radius:15px;width:min(300px,100% - 28px);padding:13px;position:absolute;right:14px}.xv-stage-disclosure p{color:#ffffffc2;margin:0;font-size:9px;line-height:1.6}.xv-stage-disclosure small{color:#9fbaa9;margin-top:8px;font-size:8px;display:block}.xv-hub-shell{color:#fff;background:radial-gradient(circle at 50% 10%,#315443,#111a15 60%);min-height:100dvh}.xv-hub-stage{min-height:100dvh;padding:max(108px,calc(env(safe-area-inset-top) + 98px))18px max(28px,env(safe-area-inset-bottom))}.xv-hub-copy h1{letter-spacing:-.05em;margin:10px 0;font-size:clamp(27px,8vw,39px);font-weight:950;line-height:1.05}.xv-hub-copy p{color:#ffffffa1;margin:0;font-size:11px;line-height:1.6}.xv-door-wall{perspective:800px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:34px;display:grid}.xv-door{color:#fff;background:linear-gradient(90deg,#6c5842,#91765a 42%,#5d4b39);border:1px solid #ffffff3b;border-radius:9px 9px 3px 3px;min-height:370px;padding:0;transition:transform .22s,filter .22s;position:relative;overflow:hidden;transform:rotateY(0);box-shadow:inset -8px 0 18px #00000038,0 18px 34px #00000047}.xv-door:first-child{transform-origin:100%;transform:rotateY(3deg)}.xv-door:nth-child(3){transform-origin:0;transform:rotateY(-3deg)}.xv-door:hover{filter:brightness(1.08);transform:translateY(-3px)}.xv-door:before{content:"";border:1px solid #ffffff29;border-radius:3px;position:absolute;inset:26px 9px 24px;box-shadow:inset 0 0 0 5px #0000000f}.xv-door-number{opacity:.68;font-size:10px;font-weight:950;position:absolute;top:13px;left:12px}.xv-door-panel{flex-direction:column;align-items:center;display:flex;position:absolute;inset:44% 8px auto}.xv-door-panel>svg{width:16px;margin-bottom:10px}.xv-door-panel strong{font-size:13px}.xv-door-panel small{color:#fff9;margin-top:6px;font-size:8px;line-height:1.4}.xv-door-check{color:#214734;background:#d8efe1;border-radius:999px;place-items:center;width:25px;height:25px;display:grid;position:absolute;bottom:12px;right:8px}.xv-door-check svg{width:14px}.xv-door.is-visited{filter:saturate(.55)}.xv-hub-stage>.xv-primary{margin-top:25px}.xv-paper-shell{background:#e9e3d6;min-height:100dvh}.xv-paper-shell .xv-header{background:linear-gradient(#16201af5,#16201ad1);width:min(100%,520px);position:fixed;left:50%;transform:translate(-50%)}.xv-paper{min-height:100dvh;padding:max(104px,calc(env(safe-area-inset-top) + 94px))18px max(34px,env(safe-area-inset-bottom));background:var(--paper)}.xv-back-text{color:#68716c;background:0 0;border:0;align-items:center;gap:7px;min-height:38px;margin:0 0 18px;font-size:10px;font-weight:900;display:inline-flex}.xv-back-text svg{width:15px}.xv-paper h1{letter-spacing:-.05em;margin:10px 0;font-size:clamp(27px,8vw,39px);font-weight:950;line-height:1.08}.xv-paper-intro{color:#6f7873;margin:0;font-size:11px;line-height:1.65}.xv-compare-scroll{margin:22px -18px 0;padding:0 18px 9px;overflow-x:auto}.xv-compare-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #d9d6cb;border-radius:16px;width:max(680px,100%);font-size:10px;overflow:hidden}.xv-compare-table th,.xv-compare-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e3e0d7;border-right:1px solid #e3e0d7;padding:13px 11px;line-height:1.55}.xv-compare-table th{color:#375346;background:#edf3ef;font-weight:950}.xv-compare-table td{color:#5e6862;font-weight:650}.xv-compare-table tr:last-child>*{border-bottom:0}.xv-compare-table tr>:last-child{border-right:0}.xv-choice-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:17px;display:grid}.xv-choice-grid button{color:#18382a;background:#fff;border:1px solid #d5d5cb;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-height:55px;padding:0 15px;font-size:11px;font-weight:950;display:flex}.xv-choice-grid button.is-neither{color:#685f59;background:#eeeae3}.xv-choice-grid svg{width:16px}.xv-ending{padding-bottom:max(48px,env(safe-area-inset-bottom))}.xv-ending-mark{color:#28523e;background:#dcede3;border-radius:17px;place-items:center;width:48px;height:48px;margin-bottom:17px;display:grid}.xv-ending-mark svg{width:22px}.xv-ending-section{margin-top:28px}.xv-ending-section h2{margin:0 0 12px;font-size:14px;font-weight:950}.xv-clue-list{gap:8px;display:grid}.xv-clue-list article{background:#fff;border:1px solid #dedbd1;border-radius:14px;gap:11px;padding:13px;display:flex}.xv-clue-list article>svg{color:#408261;flex:none;width:16px}.xv-clue-list strong{font-size:11px;display:block}.xv-clue-list p{color:#737c76;margin:4px 0 0;font-size:9px;line-height:1.55}.xv-task-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.xv-task-list li{color:#435047;background:#ece9e0;border-radius:13px;align-items:center;gap:10px;min-height:50px;padding:10px 12px;font-size:10px;font-weight:750;line-height:1.45;display:flex}.xv-task-list span{color:#fff;background:#315945;border-radius:9px;flex:none;place-items:center;width:27px;height:27px;font-size:9px;font-weight:950;display:grid}.xv-ending-actions{margin-top:19px}.xv-secondary{color:#536057;background:#e6e3da;margin-top:8px}@media (min-width:640px){body:has(.xv-shell){background:#080d0a}.xv-shell{box-shadow:0 0 80px #0000008c}}@media (max-height:700px){.xv-objective{bottom:184px}.xv-action{min-height:62px}.xv-door{min-height:310px}}@media (prefers-reduced-motion:reduce){.xv-scene-image{animation:none}.xv-door,.xv-progress span{transition:none}}