/* Pixel Chronicle frames, with the compact Explorer layout. */
.game-shell .hud-character{max-width:none}.game-shell .hud-character span{max-width:none;white-space:nowrap}
:root{--ink:#101e2b;--cream:#f2dfb5;--copper:#bc9367;--edge:#6c6557;--soft:#a7bdc5}
.game-shell .pixel-panel{background:#10202eef;border:2px solid var(--copper);border-radius:0;box-shadow:inset 0 0 0 2px #25394a,0 0 0 1px #07131d,3px 4px 0 #05131b80}
.pixel-panel:after{content:'';position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(var(--cream),var(--cream)) left top/9px 3px no-repeat,linear-gradient(var(--cream),var(--cream)) left top/3px 9px no-repeat,linear-gradient(var(--cream),var(--cream)) right top/9px 3px no-repeat,linear-gradient(var(--cream),var(--cream)) right top/3px 9px no-repeat,linear-gradient(var(--cream),var(--cream)) left bottom/9px 3px no-repeat,linear-gradient(var(--cream),var(--cream)) left bottom/3px 9px no-repeat,linear-gradient(var(--cream),var(--cream)) right bottom/9px 3px no-repeat,linear-gradient(var(--cream),var(--cream)) right bottom/3px 9px no-repeat}
.game-shell .site-header{height:58px;min-height:58px;background:#0e1c28;border-bottom:2px solid var(--copper);padding:0 24px;gap:32px}
.game-shell .brand{font:700 29px var(--heading);letter-spacing:1px;color:var(--cream);gap:11px}.game-shell .brand-zero{color:#f3d27d}.game-shell .brand-mark{background:#dfc392;color:#172739;width:30px;height:30px;box-shadow:inset 0 0 0 2px #fae7bb}
.game-shell .main-nav{gap:28px;margin-left:0}.game-shell .nav-link{font:600 14px var(--body);color:#adc1c8}.game-shell .nav-link.active{color:#fff0c9;border-color:#f0ce84}
.game-shell .header-right{gap:16px}.game-shell .header-right .button{background:#1d303e;border-color:#6a716a;border-radius:0;color:#e7dec5}.game-shell .header-right>.text-button{color:#d5c6a5;font-size:11px}.game-shell .crowd-setting{color:#a6bac3;font-size:10px}.game-shell .crowd-setting select{background:#172c39;border-color:#647579;color:#e9dfc4;font-size:11px}
.game-shell main{height:calc(100dvh - 58px)}.game-shell .canvas-wrap{height:calc(100% - 36px)}
.game-shell .dungeon-label{top:25px;left:28px;gap:7px;max-width:320px}.game-shell .dungeon-label .eyebrow{font:11px var(--heading);letter-spacing:2px;color:#e0d3b5}.game-shell .dungeon-label strong{font:600 32px var(--heading);color:#fff0cf;letter-spacing:0;text-shadow:2px 3px #10202b}.game-shell .dungeon-label>span:last-child{font:11px var(--body);color:#d1ddcb}
.game-shell .game-hud{left:28px;top:126px;width:294px;max-width:294px;padding:12px;gap:10px;min-height:76px;flex-wrap:nowrap}.game-shell .hud-character{min-width:0;gap:9px}.game-shell .hud-character canvas{width:35px;height:43px}.game-shell .hud-character strong{font:600 13px var(--body);max-width:126px;color:#fff2d8}.game-shell .hud-character span{font:11px var(--body);color:#b7c9cd;margin-top:6px}.game-shell .hud-health{flex:0 0 87px;max-width:87px}.game-shell .hud-health strong{font:600 11px var(--body);color:#e3edce}.game-shell .hud-health .meter{height:7px;background:#283943;border:1px solid #63746b}.game-shell .hud-health .meter i{background:#a6d58e}.game-shell .xp-meter{height:3px;margin-top:7px;background:#3a4658}.game-shell .xp-meter i{background:#e4c574}
.game-shell .raid-strip{top:25px;width:208px;padding:12px 14px;gap:9px 12px}.game-shell .raid-identity h2{font:600 19px var(--heading);color:var(--cream)}.game-shell .status-badge{font:8px var(--body);letter-spacing:.4px;background:#2b4038;color:#cbdcb4;border-color:#5b7051}.game-shell .strip-stat .eyebrow{font:9px var(--body);letter-spacing:.7px;color:#b7c9cd!important}.game-shell .strip-stat strong{font:600 22px var(--body);color:#f4e8c8}.game-shell .countdown strong{font:600 23px var(--body);color:#f4d98f}.game-shell .countdown{border-color:#6b695a}
.game-shell .sidebar{top:25px;right:24px;width:202px;gap:16px;max-height:calc(100% - 205px)}.game-shell .minimap-panel{position:relative;padding:12px;max-height:none}.game-shell .minimap-panel h3{font:12px var(--heading);letter-spacing:1px;color:#f2dfb5}.minimap-panel .section-heading>span{font:8px var(--body);color:#acc0c7}.game-shell .minimap-panel canvas{width:100%;height:auto;border:1px solid #68796d;opacity:1}.game-shell .map-legend{font:8px var(--body);color:#d4e0df;margin-top:9px;display:flex;letter-spacing:0}
.game-shell .leaderboard-panel{position:relative;padding-top:12px}.game-shell .leaderboard-panel .section-heading{padding:0 12px;margin-bottom:10px}.game-shell .leaderboard-panel .section-heading h3{font:13px var(--heading);color:var(--cream)}.game-shell #roster-toggle{font:10px var(--body);color:#e6cc97}.game-shell .subtle-pill{display:none}.game-shell .leader-row{padding:10px 12px;min-height:42px;gap:8px;border-color:#60768430}.game-shell .leader-name{font:600 12px var(--body);color:#e7e9de}.game-shell .leader-rank{font:11px var(--body);color:#9aadb8;width:16px}.game-shell .leader-score{font:12px var(--body);color:#ecdbb5}.game-shell .leader-mode{display:none}.game-shell .you-tag{font:9px var(--body);color:#f3d384}.game-shell .leader-row.selected{background:#ceb97715}.game-shell .leader-row.selected:before{background:#edce86}.game-shell .leaderboard-foot{font:9px/1.4 var(--body);color:#9eb2b9;background:#0d1b26;border-color:#4f657248;padding:9px 12px}.game-shell #leaderboard{max-height:225px}
.game-shell .action-dock{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:730px;max-width:calc(100% - 48px);padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) 192px;gap:19px;z-index:4}
.game-shell .action-dock .spell-loadout{position:relative;left:auto;bottom:auto;width:auto;padding:0;background:none;border:0;box-shadow:none;min-width:0;font-family:var(--body)}
.game-shell .spell-heading{font:11px var(--heading);letter-spacing:1px;color:#e8dab8;margin-bottom:8px;padding-right:83px}.game-shell .spell-heading strong{font:10px var(--body);letter-spacing:.2px;color:#e5cc91}
.game-shell #weapon-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-right:83px}.game-shell .weapon-slot{padding:4px 3px 7px;background:#142a38;border:1px solid #607482;box-shadow:inset 0 0 0 1px #091a24}.game-shell .weapon-slot.primary-weapon{border-color:#edd18a;background:#243b41;box-shadow:0 0 0 1px #705f3f}.game-shell .weapon-slot img,.game-shell .weapon-art{width:40px;height:40px;aspect-ratio:1;margin:auto;background:none}.game-shell .weapon-slot .weapon-art img{width:100%;height:100%}.game-shell .weapon-label{font:10px var(--body);color:#eceadb;margin-top:5px;white-space:normal;line-height:1.15;min-height:23px;display:flex;align-items:center;justify-content:center}.game-shell .weapon-slot small{font:8px var(--body);letter-spacing:.7px;color:#b9cdd6;margin-top:3px}.game-shell .weapon-slot.primary-weapon small{color:#f2d184}.game-shell .weapon-slot b{font:12px var(--heading);top:3px;right:3px}.game-shell .weapon-slot.locked{border-color:#3e5463}.game-shell .weapon-slot.locked img{opacity:.35}.game-shell .weapon-slot i{height:2px}
.game-shell .arsenal-footer{margin:7px 0 0}.game-shell .build-stats{font:10px/1.4 var(--body);color:#adc2cc;letter-spacing:0}.game-shell #stats-open{position:absolute;right:0;top:30px;width:68px;height:65px;border:1px solid #b8a078;background:#1b303f;border-radius:0;color:#f1dfb9;font:600 13px var(--body);box-shadow:inset 0 0 0 2px #314352;cursor:pointer}.game-shell #stats-open:hover{background:#314c58}
.game-shell .action-dock .hero-card{position:static;transform:none;width:auto;max-width:none;background:none;border:0;border-left:1px solid #526371;border-radius:0;box-shadow:none;padding:3px 0 3px 18px;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.game-shell .action-dock .hero-card .hero-summary{display:none}.game-shell .action-dock .hero-card .section-heading{margin:0;gap:4px;flex-wrap:wrap}.game-shell .action-dock .hero-card .section-heading h3{font:11px var(--heading);letter-spacing:1px;color:#dccbab}.game-shell .action-dock #hero-status{font:9px var(--body);letter-spacing:.1px;color:#bbd5bc!important}
.game-shell #take-control{font:600 13px var(--body);padding:13px 7px;background:#e9d1a0;color:#172b35;border:1px solid #fff0cb;border-bottom:3px solid #a8885c;border-radius:0;box-shadow:0 0 0 1px #675b47;min-height:45px;white-space:normal}.game-shell #take-control:hover{background:#f8e3b9}.game-shell #take-control svg{width:16px;flex-shrink:0}.game-shell .action-dock .auto-setting{margin:0;gap:5px}.game-shell .auto-setting>span:first-child{font:9px var(--body);color:#b6c8cb}.game-shell .auto-setting input:checked+.switch-track{background:#91b892}
.game-shell .lobby-overlay{bottom:211px;width:570px;max-width:calc(100% - 48px);padding:15px 18px;display:grid;grid-template-columns:1fr auto;gap:6px 16px;text-align:left}.game-shell .lobby-overlay .eyebrow,.game-shell .lobby-overlay .ornament{display:none}.game-shell .lobby-overlay h2{font:600 22px var(--heading);margin:0;color:#fff0ce;grid-column:1}.game-shell .lobby-overlay p{font:11px/1.5 var(--body);color:#b7c9cd;margin:0;grid-column:1}.game-shell .lobby-overlay .button{grid-column:2;grid-row:1/3;align-self:center;font:600 12px var(--body);background:#d9c599;color:#182c37;border:1px solid #f4e2bb;border-radius:0;box-shadow:inset 0 -2px #aa8d61;padding:12px 15px;white-space:nowrap}.game-shell .lobby-overlay .text-button{grid-column:1/-1;font:10px var(--body);margin:1px 0 0;color:#b4c5cc;text-align:left;justify-self:start}.game-shell .lobby-overlay[hidden]{display:none}
.game-shell .arena-topbar{height:36px;background:#0e1c28;border-top:1px solid #9f835c;padding:0 20px}.game-shell .arena-topbar>div{font:10px var(--body);letter-spacing:.5px;color:#9fb4c0}.game-shell .mini-button{font:11px var(--body);color:#b6c8cf}.game-shell .camera-controls button{font:10px var(--body);color:#e0ddc7;background:#1b3040;border:1px solid #64757c;border-radius:0;height:25px}.game-shell .camera-controls #zoom-value{font:10px var(--body);color:#b5c7ce}.game-shell .camera-controls{border-color:#536675}.game-shell .boss-bar{top:147px;font:12px var(--body);background:#17202c;border-color:#b58e6f}
.game-shell[data-overview=true] .action-dock{display:none}
.game-shell dialog{background:#122330;border:2px solid var(--copper);border-radius:0;box-shadow:inset 0 0 0 2px #304251,0 16px 65px #0009}.game-shell button:focus-visible,.game-shell select:focus-visible{outline:2px solid #ffe4a5;outline-offset:3px}
@media(max-width:1000px){
 .game-shell .site-header{gap:22px;padding:0 18px}.game-shell .header-right{gap:10px}.game-shell .header-right #header-hero{display:none}.game-shell .dungeon-label{left:20px;max-width:270px}.game-shell .dungeon-label strong{font-size:28px}.game-shell .game-hud{left:20px;width:264px;max-width:264px;padding:10px}.game-shell .hud-character strong{font-size:12px;max-width:100px}.game-shell .hud-health{flex-basis:75px;max-width:75px}.game-shell .sidebar{right:18px;width:178px}.game-shell .raid-strip{width:184px}.game-shell .leaderboard-panel .section-heading h3{font-size:12px}.game-shell .leader-name{font-size:11px}.game-shell .action-dock{width:680px}.game-shell .lobby-overlay{width:540px}
}
@media(max-width:720px){
 .game-shell .site-header{height:52px;min-height:52px;padding:0 12px;gap:12px}.game-shell main{height:calc(100dvh - 52px)}.game-shell .brand{font-size:23px;gap:7px}.game-shell .brand-mark{width:25px;height:25px}.game-shell .main-nav{gap:14px}.game-shell .nav-link{font-size:12px}.game-shell .header-right>.text-button{display:none}.game-shell .crowd-setting{font-size:0;gap:0}.game-shell .crowd-setting select{font-size:10px;width:83px}
 .game-shell .dungeon-label{top:19px;left:16px;max-width:220px}.game-shell .dungeon-label strong{font-size:25px}.game-shell .dungeon-label .eyebrow{font-size:9px}.game-shell .dungeon-label>span:last-child{font-size:10px;max-width:195px}.game-shell .raid-strip{top:19px;right:16px;left:auto;transform:none;width:146px;padding:10px;gap:8px}.game-shell .raid-identity h2{font-size:15px}.game-shell .status-badge{font-size:6px}.game-shell .strip-stat .eyebrow{font-size:7px}.game-shell .strip-stat strong,.game-shell .countdown strong{font-size:19px}
 .game-shell .game-hud{top:126px;left:16px;max-width:206px;width:206px;flex-wrap:wrap;padding:9px;gap:7px}.game-shell .hud-character{flex:1 1 100%}.game-shell .hud-character strong{max-width:135px}.game-shell .hud-health{flex:1 1 100%;max-width:100%}.game-shell .hud-health>div:first-child{margin-bottom:4px}.game-shell .hud-character canvas{width:27px;height:33px}.game-shell .hud-character span{font-size:10px}
 .game-shell .sidebar{top:141px;right:16px;width:132px;max-height:calc(100% - 345px);gap:10px}.game-shell .minimap-panel{padding:8px}.game-shell .minimap-panel h3{font-size:9px}.game-shell .map-legend{font-size:6px;gap:3px}.game-shell .leaderboard-panel .section-heading{padding:0 8px;gap:4px}.game-shell .leaderboard-panel .section-heading h3{font-size:10px}.game-shell #roster-toggle{font-size:9px}.game-shell .sidebar:not(.show-all) #leaderboard,.game-shell .sidebar:not(.show-all) .leaderboard-foot{display:none}.game-shell .sidebar.show-all{width:195px;max-height:calc(100% - 345px)}.game-shell .sidebar.show-all #leaderboard{max-height:27vh}
 .game-shell .action-dock{max-width:calc(100% - 32px);bottom:16px;grid-template-columns:minmax(0,1fr) 160px;padding:12px;gap:12px}.game-shell .action-dock .hero-card{padding-left:12px}.game-shell #weapon-slots{gap:5px;margin-right:0}.game-shell .spell-heading{padding-right:0;font-size:10px}.game-shell .spell-heading strong{font-size:8px}.game-shell .weapon-slot img,.game-shell .weapon-art{width:32px;height:32px}.game-shell .weapon-label{font-size:9px}.game-shell .weapon-slot small{font-size:7px}.game-shell #stats-open{position:static;width:auto;height:auto;padding:5px 8px;font-size:11px}.game-shell .build-stats{font-size:9px}.game-shell .arsenal-footer{gap:6px}.game-shell #take-control{font-size:12px}.game-shell .action-dock .hero-card .section-heading h3{display:none}
 .game-shell .lobby-overlay{bottom:204px;padding:12px 14px;max-width:calc(100% - 32px);gap:6px 10px}.game-shell .lobby-overlay h2{font-size:20px}.game-shell .lobby-overlay p{font-size:10px}.game-shell .lobby-overlay .button{font-size:11px;padding:10px}.game-shell .arena-topbar{padding:0 8px;gap:4px}.game-shell .mini-button{font-size:9px}.game-shell .camera-controls button{font-size:9px}.game-shell .boss-bar{top:255px;left:16px;width:190px;transform:none}
}
@media(max-width:480px){
 .game-shell .site-header{gap:9px;padding:0 10px}.game-shell .brand{font-size:20px}.game-shell .brand-mark{display:none}.game-shell .main-nav{gap:10px;margin-left:auto}.game-shell .nav-link{font-size:11px}.game-shell .crowd-setting select{width:76px;font-size:9px}.game-shell .header-right{margin-left:0}.game-shell .dungeon-label{max-width:190px}.game-shell .dungeon-label strong{font-size:24px}.game-shell .raid-strip{width:132px;right:12px}.game-shell .sidebar{right:12px;width:122px}.game-shell .game-hud{width:190px;max-width:190px}
 .game-shell .action-dock{grid-template-columns:1fr;gap:9px;padding:10px 12px;bottom:12px;max-width:calc(100% - 24px)}.game-shell .action-dock .hero-card{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;padding:9px 0 0;border-left:0;border-top:1px solid #526371}.game-shell .action-dock .hero-card .section-heading{grid-column:2;grid-row:1;justify-content:flex-start}.game-shell .action-dock #take-control{grid-column:1;grid-row:1/3;min-height:38px;padding:9px 6px}.game-shell .action-dock .auto-setting{grid-column:2;grid-row:2}.game-shell .action-dock #hero-status{font-size:8px}.game-shell .weapon-label{min-height:11px;font-size:9px}.game-shell .weapon-slot small{font-size:7px}.game-shell .weapon-slot img,.game-shell .weapon-art{width:28px;height:28px}.game-shell .spell-heading{margin-bottom:6px}.game-shell .build-stats{font-size:9px}.game-shell .lobby-overlay{bottom:249px;grid-template-columns:1fr auto;padding:10px 12px;max-width:calc(100% - 24px)}.game-shell .lobby-overlay h2{font-size:18px}.game-shell .lobby-overlay p{display:none}.game-shell .lobby-overlay .button{grid-row:1;padding:9px;font-size:10px}.game-shell .lobby-overlay .text-button{font-size:9px}.game-shell .sidebar{max-height:calc(100% - 400px)}.game-shell .arena-topbar #follow-leader{font-size:0;gap:0}.game-shell .arena-topbar #follow-leader svg{width:15px}.game-shell .camera-controls{padding-left:4px;gap:3px}.game-shell .camera-controls kbd{display:none}
}
@media(max-height:650px) and (min-width:721px){.game-shell .dungeon-label{top:18px}.game-shell .game-hud{top:112px}.game-shell .sidebar{top:18px;gap:10px;max-height:calc(100% - 190px)}.game-shell .minimap-panel canvas{width:130px;height:auto;margin:auto}.game-shell .minimap-panel{padding:9px}.game-shell #leaderboard{max-height:125px}.game-shell .leaderboard-foot{display:none}.game-shell .action-dock{bottom:14px;padding:10px 14px}.game-shell .lobby-overlay{bottom:189px;padding:11px 14px}.game-shell .lobby-overlay p{display:none}}

/* Keep defeat and respawn feedback clear of the weapon dock. */
.game-shell #death-banner{top:38%;bottom:auto;left:50%;transform:translate(-50%,-50%);width:410px;max-width:90%;z-index:6;background:#122330f2;border-color:#bda475;padding:16px 20px}
.game-shell #death-banner strong{font:600 21px/1.4 var(--body);color:#f6e5bd}
.game-shell #death-banner span{font:12px/1.6 var(--body);color:#c7d5d4}
.game-shell #death-banner .text-button{font:12px var(--body)}

/* Keep level-up choices below the fight, using the dock's space while choosing. */
.game-shell .upgrade-overlay{top:auto;bottom:16px;transform:translateX(-50%);width:min(740px,calc(100% - 32px));max-height:48%;padding:14px 18px;border-radius:3px;background:#102330f5}
.game-shell .upgrade-overlay h3{font-size:20px;margin:5px 0 10px}
.game-shell .upgrade-overlay>small{margin-top:8px}
.game-shell #upgrade-options button{min-height:132px;padding:12px;gap:6px}
.game-shell #upgrade-options .upgrade-art{width:40px;height:40px}
.game-shell #upgrade-options strong{font-size:16px}
.game-shell #upgrade-options span{font-size:13px;line-height:1.4}
.game-shell .canvas-wrap:has(#upgrade-overlay:not([hidden])) .action-dock{visibility:hidden;pointer-events:none}

/* Full-width health is legible at a glance even during combat. */
.game-shell .game-hud{flex-wrap:wrap;width:280px;max-width:280px;gap:10px}
.game-shell .hud-character{flex:1 1 100%}
.game-shell .hud-character strong{max-width:200px;font-size:14px}
.game-shell .hud-health{flex:1 1 100%;width:100%;max-width:100%}
.game-shell .hud-health>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.game-shell .hud-health>div:first-child>span{display:inline;font:600 10px var(--body);letter-spacing:1px;color:#c6d5cd}
.game-shell .hud-health strong{font:700 16px/1.2 var(--body);font-variant-numeric:tabular-nums;color:#f0f6e8}
.game-shell .hud-health .meter{height:15px;border:1px solid #8ca58a;background:#26383b}
@media(max-width:720px){
 .game-shell .game-hud{width:206px;max-width:206px;gap:7px}
 .game-shell .hud-character strong{max-width:140px;font-size:13px}
 .game-shell .upgrade-overlay{bottom:12px;padding:12px;max-height:46%}
 .game-shell #upgrade-options button{min-height:76px;grid-template-columns:40px 1fr;gap:4px 10px;padding:8px 10px}
 .game-shell #upgrade-options .upgrade-art{width:40px;height:40px}
 .game-shell .upgrade-overlay h3{font-size:18px}
 .game-shell .upgrade-overlay>small{font-size:11px}
}
@media(max-width:480px){.game-shell .game-hud{width:190px;max-width:190px}}