header{position:sticky!important;top:0!important;z-index:40!important;display:grid!important;grid-template-columns:160px 86px minmax(0,1fr) auto!important;grid-template-rows:68px!important;column-gap:18px!important;width:100%!important;height:auto!important;min-height:68px!important;padding:0 clamp(16px,2vw,36px)!important;align-items:center!important;box-shadow:0 1px 0 #40535E!important}
header .brand-logo{grid-column:1;grid-row:1;width:154px!important;height:54px!important}
header .brand-title{grid-column:2;grid-row:1;font-size:10px!important;color:#D4B483!important}
header #state{grid-column:4;grid-row:1;margin:0!important}
.top-nav{grid-column:3;grid-row:1;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#526772 transparent;align-self:stretch;display:flex;align-items:stretch}
.top-nav-items{display:flex;align-items:stretch;gap:3px;min-width:max-content}
.top-nav button{background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;color:#C1CDD2!important;font:500 11px 'IBM Plex Sans',sans-serif!important;min-height:0!important;height:100%;padding:0 10px!important;white-space:nowrap!important;letter-spacing:.005em}
.top-nav button:hover{color:white!important;background:#213744!important}
.top-nav button.active{color:#FFF!important;border-bottom-color:#B3241C!important;background:#213744!important}
.tabs{display:none!important}
.workspace-head{padding-top:4px}
.win-celebration{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.win-backdrop{position:absolute;inset:0;background:#071720dd;backdrop-filter:blur(8px);z-index:-1}
.win-center{position:relative;z-index:2;text-align:center;color:#F7FAFA;padding:30px 18px;max-width:92vw;animation:win-pop .6s cubic-bezier(.2,1.6,.35,1) both}
.win-eyebrow{font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.22em;color:#D4B483}
.win-trophy{font-size:65px;color:#D4B483;text-shadow:0 0 50px #D4B48366;animation:win-glow 1.4s ease-in-out infinite alternate}
.win-headline{font:700 clamp(75px,15vw,170px)/.98 Archivo,sans-serif;letter-spacing:-.08em;color:#F7FAFA;text-shadow:6px 7px 0 #B3241C}
.win-phrase{font:700 clamp(26px,5vw,52px) Archivo,sans-serif;letter-spacing:-.03em;margin:20px 0 8px;color:#D4B483}
.win-sub{font:400 16px 'IBM Plex Sans',sans-serif;color:#CFDEE4;margin:0 0 30px}
.win-close{background:#B3241C!important;color:white!important;border:0!important;padding:12px 28px!important;font:600 13px 'IBM Plex Sans',sans-serif!important}
.win-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.win-particle{position:absolute;top:-10vh;left:var(--x);width:9px;height:18px;opacity:0;transform:rotate(0);animation:win-fall var(--duration) linear var(--delay) forwards}
.win-particle:nth-child(3n){width:6px;height:9px;border-radius:50%}
@keyframes win-fall{0%{transform:translate(0,-10vh) rotate(0);opacity:1}95%{opacity:1}100%{transform:translate(var(--dx),115vh) rotate(var(--rot));opacity:0}}
@keyframes win-pop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@keyframes win-glow{to{transform:scale(1.12);filter:brightness(1.4)}}
@media(max-width:1050px){header{grid-template-columns:120px minmax(0,1fr) auto!important;column-gap:12px!important}.brand-logo{width:115px!important}header .brand-title{display:none!important}.top-nav{grid-column:2}header #state{grid-column:3}}
@media(max-width:780px){header{grid-template-columns:95px minmax(0,1fr) auto!important;grid-template-rows:57px!important;min-height:57px!important;padding:0 10px!important;column-gap:8px!important}header .brand-logo{width:92px!important;height:44px!important}.top-nav{grid-column:2}.top-nav button{font-size:10px!important;padding:0 9px!important}header #state{grid-column:3}header #state button{padding:7px!important;font-size:10px!important}.workspace-head{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.win-center,.win-particle,.win-trophy{animation:none!important}}
