/* Ruins art direction: restrained brass, cool slate, and a readable game HUD. */
:root{--body:Inter,Segoe UI,Arial,sans-serif;--text:#e0e5da;--muted:#929f99;--gold:#c5ad7d}
.game-shell .site-header{height:56px;min-height:56px;background:#101b20;border-bottom:1px solid #445049;box-shadow:none;padding:0 22px;gap:28px}
.game-shell .brand{font-size:26px;gap:10px}.game-shell .brand small{display:none}.game-shell .brand-mark{width:29px;height:30px;background:#baaa7d;box-shadow:none}.game-shell .brand-zero{color:#d7c79d}
.game-shell .main-nav{gap:28px}.game-shell .nav-link{font:12px var(--body);color:#8e9d99;letter-spacing:.1px;border-bottom-width:2px}.game-shell .nav-link.active{color:#e4e8dc;border-bottom-color:#c6b385}
.game-shell .header-right{gap:18px}.game-shell .header-right .button{font:12px var(--body);background:#22312e;border-color:#4f6050;box-shadow:none;padding:7px 12px;color:#cdd9c9}.game-shell .header-right>.text-button{font:10px var(--body);letter-spacing:1px}.game-shell .environment{font:8px var(--body);letter-spacing:1px;color:#78928b}
.game-shell .crowd-setting{font:9px var(--body);color:#7e938c;letter-spacing:1px}.game-shell .crowd-setting select{font:10px var(--body);letter-spacing:.4px;background:#19272a;border-color:#3f514b;color:#bfccb9;padding:6px}
.game-shell main{height:calc(100dvh - 56px)}.game-shell .arena-panel{background:#0e1d25}.game-shell .canvas-wrap{height:calc(100% - 35px)}
.game-shell .dungeon-label{top:28px;left:30px;max-width:360px;gap:7px;text-shadow:0 2px 12px #031316,1px 2px #14262a}.game-shell .dungeon-label .eyebrow{font:9px var(--body);letter-spacing:2.4px;color:#b0baa1}.game-shell .dungeon-label strong{font:30px Georgia,serif;color:#e1e0c7;letter-spacing:-.6px}.game-shell .dungeon-label>span:last-child{font:10px var(--body);color:#8fa69a;letter-spacing:.25px}
.game-shell .game-hud{top:126px;left:30px;padding:9px 11px;max-width:256px;min-height:65px;gap:9px;background:#112226d9;border-color:#41564c;box-shadow:0 4px 18px #07151940;border-radius:3px}.game-shell .hud-character strong{font:12px var(--body);font-weight:600;max-width:110px}.game-shell .hud-character span{font:9px var(--body);color:#8fa59b}.game-shell .hud-health strong{font:10px var(--body);color:#c0d6b7}.game-shell .hud-health{flex-basis:82px;max-width:82px}.game-shell .hud-health .meter{height:5px;background:#243d38;box-shadow:none}.game-shell .xp-meter{height:2px;background:#263b42}
.game-shell .raid-strip{top:22px;width:215px;padding:10px 14px;gap:8px 14px;background:#112126e8;border-color:#506055;border-radius:3px;box-shadow:0 5px 22px #08131c55}.game-shell .raid-identity h2{font:14px var(--body);color:#cdd9cd}.game-shell .status-badge{font:7px var(--body);letter-spacing:1px;color:#c4d8b0;background:#354837;border-color:#51694c;padding:3px 5px}.game-shell .status-badge.active{color:#e0c895;background:#4a4130;border-color:#716447}.game-shell .strip-stat .eyebrow{font:7px var(--body);letter-spacing:1px;color:#8c9e96!important}.game-shell .strip-stat strong{font:19px var(--body);font-variant-numeric:tabular-nums;color:#dfdfc8}.game-shell .countdown strong{font:20px var(--body);letter-spacing:.5px;color:#d4c79e}.game-shell .countdown{border-color:#3c5049}.game-shell .watch-chip{display:none}
.game-shell .sidebar{top:22px;right:22px;width:196px;gap:14px;max-height:calc(100% - 110px)}
.game-shell .minimap-panel{padding:10px;background:#112126e8;border-color:#4c5d51;box-shadow:0 5px 22px #08131c55;border-radius:3px}.minimap-panel h3{font:9px var(--body);letter-spacing:1px;color:#b7c6b6}.minimap-panel .section-heading>span{font:8px var(--body);color:#748d82}.minimap-panel canvas{border-color:#354c45;opacity:.92}.map-legend{font:6px var(--body);color:#8ba498;margin-top:8px}
.game-shell .leaderboard-panel{padding-top:11px;background:#112126d9;border-color:#354c43;box-shadow:none;border-radius:3px}.game-shell .leaderboard-panel .section-heading{padding:0 11px;margin-bottom:8px}.game-shell .leaderboard-panel .section-heading h3{font:11px var(--body);color:#b7c8b7}.game-shell .subtle-pill{font:6px var(--body);letter-spacing:.3px;background:transparent;color:#809d88;padding:0}.game-shell #roster-toggle{font:8px var(--body);letter-spacing:1px;color:#cab98c}.game-shell .table-labels{display:none}.game-shell .leader-row{padding:9px 11px;min-height:37px;border-top-color:#59735e22;gap:8px}.game-shell .leader-rank{font:10px var(--body);color:#748f82;width:18px}.game-shell .leader-avatar{display:none}.game-shell .leader-name{font:11px var(--body);color:#c6d2c4;font-weight:500}.game-shell .leader-mode{font:7px var(--body);letter-spacing:.6px;color:#698b7c;margin-top:4px}.game-shell .leader-score{font:11px var(--body);font-variant-numeric:tabular-nums;color:#c7c4a3}.game-shell .leader-row.selected{background:#6f906a18}.game-shell .leader-row.selected:before{background:#91a77b;width:2px}.game-shell .you-tag{font:6px var(--body);background:transparent;color:#a8c49c}.game-shell .leaderboard-foot{font:7px var(--body);padding:9px 11px;background:#102025;color:#6d8a7d;border-color:#3a514433}
.game-shell .balance-card,.game-shell .activity-panel{display:none}
.game-shell .hero-card{bottom:22px;width:388px;grid-template-columns:1fr 175px;padding:10px 13px;background:#13252aed;border-color:#65755b;box-shadow:0 6px 25px #04161a80;gap:5px 12px;border-radius:3px}.game-shell .hero-card .section-heading h3{font:7px var(--body);letter-spacing:1.6px;color:#9bae98}.game-shell .hero-card .section-heading .eyebrow{font:7px var(--body);letter-spacing:1px}.game-shell .hero-summary h2{font:13px var(--body);font-weight:600;color:#e0e5d5;max-width:132px}.game-shell .hero-summary>div>span:not(.portrait-spark){font:10px var(--body);color:#8da48e}.game-shell .portrait-frame{width:40px;height:49px;background:#263a38;border-color:#4a6050;border-radius:2px}.game-shell #take-control{font:12px var(--body);font-weight:600;background:#b5bd91;border-color:#d0d2a7;border-bottom:2px solid #74886b;color:#20372e;box-shadow:none;border-radius:2px;padding:10px 8px}.game-shell #take-control:hover{background:#d0d5aa}.game-shell .auto-setting>span:first-child{font:8px var(--body);color:#8ea593}.game-shell .auto-setting input:checked+.switch-track{background:#779b79}
.game-shell .arena-topbar{height:35px;background:#101d22;border-color:#354b43;padding:0 20px;gap:15px}.game-shell .arena-topbar>div{font:8px var(--body);letter-spacing:1px;color:#708c80}.game-shell .mini-button{font:10px var(--body);color:#a1b3a2}.game-shell .camera-controls{border-color:#3b4e45}.game-shell .camera-controls button{font:9px var(--body);background:#1a2a2d;color:#9eafa0;border:1px solid #3c5148;border-radius:2px;height:23px}.game-shell .camera-controls #zoom-value{font:8px var(--body);color:#718d7c}.game-shell #control-hint{font:8px var(--body);color:#698576}.game-shell .arena-bottom{display:none}
.game-shell .lobby-overlay{bottom:160px;width:305px;background:#112328ed;border-color:#566c58;border-radius:3px;box-shadow:0 8px 35px #04151c88;padding:20px}.game-shell .lobby-overlay h2{font:27px Georgia,serif;color:#dce1c8}.game-shell .lobby-overlay .eyebrow{font:7px var(--body);color:#8da890;letter-spacing:2px}.game-shell .lobby-overlay p{font:11px var(--body);color:#93aa9b;line-height:1.6}.game-shell .lobby-overlay .button{font:12px var(--body);font-weight:600;background:#b5bd91;color:#21392f;border-color:#c5cda1;box-shadow:none;border-radius:2px}.game-shell .lobby-overlay .text-button{font:9px var(--body);color:#8ea38c}
.game-shell[data-overview=true] .raid-strip{top:150px;left:30px;width:195px}.game-shell .boss-bar{font:11px var(--body);top:135px;background:#282426e8;border-color:#76624e}.game-shell .paused-overlay{background:#0c1e28d9}
@media(max-width:1100px){.game-shell .site-header{gap:16px;padding:0 16px}.game-shell .main-nav{gap:20px}.game-shell .header-right{gap:12px}.game-shell .sidebar{width:174px;right:15px}.game-shell .dungeon-label{left:20px;max-width:260px}.game-shell .dungeon-label strong{font-size:26px}.game-shell .game-hud{left:20px;max-width:240px}.game-shell .raid-strip{width:190px}.game-shell .hero-card{width:365px;grid-template-columns:1fr 160px}.game-shell .leader-mode{display:none}.game-shell .leaderboard-panel .section-heading{gap:5px}.game-shell .subtle-pill{display:none}}
@media(max-width:720px){.game-shell .site-header{height:52px;min-height:52px;padding:0 10px;gap:8px}.game-shell .brand{font-size:21px;gap:7px}.game-shell .brand-mark{width:23px;height:25px}.game-shell .main-nav{gap:12px}.game-shell .nav-link{font-size:10px}.game-shell .header-right{gap:0}.game-shell .crowd-setting select{font-size:9px;width:77px;padding:5px}.game-shell main{height:calc(100dvh - 52px)}.game-shell .dungeon-label{left:16px;top:20px;max-width:210px}.game-shell .dungeon-label strong{font-size:23px}.game-shell .dungeon-label .eyebrow{font-size:7px;letter-spacing:1.6px}.game-shell .dungeon-label>span:last-child{font-size:8px;max-width:180px;line-height:1.5}.game-shell .raid-strip{left:auto;right:14px;top:18px;transform:none;width:140px;padding:9px}.game-shell .raid-identity h2{font-size:11px}.game-shell .status-badge{font-size:5px;letter-spacing:.5px}.game-shell .strip-stat strong,.game-shell .countdown strong{font-size:17px}.game-shell .strip-stat .eyebrow{font-size:6px}.game-shell .game-hud{top:121px;left:15px;max-width:195px;padding:7px;gap:5px;min-height:60px}.game-shell .hud-character strong{font-size:10px;max-width:90px}.game-shell .hud-character span{font-size:8px}.game-shell .hud-health{max-width:64px;flex-basis:64px}.game-shell .hud-health strong{font-size:8px}.game-shell .sidebar{width:134px;right:14px;top:124px;gap:10px}.game-shell .minimap-panel{padding:7px}.minimap-panel h3{font-size:7px;letter-spacing:.4px}.minimap-panel .section-heading>span{display:none}.map-legend{font-size:5px}.game-shell .leaderboard-panel{padding-top:8px}.game-shell .leaderboard-panel .section-heading{padding:0 7px;margin-bottom:7px}.game-shell .leaderboard-panel .section-heading h3{font-size:9px}.game-shell .hero-card{width:calc(100% - 28px);max-width:370px;bottom:18px;padding:10px;grid-template-columns:1fr 47%}.game-shell .hero-summary h2{font-size:12px;max-width:112px}.game-shell #take-control{font-size:11px}.game-shell .hero-card .section-heading h3,.game-shell .hero-card .section-heading .eyebrow{font-size:6px}.game-shell .auto-setting>span:first-child{font-size:7px}.game-shell .arena-topbar{padding:0 8px;gap:5px}.game-shell .mini-button{font-size:8px}.game-shell .camera-controls button{font-size:8px}.game-shell .camera-controls{padding-left:5px}.game-shell .lobby-overlay{bottom:145px;width:285px}.game-shell[data-overview=true] .raid-strip{top:18px;left:auto;right:14px;width:140px}.game-shell .boss-bar{top:205px;width:190px}}
@media(max-width:420px){.game-shell .site-header{padding:0 8px;gap:6px}.game-shell .brand{font-size:19px;gap:5px}.game-shell .main-nav{gap:7px}.game-shell .nav-link{font-size:9px}.game-shell .brand-mark{width:21px}.game-shell .crowd-setting{font-size:0;letter-spacing:0}.game-shell .crowd-setting select{width:78px;font-size:8px}.game-shell .dungeon-label{max-width:200px}.game-shell .dungeon-label strong{font-size:22px}}
.game-shell .minimap-panel h3{font:9px var(--body);letter-spacing:1px;color:#b7c6b6}
.game-shell dialog{background:#15272d;border-color:#64765e;box-shadow:0 12px 70px #031319aa;border-radius:4px}.game-shell dialog::backdrop{background:#061820c9}.game-shell dialog h2{font:32px Georgia,serif;color:#d9ddc8}.game-shell dialog p,.game-shell dialog form>p{font:13px var(--body);color:#91a89b}.game-shell .dialog-note{font:11px var(--body);background:#102126;border-color:#374e45;color:#91a392}.game-shell .guide-steps h3{font:17px Georgia,serif;color:#d1d9bf}.game-shell .guide-steps p{font:12px var(--body);line-height:1.65}.game-shell .class-option{background:#172b30;border-color:#405649}.game-shell .class-option:has(input:checked){background:#314537;border-color:#91a27e}.game-shell #hero-input{background:#112228;border-color:#47604e;color:#dce4d2;font:16px var(--body)}
.game-shell .secondary-view{background:radial-gradient(ellipse at 50% 0,#28483855,transparent 65%),#102126}.game-shell .view-title h2{font:36px Georgia,serif;color:#dae1cb}.game-shell .view-title p{font:14px var(--body);color:#8ca697}.game-shell .class-display,.game-shell .history-row{background:#172b30;border-color:#3d5548;box-shadow:none}.game-shell .class-display h3{font:29px Georgia,serif;color:#d5dfc7}.game-shell .class-display p{font:13px var(--body);line-height:1.6}.game-shell .profile-detail{background:#1d352c;border-color:#4f6b50;font:14px var(--body)}

/* A readable character sheet, using the same live values as combat. */
.arsenal-footer{display:flex;align-items:center;gap:8px;margin-top:9px}
.game-shell .build-stats{flex:1;font:10px/1.5 var(--body);color:#d1decf;margin:0}
#stats-open{flex:none;padding:7px 9px;background:#344a3d;border:1px solid #7b9275;border-radius:3px;color:#eef0cf;font:600 12px var(--body);cursor:pointer}
#stats-open:hover{background:#4b624a}#stats-open:focus-visible{outline:2px solid #ffe09a;outline-offset:3px}
.game-shell #stats-dialog{width:min(650px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:26px;font-family:var(--body);overflow-y:auto}
.game-shell #stats-dialog h2{font:700 28px/1.2 var(--body);margin:8px 0;color:#fff3d4}
.game-shell #stats-dialog #stats-hero{color:#c4d7c7;line-height:1.5;margin-bottom:22px}
.stats-section-title{font:600 16px var(--body);color:#f0e6c9;margin:20px 0 8px}
.game-shell #stats-dialog .stats-explainer{font:12px/1.5 var(--body);color:#b6c8c5;margin:0 0 12px}
#global-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#global-stats>div{padding:12px;background:#20383b;border:1px solid #405957;border-radius:4px}
#stats-dialog dt{font:12px/1.4 var(--body);color:#b9cdca}#stats-dialog dd{font:600 21px/1.4 var(--body);font-variant-numeric:tabular-nums;color:#f3e5b6;margin:4px 0 0}
#weapon-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stat-weapon{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px;border:1px solid #536967;border-radius:5px;background:#1c3239}
.stat-weapon>img{width:44px;height:44px;object-fit:cover;border-radius:4px;border:1px solid #718078}
.stat-weapon-heading h4{font:600 15px/1.3 var(--body);color:#fff4d7;margin:0 0 5px}.stat-weapon-heading>span{font:10px var(--body);letter-spacing:1px;color:#a7c3b2}
.stat-weapon dl{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr .65fr;gap:8px;margin:0}
#stats-dialog .stat-weapon dt{font-size:11px}#stats-dialog .stat-weapon dd{font-size:21px}.stat-weapon dd small{font-size:13px;margin-left:2px}
.game-shell #stats-dialog .stat-weapon p{grid-column:1/-1;margin:0;font:12px/1.5 var(--body);color:#c0d2d2}
.game-shell #stats-dialog .stats-footnote{font:11px/1.6 var(--body);color:#9db7b3;margin:18px 0 0}
@media(max-width:520px){.game-shell #stats-dialog{padding:18px}#global-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#weapon-stats{grid-template-columns:1fr}}

/* Upgrade choices use clear UI text rather than the decorative pixel font. */
.game-shell .upgrade-overlay{top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);width:min(660px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:24px;background:#14232bfa;border:1px solid #8da6a5;border-radius:8px;box-shadow:0 12px 48px #0009;z-index:8;font-family:var(--body)}
.game-shell .upgrade-overlay h3{font:700 26px/1.2 var(--body);color:#fff7df;letter-spacing:-.3px;margin:10px 0 20px}
.game-shell .upgrade-overlay>.eyebrow{font:600 12px/1.5 var(--body);letter-spacing:1.4px;color:#c4e5d8}
.game-shell #upgrade-timer{font-variant-numeric:tabular-nums;color:#ffe19c}
.game-shell #upgrade-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.game-shell #upgrade-options button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-height:210px;padding:18px 12px;border:1px solid #678087;border-radius:5px;background:#253943;color:#f4f7f8;white-space:normal;font-family:var(--body);transition:background .12s,border-color .12s}
.game-shell #upgrade-options button:hover{background:#344e58;border-color:#f1d493;transform:none}
.game-shell #upgrade-options button:focus-visible{outline:3px solid #ffe09a;outline-offset:3px;background:#344e58}
.game-shell #upgrade-options .upgrade-art{width:64px;height:64px;border-color:#78959b;border-radius:3px}
.game-shell #upgrade-options strong{font:700 17px/1.3 var(--body);color:#fff6dc;letter-spacing:0}
.game-shell #upgrade-options span{font:400 14px/1.55 var(--body);color:#e1eaf0;letter-spacing:0;overflow-wrap:break-word}
.game-shell .upgrade-overlay>small{display:block;margin-top:17px;font:400 12px/1.5 var(--body);color:#bacbd2}
@media(max-width:600px){
 .game-shell .upgrade-overlay{padding:18px;width:calc(100% - 24px);max-height:calc(100% - 24px)}
 .game-shell .upgrade-overlay h3{font-size:23px;margin-bottom:14px}
 .game-shell #upgrade-options{grid-template-columns:1fr;gap:9px}
 .game-shell #upgrade-options button{display:grid;grid-template-columns:48px 1fr;gap:5px 12px;min-height:92px;padding:12px;text-align:left;align-items:center}
 .game-shell #upgrade-options .upgrade-art{width:48px;height:48px;grid-column:1;grid-row:1 / span 2}
 .game-shell #upgrade-options strong,.game-shell #upgrade-options span{grid-column:2}
 .game-shell #upgrade-options strong{font-size:16px}.game-shell #upgrade-options span{font-size:14px;line-height:1.4}
}