/* Graphite, steel, and amber: the tactical menu treatment. */
:root{--green:#d6a556;--orange:#e6b464;--text:#f0f1f2;--muted:#a8aeb5;--line:rgba(189,199,210,.19);--panel:rgba(24,29,36,.89);--steel:#a9c3d7;--motion-x:0px;--motion-y:0px}
body{background:#171c24}.shell{z-index:3}.scene{inset:-2%;background-position:65% center;transform:translate3d(var(--motion-x),var(--motion-y),0) scale(1.045);animation:cinematic-breathe 28s ease-in-out infinite;will-change:transform;filter:saturate(.79) contrast(1.04)}
.atmosphere{background:linear-gradient(90deg,rgba(11,17,24,.94),rgba(11,17,24,.63) 35%,rgba(11,17,24,.07) 68%),linear-gradient(0deg,rgba(12,18,25,.99),transparent 35%,transparent 70%,rgba(14,20,27,.72))}
.sun-rays,.drifting-fog,#dust-canvas{position:fixed;inset:0;pointer-events:none;z-index:1}.sun-rays{background:conic-gradient(from 135deg at 98% -15%,transparent 0deg,rgba(255,205,125,.08) 8deg,transparent 13deg,rgba(255,205,125,.08) 20deg,transparent 26deg,rgba(255,213,148,.035) 35deg,transparent 44deg);mix-blend-mode:screen;animation:light-drift 19s ease-in-out infinite alternate;transform-origin:95% 0}
.drifting-fog{inset:50% -20% -16%;background:radial-gradient(ellipse at 80% 75%,rgba(190,192,171,.17),transparent 45%),radial-gradient(ellipse at 30% 100%,rgba(170,181,190,.11),transparent 40%);filter:blur(24px);animation:fog-drift 24s ease-in-out infinite alternate;mix-blend-mode:screen}
#dust-canvas{width:100%;height:100%;opacity:.82}.topbar{background:linear-gradient(90deg,rgba(26,34,45,.08),rgba(26,34,45,.2));gap:38px}.brand-mark{color:#c3d3df}.brand small{color:#b7c6d4;border-color:#657180}.nav-link{color:#b6bdc7;font-weight:600}.nav-link.active{color:#ead0a5}.nav-link.active:after{height:3px;background:#d9ad66;box-shadow:0 0 14px #e4b16455}.nav-link:before{content:'';position:absolute;inset:13px -12px;background:#bcccdc0d;opacity:0;transition:opacity .25s}.nav-link:hover:before{opacity:1}.nav-link:hover{color:#fff}.top-tools{gap:9px}.icon-button{width:34px;height:34px;border-color:#798c9d40;background:#25303c65;color:#bfcbd4}.icon-button:hover{background:#687d8e38;border-color:#a9b9c890;color:#fff;transform:translateY(-2px)}
.eyebrow{color:#adbfcf;letter-spacing:2.5px}.eyebrow .line{background:#b6cadd}.tiny-cross{color:#d6a556}h1{font-weight:700;letter-spacing:1px;text-shadow:0 3px 23px #0003}h1>span{color:#e6bb76}.title-dot{color:#b8c9d9}.tagline{letter-spacing:1.4px;color:#d5dae0}.intro{color:#aab3bd}.panel-label{color:#b9c3cc}.panel-label .mono{color:#92a8b9}.play-panel{animation:panel-arrive .7s .15s both}.mode{background:linear-gradient(135deg,rgba(61,73,87,.55),rgba(23,30,39,.93));border-color:#6573824a;color:#a7b3be;overflow:hidden;transition:background .22s,border-color .22s,transform .22s,box-shadow .22s}.mode span{font-weight:600;letter-spacing:1px}.mode small{color:#94a0ac}.mode.selected{border-color:#cc9d5680;color:#f2d29d;background:linear-gradient(125deg,rgba(154,114,52,.36),rgba(31,37,44,.91));box-shadow:inset 3px 0 #d6a556}.mode.selected:before{border:0;background:#e4b871;width:4px;height:4px;right:10px;top:10px;box-shadow:0 0 10px #e4b871aa}.mode.selected small{color:#cfbfa8}.mode:hover{transform:translateY(-3px);border-color:#b7cad580;box-shadow:0 6px 18px #0003}.mode:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#b9ccde12 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s}.mode:hover:after{transform:translateX(100%)}.mode:nth-child(2){animation:panel-arrive .65s .23s both}.mode:nth-child(3){animation:panel-arrive .65s .32s both}
.player-row{background:rgba(25,32,42,.88);border-color:#6b7c8d45;border-left:2px solid #7795ae}.avatar{background:#3d4c3e;border-color:#8c9b74}.name-field span,.region-field>span{color:#93a6b6}.region-field select{color:#d1dae1}.region-field option{background:#202935}.play-button{background:linear-gradient(110deg,#bb8745,#d0a15e 65%,#dbb67d);color:#161c23;box-shadow:none;border:1px solid #e0b578;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);padding:14px 20px;transition:filter .25s,transform .25s,background .25s;overflow:hidden}.play-button>span:nth-child(2){font-weight:700;letter-spacing:2px}.play-button:hover{background:linear-gradient(110deg,#d2a05b,#e7bf83);box-shadow:none;transform:translateY(-2px);filter:brightness(1.05)}.play-button:active{transform:translateY(1px)}.play-button:after{content:'';position:absolute;inset:-100% -40%;background:linear-gradient(105deg,transparent 43%,#fff5 50%,transparent 57%);transform:translateX(-100%);animation:button-glint 8s ease-in-out infinite;pointer-events:none}.button-arrow{font-size:30px;transition:transform .25s}.play-button:hover .button-arrow{transform:translateX(4px)}.play-note{color:#a9b9c8}.play-note>span:last-child{color:#778c9d}.status-dot,.footer-live i,.map-card i{background:#b1c9dc;box-shadow:0 0 9px #b1c9dc55;animation:status-breathe 3s ease-in-out infinite}.operator-label{background:#202b38b8;border-color:#728fa466;border-left-color:#c69d5b;box-shadow:0 4px 25px #0002;animation:operator-arrive .9s .4s both}.operator-label small{color:#95aabb}.operator-label div>span{color:#c1cbd2}.operator-number{color:#8ea4b5}.scene-caption>span{color:#becbd6}.scene-caption strong{color:#e0e7ed;text-shadow:0 2px 12px #0008}.map-coordinates{color:#a5b9cb}.map-coordinates span{color:#8197ab}.bottom-strip{background:linear-gradient(90deg,#1d273111,transparent)}.strip-heading{color:#b7c3cd}.strip-heading .mono{color:#d3b78e}.squad-member>span{background:#655b3f55;border-color:#b89967}.squad-member small{color:#ddbd8a}.squad-slot{border-color:#6d859a70;color:#90a8bc;background:#26324166}.squad-slot:hover{background:#70899d29;border-color:#b3c6d4;color:#e3eaf0;transform:translateY(-2px)}.invite-button{color:#b9c7d3}.invite-button:hover{color:#e5bc7b}.briefing-icon{color:#bf9a60}.briefing-card small,.map-card small{color:#9aacbb}.briefing-card div>span{color:#94a6b4}.briefing-card strong{color:#dce2e8}.briefing-card:hover strong{color:#e5bc7b}.map-card{background:#212c37cc;border-color:#71839844;overflow:hidden}.map-thumb{filter:saturate(.6);transition:filter .3s,transform .6s}.map-card:hover{border-color:#b79c6c90;transform:translateY(-2px)}.map-card:hover .map-thumb{filter:saturate(1);transform:scale(1.05)}.map-card div>span{color:#acbecd}.map-change{color:#cdb184}footer{color:#6f8598}footer button{color:#aebfcd}.footer-live{color:#9eb5c8}dialog{background:linear-gradient(140deg,#303d4b,#1c2631);border-color:#64758890;box-shadow:0 20px 100px #0008}.dialog-top{color:#92a9ba}.dialog-description{color:#b4c1cd}.close-button{color:#bdccd7}.intel-row p{color:#a6b7c6}.coming-note{background:#5847303b;color:#cfbea3;border-color:#c8a065}.dialog-choice{background:#34435255;color:#d9e1e8}.dialog-choice.chosen{border-color:#d6a556}.dialog-choice:hover{background:#627d9130}.dialog-choice small{color:#a6b9c9}.dialog-action,.ready-button{background:#cda160;color:#1b2430}.dialog-action:hover,.ready-button:hover{background:#e3bc82}.invite-code{border-color:#a98758;color:#e3bc82}.settings-field select{background:#25323f;border-color:#5b7185;color:#e0e8ee}#toast{background:#273645;border-color:#7b94a8;color:#d9e6ee}.loading-vignette{background:linear-gradient(90deg,#121c28f7,#121c28d9 35%,#121c2811 75%),linear-gradient(0deg,#121c28d6,transparent 80%)}.loading-tag span,.concept-note{color:#92a8bb!important}.loading-main>p{color:#becbd7}.loading-badges span{border-color:#728a9e66;color:#d5c09f}.loading-steps{color:#8ba3b9}.loading-steps .complete{color:#ddba83}.progress-track{background:#6b859440}.progress-track>div{background:#d6a556;box-shadow:0 0 17px #d6a55655;position:relative;overflow:hidden}.progress-track>div:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff7,transparent);width:70%;animation:progress-shimmer 1.7s linear infinite}.loading-squad{color:#c4d3df}#loading-screen{background-position:65% center;animation:loading-pan 24s ease-in-out infinite alternate}.loading-main{animation:panel-arrive .6s both}
.music-trigger{height:34px;display:flex;align-items:center;gap:10px;background:#23303e80;border:1px solid #7891a24a;padding:0 12px;font:600 9px var(--mono);letter-spacing:1px;color:#b9cbd9}.music-trigger:hover{border-color:#d6a556;color:#e8c58e}.music-trigger[aria-pressed=true]{border-color:#b59055;color:#e7bd7c;background:#6f54372d}.equalizer{display:flex;gap:2px;align-items:center;height:13px}.equalizer i{display:block;width:2px;height:4px;background:currentColor}.music-trigger[aria-pressed=true] .equalizer i{animation:equalizer .7s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.3s!important}.equalizer i:nth-child(3){animation-delay:-.6s!important}.equalizer i:nth-child(4){animation-delay:-.15s!important}.music-controls{margin-top:20px}.volume-row{display:flex;align-items:center;gap:16px;padding:17px 0;color:#bac9d5;font-size:12px}.volume-row input{flex:1;min-width:70px;accent-color:#d6a556}.volume-row output{font:11px var(--mono);min-width:32px}.music-action-row{display:flex;gap:10px}.music-action-row button{flex:1}.secondary-action{padding:12px;border:1px solid #8196a766;background:#3b4d5d44;color:#c2d3df}.secondary-action:hover{background:#536d8044}.motion-setting input{accent-color:#d6a556}.music-source-note{font-size:11px;color:#9cabb9;line-height:1.6}.music-source-note a{color:#d3b284;text-decoration:underline}.music-dock[hidden]{display:none}.music-dock{position:fixed;right:24px;top:92px;width:340px;max-width:calc(100% - 28px);z-index:15;border:1px solid #8d795c;background:#1d2b38;box-shadow:0 12px 60px #0006;animation:panel-arrive .3s both}.music-dock-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;color:#dec092;font:9px var(--mono);letter-spacing:1px}.music-dock-heading button{background:none;font-size:23px;line-height:1;color:#bcccdc}.music-dock iframe{display:block;width:100%;height:200px;border:0}.music-dock-bottom{padding:10px 13px;display:flex;flex-direction:column;gap:9px;font:9px/1.5 var(--mono);color:#98b0c3}.music-dock-bottom a{color:#d4b98f;font-size:8px;letter-spacing:1px}
@keyframes cinematic-breathe{0%,100%{transform:translate3d(var(--motion-x),var(--motion-y),0) scale(1.045)}50%{transform:translate3d(calc(var(--motion-x) - 7px),calc(var(--motion-y) + 4px),0) scale(1.07)}}@keyframes light-drift{from{transform:rotate(-4deg);opacity:.5}to{transform:rotate(4deg);opacity:1}}@keyframes fog-drift{from{transform:translateX(-5%) scale(1);opacity:.55}to{transform:translateX(8%) scale(1.1);opacity:.95}}@keyframes button-glint{0%,72%{transform:translateX(-100%)}94%,100%{transform:translateX(100%)}}@keyframes status-breathe{0%,100%{opacity:.55;box-shadow:0 0 4px #b1c9dc44}50%{opacity:1;box-shadow:0 0 12px #b1c9dc66}}@keyframes panel-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes operator-arrive{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes equalizer{from{height:3px}to{height:13px}}@keyframes progress-shimmer{from{transform:translateX(-150%)}to{transform:translateX(200%)}}@keyframes loading-pan{from{background-position:64% 50%}to{background-position:69% 51%}}
body.motion-disabled .scene,body.motion-disabled .sun-rays,body.motion-disabled .drifting-fog,body.motion-disabled .play-button:after,body.motion-disabled .status-dot,body.motion-disabled .footer-live i,body.motion-disabled .map-card i,body.motion-disabled #loading-screen,body.motion-disabled .progress-track>div:after{animation:none!important}body.motion-disabled .scene{transform:scale(1.045)}body.motion-disabled .sun-rays{opacity:.5}body.motion-disabled #dust-canvas{display:none}
@media(max-width:1150px){.topbar{gap:24px}.top-tools{gap:6px}.music-trigger{padding:0 9px}}@media(max-width:800px){.scene{background-position:68% center}.atmosphere{background:linear-gradient(90deg,#101b28ec,#101b28a1 58%,#101b2844),linear-gradient(0deg,#101b28f5,transparent 80%)}.top-tools{gap:5px}.music-trigger{padding:0 8px;font-size:8px}.icon-button{width:30px;height:30px}.music-trigger{height:30px}.nav-link{font-size:9px}.music-dock{right:14px;top:76px;width:320px}}@media(max-width:500px){.topbar{gap:8px}.brand{font-size:18px;gap:6px}.brand-mark{font-size:27px}.top-tools{gap:4px}.music-trigger{padding:0 7px;gap:6px}.music-trigger>span:last-child{display:none}.icon-button{width:29px}.top-tools #sound{display:none}.shell{padding:0 4.6%}}@media(max-width:350px){.brand{font-size:16px}.top-tools{gap:3px}.icon-button{width:27px}.music-trigger{width:27px;padding:0;justify-content:center}.entry h1{font-size:90px}.squad-slot{width:32px}.squad-member{width:35px}.invite-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scene{transform:scale(1.045)!important;will-change:auto}.sun-rays,.drifting-fog{animation:none!important}#dust-canvas{display:none}}