.journal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000059;z-index:20;font:15px/1.45 system-ui,sans-serif}.journal-panel{width:min(560px,100%);max-height:80vh;overflow-y:auto;padding:16px 20px;border-radius:10px;background:#1b1b28;color:#f0f0f0;box-shadow:0 8px 32px #00000080}.journal-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.journal-title{font-size:18px;font-weight:700}.journal-xp{color:#f5d76e;font-weight:700}.journal-accesses{margin-bottom:10px;color:#9ecaff;font-size:13px}.journal-tabs{display:flex;gap:8px;margin-bottom:12px}.journal-tab{flex:1;padding:7px 12px;border:1px solid #3a3a52;border-radius:6px;background:#26263a;color:inherit;font:inherit;cursor:pointer}.journal-tab.active{background:#1f3a5c;border-color:#9ecaff;color:#9ecaff}.journal-assigned{margin-left:8px;padding:2px 8px;border-radius:999px;background:#4a3a1c;color:#f5d76e;font-size:11px;font-weight:400;vertical-align:middle}.journal-urgent{margin-left:8px;padding:2px 8px;border-radius:999px;background:#4a1c1c;color:#ffb0a0;font-size:11px;font-weight:400;vertical-align:middle}.journal-urgent.expired{background:#601010;color:#ff7060}.stats-summary{display:flex;gap:10px;margin-bottom:6px}.stats-chip{flex:1;padding:10px;border:1px solid #3a3a52;border-radius:8px;text-align:center}.stats-chip-value{font-size:20px;font-weight:700;color:#9ecaff}.stats-chip-label{font-size:12px;color:#8b8ba8}.stats-chart{width:100%;height:auto;background:#14141f;border-radius:8px}.stats-chart-label{fill:#8b8ba8;font-size:10px}.stats-quest-list{margin:0;padding-left:18px;color:#b8b8cc}.journal-section-title{margin:12px 0 6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8b8ba8}.journal-quest{padding:10px 12px;border:1px solid #3a3a52;border-radius:8px;margin-bottom:8px}.journal-quest-title{font-weight:700;margin-bottom:2px}.journal-quest.completed .journal-quest-title{color:#7ed491}.journal-quest-description{color:#b8b8cc;font-size:14px;margin-bottom:8px}.journal-steps{list-style:none;margin:0 0 8px;padding:0}.journal-steps li{padding:2px 0;color:#b8b8cc}.journal-steps li.done{color:#7ed491}.journal-steps li.current{color:#f5d76e;font-weight:700}.journal-items{display:flex;flex-wrap:wrap;gap:6px;font-size:13px}.journal-item{padding:2px 8px;border-radius:999px;background:#26263a}.journal-item.have{color:#7ed491}.journal-item.missing{color:#ff9c9c}.journal-call-retry{margin-top:8px;padding:6px 12px;border:1px solid #3a3a52;border-radius:6px;background:#26263a;color:#9ecaff;font:inherit;cursor:pointer}.journal-call-retry:hover{background:#32324c;border-color:#55557a}.journal-empty{color:#8b8ba8;font-size:14px}.offer-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000059;z-index:20;font:15px/1.45 system-ui,sans-serif}.offer-panel{width:min(480px,100%);padding:16px 20px;border-radius:10px;background:#1b1b28;color:#f0f0f0;box-shadow:0 8px 32px #00000080}.offer-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.offer-portrait{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#0009}.offer-npc-name{color:#9ecaff;font-weight:700}.offer-headline{padding:4px 10px;border-radius:6px;background:#1f3a5c;color:#9ecaff;font-weight:700}.offer-headline.urgent{background:#7a1f1f;color:#ffe0d8;animation:urgent-pulse 1.2s ease-in-out infinite}.offer-steps{margin:0 0 10px;padding-left:20px;color:#b8b8cc}.offer-facts{margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.offer-fact{color:#f5d76e;font-size:14px}.offer-fact.urgent{color:#ff9c8a;font-weight:700}.offer-quest-title{font-size:17px;font-weight:700;margin-bottom:6px}.offer-description{color:#b8b8cc;margin-bottom:8px}.offer-reward{color:#f5d76e;margin-bottom:12px}.offer-buttons{display:flex;gap:8px}.offer-buttons button{flex:1;padding:8px 12px;border:1px solid #3a3a52;border-radius:6px;background:#26263a;color:inherit;font:inherit;cursor:pointer}.offer-buttons button:hover{background:#32324c;border-color:#55557a}.offer-buttons kbd{display:inline-block;min-width:18px;margin-right:8px;padding:1px 4px;border-radius:4px;background:#101018;color:#9ecaff;text-align:center;font:12px/1.4 system-ui,sans-serif}.reconnect-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:6px;background:#7a3a3a;color:#fff;font:13px/1.4 system-ui,sans-serif;z-index:35}.save-status{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px;max-width:90vw;border:1px solid #a04040;border-radius:8px;background:#3a2028;color:#ffe0e0;font:14px/1.6 system-ui,sans-serif;text-align:center;z-index:100}.save-status[hidden]{display:none}.save-status.blocking{inset:0;transform:none;max-width:none;border:0;border-radius:0;flex-direction:column;background:#101018eb}.save-status button{padding:10px 22px;border:0;border-radius:6px;background:#2f6fdd;color:#fff;cursor:pointer;font:inherit}.game-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:6px;background:#f5d76e;color:#3a2f00;font:14px/1.4 system-ui,sans-serif;box-shadow:0 4px 16px #0006;z-index:30}.inventory-panel{overflow:visible}.inventory-grid{display:grid;grid-template-columns:repeat(6,56px);gap:10px;margin-top:8px}.inv-cell{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid #3a3a52;border-radius:8px;background:#26263a}.inv-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#0009}.inv-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:200px;padding:8px 10px;border-radius:6px;background:#101018;box-shadow:0 4px 16px #00000080;z-index:1}.inv-cell:hover .inv-tooltip{display:block}.inv-tooltip-title{font-weight:700;margin-bottom:4px}.inv-tooltip-desc{color:#b8b8cc;font-size:13px}.player-hud{position:fixed;left:12px;bottom:12px;padding:6px 12px;border-radius:6px;background:#101018d9;color:#f0f0f0;font:13px/1.4 system-ui,sans-serif;z-index:10}.settings-panel{min-width:240px;display:flex;flex-direction:column;gap:10px}.settings-button{padding:10px 14px;border-radius:6px;border:1px solid #2f6fdd;background:#2f6fdd;color:#fff;font-size:13px;cursor:pointer}.settings-button-secondary{background:#23233a;border-color:#3a3a55;color:#e8e8f0}.inv-icon img{width:100%;height:100%;image-rendering:pixelated;display:block}.dialogue-portrait img,.call-portrait img{width:100%;height:100%;image-rendering:pixelated;display:block;border-radius:inherit}.settings-volume{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#a0a0b8}.settings-volume input{width:100%}.credits-overlay{z-index:70}.credits-panel{max-width:640px;width:90vw;display:flex;flex-direction:column;gap:10px}.credits-list{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.credits-list summary{cursor:pointer;padding:6px 4px;color:#e8e8f0}.credits-text{white-space:pre-wrap;font-size:12px;color:#a0a0b8;background:#101018;border:1px solid #3a3a55;border-radius:6px;padding:10px;margin:4px 0 8px}.quest-pick-panel,.storage-panel{min-width:380px;max-width:520px;display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow-y:auto}.quest-pick-card{border:1px solid #3a3a55;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:#1a1a28}.quest-pick-title{font-family:var(--pixel-font);font-size:11px;color:#f5d76e}.quest-pick-desc{font-size:13px;color:#c8c8dc}.quest-pick-reward{font-size:12px;color:#8fd18f}.quest-timer{position:fixed;top:calc(var(--navigation-map-bottom, 0px) + 10px);right:12px;padding:6px 12px;background:#101018d9;border:1px solid #3a3a55;border-radius:8px;color:#ffd27d;font-family:var(--pixel-font);font-size:11px;z-index:25}.quest-panel{position:fixed;top:calc(var(--navigation-map-bottom, 0px) + 44px);right:12px;width:240px;display:flex;flex-direction:column;gap:4px;z-index:25;max-height:max(100px,calc(100dvh - var(--navigation-map-bottom, 0px) - 96px));overflow-y:auto}@keyframes urgent-pulse{0%,to{box-shadow:0 0 #ff505080}50%{box-shadow:0 0 10px 2px #ff505080}}.quest-panel-head{padding:3px 10px;background:#101018bf;border:1px solid #3a3a55;border-radius:8px;color:#9ecaff;font-family:var(--pixel-font);font-size:10px;letter-spacing:1px;text-align:center}.quest-panel-empty{padding:5px 10px;background:#1010188c;border-radius:8px;color:#8b8ba8;font-family:var(--pixel-font);font-size:10px;text-align:center}.quest-panel-row{padding:5px 10px;background:#101018bf;border:1px solid #3a3a55;border-radius:8px;color:#e8e8f0;font-family:var(--pixel-font);font-size:10px}.quest-panel-row.urgent{background:#401010e6;border-color:#a04040;color:#ffb0a0;animation:urgent-pulse 1.2s ease-in-out infinite}.quest-panel-row.urgent.expired{background:#601010f2;color:#ff7060;border-color:#d05050}.quest-panel-step{margin-top:3px;color:#b0b0c8;font-size:9px}.quest-panel-row.urgent .quest-panel-step{color:#ffd9c0}.zone-indicator{position:fixed;bottom:10px;right:12px;padding:3px 10px;background:#10101866;border-radius:8px;color:#dee2f0b3;font-family:var(--pixel-font);font-size:10px;z-index:20;opacity:0;transition:opacity .4s ease;pointer-events:none}.zone-indicator.visible{opacity:1}.offer-portrait img,.dialogue-portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;border-radius:inherit}.auth-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#101018;z-index:40;font:15px/1.45 system-ui,sans-serif}.auth-panel{width:min(360px,100%);padding:24px;border-radius:12px;background:#1b1b28;color:#f0f0f0;box-shadow:0 8px 32px #00000080}.auth-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:16px}.auth-tabs{display:flex;gap:8px;margin-bottom:16px}.auth-tabs button{flex:1;padding:8px;border:1px solid #3a3a52;border-radius:6px;background:#26263a;color:inherit;font:inherit;cursor:pointer}.auth-tabs button.active{background:#1f3a5c;border-color:#9ecaff}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form input{padding:9px 12px;border:1px solid #3a3a52;border-radius:6px;background:#101018;color:inherit;font:inherit}.auth-form input:focus{outline:none;border-color:#9ecaff}.auth-error{color:#ff9c9c;font-size:13px;min-height:18px}.auth-submit{padding:10px;border:none;border-radius:6px;background:#2d6cdf;color:#fff;font:inherit;font-weight:700;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:default}.auth-credits-link{margin-top:10px;background:none;border:none;color:#70708a;font-size:12px;cursor:pointer;text-decoration:underline}.auth-credits-link:hover{color:#a0a0b8}.creator-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#08080ec7;z-index:60;font-family:system-ui,sans-serif}.creator-panel{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:280px;padding:20px 28px;border:1px solid #3a3a55;border-radius:10px;background:#14141f;color:#e8e8f0}.creator-title{font-size:16px;font-weight:600}.creator-row{display:flex;align-items:center;gap:16px}.creator-preview{image-rendering:pixelated;background:#1d1d2c;border:1px solid #3a3a55;border-radius:6px}.creator-arrow{font-size:20px;padding:8px 12px;background:#23233a;color:#e8e8f0;border:1px solid #3a3a55;border-radius:6px;cursor:pointer}.creator-arrow:hover{background:#2e2e4d}.creator-variant-label{font-size:12px;color:#a0a0b8}.creator-name-label{font-size:12px;color:#a0a0b8;align-self:flex-start}.creator-name-input{width:100%;box-sizing:border-box;padding:6px 8px;background:#1d1d2c;border:1px solid #3a3a55;border-radius:6px;color:#8f8fa8}.creator-hint{font-size:11px;color:#70708a;align-self:flex-start}.creator-error{font-size:12px;color:#ff7a7a}.creator-buttons{display:flex;gap:10px}.creator-save,.creator-cancel{padding:8px 18px;border-radius:6px;border:1px solid #3a3a55;cursor:pointer;font-size:13px}.creator-save{background:#2f6fdd;border-color:#2f6fdd;color:#fff}.creator-save:disabled{opacity:.6;cursor:default}.creator-cancel{background:#23233a;color:#e8e8f0}.creator-tabs{display:flex;gap:6px;justify-content:center;margin-bottom:8px}.creator-tab{font:inherit;padding:6px 14px;border:1px solid #3a3a55;border-radius:6px;background:#1a1a28;color:#c8c8dc;cursor:pointer}.creator-tab.active{background:#2d4a7a;color:#fff}.creator-constructor{display:flex;flex-direction:column;gap:6px;margin:8px 0;max-height:40vh;overflow-y:auto}.creator-select-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:8px;font-size:13px}.creator-select-row select{font:inherit;background:#1a1a28;color:#e8e8f4;border:1px solid #3a3a55;border-radius:6px;padding:5px 8px}.creator-constructor[hidden],.creator-select-row[hidden]{display:none}.creator-random{font:inherit;align-self:center;padding:6px 14px;border:1px solid #3a3a55;border-radius:6px;background:#1a1a28;color:#e8e8f4;cursor:pointer}.password-overlay{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:20px;background:#101018e8;color:#f0f0f0;font:15px/1.5 system-ui,sans-serif}.password-panel{box-sizing:border-box;width:min(430px,100%);max-height:90dvh;overflow:auto;padding:24px;border:1px solid #3a3a52;border-radius:12px;background:#1b1b28;box-shadow:0 8px 32px #0008}.password-panel h1{margin:0 0 14px;font-size:21px}.password-panel p{margin:10px 0}.password-form,.password-form label{display:flex;flex-direction:column;gap:8px}.password-form{gap:12px}.password-form input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #575777;border-radius:6px;background:#101018;color:inherit;font:inherit}.password-panel button{width:100%;padding:10px;border:1px solid #2d6cdf;border-radius:6px;background:#2d6cdf;color:#fff;font:inherit;cursor:pointer}.password-panel button:disabled{opacity:.6;cursor:default}.password-panel .password-secondary{margin-top:12px;border-color:#575777;background:#26263a}.password-panel :is(input,button):focus-visible{outline:2px solid #9ecaff;outline-offset:2px}.password-hint{color:#b0b0c8;font-size:13px}.password-error{color:#ff9c9c;min-height:20px}.workspace-picker{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#111827f5;color:#f8fafc;font-family:system-ui,sans-serif;padding:20px}.workspace-picker-panel{width:min(480px,100%);max-height:90vh;overflow:auto;background:#1f2937;border:2px solid #4b5563;border-radius:12px;padding:28px;box-sizing:border-box}.workspace-picker-panel h1{margin-top:0;font-size:22px}.workspace-picker-panel p{line-height:1.6;color:#d1d5db}.workspace-picker-panel button{display:block;width:100%;margin-top:12px;padding:14px;border:1px solid #64748b;border-radius:6px;background:#334155;color:#fff;font:inherit;text-align:left;cursor:pointer}.workspace-picker-panel button:hover,.workspace-picker-panel button:focus-visible{background:#475569;outline:2px solid #93c5fd}.workspace-picker-panel button:disabled{cursor:default;opacity:.55}.player-card-backdrop{position:fixed;inset:0;z-index:145;display:grid;place-items:center;padding:20px;background:#050b15ae;color:#edf2ff;font:14px/1.4 system-ui,sans-serif}.player-card{width:min(340px,100%);padding:24px;border:1px solid #617b9d;border-radius:12px;background:#15243a;box-shadow:0 12px 50px #0009;display:grid;gap:10px;text-align:center}.player-card h2{margin:0;font-size:20px;overflow-wrap:anywhere}.player-card-portrait{width:96px;height:96px;margin:0 auto;object-fit:contain;image-rendering:pixelated}.player-card-status{margin:4px 0 8px;color:#bdcce1}.player-card button{padding:10px;border:1px solid #607b9f;border-radius:6px;background:#284366;color:inherit;font:inherit;cursor:pointer}.player-card button:hover:not(:disabled){background:#375780}.player-card button:disabled{opacity:.5;cursor:default}.player-card button:focus-visible{outline:2px solid #ffe1a1;outline-offset:2px}.player-card .player-card-close{background:#1c2e47}.player-card [hidden]{display:none}.settings-interaction{display:grid;gap:8px;padding:12px 0;border-top:1px solid #465369;border-bottom:1px solid #465369}.settings-interaction label{display:flex;align-items:center;gap:9px;cursor:pointer}.settings-interaction input{width:18px;height:18px}.settings-interaction p{margin:0;font-size:12px;color:#bdcce1}.settings-interaction p.error{color:#ffc0b8}.settings-interaction [hidden]{display:none}.battle-overlay{box-sizing:border-box;position:fixed;inset:0;z-index:80;padding:10px;display:grid;place-items:center;color:#edf2ff;background:radial-gradient(ellipse at 50% 20%,#192b45f5,#050912fa 75%);font:15px/1.4 system-ui,sans-serif}.battle-overlay *,.battle-overlay *:before,.battle-overlay *:after{box-sizing:border-box}.battle-panel{width:min(1320px,100%);height:min(940px,calc(100dvh - 20px));min-height:0;display:grid;grid-template-rows:auto auto minmax(120px,1fr) min(26dvh,240px) auto;gap:10px;padding:16px 20px;background:#0b1423;border:1px solid #455671;border-radius:14px;box-shadow:0 24px 100px #000b;overflow:hidden}.battle-header,.battle-footer,.battle-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.battle-heading{min-width:0}.battle-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.24em;color:#e9b86d}.battle-title{margin:2px 0 0;font-size:18px;font-weight:700;overflow-wrap:anywhere}.battle-hud{display:grid;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);gap:16px;align-items:center}.battle-fighter-hud{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto 14px;gap:4px 10px;min-width:0}.battle-fighter-hud.npc{grid-template-columns:minmax(0,1fr) 44px}.battle-mini-portrait{width:44px;height:44px;grid-row:1 / 3;border:1px solid #a2acc1;background:#25344c;overflow:hidden;display:grid;place-items:center;font-size:25px}.battle-mini-portrait img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.battle-fighter-hud.npc .battle-mini-portrait{grid-column:2}.battle-fighter-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.battle-fighter-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.battle-health{color:#bac7da;font-size:12px;white-space:nowrap}.battle-health-track{height:14px;background:#090d16;border:1px solid #b8a77e;transform:skew(-12deg);overflow:hidden;box-shadow:0 0 0 2px #19243a}.battle-health-fill{height:100%;background:linear-gradient(90deg,#cf662b,#f8bb66 72%,#ffe8a3);transition:width .25s ease}.battle-fighter-hud.npc .battle-health-track{transform:skew(12deg) scaleX(-1)}.battle-fighter-hud.npc .battle-health-fill{background:linear-gradient(90deg,#315fba,#69aaf1 72%,#c0e4ff)}.battle-clock{align-self:center;display:grid;justify-items:center}.battle-timer{font-size:34px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#fff3c9;text-shadow:0 2px 0 #8b5723}.battle-timer.urgent{color:#ff997c}.battle-round{margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#aabbd4}.battle-stage{position:relative;min-height:0;overflow:hidden;border:1px solid #52637c;background:radial-gradient(ellipse at center,#3e4e61,#111c2d)}.battle-stage .battle-arena-canvas{display:block;width:100%!important;height:100%;object-fit:contain;image-rendering:pixelated}.battle-stage-status{position:absolute;left:16px;right:16px;bottom:4px;margin:0;padding:5px 10px;font-size:12px;color:#fff0cc;background:#111c2de8;text-align:center}.battle-stage-status[hidden]{display:none}.battle-announcement{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;font:italic 1000 clamp(60px,12vw,170px)/1 Impact,"Arial Black",system-ui,sans-serif;letter-spacing:-.03em;transform:skew(-8deg);text-align:center;color:#fff4d9;text-shadow:0 5px 0 #824a20,0 12px 35px #000b}.battle-announcement.visible{opacity:1}.battle-announcement.ko{color:#ffe295;-webkit-text-stroke:2px #662111;text-shadow:0 4px 0 #e88c2b,0 8px 0 #a62e19,0 16px 40px #100600}.battle-announcement.defeat{color:#f7c1bd;font-size:clamp(44px,9vw,130px);text-shadow:0 6px 0 #8d2828,0 14px 35px #000}.battle-announcement.cancelled{font:800 clamp(22px,4vw,50px)/1.2 system-ui,sans-serif;letter-spacing:0}.battle-announcement.animate{animation:battle-announcement .8s cubic-bezier(.15,.8,.25,1)}.battle-announcement.ko.animate{animation:battle-ko .95s cubic-bezier(.12,.85,.2,1)}.battle-question-panel{min-height:0;height:100%;overflow-y:auto;padding:10px 12px;border:1px solid #3a4c66;border-top:2px solid #c99c5c;background:#121f33;scrollbar-color:#536d93 #111c2d}.battle-question-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px}.battle-question-number{font-size:10px;font-weight:900;letter-spacing:.13em;color:#e7c58c;white-space:nowrap}.battle-short-help{color:#a9bad1;font-size:11px}.battle-question{margin:0 0 9px;font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere}.battle-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.battle-button{color:#fff4df;border:1px solid #c8a66f;border-radius:5px;padding:9px 14px;font:600 13px/1.35 system-ui,sans-serif;background:linear-gradient(#996b32,#6c431d);cursor:pointer}.battle-button:hover:not(:disabled){filter:brightness(1.18)}.battle-button:focus-visible,.battle-resume:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}.battle-button:disabled{opacity:.58;cursor:default}.battle-choice{display:flex;align-items:center;gap:10px;text-align:left;width:100%;min-height:43px;padding:6px 10px;color:#eaf2ff;background:linear-gradient(110deg,#2f476b,#233650);border-color:#6c85a9}.battle-choice-key{flex:0 0 24px;height:24px;display:grid;place-items:center;color:#ffe3a8;border:1px solid #8e7852;border-radius:3px;background:#111b2e}.battle-choice-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.battle-secondary{color:#c5d1e4;background:#17263d;border-color:#526b8f}.battle-close{white-space:nowrap}.battle-feedback{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:8px 10px;margin-top:8px;border-left:3px solid #79ca9d;background:#0b1929;font-size:13px}.battle-feedback p{grid-column:1/-1;margin:0;color:#c4d4e9;white-space:pre-wrap;overflow-wrap:anywhere}.battle-feedback.correct strong{color:#9ee1b5}.battle-feedback.incorrect{border-color:#ef8e88}.battle-feedback.incorrect strong{color:#ffaaa2}.battle-damage{color:#f5cc8c;font-weight:800}.battle-choice.correct{opacity:1;border-color:#8cd7a1;background:#234838}.battle-choice.incorrect{opacity:1;border-color:#e89186;background:#4d2d33}.battle-footer{min-width:0}.battle-note{margin:0;color:#aebdd4;font-size:11px}.battle-actions{justify-content:flex-end;flex-shrink:0}.battle-outcome{min-width:0;font-size:14px}.battle-outcome.won strong{color:#ffe29a}.battle-outcome.lost strong{color:#f4a29b}.battle-error{padding:8px;margin-top:8px;background:#4b2533;color:#ffd8d6;font-size:13px}.battle-resume{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:80;max-width:calc(100vw - 32px);padding:14px 24px;border:2px solid #e2bf82;border-radius:8px;color:#fff0d2;background:#18283f;font:700 15px system-ui,sans-serif;cursor:pointer}@keyframes battle-announcement{0%{opacity:0;transform:scale(1.7) skew(-8deg);filter:blur(6px)}35%{opacity:1;filter:blur(0)}70%{transform:scale(.97) skew(-8deg)}to{transform:scale(1) skew(-8deg)}}@keyframes battle-ko{0%{opacity:0;transform:scale(2.6) skew(-12deg);filter:brightness(3)}20%{opacity:1;filter:brightness(1.6)}42%{transform:scale(.94) skew(-8deg);filter:brightness(1)}60%{transform:scale(1.05) skew(-8deg)}to{transform:scale(1) skew(-8deg)}}@media(max-width:700px){.battle-overlay{padding:5px}.battle-panel{height:calc(100dvh - 10px);padding:10px;gap:8px;border-radius:9px}.battle-title{font-size:15px}.battle-eyebrow{font-size:8px}.battle-hud{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:8px}.battle-fighter-hud,.battle-fighter-hud.npc{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 12px}.battle-mini-portrait{display:none}.battle-fighter-label{display:block}.battle-fighter-name{display:block;font-size:12px}.battle-health{font-size:10px}.battle-timer{font-size:28px}.battle-short-help{display:none}.battle-question{font-size:14px}.battle-question-panel{padding:8px}.battle-panel{grid-template-rows:auto auto minmax(100px,1fr) min(34dvh,270px) auto}.battle-choice{min-height:42px;font-size:12px}.battle-footer{align-items:flex-end;gap:6px}.battle-note{font-size:10px}.battle-close{font-size:11px;padding:8px}.battle-actions{gap:6px;flex-wrap:wrap}}@media(max-width:420px){.battle-choices{grid-template-columns:1fr}.battle-panel{grid-template-rows:auto auto minmax(100px,1fr) min(38dvh,300px) auto}.battle-footer>.battle-note{max-width:45%}}@media(max-height:560px){.battle-panel{gap:5px;padding:7px 12px;grid-template-rows:auto auto minmax(80px,1fr) min(32dvh,170px) auto}.battle-eyebrow{display:none}.battle-title{font-size:13px}.battle-mini-portrait{width:32px;height:32px}.battle-fighter-hud{grid-template-columns:32px minmax(0,1fr)}.battle-fighter-hud.npc{grid-template-columns:minmax(0,1fr) 32px}.battle-fighter-name{font-size:12px}.battle-health{font-size:10px}.battle-timer{font-size:25px}.battle-question{font-size:13px}.battle-button{padding:5px 8px}.battle-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.battle-announcement.animate,.battle-announcement.ko.animate{animation:none}.battle-health-fill{transition:none}}@media(max-width:700px)and (max-height:560px){.battle-fighter-hud,.battle-fighter-hud.npc{grid-template-columns:minmax(0,1fr)}}.pvp-invite-tray{position:fixed;right:18px;bottom:18px;z-index:75;display:grid;gap:10px;width:min(370px,calc(100vw - 36px));color:#edf2ff;font:14px/1.4 system-ui,sans-serif}.pvp-invite-tray[hidden]{display:none}.pvp-invite{display:grid;gap:7px;padding:14px;border:1px solid #6982a7;border-radius:9px;background:#142238f5;box-shadow:0 10px 32px #0008}.pvp-invite .battle-actions{justify-content:flex-start;flex-wrap:wrap}.pvp-composer-backdrop{position:fixed;inset:0;z-index:78;display:grid;place-items:center;padding:16px;background:#060d18c9;color:#edf2ff;font:14px/1.5 system-ui,sans-serif}.pvp-composer{display:grid;gap:15px;width:min(480px,100%);box-sizing:border-box;padding:22px;background:#142238;border:1px solid #6982a7;border-radius:10px}.pvp-composer h2{margin:0;font-size:20px;overflow-wrap:anywhere}.pvp-composer label{display:grid;gap:6px}.pvp-topic-select{width:100%;min-width:0;padding:10px;color:#edf2ff;background:#233650;border:1px solid #6982a7;border-radius:4px;font:inherit}.pvp-topic-select:focus-visible{outline:3px solid #ffe2a0;outline-offset:2px}.pvp-round-status{margin:8px 0 0;color:#d1dff2;font-size:12px}.battle-choice.selected{border-color:#f4c66e;box-shadow:inset 0 0 0 1px #f4c66e}.battle-announcement.draw{color:#d7d9ff;font-size:clamp(44px,9vw,125px);text-shadow:0 5px 0 #574880,0 14px 35px #000}.battle-outcome.draw strong{color:#d7d9ff}.pvp-duel-overlay .battle-footer{flex-wrap:wrap}.interact-prompt{position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);overflow-wrap:anywhere;text-align:center;padding:6px 14px;border-radius:6px;background:#101018d9;color:#f0f0f0;font:14px/1.4 system-ui,sans-serif;pointer-events:none;z-index:10}.dialogue-overlay{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:#00000059;z-index:20;font:15px/1.45 system-ui,sans-serif}.dialogue-panel{display:flex;gap:16px;width:min(640px,100%);padding:16px;border-radius:10px;background:#1b1b28;color:#f0f0f0;box-shadow:0 8px 32px #00000080}.dialogue-portrait{flex:0 0 64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#0009}.dialogue-main{flex:1;min-width:0}.dialogue-speaker{font-weight:700;margin-bottom:4px;color:#9ecaff}.dialogue-text{margin-bottom:10px;white-space:pre-line}.dialogue-hint{margin-bottom:10px;padding:8px 12px;border-radius:6px;background:#f5d76e;color:#3a2f00}.dialogue-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dialogue-options button{width:100%;text-align:left;padding:8px 12px;border:1px solid #3a3a52;border-radius:6px;background:#26263a;color:inherit;font:inherit;cursor:pointer}.dialogue-options button:hover{background:#32324c;border-color:#55557a}.dialogue-options kbd{display:inline-block;min-width:18px;margin-right:8px;padding:1px 4px;border-radius:4px;background:#101018;color:#9ecaff;text-align:center;font:12px/1.4 system-ui,sans-serif}.dialogue-options button:disabled{opacity:.65;cursor:wait}.dialogue-close{margin-top:10px;border:0;background:transparent;color:#b8bfd3;font:12px/1.4 system-ui,sans-serif;cursor:pointer}.dialogue-close:focus-visible,.dialogue-options button:focus-visible{outline:2px solid #9ecaff;outline-offset:2px}.chat-widget{position:fixed;left:16px;bottom:48px;z-index:65;color:#edf2ff;font:13px/1.4 system-ui,sans-serif;max-width:calc(100vw - 32px)}.chat-widget *,.chat-widget *:before,.chat-widget *:after{box-sizing:border-box}.chat-widget[hidden],.chat-widget [hidden]{display:none!important}.chat-toggle,.chat-widget button{font:inherit;color:inherit;cursor:pointer}.chat-toggle{padding:9px 14px;border:1px solid #7388aa;border-radius:7px;background:#14233cef;box-shadow:0 4px 16px #0006}.chat-panel{width:min(510px,calc(100vw - 32px));height:min(470px,calc(100dvh - 110px));display:flex;flex-direction:column;border:1px solid #627796;border-radius:10px;background:#0e192bf5;box-shadow:0 8px 40px #0009;overflow:hidden}.chat-heading{padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #344761}.chat-heading h2{margin:0;font-size:15px}.chat-widget button{padding:6px 9px;border:1px solid #4b6385;border-radius:5px;background:#20334f}.chat-widget button:hover:not(:disabled){background:#304b70}.chat-widget button:focus-visible,.chat-widget textarea:focus-visible,.chat-widget input:focus-visible{outline:2px solid #ffe1a1;outline-offset:2px}.chat-widget button:disabled{opacity:.5;cursor:default}.chat-tabs{display:flex;gap:6px;padding:8px 10px}.chat-tabs button{flex:1}.chat-tabs button[aria-selected=true]{border-color:#e0ba77;background:#3b4050;color:#ffe4b5}.chat-status{margin:0;padding:4px 12px;color:#bdcce1;font-size:12px;white-space:pre-wrap}.chat-status.error{color:#ffc0b8}.chat-status-row{display:flex;align-items:center;justify-content:space-between;padding-right:10px;gap:6px}.chat-contacts{min-height:0;overflow-y:auto;flex:1;padding:0 10px 10px}.chat-search{display:flex;align-items:center;gap:6px;margin-bottom:8px}.chat-search input{flex:1;min-width:0;border:1px solid #526c8f;border-radius:5px;padding:8px;background:#091322;color:#f2f5ff;font:inherit}.chat-contact-list{display:grid;gap:5px}.chat-contact-list button{text-align:left;display:flex;justify-content:space-between;gap:10px;overflow-wrap:anywhere}.chat-list-title{font-size:12px;color:#acbdd6;margin:12px 0 6px}.chat-thread{flex:1;min-height:0;display:flex;flex-direction:column}.chat-thread-heading{display:flex;gap:8px;align-items:center;padding:3px 10px 8px}.chat-thread-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:5px 12px;overscroll-behavior:contain;scrollbar-color:#536d93 #111c2d}.chat-message{padding:6px 0;border-bottom:1px solid #25364c}.chat-message-header{display:flex;align-items:baseline;gap:7px;min-width:0}.chat-message-author{font-weight:700;color:#e6cf9f;overflow-wrap:anywhere}.chat-widget .chat-message-author-button{border:0;background:none;padding:0;font-weight:700;color:#e6cf9f;text-align:left}.chat-message-time{color:#93a6c1;font-size:10px;white-space:nowrap}.chat-message-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.chat-message.hidden-message .chat-message-body{color:#9daec6;font-style:italic}.chat-widget .chat-hide{margin-left:auto;font-size:10px;padding:2px 5px}.chat-delivery{margin-top:3px;color:#aebed4;font-size:11px}.chat-delivery.failed{color:#ffb5ad}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.chat-widget .chat-reactions button{padding:3px 6px;min-width:30px;border-color:#3a5272;background:#192b45;font-size:12px}.chat-widget .chat-reactions button[aria-pressed=true]{border-color:#e0ba77;background:#4c4535}.chat-widget .chat-reactions button[aria-disabled=true]{opacity:.5;cursor:default}.chat-empty{color:#aebed4;margin:12px 0}.chat-widget .chat-older,.chat-widget .chat-new{display:block;margin:4px auto;font-size:11px}.chat-compose{padding:8px 10px;border-top:1px solid #344761}.chat-compose textarea{display:block;resize:none;width:100%;height:64px;padding:8px;border:1px solid #526c8f;border-radius:5px;background:#091322;color:#f2f5ff;font:inherit}.chat-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.chat-compose-hint{font-size:10px;color:#9db1ce}.chat-widget .chat-send{border-color:#a98b55;background:#67502b}.chat-widget .chat-send:hover:not(:disabled){background:#806638}.chat-counter{font-variant-numeric:tabular-nums}@media(max-width:600px){.chat-widget{left:8px;bottom:42px;max-width:calc(100vw - 16px)}.chat-panel{width:calc(100vw - 16px);height:min(440px,calc(100dvh - 95px))}.chat-compose-hint{font-size:9px}}.team-widget{position:fixed;top:12px;left:12px;z-index:45;display:grid;gap:6px;max-width:min(340px,calc(100vw - 24px));color:#edf2ff;font:13px/1.4 system-ui,sans-serif}.team-widget>button{justify-self:start}.team-widget button,.team-panel button{padding:8px 11px;border:1px solid #607b9f;border-radius:6px;background:#284366;color:#edf2ff;font:inherit;cursor:pointer}.team-widget button:hover:not(:disabled),.team-panel button:hover:not(:disabled){background:#375780}.team-widget button:disabled,.team-panel button:disabled{opacity:.5;cursor:default}.team-widget button:focus-visible,.team-panel button:focus-visible{outline:2px solid #ffe1a1;outline-offset:2px}.team-widget-status{margin:0;padding:6px 9px;border-radius:5px;background:#15243aef}.team-invitations{display:grid;gap:8px;max-height:calc(100dvh - 145px);overflow-y:auto}.team-invitation{padding:12px;border:1px solid #607b9f;border-radius:8px;background:#15243a;box-shadow:0 4px 20px #0006;overflow-wrap:anywhere}.team-invitation button{margin:3px 6px 0 0}.team-backdrop{position:fixed;inset:0;z-index:72;display:grid;place-items:center;padding:18px;background:#050b15b8;color:#edf2ff;font:14px/1.5 system-ui,sans-serif}.team-panel{display:flex;flex-direction:column;width:min(550px,100%);max-height:calc(100dvh - 36px);border:1px solid #617b9d;border-radius:10px;background:#15243a;box-shadow:0 12px 50px #0009;overflow:hidden}.team-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #344761}.team-header h2{margin:0;font-family:var(--pixel-font);font-size:12px;line-height:1.7}.team-content{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px}.team-summary,.team-note,.team-status{margin:0}.team-note{color:#bdcce1;font-size:12px}.team-status{color:#ffe1a1}.team-roster{list-style:none;margin:0;padding:0;display:grid;gap:8px}.team-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #344761;border-radius:6px}.team-member-details{display:grid;min-width:0;overflow-wrap:anywhere}.team-member-status{color:#bdcce1;font-size:12px}.team-member button{font-size:11px;flex-shrink:0}.team-confirmation{padding:12px;border:1px solid #a48b58;border-radius:6px;background:#302e2c}.team-confirmation p{margin:0 0 10px}.team-confirmation button{margin-right:8px}.team-widget [hidden],.team-widget[hidden]{display:none}@media(max-width:540px){.team-member{flex-wrap:wrap}.team-backdrop{padding:10px}.team-panel{max-height:calc(100dvh - 20px)}}.call-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000073;z-index:25;font:15px/1.45 system-ui,sans-serif}.call-panel{width:min(560px,100%);padding:16px 20px;border-radius:10px;background:#1b1b28;color:#f0f0f0;box-shadow:0 8px 32px #00000080}.call-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.call-portrait{flex:0 0 56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#0009}.call-panel.ringing .call-portrait{animation:call-pulse 1.2s ease-in-out infinite}@keyframes call-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.call-name{font-weight:700;font-size:16px}.call-status{color:#8b8ba8;font-size:13px}.call-intro{color:#b8b8cc;margin-bottom:14px}.call-history{max-height:38vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:10px;padding-right:4px}.call-line{max-width:85%;padding:7px 11px;border-radius:10px;white-space:pre-line}.call-line.caller{align-self:flex-start;background:#26263a}.call-line.player{align-self:flex-end;background:#1f3a5c}.call-result-row{margin-bottom:6px}.call-result-row b{color:#f5d76e}:root{--navigation-map-bottom: 286px}.navigation-minimap{position:fixed;top:10px;right:12px;width:240px;z-index:12}.navigation-minimap[hidden]{display:none}.navigation-mini-open{display:block;width:100%;padding:6px;border:1px solid #53627b;border-radius:10px;background:#101823f0;color:#e7edf8;cursor:pointer;box-shadow:0 6px 20px #0005}.navigation-mini-open:hover{border-color:#9bcaff}.navigation-mini-header{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 12px/1.4 system-ui,sans-serif;padding:0 2px 5px}.navigation-mini-header kbd{border:1px solid #66788f;border-radius:4px;padding:0 5px}.navigation-mini-world,.navigation-world{position:relative;flex:none;overflow:hidden;background:#141b29;border-radius:4px}.navigation-tile-preview{display:block;width:100%;height:100%;image-rendering:pixelated}.navigation-pins,.navigation-zone-labels{position:absolute;inset:0;pointer-events:none}.navigation-pin,.navigation-player{position:absolute;transform:translate(-50%,-50%);box-sizing:border-box;display:grid;place-items:center;width:18px;height:18px;border:2px solid #151c29;border-radius:50%;font:800 13px/1 system-ui,sans-serif;box-shadow:0 0 0 1px #fff9,0 1px 4px #000c}.navigation-pin{color:#0e1b2c;background:#79dcff;z-index:2}.navigation-pin.available{color:#312105;background:#ffe074;z-index:1}.navigation-pin.objective{animation:navigation-pulse 1.8s ease-in-out infinite}.navigation-pin.selected{outline:3px solid white}.navigation-player{width:12px;height:12px;background:#ff647d;border:2px solid white;z-index:3}.navigation-mini-world .navigation-pin{width:12px;height:12px;font-size:9px;border-width:1px}.navigation-mini-world .navigation-player{width:9px;height:9px}.navigation-mini-legend{padding:5px 0 0;color:#c3d3e9;font:11px/1.4 system-ui,sans-serif}.navigation-overlay{position:fixed;inset:0;z-index:55;display:grid;place-items:center;background:#050912cc;padding:16px;font-family:system-ui,sans-serif;color:#e6edf7}.navigation-panel{width:min(1440px,100%);height:min(960px,100%);display:flex;flex-direction:column;min-height:0;background:#151e2c;border:1px solid #53627b;border-radius:14px;overflow:hidden;box-shadow:0 16px 80px #0008}.navigation-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}.navigation-header h2{margin:0;font-size:18px}.navigation-controls{display:flex;flex-wrap:wrap;gap:6px}.navigation-button{font:13px/1.3 system-ui,sans-serif;color:#e6edf7;background:#2c3d56;border:1px solid #53627b;border-radius:6px;padding:7px 11px;cursor:pointer}.navigation-button:hover,.navigation-target:hover{background:#3b526f}.navigation-button:focus-visible,.navigation-target:focus-visible,.navigation-mini-open:focus-visible,.navigation-pin:focus-visible{outline:3px solid #9bcaff;outline-offset:2px}.navigation-legend{font-size:12px;color:#c0d0e4;padding:0 16px 10px}.navigation-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 260px;border-top:1px solid #344158}.navigation-viewport{position:relative;overflow:auto;min-width:0;min-height:0;background:#0a101a;cursor:grab;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.navigation-viewport:active{cursor:grabbing}.navigation-world-frame{position:relative;min-width:100%;min-height:100%;width:max-content;display:grid;place-items:center;padding:12px;box-sizing:border-box}.navigation-world .navigation-pin{pointer-events:auto;cursor:pointer;padding:0;width:24px;height:24px;font-size:15px}.navigation-zone-label{position:absolute;transform:translate(-50%,-50%);color:#fff;background:#121d30c9;border:1px solid #c1d4f04d;border-radius:4px;padding:2px 3px;box-sizing:border-box;font:600 11px/1.15 system-ui,sans-serif;text-align:center;text-shadow:0 1px 2px #000}.navigation-details{padding:12px;overflow:auto;border-left:1px solid #344158}.navigation-details h3{margin:0 0 10px;font-size:14px}.navigation-details h3:not(:first-child){margin-top:20px}.navigation-quest{margin-bottom:14px}.navigation-quest h4{margin:0 0 6px;font-size:13px;color:#91ddff}.navigation-quest p,.navigation-note{margin:6px 0;font-size:12px;line-height:1.5}.navigation-note{color:#a9b7ca}.navigation-target{display:block;width:100%;text-align:left;color:#e7edf8;background:#22324a;border:1px solid #425a77;border-radius:6px;padding:8px;margin:6px 0;cursor:pointer}.navigation-target.selected{border-color:#9be0ff;box-shadow:inset 3px 0 #9be0ff}.navigation-target strong,.navigation-target span{display:block;font:12px/1.4 system-ui,sans-serif}.navigation-target strong{font-weight:650}.navigation-target span{color:#b9c9dc;font-size:11px;margin-top:3px}@keyframes navigation-pulse{0%,to{box-shadow:0 0 0 1px #c6f2ff,0 0 4px #55cfff}50%{box-shadow:0 0 0 3px #8be5ff55,0 0 9px #55cfff}}@media(prefers-reduced-motion:reduce){.navigation-pin.objective{animation:none}}@media(max-height:720px),(max-width:760px){.navigation-minimap{width:180px}}@media(max-width:760px){.navigation-overlay{padding:6px}.navigation-header{padding:10px}.navigation-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 140px}.navigation-details{border-left:0;border-top:1px solid #344158}.navigation-zone-label{font-size:10px}}.navigation-pin.team-objective{background:#baf3ba;color:#143c29;border:2px solid #375b39;border-radius:3px;z-index:4;transform:translate(-50%,-50%) translate(7px)}.team-navigation-goal{border-left:3px solid #baf3ba;padding-left:8px}.computer-backdrop{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:20px;background:#071a1a99;color:#263333;font:14px/1.5 system-ui,sans-serif}.computer-backdrop *,.computer-backdrop *:before,.computer-backdrop *:after{box-sizing:border-box}.computer-backdrop [hidden]{display:none!important}.computer-shell{width:min(1420px,100%);height:min(900px,calc(100dvh - 40px));min-height:0;display:flex;flex-direction:column;overflow:hidden;border:2px solid #697973;border-top-color:#f3f5ed;border-left-color:#f3f5ed;background:#e0e2db;box-shadow:0 16px 65px #001c1c80}.computer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid #a6afa9}.computer-top-heading{display:flex;align-items:center;gap:12px;min-width:0}.computer-top-heading>.computer-pixel-icon{width:32px;height:32px}.computer-top-title{margin:0;font:11px/1.8 var(--pixel-font)}.computer-session{margin:5px 0 0;color:#52645f;font-size:13px;overflow-wrap:anywhere}.computer-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid #899a92;border-radius:4px;background:#edf0e9;color:#263333;font:9px/1.8 var(--pixel-font);box-shadow:inset 0 1px #ffffffb3,0 1px 2px #2633331a;cursor:pointer}.computer-button:hover:not(:disabled){background:#f6f8f2;border-color:#627f73}.computer-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px #26333326}.computer-backdrop button:focus-visible,.computer-backdrop input:focus-visible{outline:2px solid #789fcc;outline-offset:2px}.computer-backdrop button:disabled{opacity:.5;cursor:default}.computer-pixel-icon{width:16px;height:16px;flex-shrink:0;image-rendering:pixelated}.computer-desktop{flex:1;min-height:0;display:grid;grid-template-columns:80px minmax(0,1fr);gap:24px;padding:24px 20px;overflow:auto;background-color:#327974;background-image:repeating-conic-gradient(#ffffff02 0% 25%,transparent 0% 50%);background-size:4px 4px}.computer-icons{display:flex;flex-direction:column;gap:24px;align-self:start}.computer-icon{display:grid;justify-items:center;gap:12px;width:80px;padding:8px 4px;border:2px solid transparent;border-radius:4px;background:none;color:#fff;font:9px/2 var(--pixel-font);text-shadow:0 1px 2px #143b3970;cursor:pointer}.computer-icon>.computer-pixel-icon{width:48px;height:48px;filter:drop-shadow(2px 2px #244c4b)}.computer-icon:hover{background:#ffffff12;border-color:#d1e4dd80}.computer-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:20px;align-items:start}.computer-window{min-width:0;max-height:100%;display:flex;flex-direction:column;padding:0;background:#e0e2db;border:2px solid #3d4b4d;border-radius:5px;overflow:hidden;box-shadow:0 8px 22px #153f3c38,0 2px #243b3a80}.computer-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 10px 8px 14px;border-bottom:1px solid #1a365e;color:#fff;background:#294b7f}.computer-caption-title{display:flex;align-items:center;gap:10px;font:9px/1.8 var(--pixel-font)}.computer-window-controls{display:flex;gap:6px}.computer-window-controls>.computer-button{width:26px;height:26px;min-height:26px;padding:0;font:20px/1 system-ui,sans-serif;box-shadow:none;border-color:#bcc8c2;background:#e0e2db}.computer-pane{flex:1;min-height:0;display:grid;grid-template-columns:150px minmax(0,1fr);background:#fffef7;overflow:hidden}.computer-sidebar{min-width:0;padding:12px 8px;overflow:auto;background:#e9ece4;border-right:1px solid #cbd3c9}.computer-nav{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding:10px;border:1px solid transparent;border-radius:4px;background:none;color:#263333;font:13px/1.5 system-ui,sans-serif;text-align:left;overflow-wrap:anywhere;cursor:pointer}.computer-nav:hover:not(:disabled){background:#dce4db}.computer-nav[aria-pressed=true]{background:#294b7f;border-color:#23436e;color:#f8fafc}.computer-main{padding:24px 26px;min-width:0;min-height:350px;max-height:calc(100dvh - 300px);overflow:auto;overflow-wrap:anywhere}.computer-main>*{margin-top:0;margin-bottom:16px}.computer-main h3{font:11px/2 var(--pixel-font)}.computer-main h4{margin:0 0 8px;font-size:15px}.computer-meta{padding-bottom:14px;border-bottom:1px solid #e1e6da;color:#647268;font-size:12px}.computer-letter{white-space:pre-wrap;font:15px/1.65 system-ui,sans-serif}.computer-muted{color:#63756b}.computer-mail-list{display:grid;gap:6px;padding-bottom:12px;border-bottom:1px solid #e1e6da}.computer-mail-entry{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:1px solid #c7d0c1;border-radius:4px;background:#f4f6ef;color:#263333;font:13px/1.5 system-ui,sans-serif;text-align:left;cursor:pointer}.computer-mail-entry[aria-pressed=true]{border-color:#789fcc;background:#edf2f7}.computer-unread{margin-left:auto;padding:1px 5px;color:#294b7f;font-size:11px}.computer-actions{display:flex;gap:10px;flex-wrap:wrap}.computer-primary{color:#fff;border-color:#23436e;background:#294b7f}.computer-primary:hover:not(:disabled){background:#345d96;border-color:#294b7f}.computer-form{display:grid;justify-items:start;gap:16px}.computer-options{width:100%;display:grid;gap:8px;margin:0;padding:16px;border:1px solid #c7d0c1;border-radius:4px;background:#f4f6ef}.computer-options legend{padding:0 5px;font-size:13px}.computer-options label{display:flex;align-items:flex-start;gap:10px;padding:7px 4px;font-size:14px;cursor:pointer}.computer-options input{width:16px;height:16px;flex-shrink:0;margin:3px 0 0;accent-color:#294b7f}.computer-feedback{padding:10px 12px;border-left:3px solid #a34a35;background:#f8ece4;color:#843a29;font-size:14px}.computer-feedback.correct{border-color:#367052;background:#e5f0e4;color:#28583e}.computer-success,.computer-confirmation{padding:16px;border:1px solid #a6c6ac;border-radius:4px;background:#e5f0e4}.computer-success p,.computer-confirmation p{margin:8px 0 0;white-space:pre-wrap}.computer-guide{align-self:start}.computer-guide-title{margin:0;padding:12px 14px;background:#294b7f;color:#fff;font:9px/2 var(--pixel-font)}.computer-guide-progress{margin:14px 14px 0;color:#607367;font-size:12px}.computer-guide-list{list-style:none;display:grid;gap:6px;margin:0;padding:12px 10px;max-height:calc(100dvh - 375px);overflow:auto}.computer-guide-list li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;padding:10px 8px;border-radius:4px;color:#637368;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.computer-step-number{display:grid;place-items:center;width:22px;height:22px;background:#edf0e9;border:1px solid #bbc6b8;border-radius:3px;color:#637368;font-size:12px}.computer-guide-list li.current{color:#294b7f;background:#edf2f7}.computer-guide-list li.current>.computer-step-number{color:#fff;background:#294b7f;border-color:#294b7f}.computer-guide-list li.done{color:#367052}.computer-guide-list li.done>.computer-step-number{color:#367052;background:#dcecdf;border-color:#a6c6ac}.computer-guide-action{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.computer-guide-foot{margin:0;padding:12px 14px;border-top:1px solid #bdc8b8;color:#607367;font-size:12px;line-height:1.6}.computer-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-top:1px solid #c5cec3;background:#e9ece4}.computer-status{margin:0;color:#5d7162;font-size:12px}.computer-status.error{color:#9d392d}.computer-status-row>.computer-button{min-height:30px;padding:5px 10px;font-size:8px}.computer-taskbar{position:relative;display:flex;align-items:center;gap:8px;min-height:54px;padding:8px;border-top:1px solid #a6afa9;background:#e0e2db}.computer-taskbar>.computer-button{min-height:36px;padding:8px 12px}.computer-task{min-width:130px;justify-content:flex-start}.computer-task[aria-pressed=true]{color:#294b7f;background:#f4f6f0;box-shadow:inset 0 -2px #294b7f}.computer-session-progress{margin-left:auto;padding:4px 8px;color:#526b5c;font-size:12px}.computer-start-menu{position:absolute;left:8px;bottom:56px;z-index:1;display:grid;gap:4px;width:210px;padding:6px;border:1px solid #899a92;border-radius:5px;background:#e9ece4;box-shadow:0 8px 22px #153f3c38}.computer-start-menu .computer-button{justify-content:flex-start}.computer-material-window .computer-pane{grid-template-columns:230px minmax(0,1fr)}.computer-material-search{display:grid;gap:7px;margin-bottom:12px;color:#52645f;font-size:12px}.computer-material-search input{display:block;width:100%;min-width:0;padding:9px 8px;border:1px solid #a1b2a5;border-radius:4px;background:#fffef7;color:#263333;font:13px/1.5 system-ui,sans-serif}.computer-material-results{display:grid;gap:6px}.computer-material-count{margin:8px 2px;color:#52645f;font-size:12px}.computer-material-entry{display:grid;gap:4px;width:100%;padding:10px;border:1px solid #c7d0c1;border-radius:4px;background:#f4f6ef;color:#263333;font:13px/1.5 system-ui,sans-serif;text-align:left;overflow-wrap:anywhere;cursor:pointer}.computer-material-entry>span{color:#617269;font-size:12px}.computer-material-entry[aria-pressed=true],.computer-file-entry[aria-pressed=true]{border-color:#789fcc;background:#edf2f7;color:#294b7f}.computer-material-description{padding-bottom:12px;border-bottom:1px solid #e1e6da;color:#52645f;font-size:14px}.computer-material-read{color:#52755d;font-size:12px}.computer-attachments{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;border-top:1px solid #e1e6da;border-bottom:1px solid #e1e6da}.computer-attachments h4{flex-basis:100%;margin:0;color:#52645f;font:12px/1.5 system-ui,sans-serif}.computer-attachment{justify-content:flex-start;min-height:34px;padding:7px 10px;font:13px/1.4 system-ui,sans-serif;text-align:left}.computer-files-heading{margin:2px 6px 10px;color:#52645f;font:600 13px/1.5 system-ui,sans-serif}.computer-file-list{display:grid;gap:3px;margin:0;padding:0;list-style:none}.computer-file-list .computer-file-list{margin-left:10px;padding-left:6px;border-left:1px solid #c5cec3}.computer-file-folder,.computer-file-entry{display:flex;align-items:center;gap:5px;width:100%;min-height:34px;padding:6px 5px;border:1px solid transparent;border-radius:3px;background:none;color:#263333;font:12px/1.4 system-ui,sans-serif;text-align:left;overflow-wrap:anywhere;cursor:pointer}.computer-file-folder:hover,.computer-file-entry:hover:not(:disabled){background:#dce4db}.computer-folder-arrow{flex:0 0 10px;color:#52645f}.computer-file-symbol{flex:0 0 16px;color:#657a73;font-size:17px}.computer-training-form{display:grid;gap:18px}.computer-form-field{display:grid;gap:6px}.computer-form-label{color:#263333;font:600 14px/1.5 system-ui,sans-serif}.computer-form-field>input:not([type=checkbox]),.computer-form-field>select{width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid #a1b2a5;border-radius:4px;background:#fffef7;color:#263333;font:14px/1.5 system-ui,sans-serif}.computer-form-field>input:disabled,.computer-form-field>select:disabled{background:#edf0e9;color:#52645f;opacity:1}.computer-form-field.checkbox-field{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:7px 10px}.computer-form-field.checkbox-field>input{width:18px;height:18px;margin:2px 0 0;accent-color:#294b7f}.computer-form-field.checkbox-field>.computer-form-help,.computer-form-field.checkbox-field>.computer-form-field-error{grid-column:2}.computer-form-help{margin:0;color:#637368;font-size:12px}.computer-form-field-error{margin:0;color:#9d392d;font-size:13px}.computer-form-field>[aria-invalid=true]{border-color:#a34a35}.computer-form-draft-status{margin:0;color:#52755d;font-size:12px}.computer-form-draft-status.error{color:#9d392d}.computer-form-conflict{display:grid;gap:12px;padding:14px;border:1px solid #b79a54;border-radius:4px;background:#fff2d3;color:#6f5224;font-size:13px}.computer-form-conflict>p{margin:0}.computer-form-local-copy{padding:8px 0;overflow-wrap:anywhere}.computer-form-local-copy summary{cursor:pointer;font-weight:600}.computer-form-local-copy p{margin:8px 0 0;white-space:pre-wrap}@media(max-height:850px){.computer-icons{gap:8px}.computer-icon{gap:6px;padding:4px;font-size:8px;line-height:1.65}.computer-icon>.computer-pixel-icon{width:36px;height:36px}}@media(max-width:1080px){.computer-workspace{grid-template-columns:minmax(0,1fr)}.computer-guide-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-height:160px}.computer-guide-foot{display:none}.computer-main{max-height:55dvh}}@media(max-width:640px){.computer-backdrop{padding:6px}.computer-shell{height:calc(100dvh - 12px)}.computer-top{padding:10px;gap:8px;flex-wrap:wrap}.computer-top-title{font-size:10px}.computer-top>.computer-button{margin-left:auto;font-size:8px}.computer-desktop{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 8px}.computer-icons{flex-direction:row;gap:12px}.computer-icon{display:flex;width:auto;gap:8px;padding:4px;font-size:8px}.computer-icon>.computer-pixel-icon{width:32px;height:32px}.computer-pane{grid-template-columns:minmax(0,1fr)}.computer-sidebar{display:flex;gap:6px;max-height:100px;border-right:0;border-bottom:1px solid #cbd3c9}.computer-nav{margin:0;width:auto;min-width:100px}.computer-main{min-height:260px;max-height:55dvh;padding:20px 14px}.computer-guide-list{max-height:180px}.computer-main h3{font-size:10px}.computer-taskbar{flex-wrap:wrap}.computer-taskbar>.computer-button{font-size:8px}}@media(max-width:640px){.computer-icons{flex-wrap:wrap}.computer-material-window .computer-pane{grid-template-columns:minmax(0,1fr)}.computer-material-window .computer-sidebar{display:block;max-height:200px}.computer-material-search{margin-bottom:6px}}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf) format("truetype");font-display:swap}:root{--pixel-font: "Press Start 2P", system-ui, sans-serif}.journal-title,.auth-title,.creator-title,.dialogue-speaker,.call-name,.offer-title,.player-hud,.reconnect-banner,.interact-prompt,.game-toast,.error-toast{font-family:var(--pixel-font);font-size:11px;line-height:1.6}.auth-submit,.settings-button,.creator-save,.creator-cancel,.offer-buttons button kbd,.dialogue-options kbd{font-family:var(--pixel-font);font-size:10px}.error-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);padding:10px 16px;background:#782020f2;border:1px solid #a04040;border-radius:8px;color:#ffe0e0;z-index:90;max-width:80vw;text-align:center}.boot-error{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#101018;color:#e8e8f0;font-family:var(--pixel-font);font-size:12px;z-index:95;text-align:center;padding:20px;line-height:1.8}.boot-error button{font-family:var(--pixel-font);font-size:11px;padding:12px 22px;background:#2f6fdd;border:none;border-radius:8px;color:#fff;cursor:pointer}