body,html{--shell-bg: rgba(9, 14, 17, .72);--shell-stroke: rgba(255, 255, 255, .12);--shell-highlight: #9fe870;--shell-highlight-strong: #d7ff8b;--shell-danger: #f87171;margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#111827;touch-action:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app,#app-shell,.game-shell,#game-container{position:relative;width:100%;height:100%}.game-shell{transition:opacity .22s ease,visibility .22s ease}.game-shell.is-dormant{opacity:0;visibility:hidden;pointer-events:none}#app-shell{overflow:hidden;overflow:clip;overscroll-behavior:none;touch-action:auto;background:radial-gradient(circle at top left,rgba(159,232,112,.14),transparent 34%),radial-gradient(circle at top right,rgba(97,196,255,.15),transparent 28%),linear-gradient(180deg,#081014,#0b1620 58%,#101923)}#fg-canvas{touch-action:none}[hidden]{display:none!important}canvas{position:absolute;top:0;left:0}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.panel{background:#111827b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;pointer-events:auto}.club-btn{transition:all .2s;border:1px solid transparent}.club-btn.active{background-color:#10b981;border-color:#34d399;color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #10b98166}.club-btn:hover:not(.active){background-color:#ffffff1a}.club-feedback{max-width:min(520px,calc(100vw - 32px));padding:5px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#090e119e;color:#e2e8f0c2;font-size:11px;line-height:1.4;text-align:center}.club-lab-panel{position:absolute;top:112px;left:16px;z-index:12;width:min(420px,calc(100vw - 32px));padding:12px 14px;color:#f1f5f9eb;background:#080f13d6;border-color:#9fe87040;box-shadow:0 14px 34px #00000047}.club-lab-panel[hidden]{display:none}.club-lab-heading,.club-lab-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.club-lab-heading strong{display:block;margin-top:2px;font-size:13px;letter-spacing:.03em}.club-lab-kicker,.club-lab-label{color:#9fe870c2;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.club-lab-badge{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#e2e8f094;font-size:9px;white-space:nowrap}.club-lab-group{margin-top:11px}.club-lab-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.club-lab-option,.club-lab-reset{border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:5px 8px;background:#1f2937b3;color:#e2e8f0c7;font-size:10px;font-weight:700;cursor:pointer}.club-lab-option.active{border-color:#9fe870ad;background:#75c84f2e;color:#d7ff8b}.club-lab-option:disabled,.club-lab-reset:disabled{cursor:not-allowed;opacity:.45}.club-lab-footer{align-items:center;margin-top:11px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}.club-lab-readout{max-width:275px;color:#e2e8f0b3;font-size:10px;line-height:1.45}.club-lab-reset{flex:0 0 auto;border-color:#d7ff8b40;color:#d7ff8b}.system-trigger{min-width:78px;padding:12px 16px;color:#f3f4f6;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.system-trigger:hover:not(:disabled){transform:translateY(-1px);border-color:#9fe87073;background:#1f2937db}.shell-overlay,.shell-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:60}.shell-overlay.visible,.shell-modal.visible{opacity:1;pointer-events:auto}.shell-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(215,255,139,.14),transparent 24%),radial-gradient(circle at 80% 18%,rgba(100,210,255,.18),transparent 18%),linear-gradient(180deg,#050a0cb8,#070c10eb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.shell-card{position:relative;width:min(520px,calc(100vw - 32px));padding:30px 28px;border-radius:26px;border:1px solid var(--shell-stroke);background:linear-gradient(180deg,#10171cf0,#0a1015f2),linear-gradient(135deg,rgba(159,232,112,.08),transparent 44%);box-shadow:0 28px 80px #0000006b}.title-card:before,.system-card:before{content:"";position:absolute;inset:1px;border-radius:25px;border:1px solid rgba(255,255,255,.04);pointer-events:none}.title-kicker,.system-kicker,.shell-section-label{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#d7ff8bd1}.title-heading,.system-heading{margin:10px 0 0;color:#f8fafc;line-height:.95}.title-heading{font-size:clamp(46px,10vw,76px)}.system-heading{font-size:34px}.title-copy,.system-copy,.save-status-text{color:#e2e8f0cc;line-height:1.7}.title-copy{max-width:30rem;margin:16px 0 22px}.save-status-card{margin-bottom:20px;padding:16px 18px;border-radius:18px;background:var(--shell-bg);border:1px solid rgba(159,232,112,.16)}.save-status-text,.system-copy{margin-top:8px}.shell-action-stack{display:grid;gap:12px}.shell-action-stack.compact{margin-top:22px}.shell-action{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 18px;background:#0f171fc7;color:#f8fafc;font-size:15px;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease}.shell-action:hover:not(:disabled){transform:translateY(-1px);border-color:#d7ff8b6b;background:#151f28eb}.shell-action:disabled,.system-trigger:disabled{opacity:.45;cursor:not-allowed}.shell-action-primary{background:linear-gradient(135deg,#75c84feb,#9fe870eb);color:#102012;border-color:#d7ff8b80}.shell-action-primary:hover:not(:disabled){background:linear-gradient(135deg,#80d259f5,#b6f284f5)}.shell-action-danger:hover:not(:disabled){border-color:#f871718c}.shell-toast{position:absolute;left:50%;bottom:28px;transform:translate(-50%,14px);min-width:240px;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:999px;background:#070c10eb;border:1px solid rgba(215,255,139,.18);color:#f8fafc;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:80}.shell-toast.visible{opacity:1;transform:translate(-50%)}#message-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;font-weight:900;font-style:italic;text-transform:uppercase;color:#fff;text-shadow:0 4px 25px rgba(0,0,0,.8),0 0 15px rgba(255,255,255,.4);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}#message-overlay.show{opacity:1;transform:translate(-50%,-50%) scale(1);animation:swoosh 2.5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes swoosh{0%{transform:translate(-50%,-50%) scale(.2) skew(20deg);opacity:0}15%{transform:translate(-50%,-50%) scale(1) skew(0);opacity:1}85%{transform:translate(-50%,-50%) scale(1.05) skew(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.5) skew(-10deg);opacity:0}}#loading{position:absolute;inset:0;background:#111827;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;transition:opacity .5s}.spinner{border:4px solid rgba(255,255,255,.1);border-left-color:#10b981;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#target-indicator{position:absolute;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #f43f5e;transform-origin:left center;pointer-events:none;opacity:0;transition:opacity .2s;filter:drop-shadow(0 0 5px rgba(244,63,94,.8));z-index:10}#target-indicator.visible{opacity:1;animation:pulse 1.5s infinite}#guide-panel,#summary-panel{position:absolute;left:16px;bottom:20px;width:min(460px,calc(100vw - 32px));padding:16px 18px;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:12}#city-panel{position:absolute;top:16px;right:16px;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:18px;opacity:0;transform:translate(18px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:13;overflow-y:auto}#world-map-panel{position:absolute;top:16px;right:16px;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:18px;opacity:0;transform:translate(18px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:14;overflow-y:auto}#chapter-recap-panel,#ending-panel,#tour-summary-panel{position:absolute;left:50%;top:50%;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:22px;opacity:0;transform:translate(-50%,calc(-50% + 18px));pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:16;overflow-y:auto}#guide-panel.visible,#summary-panel.visible,#city-panel.visible,#world-map-panel.visible,#chapter-recap-panel.visible,#ending-panel.visible,#tour-summary-panel.visible{opacity:1;pointer-events:auto}#guide-panel.visible,#summary-panel.visible{transform:translateY(0)}#city-panel.visible,#world-map-panel.visible{transform:translate(0)}#chapter-recap-panel.visible,#ending-panel.visible,#tour-summary-panel.visible{transform:translate(-50%,-50%)}.guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.guide-speaker{font-size:15px;font-weight:800;letter-spacing:.08em;color:#6ee7b7}.guide-subtitle,.guide-progress,.summary-kicker,.summary-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d1d5dbb8}.guide-text,.summary-text{line-height:1.65;font-size:15px;color:#f3f4f6}.guide-text{min-height:74px}.summary-kicker{margin-bottom:8px}.summary-title{font-size:30px;font-weight:900;margin-bottom:10px}.summary-speaker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6ee7b7;margin-bottom:8px}.summary-stats{display:flex;gap:18px;margin-top:14px}.summary-stat{display:flex;flex-direction:column;gap:4px}.summary-value{font-size:22px;font-weight:900;color:#fff}.summary-goals{display:flex;flex-direction:column;gap:8px;margin-top:14px}.summary-goal{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:10px;background:#ffffff0d}.summary-goal.is-complete{border:1px solid rgba(52,211,153,.35)}.summary-goal.is-failed{border:1px solid rgba(248,113,113,.25)}.summary-goal-status{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.summary-goal.is-complete .summary-goal-status{color:#6ee7b7}.summary-goal.is-failed .summary-goal-status{color:#fca5a5}.summary-note{margin-top:12px;font-size:13px;line-height:1.6;color:#f3f4f6db}.summary-reward{color:#fde68a}.recap-subtitle{margin:4px 0 14px;color:#d1d5dbc7;font-size:13px;line-height:1.55}.recap-milestone{margin-top:16px;padding:10px 12px;border-left:3px solid #fbbf24;background:#fbbf241a;color:#fde68a;font-size:13px;line-height:1.5}.recap-highlights{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.recap-highlights li{position:relative;padding:9px 12px 9px 30px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#f3f4f6e0;font-size:13px;line-height:1.5}.recap-highlights li:before{content:"•";position:absolute;left:13px;color:#a7f3d0;font-weight:900}.ending-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ending-title{margin-top:4px;color:#f8fafc;font-size:clamp(28px,5vw,42px);font-weight:900;line-height:1}.ending-marks,.tour-summary-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.ending-mark,.tour-summary-tags span{padding:5px 9px;border:1px solid rgba(159,232,112,.24);border-radius:999px;background:#9fe87014;color:#d9f99d;font-size:11px;font-weight:800;letter-spacing:.04em}.ending-beat{margin-top:18px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(135deg,#0f172aeb,#1e293bb8);color:#f8fafc;font-size:16px;line-height:1.75}.tour-summary-panel{width:min(760px,calc(100vw - 32px))!important}.tour-summary-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.tour-summary-stat{display:flex;min-height:72px;flex-direction:column;justify-content:space-between;gap:7px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#ffffff0b}.tour-summary-stat strong{color:#f8fafc;font-size:22px;line-height:1}.tour-summary-style{margin-top:12px;color:#a7f3d0;font-size:13px;line-height:1.5}.tour-summary-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.tour-summary-segment,.tour-summary-evidence-card{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0f172a9e}.tour-summary-segment-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#f8fafc;font-size:17px;font-weight:900}.tour-summary-segment-status{color:#a7f3d0;font-size:12px;letter-spacing:.05em}.tour-summary-segment p{margin:8px 0 0;color:#e2e8f0c7;font-size:12px;line-height:1.55}.tour-summary-segment-note{color:#f3f4f6db!important}.tour-summary-evidence-card{margin-top:12px}.tour-summary-evidence-card .recap-highlights{margin-top:10px}.tour-summary-epilogue{margin-top:16px;color:#e2e8f0c7;font-size:13px;line-height:1.7}.tour-summary-epilogue p{margin:8px 0 0}.city-kicker,.world-map-kicker,.city-progress,.city-subtitle,.city-focus-role{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d1d5dbb8}.city-title{font-size:28px;font-weight:900;margin-top:6px}.world-map-title{font-size:30px;font-weight:900;margin-top:6px}.city-subtitle{margin-top:4px}.world-map-subtitle,.world-map-focus-status{margin-top:4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d1d5dbb8}.city-text,.city-objective,.city-focus-summary,.city-focus-dialogue,.world-map-text,.world-map-objective,.world-map-focus-description{font-size:14px;line-height:1.65;color:#f3f4f6}.city-objective,.city-progress,.world-map-objective{margin-top:12px}.city-npc-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.city-npc-chip{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 12px;background:#111827c7;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.city-npc-chip.is-active{border-color:#34d399b3;background:#10b98133}.city-focus-card{margin-top:16px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#0f172aeb,#1f2937c2);border:1px solid rgba(255,255,255,.08)}.world-map-node-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.world-map-visual{position:relative;margin-top:18px;min-height:300px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 20% 18%,rgba(16,185,129,.22),transparent 28%),radial-gradient(circle at 74% 30%,rgba(59,130,246,.2),transparent 24%),radial-gradient(circle at 80% 72%,rgba(245,158,11,.18),transparent 22%),linear-gradient(180deg,#090f1cf0,#162234eb);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d}.world-map-region-layer,.world-map-route-layer,.world-map-landmark-layer{position:absolute;inset:0}.world-map-region{position:absolute;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff05}.world-map-region-tone-frontier{background:linear-gradient(180deg,#10b98129,#0f172a0f)}.world-map-region-tone-highland{background:linear-gradient(180deg,#3b82f629,#0f172a0f)}.world-map-region-tone-crown{background:linear-gradient(180deg,#f59e0b2e,#0f172a0f)}.world-map-region-label{position:absolute;left:10px;top:10px;right:10px;font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#f3f4f6b8}.world-map-route-layer path{fill:none;stroke:#94a3b86b;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:2.5 3}.world-map-landmark{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;color:#fff;cursor:pointer}.world-map-landmark-dot{width:16px;height:16px;border-radius:999px;background:#94a3b8;border:2px solid rgba(255,255,255,.74);box-shadow:0 0 0 6px #94a3b81f}.world-map-landmark-label{padding:4px 8px;border-radius:999px;background:#0f172ac2;border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;white-space:nowrap}.world-map-landmark.is-active .world-map-landmark-dot{background:#60a5fa;box-shadow:0 0 0 8px #60a5fa38}.world-map-landmark.is-current .world-map-landmark-dot{background:#34d399;box-shadow:0 0 0 8px #34d39938}.world-map-landmark.is-completed .world-map-landmark-dot{background:#f59e0b;box-shadow:0 0 0 8px #f59e0b33}.world-map-landmark.is-locked{opacity:.55}.world-map-landmark-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:140px}.world-map-landmark-tag{padding:2px 6px;border-radius:999px;background:#ffffff14;font-size:10px;letter-spacing:.06em;color:#ffffffb8}.world-map-node-chip{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 12px;background:#111827d1;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.world-map-node-chip.is-active{border-color:#60a5fab3;background:#3b82f62e}.world-map-node-chip.is-locked{opacity:.55}.world-map-focus-card{margin-top:16px;padding:16px;border-radius:14px;background:linear-gradient(180deg,#0f172aeb,#1e293bd1);border:1px solid rgba(255,255,255,.08)}.world-map-focus-name{font-size:21px;font-weight:900}.world-map-focus-description{margin-top:10px}.city-focus-name{font-size:20px;font-weight:900}.city-focus-role{margin-top:4px}.city-focus-summary,.city-focus-dialogue{margin-top:10px}.guide-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.guide-btn{border:1px solid transparent;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.guide-btn:hover{transform:translateY(-1px)}.guide-btn-primary{background:#10b981e6;border-color:#34d399b3}.guide-btn-secondary{background:#1f2937d1;border-color:#ffffff1a}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:640px){#ui-layer{padding:12px}#guide-panel,#summary-panel{left:12px;right:12px;bottom:12px;width:auto;padding:14px}.guide-text{min-height:96px;font-size:14px}.summary-title{font-size:24px}.shell-card{width:min(100vw - 20px,520px);padding:22px 18px;border-radius:20px}.title-heading{font-size:clamp(38px,14vw,58px)}.system-heading{font-size:28px}.shell-action{padding:13px 16px}.system-trigger{min-width:68px;padding:11px 14px}#city-panel,#world-map-panel{top:12px;right:12px;left:12px;width:auto;max-height:calc(100vh - 24px)}#chapter-recap-panel,#ending-panel,#tour-summary-panel{inset:12px;width:auto!important;max-height:none;padding:16px;transform:translateY(18px)}#chapter-recap-panel.visible,#ending-panel.visible,#tour-summary-panel.visible{transform:translateY(0)}.tour-summary-stat-grid,.tour-summary-segments{grid-template-columns:1fr 1fr}}