*{box-sizing:border-box}:root{--ink: #f5f2e9;--ink-muted: rgba(245, 242, 233, .72);--ink-soft: rgba(245, 242, 233, .52);--surface: rgba(15, 21, 18, .92);--surface-raised: rgba(24, 33, 28, .94);--surface-border: rgba(245, 242, 233, .1);--surface-border-strong: rgba(245, 242, 233, .18);--field-bg: rgba(9, 14, 12, .72);--accent: #f0b45b;--accent-strong: #ffc56d;--accent-ink: #1b1408;--teal: #7dd6c2;--green: #7ee091;--danger: #ef6f51;--shadow: 0 12px 32px rgba(0, 0, 0, .36);--radius: 14px;--radius-sm: 10px;--tabbar-h: 58px;--topbar-h: 48px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--desktop-panel-width: 31vw;--desktop-panel-edge: 1.5vw}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0d1210;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Noto Sans SC,ui-sans-serif,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#0d1210}#game{position:absolute;inset:0;display:block;width:100%;height:100%;image-rendering:auto;touch-action:none}.loading-screen{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:max(16px,var(--safe-top)) 20px max(16px,var(--safe-bottom));background:linear-gradient(160deg,#0e1512,#101a15 60%,#0b100d);opacity:1;transition:opacity .26s ease,visibility .26s ease}.loading-screen.is-complete{visibility:hidden;opacity:0}.loading-screen__panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(860px,calc(100vw - 40px));max-height:100%;min-height:0;text-align:center}.loading-screen__brand{font-size:22px;font-weight:900;letter-spacing:.02em}.character-select{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;min-height:0}.character-select[hidden],.loading-screen__loading[hidden]{display:none}.character-select__heading h1{margin:0;font-size:18px;line-height:1.25}.character-select__heading p,.character-select__status{margin:4px 0 0;color:var(--ink-muted);font-size:12px;line-height:1.4}.character-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-height:0;padding:2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--surface-border-strong) transparent}.character-option{position:relative;display:block;min-width:0;cursor:pointer}.character-option input{position:absolute;width:1px;height:1px;opacity:0}.character-option__body{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px;aspect-ratio:.92;min-height:0;padding:6px;border:1px solid var(--surface-border);border-radius:8px;background:#f5f2e90b;color:var(--ink-muted);font-size:11px;font-weight:700;line-height:1.2;transition:border-color .14s ease,background .14s ease,color .14s ease}.character-option__body img{width:100%;height:100%;min-height:0;object-fit:contain;image-rendering:pixelated}.character-option:hover .character-option__body{border-color:var(--surface-border-strong);background:#f5f2e913;color:var(--ink)}.character-option input:checked+.character-option__body{border-color:var(--accent-strong);background:#f0b45b26;box-shadow:inset 0 0 0 1px #ffc56d3d;color:var(--accent-strong)}.character-option input:focus-visible+.character-option__body{outline:2px solid var(--teal);outline-offset:2px}.character-select__start{justify-self:center;width:min(320px,100%);min-height:44px;border:1px solid rgba(255,197,109,.65);border-radius:8px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:14px;font-weight:900;cursor:pointer}.character-select__start:hover{background:var(--accent-strong)}.character-select__start:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.character-select__start:disabled{cursor:wait;opacity:.64}.loading-screen__loading{display:grid;gap:14px;width:min(340px,100%);margin:0 auto}.loading-screen__bar{width:100%;height:6px;overflow:hidden;border-radius:999px;background:#f5f2e91a}.loading-screen__bar span{display:block;width:5%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--accent-strong));transition:width .22s ease}.loading-screen__text{min-height:18px;color:var(--ink-muted);font-size:13px;line-height:1.4}.loading-screen.is-failed .loading-screen__bar span{background:var(--danger)}@media(max-width:639px){.loading-screen{padding-inline:12px}.loading-screen__panel{width:min(100%,430px)}.loading-screen__brand{font-size:19px}.character-select{gap:9px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.character-option__body{aspect-ratio:1;padding:5px;font-size:10px}}@media(max-height:620px){.loading-screen__brand,.character-select__heading p{display:none}}.topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:10px;height:calc(var(--topbar-h) + var(--safe-top));padding:var(--safe-top) 14px 0;background:linear-gradient(180deg,rgba(11,16,13,.9),rgba(11,16,13,.55) 78%,transparent);pointer-events:none}.topbar__brand{flex:none;font-size:14px;font-weight:900;letter-spacing:.01em}.topbar__status{flex:1;min-width:0;overflow:hidden;color:var(--ink-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.topbar__online{flex:none;max-width:40vw;overflow:hidden;padding:4px 10px;border:1px solid rgba(125,214,194,.32);border-radius:999px;background:#0f1814c7;color:var(--teal);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.browser-zoom-notice{position:absolute;top:calc(var(--topbar-h) + var(--safe-top) + 8px);left:50%;z-index:30;max-width:min(680px,calc(100vw - 32px));padding:9px 14px;border:1px solid rgba(255,197,109,.48);border-radius:999px;background:#18140cf0;box-shadow:var(--shadow);color:var(--accent-strong);font-size:12px;font-weight:700;text-align:center;transform:translate(-50%)}.browser-zoom-notice[hidden]{display:none}.mission-tracker{position:absolute;top:calc(var(--topbar-h) + var(--safe-top) + 10px);left:16px;z-index:12;display:grid;gap:7px;width:min(320px,calc(100vw - 32px));padding:13px 14px;border:1px solid rgba(255,197,109,.3);border-radius:var(--radius);background:#0f1512eb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mission-tracker__eyebrow{color:var(--accent-strong);font-size:11px;font-weight:900;letter-spacing:.04em}.mission-tracker strong{font-size:15px}.mission-tracker p{margin:0;color:var(--ink-muted);font-size:12px;line-height:1.45}.mission-tracker__meta{color:var(--teal);font-size:11px;font-weight:700}.mission-tracker__actions{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:7px}.mission-tracker__actions .panel-button{min-height:34px;padding:0 10px;font-size:12px}.interaction-prompt{position:absolute;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 24px);z-index:18;min-height:46px;max-width:min(360px,calc(100vw - 32px));padding:0 20px;border:1px solid rgba(255,231,172,.7);border-radius:999px;background:linear-gradient(180deg,var(--accent-strong),var(--accent));box-shadow:0 12px 32px #00000070;color:var(--accent-ink);font:inherit;font-size:14px;font-weight:900;cursor:pointer;transform:translate(-50%)}.interaction-prompt[hidden]{display:none}.minimap{position:absolute;top:calc(var(--topbar-h) + var(--safe-top) + 8px);right:12px;z-index:8;overflow:hidden;border:1px solid var(--surface-border-strong);border-radius:var(--radius-sm);background:#0a100db8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#minimap{display:block;width:132px;height:84px;cursor:crosshair}.map-zoom{display:grid;grid-template-columns:1fr 1.5fr 1fr;height:34px;border-top:1px solid var(--surface-border)}.map-zoom button{min-width:0;border:0;border-right:1px solid var(--surface-border);background:#0f1814d1;color:var(--ink);font:inherit;font-size:16px;font-weight:800;cursor:pointer}.map-zoom button:last-child{border-right:0}.map-zoom button:hover:not(:disabled){background:#304439eb}.map-zoom button:disabled{color:var(--ink-soft);cursor:default}.map-zoom .map-zoom__value{color:var(--accent-strong);font-size:11px}.panel__title{margin:0;font-size:17px;font-weight:800;line-height:1.2}.panel__meta,.panel__note{margin:0;font-size:12px;line-height:1.45;color:var(--ink-muted)}.panel__body{margin:0;font-size:13px;line-height:1.55;color:#f5f2e9eb}.panel__source{justify-self:start;color:var(--teal);font-size:12px;font-weight:700;text-decoration:none}.panel__source:hover{color:var(--ink)}.panel__actions,.chat-form,.club-ai-form{display:flex;gap:8px}.panel-button{min-height:40px;padding:0 14px;border:1px solid var(--surface-border-strong);border-radius:var(--radius-sm);background:#26342cb8;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.panel-button:hover{border-color:#7dd6c275;background:#304439d9}.panel-button--primary{border-color:transparent;background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:var(--accent-ink)}.panel-button:focus-visible,.tabbar__item:focus-visible,.map-zoom button:focus-visible,.landmark-list__item:focus-visible,.presence:focus-visible,.club-recs__item:focus-visible,.club-ai-form input:focus-visible,.chat-form input:focus-visible,#minimap:focus-visible{outline:2px solid rgba(125,214,194,.78);outline-offset:2px}.sheet{position:absolute;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom));z-index:14;display:none;max-height:min(56vh,480px);overflow:hidden;border:1px solid var(--surface-border);border-bottom:none;border-radius:18px 18px 0 0;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sheet.is-open{display:block}.sheet.is-open~.joystick{display:none}.sheet__page{display:none;gap:10px;max-height:min(56vh,480px);padding:16px 16px 18px;overflow-y:auto;overscroll-behavior:contain}.sheet__page.is-active{display:grid}.sheet__page-head{display:grid;gap:3px}.sheet__page--chat.is-active{display:flex;flex-direction:column}.tabbar{position:absolute;left:0;right:0;bottom:0;z-index:15;display:flex;height:calc(var(--tabbar-h) + var(--safe-bottom));padding:0 8px var(--safe-bottom);border-top:1px solid var(--surface-border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tabbar__item{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;border:none;background:none;color:var(--ink-soft);font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:color .15s ease}.tabbar__item.is-active{color:var(--accent-strong)}.tabbar__icon{font-size:18px;line-height:1}.tabbar__badge{position:absolute;top:8px;right:calc(50% - 20px);width:8px;height:8px;border-radius:50%;background:var(--danger)}.landmark-photo{height:118px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:linear-gradient(135deg,#263930b8,#0c1411b8),#080c0a94;background-repeat:no-repeat;image-rendering:auto}.landmark-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.landmark-list[hidden],.club-recs[hidden]{display:none}.landmark-list__item,.presence{display:grid;gap:2px;min-width:0;min-height:44px;padding:9px 10px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:#1f2c2599;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.landmark-list__item:hover,.presence:hover{border-color:#7dd6c25c;background:#283a31d1}.landmark-list__item span,.presence span{overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.landmark-list__item small,.presence small{color:var(--ink-soft);font-size:11px}.landmark-list__item.is-active{border-color:#ffc56da6;background:#3a422c99}.club-recs{display:grid;gap:8px;padding:10px;border:1px solid rgba(125,214,194,.2);border-radius:var(--radius-sm);background:#0a120f6b}.scene-quest{display:grid;gap:7px;padding:11px 12px;border:1px solid rgba(255,197,109,.26);border-radius:var(--radius-sm);background:#372a1452}.scene-quest strong{color:var(--accent-strong);font-size:13px}.scene-quest p{margin:0;color:var(--ink-muted);font-size:12px;line-height:1.45}.scene-quest__items{display:grid;gap:4px}.scene-quest__items span{color:var(--ink-muted);font-size:12px}.scene-quest__items .is-complete{color:var(--green)}.exploration-handbook{display:grid;gap:8px;padding:11px 12px;border:1px solid rgba(125,214,194,.22);border-radius:var(--radius-sm);background:#09120f7a}.exploration-handbook__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.exploration-handbook__head strong{color:var(--teal);font-size:13px}.exploration-handbook__head span{color:var(--accent-strong);font-size:12px;font-weight:800}.exploration-handbook p{margin:0;color:var(--ink-muted);font-size:12px;line-height:1.4}.handbook-stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.handbook-stamp{display:grid;place-items:center;gap:3px;min-height:62px;padding:6px 4px;border:1px dashed rgba(245,242,233,.14);border-radius:9px;background:#f5f2e906;color:var(--ink-soft);filter:grayscale(1)}.handbook-stamp.is-unlocked{border-style:solid;border-color:#ffc56d5c;background:#ffc56d17;color:var(--ink);filter:none}.handbook-stamp span{font-size:22px}.handbook-stamp small{overflow:hidden;max-width:100%;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.club-recs strong{color:var(--teal);font-size:12px}.club-recs p{margin:0;color:var(--ink-muted);font-size:12px;line-height:1.4}.club-recs__item{display:grid;gap:3px;min-width:0;min-height:44px;padding:9px 10px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:#1f2c258c;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.club-recs__item:hover{border-color:#7dd6c261;background:#283a31cc}.club-recs__item-title{overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.club-recs__item small,.club-recs__item em{overflow:hidden;color:var(--ink-soft);font-size:11px;font-style:normal;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.room-switcher{display:grid;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.room-switcher .panel-button{min-height:36px;padding:0 8px;font-size:12px;white-space:nowrap}.presence-list{display:flex;flex:none;gap:8px;margin-top:10px;padding-bottom:4px;overflow-x:auto}.presence{flex:none;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;min-height:40px}.presence small{grid-column:2}.presence__dot{width:10px;height:10px;border-radius:50%;background:var(--presence-color);box-shadow:0 0 0 2px #f5f2e933}.chat-log{display:grid;flex:1;align-content:start;gap:8px;min-height:120px;margin-top:10px;padding:10px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:#090f0c80;overflow-y:auto}.chat-message{display:grid;gap:2px}.chat-message strong{color:var(--green);font-size:11px}.chat-message span{color:#f5f2e9e6;font-size:13px;line-height:1.45;word-break:break-word}.chat-form{flex:none;margin-top:10px;flex-wrap:wrap}.chat-form input,.club-ai-form input{min-width:0;flex:1;height:44px;padding:0 12px;border:1px solid var(--surface-border-strong);border-radius:var(--radius-sm);background:var(--field-bg);color:var(--ink);font:inherit;font-size:14px}.chat-form input{flex-basis:100%}.chat-form .panel-button{flex:1}.chat-form input::placeholder,.club-ai-form input::placeholder{color:#f5f2e96b}.coverage-card,.activity-card{display:grid;flex:none;gap:4px;margin-top:10px;padding:10px 12px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:#090f0c6b}.coverage-card strong,.activity-card strong{color:#ffc56deb;font-size:12px}.coverage-card p,.activity-card small,.activity-card span,.activity-card p{margin:0;color:var(--ink-muted);font-size:12px;line-height:1.4}.activity-card__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px}.activity-metric{display:grid;gap:1px;min-width:0;padding:7px 8px;border:1px solid rgba(245,242,233,.09);border-radius:8px;background:#1f2c2580}.activity-metric strong{color:var(--ink);font-size:14px}.activity-metric small{overflow:hidden;color:var(--ink-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.coverage-card__buckets{display:flex;flex-wrap:wrap;gap:6px}.coverage-card__buckets span{padding:3px 7px;border:1px solid rgba(125,214,194,.24);border-radius:999px;color:var(--teal);font-size:11px;font-weight:700}.ai-privacy{margin:0;padding:8px 10px;border-left:3px solid rgba(125,214,194,.65);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#7dd6c212;color:var(--ink-muted);font-size:12px}.ai-output{min-height:96px;max-height:200px;padding:12px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:#090f0c80;color:#f5f2e9eb;font-size:13px;line-height:1.55;overflow-y:auto;white-space:pre-wrap}.ai-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.joystick{position:absolute;left:18px;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 14px);z-index:9;width:120px;height:120px;background:url(/assets/joystick-base-BeLnGyKb.png) center / contain no-repeat;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28));opacity:.92;touch-action:none;-webkit-user-select:none;user-select:none}.joystick__knob{position:absolute;left:50%;top:50%;width:58px;height:58px;background:url(/assets/joystick-knob-Cz_2Oztp.png) center / contain no-repeat;filter:drop-shadow(0 8px 14px rgba(0,0,0,.32));transform:translate(-50%,-50%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;background:#f5f2e938}@media(max-width:759px){.mission-tracker{top:calc(var(--topbar-h) + var(--safe-top) + 132px)}.ai-panel,.sheet__page[data-page=ai]{gap:10px}.club-ai-form input{height:44px;font-size:16px}.chat-form input{font-size:16px}.topbar__status{display:none}}@media(min-width:900px){:root{--tabbar-h: 52px}.tabbar{left:auto;right:var(--desktop-panel-edge);top:calc(var(--topbar-h) + var(--safe-top) + 8px);bottom:auto;width:var(--desktop-panel-width);height:var(--tabbar-h);padding:6px;gap:4px;border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:var(--shadow)}.tabbar__item{flex-direction:row;gap:6px;border-radius:var(--radius-sm);font-size:13px}.tabbar__item.is-active{background:#ffc56d24}.tabbar__icon{font-size:15px}.tabbar__badge{top:10px;right:14px}.sheet{left:auto;right:var(--desktop-panel-edge);top:calc(var(--topbar-h) + var(--safe-top) + var(--tabbar-h) + 20px);bottom:var(--desktop-panel-edge);width:var(--desktop-panel-width);max-height:none;border:1px solid var(--surface-border);border-radius:var(--radius)}.sheet.is-open~.joystick{display:block}.sheet__page{min-height:0;max-height:none;height:100%}.minimap{inset:auto auto 16px 16px}#minimap{width:220px;height:140px}.joystick{left:260px;bottom:24px;width:132px;height:132px}.joystick__knob{width:64px;height:64px}.interaction-prompt{bottom:36px}}