@import url("./fissuris-ui-frames.css");
/* Shared visual language from K: graphite surfaces, quiet borders, clear hierarchy. */
:root,:host{--f-bg:#040807;--f-panel:#0e2226;--f-raised:#16292d;--f-hover:#203a3e;--f-line:#385053;--f-edge:#6e5424;--f-text:#ebe2b5;--f-muted:#abc2c2;--f-accent:#c7a455;--f-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
button,input,select,textarea{font-family:var(--f-font)!important}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--f-accent)!important;outline-offset:2px}
button:disabled{opacity:.45;cursor:not-allowed!important}
:where(.shell,.panel,.base-exp-window,[class$="-window"],[role="dialog"]){background:var(--f-bg)!important;border:1px solid var(--f-edge)!important;border-radius:2px!important;color:var(--f-text)!important;box-shadow:0 28px 90px #000a!important;font-family:var(--f-font)!important}
:where(.topbar,.panel>header,.base-exp-window>header,[role="dialog"]>header){background:var(--f-panel)!important;color:var(--f-text)!important;border-bottom:1px solid var(--f-line)!important}
:where(.nav,.tabs,.footer){border-color:var(--f-line)!important}
:where(.panel,.shell,.base-exp-window,[role="dialog"]) button:not(.active):not(.selected){background-color:var(--f-raised)!important;border-color:var(--f-line)!important;color:var(--f-text)!important;border-radius:2px!important}
:where(.panel,.shell,.base-exp-window,[role="dialog"]) button:hover{background-color:var(--f-hover)!important;border-color:var(--f-edge)!important}
:where(.panel,.shell,.base-exp-window,[role="dialog"]) button:is(.active,.selected,[aria-selected="true"]){border-color:var(--f-accent)!important;color:var(--f-text)!important}
/* Launcher and creation share the same panel grammar rather than a separate blue skin. */
#fissuris-boot-screen{font-family:var(--f-font)!important}
#fissuris-boot-screen .fissuris-login-panel,#fissuris-boot-screen .fissuris-character-creator{background:var(--f-bg)!important;color:var(--f-text)!important;border:1px solid var(--f-edge)!important;border-radius:2px!important;box-shadow:0 28px 90px #000a!important}
#fissuris-boot-screen :is(h1,h2,h3,.fissuris-login-title){color:var(--f-text)!important;letter-spacing:.025em!important;text-transform:none!important}
#fissuris-boot-screen :is(p,small,label,.fissuris-login-copy,.fissuris-login-note){color:var(--f-muted)!important}
#fissuris-boot-screen button,#fissuris-boot-screen input,#fissuris-boot-screen select{border:1px solid var(--f-line)!important;border-radius:2px!important;background:var(--f-raised)!important;color:var(--f-text)!important;box-shadow:none!important}
#fissuris-boot-screen button:hover{border-color:var(--f-edge)!important;background:var(--f-hover)!important}
#fissuris-boot-screen button:is([aria-pressed="true"],.selected){border-color:var(--f-accent)!important;background:#203a3e!important;box-shadow:inset 3px 0 var(--f-accent)!important}
#fissuris-boot-screen .fissuris-character-creator-preview{background:radial-gradient(ellipse at 50% 70%,#385053,#0e2226 65%)!important;border-color:var(--f-line)!important}
#fissuris-character-view .fissuris-mode-shell{width:min(1040px,calc(100vw - 40px))!important;max-width:none!important}
#fissuris-character-view .fissuris-mode-panel{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:240px minmax(0,1fr);gap:12px 24px;padding:24px!important;max-height:calc(100dvh - 100px);overflow:auto;text-align:left}
#fissuris-character-view .fissuris-login-title,#fissuris-character-view .fissuris-login-copy{grid-column:1/-1;margin:0!important;padding-bottom:10px;border-bottom:1px solid var(--f-line)}
#fissuris-character-view [data-character-slots]{grid-column:1;grid-row:4;align-self:start;margin:0!important}
#fissuris-character-view [data-character-slots] button{min-height:68px!important}
.character-inspection-host{grid-column:2;grid-row:3/8;min-width:0;border-left:1px solid var(--f-line);padding-left:24px}
.character-inspection{color:var(--f-text);font-family:var(--f-font);font-size:13px}
.character-inspection h2{font-size:24px;margin:0 0 4px;font-weight:850}
.character-inspection canvas{display:block;margin:auto;width:240px;height:216px;max-width:100%;object-fit:contain;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 75%,#272e35,#040807 70%)}
.inspection-muted{font-size:11px;line-height:1.5;color:var(--f-muted)}
.inspection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.inspection-stats>div{background:var(--f-panel);border:1px solid var(--f-line);padding:10px}
.inspection-stats small,.inspection-stats strong{display:block}.inspection-stats small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.inspection-stats strong{font-size:19px;margin-top:5px}
#fissuris-character-view [data-character-play]{grid-column:1;min-height:44px!important;border-color:var(--f-accent)!important}
#fissuris-character-view [data-character-status],#fissuris-character-view [data-create-character],#fissuris-character-view [data-back-world]{grid-column:1}
#fissuris-character-view [data-character-status]{font-size:11px!important;line-height:1.5}
#fissuris-character-view fieldset{border-color:var(--f-line)!important;padding:8px!important}#fissuris-character-view fieldset label{font-size:11px!important}
@media(max-width:700px){#fissuris-character-view .fissuris-mode-panel{grid-template-columns:1fr!important;padding:16px!important;max-height:calc(100dvh - 80px)}.character-inspection-host{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid var(--f-line);padding:16px 0 0}#fissuris-character-view [data-character-slots]{grid-row:auto}.character-inspection canvas{height:176px;width:196px}}

/* Shared treatment for social, NPC and compact utility surfaces. Resource-bar hues remain semantic. */
:where(.party-panel,.party-menu,.party-invite,#npc-dialogue,.npc-dialogue,.social-panel,.chat-panel,.auto-hunt-panel){background:var(--f-panel)!important;border:1px solid var(--f-line)!important;border-radius:2px!important;color:var(--f-text)!important;font-family:var(--f-font)!important}
:where(.party-panel,.party-menu,.party-invite,#npc-dialogue,.social-panel,.chat-panel,.auto-hunt-panel) button{background:var(--f-raised)!important;border:1px solid var(--f-line)!important;color:var(--f-text)!important;border-radius:2px!important}

/* Launcher is a fitted game screen, never a scrolling document. */
html,body{box-sizing:border-box;margin:0;width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none}
#fissuris-boot-screen{position:fixed!important;inset:0!important;overflow:hidden!important;height:100dvh!important}
#fissuris-boot-screen .fissuris-boot-view{position:absolute!important;inset:0;min-height:0!important;height:100%;padding:0!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
#fissuris-boot-screen :is(.fissuris-login-shell,.fissuris-mode-shell,.fissuris-creator-shell){transform-origin:center center;flex-shrink:0;align-self:center;justify-self:center}
#fissuris-boot-screen :is(.fissuris-mode-panel,.fissuris-login-panel,.fissuris-boot-card,.fissuris-character-creator){max-height:none!important;overflow:visible!important}
#fissuris-boot-screen .fissuris-creator-logo{max-height:70px!important;width:auto!important;max-width:100%!important;margin:0 auto 10px!important}
#fissuris-boot-screen .fissuris-boot-logo{max-height:95px!important;width:auto!important;max-width:100%!important;margin:0 auto 12px!important;transform:none!important}
#fissuris-character-view .fissuris-mode-panel{grid-template-columns:210px minmax(0,1fr)!important;gap:8px 18px;padding:18px!important}
#fissuris-character-view [data-character-slots]{grid-row:3!important}
#fissuris-character-view [data-character-slots] button{min-height:54px!important;padding:8px 10px!important}
.character-inspection canvas{height:176px;width:196px}.inspection-stats>div{padding:7px 10px}.inspection-stats strong{font-size:17px}
@media(max-width:700px){#fissuris-character-view .fissuris-mode-shell{width:640px!important;max-width:none!important}#fissuris-character-view .fissuris-mode-panel{grid-template-columns:200px minmax(0,1fr)!important}.character-inspection-host{grid-column:2!important;grid-row:3/8!important;border-top:0;border-left:1px solid var(--f-line);padding:0 0 0 18px}}

/* Reserve the completed screen from its first frame: async content never resizes it. */
#fissuris-boot-screen :is(.fissuris-login-shell,.fissuris-mode-shell,.fissuris-creator-shell){box-sizing:border-box;display:grid;grid-template-rows:80px minmax(0,1fr);gap:0;transition:none!important}
#fissuris-boot-screen .fissuris-login-shell{width:430px!important;height:500px!important}
#fissuris-boot-screen .fissuris-mode-shell{width:640px!important;height:500px!important}
#fissuris-boot-screen .fissuris-creator-shell{width:1180px!important;height:900px!important}
#fissuris-boot-screen :is(.fissuris-boot-logo,.fissuris-creator-logo){height:70px!important;max-height:70px!important;object-fit:contain;align-self:start}
#fissuris-boot-screen :is(.fissuris-login-panel,.fissuris-boot-card){box-sizing:border-box;height:100%;min-height:0}
#fissuris-login-note{min-height:45px;line-height:1.5}
#fissuris-character-view .fissuris-mode-shell{width:1040px!important;height:800px!important}
#fissuris-character-view .fissuris-mode-panel{grid-template-rows:32px 26px 302px 36px 44px 40px 26px;align-content:start}
#fissuris-character-view [data-character-slots]{min-height:302px}
#fissuris-character-view [data-character-status]{margin:0!important;min-height:32px}
#fissuris-boot-screen .fissuris-character-creator{width:500px;grid-template-columns:1fr 1fr}
#fissuris-boot-screen .fissuris-character-creator-preview,#fissuris-boot-screen .fissuris-character-creator-field.full,#fissuris-boot-screen .fissuris-character-creator-note{grid-column:1/-1}

#fissuris-boot-screen :is(.fissuris-login-shell,.fissuris-mode-shell,.fissuris-creator-shell)>:is(.fissuris-login-panel,.fissuris-boot-card){grid-row:2}

/* Character selection: K hierarchy, stable action rows and explicit loading. */
#fissuris-character-view .fissuris-mode-panel{background:linear-gradient(115deg,#101419,#040807 62%)!important;grid-template-rows:36px 28px 302px 40px 48px 40px 40px;gap:8px 22px}
#fissuris-character-view [data-character-play]{grid-row:5;height:48px!important;margin:0!important;background:#28251d!important;color:#f1e3c5!important;letter-spacing:.12em;font-weight:800}
#fissuris-character-view [data-create-character]{grid-row:6;height:40px!important;min-height:40px!important;margin:0!important;font-size:10px;letter-spacing:.04em}
#fissuris-character-view [data-back-world]{grid-row:7;height:40px!important;min-height:40px!important;margin:0!important;font-size:11px;color:#bbc3ca!important;background:transparent!important;border-color:transparent!important}
#fissuris-character-view [data-back-world]:hover{background:#16292d!important;border-color:#385053!important}
#fissuris-character-view [data-character-slots] button{transition:border-color .12s,background .12s;position:relative;border-radius:2px!important}
#fissuris-character-view [data-character-slots] button[aria-pressed=true]{background:linear-gradient(90deg,#29261d,#171a1d)!important}
.character-inspection-host{padding-left:24px;grid-row:3/8;align-self:stretch}
.character-inspection{height:100%;padding:6px 0}.character-inspection h2{font-size:26px}.character-inspection>p:first-of-type{margin:6px 0 8px}
.character-inspection canvas{height:176px;width:196px;background:radial-gradient(ellipse at 50% 75%,#30363288,transparent 65%)}
.inspection-preview-status{height:20px;min-height:20px;text-align:center;margin:3px 0 10px!important;font-size:10px}
.inspection-vitals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.inspection-vitals>div{padding:12px 14px;background:#151a1f;border:1px solid #3a4247;border-left:3px solid #ab817b}.inspection-vitals>div+div{border-left-color:#7c9db5}.inspection-vitals small,.inspection-vitals strong{display:block}.inspection-vitals small{font-size:9px;letter-spacing:.1em;color:#9aa5ad;text-transform:uppercase}.inspection-vitals strong{font-size:21px;margin-top:5px}
.inspection-stats{grid-template-columns:repeat(4,1fr);gap:8px}.inspection-stats>div{padding:9px 12px}.inspection-stats strong{font-size:17px}
.inspection-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;color:#8e99a1}.inspection-empty>span{font-size:9px;letter-spacing:.16em}.inspection-empty h2{font-size:22px!important;margin:0}.inspection-empty p{font-size:12px;max-width:300px;line-height:1.7}
.character-slot-loading{box-sizing:border-box;height:54px;display:flex;align-items:center;padding:12px;border:1px solid #30383e;background:#14191d;color:#7e8b94;font-size:11px}
.launcher-spinner{width:26px;height:26px;border:2px solid #385053;border-top-color:#c7a455;border-radius:50%;animation:launcher-spin 1s linear infinite}
@keyframes launcher-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.launcher-spinner{animation:none}}

#fissuris-character-view .fissuris-login-title{border:0!important;font-size:22px;line-height:28px;padding-bottom:6px!important;box-sizing:border-box}

/* Golden identity and deliberate login actions, with reserved feedback space. */
#fissuris-boot-screen .fissuris-login-shell{height:740px!important;grid-template-rows:180px minmax(0,1fr)}
#fissuris-boot-screen .fissuris-login-shell .fissuris-boot-logo{height:180px!important;max-height:180px!important;width:320px!important;object-fit:contain;margin:0 auto!important}
#fissuris-login-view .fissuris-login-panel{padding:28px 30px;background:linear-gradient(145deg,#0e2226f5,#040807f5)!important;border-top-color:#9f8961!important}
#fissuris-boot-screen .fissuris-save-email{display:block;min-height:32px;padding:5px 10px;margin:2px 0 10px;font-size:11px;cursor:pointer;color:#aeb8c0!important;background:transparent!important}
#fissuris-boot-screen .fissuris-save-email[aria-pressed=true]{color:#e4ceaa!important;border-color:#8c7854!important}
#fissuris-boot-screen #fissuris-dummy-login{background:#2b271f!important;border-color:#a08a62!important;color:#f4e5c7!important;box-shadow:inset 0 1px #e5c99122!important}
#fissuris-boot-screen .fissuris-register{display:block;width:100%;height:40px;margin-top:10px;font-size:11px;letter-spacing:.02em;opacity:.5}
#fissuris-login-note{box-sizing:border-box;height:80px;min-height:80px;margin-top:16px;padding:12px;font-size:11px!important;text-transform:none!important;letter-spacing:0!important;line-height:1.5;border:1px solid transparent;border-radius:2px}
#fissuris-login-note.login-error{color:#f0c0ba!important;background:#402321!important;border-color:#92544c!important}

/* HUD finishing: shared margins and restrained ornament around existing controls. */
.fissuris-hud{box-sizing:border-box;top:18px!important;left:18px!important;width:310px!important;padding:12px!important;border-radius:2px!important;background:linear-gradient(180deg,#0e2226f0,#0a1a1eed)!important;border-color:#6e6249!important;}
.fissuris-hud-head{border-bottom:1px solid #78674655;padding-bottom:6px;margin-bottom:8px!important;height:27px!important}.fissuris-hud-level{color:#e1cc9f!important}
.base-progression .base-exp-hud{box-sizing:border-box;left:18px!important;top:var(--hud-bottom,244px)!important;width:310px!important;padding:12px!important;border-radius:2px!important;background:#0a1a1eee!important;border-color:#6e6249!important;}
.base-exp-hud .base-exp-muted{font-size:10px;color:#abc2c2}.base-exp-hud .base-exp-label{font-size:10px;color:#ebe2b5}
.fissuris-hotbar{--main-width:539px;--main-height:64px;--between-bars:18px!important;bottom:22px!important}
.hotbar-frame{width:539px!important;height:64px!important;padding:9px!important;background:linear-gradient(180deg,#0e222655,#0a1a1e99)!important}
.trinket-frame{width:64px!important;height:64px!important;padding:9px!important;background:#0a1a1e66!important}
.hotbar-labels,.trinket-label{position:relative;z-index:11;margin-bottom:-8px!important;height:23px!important}
.hotbar-labels span,.trinket-label{font-size:8px!important;letter-spacing:.1em!important;color:#ebe2b5!important;text-shadow:0 1px 2px #000;background:#16292def!important;padding:0 8px!important;border:0!important;border-radius:2px;line-height:18px!important}
.hotbar-labels span{height:18px!important;align-self:center!important}
.game-chat{left:22px!important;bottom:22px!important;width:310px!important;border-radius:2px!important;background:linear-gradient(180deg,#0e2226e8,#0a1a1ee8)!important;box-shadow:0 4px 18px #0004!important}
.game-chat header{padding:10px 14px!important;font-size:10px;letter-spacing:.03em;color:#ebe2b5!important;background:#0a1a1e80;border-bottom:1px solid #78674655!important}
.game-chat-log{height:108px!important;padding:8px 14px!important;font-size:11px;line-height:1.5}.game-chat input{padding:10px 14px!important;font-size:11px;background:#0a1a1e!important;border-top-color:#78674655!important}
section.fissuris-minimap{top:22px!important;right:22px!important;padding:12px!important;width:258px!important;background:linear-gradient(180deg,#0e2226ed,#0a1a1eed)!important;}
.minimap-controls{margin:6px 0!important;gap:4px!important;font-size:9px}.minimap-controls button{height:23px!important}.minimap-legend{font-size:8px!important;padding-bottom:5px!important}.fissuris-minimap-coordinates{padding-top:6px!important}.minimap-guide{margin-top:5px!important;font-size:9px!important}

/* The live status component replaces the legacy shell HUD. */
section.fissuris-status-hud-v1{left:22px;top:22px;width:310px;padding:8px;box-sizing:border-box;background:linear-gradient(180deg,#0e2226f5,#0a1a1ef5);}
.fissuris-status-hud-v1 .fsh-frame{border:0;background:transparent;box-shadow:none}
.fissuris-status-hud-v1 .fsh-header{background:transparent;border-bottom-color:#78674655}
.fissuris-status-hud-v1 .fsh-effects,.fissuris-status-hud-v1 .fsh-meta{background:#0a1a1e80}
.base-progression .base-exp-hud{left:22px!important;}
/* World selection: generous branding, compact fixed choice panel. */
#fissuris-boot-screen #fissuris-mode-view .fissuris-mode-shell{width:580px!important;height:460px!important;grid-template-rows:200px 260px!important}
#fissuris-boot-screen #fissuris-mode-view .fissuris-creator-logo{width:360px!important;height:200px!important;max-height:200px!important;max-width:none!important;justify-self:center;align-self:center;margin:0!important;object-fit:contain}
#fissuris-boot-screen #fissuris-mode-view .fissuris-mode-panel{box-sizing:border-box;height:260px!important;padding:30px!important;align-self:stretch}
#fissuris-mode-view .fissuris-world-selector-options button{height:58px}
/* Readable in-game HUD; inspection menus retain their existing design. */
.hotbar-frame::before,.trinket-frame::before{content:none!important}
.hotbar-frame,.trinket-frame{border:0!important;box-shadow:none!important;background:transparent!important}
section.fissuris-status-hud-v1{width:340px;padding:12px;}
.fissuris-status-hud-v1 .fsh-name{font-size:14px}
.fissuris-status-hud-v1 .fsh-level,.fissuris-status-hud-v1 .fsh-level b{font-size:11px}
.fissuris-status-hud-v1 .fsh-resource,.fissuris-status-hud-v1 .fsh-label,.fissuris-status-hud-v1 .fsh-bar{height:23px}
.fissuris-status-hud-v1 .fsh-label,.fissuris-status-hud-v1 .fsh-value{font-size:11px}
.fissuris-status-hud-v1 .fsh-meta{font-size:9px;height:27px}
.fissuris-status-hud-v1 .fsh-effect-label{font-size:8px}
.base-progression .base-exp-hud{width:340px!important;padding:16px!important;}
.base-exp-hud .base-exp-muted,.base-exp-hud .base-exp-label{font-size:12px;color:#abc2c2}
.game-chat{width:340px!important;background:linear-gradient(180deg,#0e2226f2,#0a1a1ef2)!important}
.game-chat header{font-size:13px!important;padding:14px 18px!important}
.game-chat-log{font-size:14px!important;height:120px!important;padding:10px 18px!important}
.game-chat input{font-size:13px!important;padding:12px 18px!important}
section.fissuris-minimap{width:310px!important;padding:14px!important;}
.fissuris-minimap .fissuris-minimap-title{font-size:14px!important}
.fissuris-minimap .minimap-controls{font-size:11px!important}
.fissuris-minimap .minimap-controls button{height:29px!important;font-size:12px}
.fissuris-minimap .minimap-legend{font-size:10px!important}
.fissuris-minimap .fissuris-minimap-coordinates,.fissuris-minimap .fissuris-minimap-coordinates strong{font-size:11px}
.fissuris-minimap .minimap-guide{font-size:11px!important}

/* Fissuris palette: petroleum surfaces, aged gold and warm ivory. */
:root,:host{--f-gold-dark:#6E5424;--f-gold-mid:#9C712A;--f-highlight:#F3DC8B;--f-magic:#4FAFC4;--f-magic-hover:#79D1DD;--f-success:#6F9E58;--f-danger:#C9534F;--f-warning:#D88635}
section.fissuris-status-hud-v1{--paper:#EBE2B5;--soft:#ABC2C2;--mid:#ABC2C2;--frame:#0E2226;--frame-2:#16292D;--border:#385053;--border-strong:#6E5424;--gold:#C7A455;--gold-dark:#6E5424}
.fissuris-status-hud-v1 .fsh-hp .fsh-fill{background:linear-gradient(180deg,#D45B52,#A83F3B)}
.fissuris-status-hud-v1 .fsh-mp .fsh-fill{background:linear-gradient(180deg,#57A0D5,#326FAE)}
.fissuris-status-hud-v1 .fsh-sta .fsh-fill{background:linear-gradient(180deg,#E0B94F,#AD8225)}
.fissuris-status-hud-v1 .fsh-label,.fissuris-status-hud-v1 .fsh-effect-label{background:#16292D;color:#ABC2C2}
.fissuris-status-hud-v1 .fsh-effect-empty,.fissuris-status-hud-v1 .fsh-bar{background:#0A1A1E}
.fissuris-status-hud-v1 .fsh-name,.fissuris-status-hud-v1 .fsh-value{color:#EBE2B5}
.fissuris-status-hud-v1 .fsh-meta,.fissuris-status-hud-v1 .fsh-ping{color:#ABC2C2}
.fissuris-minimap .minimap-controls button{background:#16292D;color:#EBE2B5;border-color:#6E5424}
.fissuris-minimap .minimap-controls button:hover{border-color:#79D1DD}
.fissuris-minimap .minimap-controls button[aria-pressed=true]{color:#F3DC8B;border-color:#C7A455}
.fissuris-minimap .minimap-legend,.fissuris-minimap .fissuris-minimap-coordinates{color:#ABC2C2}
.fissuris-minimap .fissuris-minimap-title,.fissuris-minimap .fissuris-minimap-coordinates strong{color:#EBE2B5}
.game-chat input,.game-chat-log{color:#EBE2B5!important}
.game-chat input::placeholder{color:#ABC2C2;opacity:1}
#fissuris-boot-screen #fissuris-character-view .fissuris-mode-shell{height:920px!important;grid-template-rows:200px minmax(0,1fr)!important}
#fissuris-boot-screen #fissuris-character-view .fissuris-creator-logo{width:360px!important;height:200px!important;max-height:200px!important;max-width:none!important;justify-self:center;align-self:center;margin:0!important;object-fit:contain}
.fissuris-hotbar .hotbar-slot,.fissuris-hotbar .trinket-slot{background:#16292D!important;border-color:#385053!important;color:#EBE2B5}
.fissuris-hotbar .hotbar-slot:hover{background:#203A3E!important;border-color:#79D1DD!important}
/* User HUD scale keeps each panel anchored; menus and world labels are independent. */
section.fissuris-status-hud-v1,.base-progression .base-exp-hud{transform:scale(var(--hud-scale,1));transform-origin:top left}
.game-chat{transform:scale(var(--hud-scale,1));transform-origin:bottom left}
section.fissuris-minimap{transform:scale(var(--hud-scale,1));transform-origin:top right}
.fissuris-hotbar{transform:translateX(-50%) scale(var(--hud-scale,1));transform-origin:bottom center}

/* Simple HUD boundaries, retaining the petroleum palette. */
section.fissuris-status-hud-v1{border:1px solid #385053}
.game-chat,section.fissuris-minimap,.base-progression .base-exp-hud{border:1px solid #385053!important}
/* Secondary panels use K's restrained sections and controls. */
section.hunt-panel,.base-progression section.base-exp-window{width:min(560px,calc(100vw - 32px));padding:24px;background:#0A1A1E!important;border:1px solid #385053!important;border-radius:2px!important;color:#EBE2B5;font-family:var(--f-font);box-shadow:0 20px 70px #040807bb}
section.hunt-panel h3,.base-exp-window header{box-sizing:border-box;margin:-24px -24px 20px;padding:18px 24px;background:#0E2226!important;border-bottom:1px solid #385053}
section.hunt-panel h3,.base-exp-window header h2{font-size:20px;line-height:1.3;font-weight:800;color:#EBE2B5}
section.hunt-panel h4,.base-exp-window h3{font-size:12px!important;letter-spacing:.05em;color:#EBE2B5!important;border-top:1px solid #385053;padding-top:16px;margin-top:18px!important}
section.hunt-panel p,.base-exp-window .base-exp-muted,.base-exp-window dt{color:#ABC2C2;line-height:1.5}
section.hunt-panel select{height:36px;border-radius:2px;border-color:#385053;background:#16292D;color:#EBE2B5;font-size:12px}
section.hunt-panel>label:has(select){display:flex;align-items:center;justify-content:space-between;gap:12px}
section.hunt-panel .hunt-skills{gap:4px 16px;padding:8px 12px;background:#0E2226;border:1px solid #385053}
section.hunt-panel .hunt-skills label{color:#ABC2C2;font-weight:600}
section.hunt-panel .hunt-buttons{border-top:1px solid #385053;padding-top:14px;margin-top:14px;gap:8px}
section.hunt-panel .hunt-buttons button,.base-exp-window button{min-height:36px;border-radius:2px!important;background:#16292D;border:1px solid #385053;color:#EBE2B5;font-size:12px;padding:8px 14px;margin:0}
section.hunt-panel .hunt-buttons [data-toggle]{border-color:#C7A455;background:#203A3E}
section.hunt-panel .hunt-buttons [data-close]{margin-left:auto}
section.hunt-panel [data-state]{padding:10px 12px;background:#0E2226;border-left:2px solid #6E5424}
.base-exp-window header [data-close]{width:34px;height:34px;min-height:34px;padding:0}
.base-exp-window .base-exp-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.base-exp-window .base-exp-tabs button[aria-selected=true]{background:#203A3E!important;border-color:#C7A455!important;color:#F3DC8B!important}
.base-exp-window .base-exp-level{font-size:30px;color:#EBE2B5}
.base-exp-window dl{background:#0E2226;border:1px solid #385053;padding:12px 14px;gap:10px}
.base-exp-window dd{font-variant-numeric:tabular-nums;color:#EBE2B5}
.base-exp-window .base-exp-track{border-radius:0;height:6px}
.base-exp-window .base-exp-test{background:#0E2226;padding:12px;border:1px solid #385053}
.base-exp-window .base-exp-test button{margin:6px 4px 0 0;font-size:11px}
#fissuris-character-view .fissuris-mode-panel{background:#0A1A1E!important;border-color:#385053!important}
#fissuris-character-view .fissuris-login-title{color:#EBE2B5!important}
#fissuris-character-view .character-slot-loading{background:#0E2226;border-color:#385053;color:#ABC2C2}
#fissuris-character-view [data-character-slots] button{background:#0E2226!important;border-color:#385053!important}
#fissuris-character-view [data-character-slots] button:is(.selected,[aria-selected=true]){background:#203A3E!important;border-color:#C7A455!important}
#fissuris-character-view [data-back-world]{border:1px solid #385053!important;background:#16292D!important;font-size:12px}
section.fissuris-status-hud-v1 .fsh-header{padding-bottom:7px;margin-bottom:4px}
.base-progression .base-exp-hud{background:#0A1A1E!important}
.base-exp-hud .base-exp-label{font-weight:700;letter-spacing:.02em}
.base-exp-hud .base-exp-muted{display:block;margin-top:6px}
/* Inventory toolbar and inspector follow K's visual hierarchy. */
.inventory .inv-head,.inventory .currency-wallet{background:#0E2226;color:#ABC2C2;border-bottom:1px solid #385053}
.inventory .inv-tools{display:flex;gap:8px;padding:12px 14px 8px;background:#0A1A1E;border:0;outline:0;box-shadow:none}
.inventory .inv-tools .search{min-width:0;flex:1;height:36px;padding:0 12px;background:#16292D;color:#EBE2B5;border:1px solid #385053;box-shadow:none;font-size:12px}
.inventory .inv-tools .sort{height:36px;min-width:72px}
.inventory .filters{display:flex;flex-wrap:wrap;gap:5px;padding:0 14px 12px;background:#0A1A1E;border-bottom:1px solid #385053}
.inventory .filters .filter{padding:7px 9px;font-size:9px;letter-spacing:.02em;min-height:28px}
.inventory .filter.active{background:#203A3E!important;border-color:#C7A455!important;color:#F3DC8B!important}
.inventory .inspector{background:#0E2226;border-top:1px solid #385053;padding:14px}
.inventory .inspect-over{font-size:9px;color:#ABC2C2;letter-spacing:.06em}
.inventory .inspect-name{font-size:16px;color:#EBE2B5}
.inventory .inspect-meta{font-size:10px;color:#ABC2C2;line-height:1.4}
.inventory .inspect-effect{background:#0A1A1E;border-left:2px solid #385053;padding:10px 12px;font-size:11px;line-height:1.5;color:#ABC2C2}
.inventory .inventory-legend{display:flex;flex-wrap:wrap;gap:10px 16px;border-top:1px solid #385053;padding-top:10px}
.inventory .inventory-legend .legend-title{display:none}
.inventory .inventory-legend .legend-row{display:flex;gap:6px;align-items:center}
.inventory .inventory-legend small{display:none}
.inventory .bag-rail{background:#0A1A1E;border-color:#385053}
.inventory .cell.is-equipped{border-color:#6F9E58;box-shadow:inset 0 0 0 1px #6F9E5833;background:#19352A}
#npc-dialogue{width:min(660px,calc(100vw - 32px));box-sizing:border-box;padding:0;background:#0A1A1E;color:#EBE2B5;border:1px solid #385053;border-radius:2px;font:14px/1.6 var(--f-font);box-shadow:0 20px 80px #040807bb}
#npc-dialogue::backdrop{background:#04080799}
#npc-dialogue header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #385053;background:#0E2226}
#npc-dialogue h2{font-size:22px;margin:0}#npc-dialogue small{color:#ABC2C2;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
#npc-dialogue button{background:#16292D;border:1px solid #385053;border-radius:2px;color:#EBE2B5;padding:10px 14px;cursor:pointer;font:inherit}
#npc-dialogue button:hover{border-color:#C7A455;background:#203A3E}
#npc-dialogue .npc-body{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:24px}
#npc-dialogue .npc-portrait{background:#0E2226;display:grid;place-items:center;border:1px solid #385053;min-height:180px}
#npc-dialogue img{max-width:120px;max-height:170px;image-rendering:pixelated}
#npc-dialogue p{margin:0 0 18px;white-space:pre-line;color:#ABC2C2}
#npc-dialogue .npc-options{display:grid;gap:8px}#npc-dialogue .npc-options button{text-align:left}
#npc-dialogue footer{padding:12px 24px;border-top:1px solid #385053;background:#0E2226;font-size:10px;color:#ABC2C2}
@media(max-width:500px){#npc-dialogue .npc-body{grid-template-columns:80px 1fr;gap:12px;padding:16px}#npc-dialogue img{max-width:75px}}
#npc-dialogue{position:fixed;left:22px;right:auto;top:18%;bottom:auto;margin:0;width:min(430px,calc(100vw - 44px));max-height:76vh;overflow:auto;z-index:150}
#npc-dialogue .npc-body{grid-template-columns:72px 1fr;gap:14px;padding:18px}
#npc-dialogue .npc-portrait{min-height:120px;max-height:150px}
#npc-dialogue img{max-width:68px;max-height:115px}
#npc-dialogue .npc-options button{font-size:12px;padding:8px 10px}
.map-travel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(880px,calc(100vw - 32px));background:#0A1A1E;color:#EBE2B5;border:1px solid #385053;pointer-events:auto;z-index:110;box-shadow:0 0 0 100vmax #04080788;font-family:var(--f-font)}
.map-travel[hidden]{display:none}
.map-travel header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#0E2226;border-bottom:1px solid #385053}
.map-travel h2{margin:0;font-size:22px}.map-travel small{font-size:10px;letter-spacing:.08em;color:#ABC2C2}
.map-travel button{background:#16292D;border:1px solid #385053;color:#EBE2B5;cursor:pointer;padding:12px 16px}
.map-travel .travel-content{display:grid;grid-template-columns:280px 1fr;min-height:320px}
.map-travel nav{padding:20px;border-right:1px solid #385053;display:flex;flex-direction:column;gap:12px}
.map-travel nav button{text-align:left;display:grid;gap:8px}.map-travel nav span{font-size:11px;color:#ABC2C2}.map-travel button.selected{border-color:#C7A455;background:#203A3E}
.map-travel article{padding:32px}.map-travel h3{font-size:26px;margin:16px 0}.map-travel p{font-size:14px;line-height:1.6;color:#ABC2C2}.map-travel [data-travel]{margin-top:14px;border-color:#C7A455;min-width:180px}.map-travel footer{padding:12px 24px;background:#0E2226;border-top:1px solid #385053;font-size:10px;color:#ABC2C2}
@media(max-width:650px){.map-travel .travel-content{grid-template-columns:1fr;min-height:0}.map-travel nav{flex-direction:row;border-right:0}.map-travel article{padding:20px}.map-travel h3{font-size:20px}}

/* Códex shares K's header, side navigation, detail pane and quiet footer. */
.monster-codex{position:fixed;inset:4vh 4vw;z-index:170;display:grid;grid-template-rows:auto 1fr auto;pointer-events:auto;background:#040807;color:#EBE2B5;border:1px solid #385053;box-shadow:0 20px 80px #040807cc;font-family:inherit}
.monster-codex[hidden]{display:none}.monster-codex header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#0E2226;border-bottom:1px solid #385053}.monster-codex h2{font-size:23px;margin:0 0 4px}.monster-codex small{font-size:10px;letter-spacing:.1em;color:#ABC2C2}.monster-codex button{background:#16292D;border:1px solid #385053;color:#EBE2B5;padding:10px;cursor:pointer}.monster-codex button:hover{background:#203A3E}.monster-codex [data-close]{width:36px;height:36px;padding:0}.codex-body{display:grid;grid-template-columns:240px 1fr;min-height:0}.monster-codex nav{padding:24px 18px;border-right:1px solid #385053;display:flex;flex-direction:column;gap:18px;background:#0A1A1E}.monster-codex nav p{margin-top:auto;font-size:12px;line-height:1.6;color:#ABC2C2}.monster-codex [data-list]{display:grid;gap:10px}.monster-codex nav button{display:flex;gap:12px;align-items:center;text-align:left;min-height:75px;font-weight:700}.monster-codex nav img{width:42px;height:48px;object-fit:contain;image-rendering:pixelated}.monster-codex button.selected{border-color:#C7A455;background:#203A3E}.monster-codex article{padding:24px 32px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:18px}.codex-hero{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center}.codex-art{height:175px;display:grid;place-items:center;background:radial-gradient(ellipse,#203A3E 0%,transparent 70%)}.codex-art img{max-width:150px;max-height:170px;image-rendering:pixelated}.monster-codex img.undiscovered{filter:brightness(0) drop-shadow(0 0 1px #ABC2C2);opacity:.8}.monster-codex h3{font-size:30px;margin:12px 0}.monster-codex p{font-size:14px;line-height:1.6;color:#ABC2C2}.codex-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.codex-stats>div{background:#0E2226;border:1px solid #385053;padding:12px 14px}.codex-stats dt{font-size:10px;color:#ABC2C2;text-transform:uppercase;letter-spacing:.05em}.codex-stats dd{margin:5px 0 0;font-size:20px;font-weight:700}.codex-behavior,.codex-locked{padding:14px 18px;background:#0E2226;border-left:2px solid #C7A455}.monster-codex footer{display:flex;justify-content:space-between;background:#0E2226;border-top:1px solid #385053;padding:12px 24px;font-size:10px;color:#ABC2C2}
@media(max-height:720px){.monster-codex{inset:2vh 3vw}.monster-codex article{padding:14px 24px;gap:10px}.codex-art{height:120px}.codex-art img{max-height:115px}.codex-stats>div{padding:7px 10px}.codex-stats dd{font-size:17px}.monster-codex h3{font-size:25px}.monster-codex header{padding:12px 20px}}
@media(max-width:800px){.codex-body{grid-template-columns:170px 1fr}.monster-codex article{padding:14px}.codex-hero{grid-template-columns:100px 1fr;gap:10px}.codex-art img{max-width:100px}.codex-stats{grid-template-columns:repeat(3,1fr)}.monster-codex nav{padding:16px 10px}.monster-codex nav button{font-size:11px}.monster-codex h3{font-size:22px}}

#npc-dialogue .npc-item-choice{display:flex;align-items:center;gap:10px;text-align:left;padding:6px 10px;min-height:38px}#npc-dialogue .npc-item-choice img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}#npc-dialogue .npc-primary{background:#203A3E;border-color:#C7A455;color:#F3DC8B;font-weight:700}#npc-dialogue .npc-selected-equipment{display:flex;align-items:center;gap:14px;padding:16px;background:#0A1A1E;border:1px solid #C7A455;margin-bottom:14px}#npc-dialogue .npc-selected-equipment img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}#npc-dialogue .npc-options{gap:6px}#npc-dialogue .npc-service-tab{border-left:2px solid #C7A455}#npc-dialogue .npc-copy p{white-space:pre-line}#npc-dialogue.npc-refinement .npc-body{grid-template-columns:50px 1fr}#npc-dialogue.npc-refinement .npc-portrait img{max-width:48px}

.map-travel-loading{position:fixed;left:50%;top:15%;transform:translateX(-50%);padding:16px 26px;background:#0E2226;border:1px solid #C7A455;color:#EBE2B5;font-size:15px;z-index:180;box-shadow:0 10px 30px #04080799;pointer-events:none}.map-travel-loading[hidden]{display:none}

/* One viewport-anchored brand across login, worlds, creation and connection. */
#fissuris-boot-screen{--launcher-brand-height:min(220px,25dvh)}
#fissuris-boot-screen>.fissuris-launcher-logo{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:min(480px,80vw);height:var(--launcher-brand-height);object-fit:contain;z-index:5;pointer-events:none}
#fissuris-boot-screen :is(.fissuris-boot-logo,.fissuris-creator-logo){display:none!important}
#fissuris-boot-screen .fissuris-boot-view{top:calc(var(--launcher-brand-height) + 16px)!important;bottom:32px!important;height:auto!important}
#fissuris-boot-screen :is(.fissuris-login-shell,.fissuris-mode-shell,.fissuris-creator-shell){grid-template-rows:minmax(0,1fr)!important}
#fissuris-boot-screen .fissuris-login-shell{height:560px!important}
#fissuris-boot-screen #fissuris-mode-view .fissuris-mode-shell{height:260px!important;grid-template-rows:minmax(0,1fr)!important}
#fissuris-boot-screen #fissuris-character-view .fissuris-mode-shell{height:720px!important;grid-template-rows:minmax(0,1fr)!important}
#fissuris-boot-screen .fissuris-creator-shell{height:820px!important}
#fissuris-boot-screen :is(.fissuris-login-shell,.fissuris-mode-shell,.fissuris-creator-shell)>:is(.fissuris-login-panel,.fissuris-boot-card){grid-row:1!important}