/* Isaurie : interface pixel, police locale sous SIL OFL 1.1. */
@font-face{font-family:Monocraft;src:url('fonts/Monocraft.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#171a16;--surface:#242923;--surface2:#30382d;--line:#495143;--text:#f4f2e9;--muted:#bcc5b4;--accent:#b4e378;font-family:Monocraft,monospace;font-size:16px;font-variant-ligatures:none}
body{line-height:1.6}
h1,h2,h3,.metric strong{font-weight:400;letter-spacing:0}
h1,h2,h3{text-wrap:balance}
.eyebrow{font-weight:400;letter-spacing:.08em;line-height:1.8}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff1a6;outline-offset:4px}
.topbar{height:94px;display:grid;grid-template-columns:1fr auto 1fr;padding:0 3%;gap:22px;background:#171b17;border-bottom:3px solid #090d09;box-shadow:inset 0 -2px #414b3b;position:relative;z-index:2}
.topbar>nav{grid-column:2;gap:10px;font-size:.8rem}
.topbar .account{grid-column:3;justify-self:end;gap:14px;font-size:.7rem}
.account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar nav a,.button,button:not(.segment):not(.bucket):not(.traffic-column),aside nav a,select,.search-tag-menu summary{border:2px solid #0c100b;border-radius:0;background:#555e50;color:#f7f5ee;box-shadow:inset 2px 2px #899280,inset -2px -3px #30382b,0 3px #0b0e0a;text-shadow:2px 2px #0008;font-weight:400;transition:background-color .1s}
.topbar nav a{padding:11px 17px;white-space:nowrap;min-height:46px}
.button,button:not(.segment):not(.bucket):not(.traffic-column){padding:12px 17px;font-size:.8rem;min-height:46px;justify-content:center;gap:12px}
.button.primary,.topbar nav a.active,aside nav a.selected{background:#4d7633;border-color:#15220e;color:#f4ffde;box-shadow:inset 2px 2px #89b65e,inset -2px -3px #2b451c,0 3px #0b0e0a}
.topbar nav a:hover,.button:hover,button:not(.segment):not(.bucket):not(.traffic-column):hover,aside nav a:hover,select:hover,.search-tag-menu summary:hover{background:#6c7b60;border-color:#e2ebbc;color:#fff}
.button.primary:hover,.topbar nav a.active:hover,aside nav a.selected:hover{background:#648f43}
.topbar nav a:active,.button:active,button:not(.segment):not(.bucket):not(.traffic-column):active{box-shadow:inset 2px 3px #20281b,inset -2px -2px #81916c;transform:translateY(2px)}
button:disabled{opacity:.5;transform:none!important}
.account .text-button{font-size:.65rem;padding:10px 12px;min-height:44px}
.hero{align-items:flex-start;padding:clamp(40px,7vh,85px) 7% 180px;min-height:calc(100svh - 94px);background:#171a16}
.hero-copy{max-width:760px}
.hero h1,.login-layout h1{font-family:Monocraft,monospace;font-size:clamp(2.25rem,4.8vw,5rem);line-height:1.3;letter-spacing:-.025em;text-shadow:4px 4px #0a110de0;font-weight:400}
.hero h1 em,.login-layout h1 em{font-family:inherit;font-style:normal;font-weight:400;color:#b4e378}
.hero-scenery::after{background:linear-gradient(90deg,#0d170e99,transparent 70%),linear-gradient(0deg,#171a16 0%,transparent 32%)}
.hero-caption{border:2px solid #10190d;box-shadow:inset 2px 2px #637657,inset -2px -2px #263021,4px 4px #0006;background:#1c281dde;backdrop-filter:none;right:5%;bottom:42px;padding:18px 22px;max-width:calc(100% - 48px)}
.hero-caption h2{font:400 1.4rem/1.5 Monocraft,monospace;text-shadow:2px 2px #0009}
.hero-caption a{font-size:.7rem;display:inline-block;padding:5px 0}
.hero-caption a:hover{color:#fff;text-decoration:underline}
.home-bottom{padding-top:48px}.home-bottom h2{font-size:1.5rem;line-height:1.6}
.login-layout h1{font-size:clamp(2rem,4vw,4rem)}
.panel,.metric,.service-card,.player-chip,.notice,.badge,.player-avatar,.segment,.bucket,.track,.traffic-bar{border-radius:0}
.panel,.metric{border:2px solid #10140e;box-shadow:inset 1px 1px #58634f,3px 3px #0b0f09}
.panel{padding:24px}.metric strong{font-size:1.65rem}.metric>span{font-size:.75rem;line-height:1.7;display:block}
.panel-head h2{font-size:1rem;line-height:1.6}.page-heading h1{font-size:2rem;line-height:1.4}
.workspace{grid-template-columns:260px minmax(0,1fr)}aside{background:#1c211a;border-right:2px solid #0d120a;padding:28px 16px}aside nav{gap:12px}aside nav a{font-size:.7rem;padding:12px 10px;gap:8px}aside nav a span{display:none}
input{border:2px solid #747f68;border-radius:0;background:#10170f;box-shadow:inset 3px 3px #080d07;line-height:1.5}select{padding:10px 12px;line-height:1.5}
.controls label,.filters label{line-height:1.7}.events-table{font-size:.75rem;line-height:1.8}.events-table th{font-size:.7rem}.events-table td{padding:14px 10px}.fact{font-size:.75rem;line-height:1.8}.service-card h3{line-height:1.7}.legend-item button{box-shadow:none!important;background:none!important;border:0!important;text-shadow:none!important;transform:none!important;padding:0!important;min-height:44px}.player-name{font-size:.8rem;font-weight:400}.row-name{font-size:.7rem}.tick{font-size:.65rem}.timeline-row{min-height:58px}
.traffic-rank>div{font-size:.75rem;line-height:1.8}.traffic-toolbar p,.traffic-footnote{font-size:.75rem}.traffic-rank progress,.traffic-rank progress::-webkit-progress-bar,.traffic-rank progress::-webkit-progress-value{border-radius:0}.traffic-chart-key{font-size:.75rem}
.traffic-column,.segment,.bucket{text-shadow:none;box-shadow:none}.badge{font-size:.65rem}.freshness{font-size:.65rem}.activity{font-size:.7rem}.activity time{font-size:.6rem}
footer{font-size:.65rem;line-height:1.8}
@media(max-width:1250px){.topbar{grid-template-columns:auto 1fr}.topbar>nav{grid-column:1}.topbar .account{grid-column:2}.account-name{display:none}.workspace{grid-template-columns:225px minmax(0,1fr)}.console-main{padding:24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topbar{display:flex;flex-wrap:wrap;height:auto;min-height:94px;padding:15px 16px;gap:14px;justify-content:center}.topbar>nav{order:0;width:auto;gap:8px;flex-wrap:wrap;justify-content:center}.topbar .account{justify-content:center;flex-wrap:wrap;gap:10px}.topbar nav a{font-size:.7rem;padding:10px 12px}.account .button{font-size:.7rem;padding:10px 12px}.hero{min-height:calc(100svh - 150px);padding:40px 24px 175px}.hero h1{font-size:clamp(2rem,8vw,3.5rem)}.hero-scenery img{object-position:62% center}.hero-scenery::after{background:linear-gradient(180deg,#10190f66,transparent 45%,#171a16)}.hero-caption{bottom:28px;right:24px}.hero-caption h2{font-size:1.15rem}.hero-caption .eyebrow{font-size:.6rem}.workspace{display:block}aside{padding:14px 12px;border-right:0}aside nav{gap:8px}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:1.5rem}.freshness{text-align:left;max-width:none}.console-main{padding:25px 14px}.panel{padding:16px}.metric{padding:16px}.metric strong{font-size:1.3rem}.panel-head{flex-wrap:wrap}.home-bottom h2{font-size:1.2rem}.login-layout{padding:35px 20px}.login-layout h1{font-size:2rem}.period-buttons{flex-wrap:wrap}.period-buttons button{font-size:.7rem;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.topbar nav a,.button,button,aside nav a{transition:none;transform:none!important}}
