/* Black, warm gold and restrained olive. Static artwork; no decorative render loop. */
:root{--gold:#dec180;--gold-light:#f2dfad;--text:#f0f0e8;--muted:#b1b9a8;--line:#343b2e;--panel:#151b13}
body{background:radial-gradient(ellipse at 88% 0,#282d1a35,transparent 48%),#0c100c}
.topbar{min-height:76px;background:#0d110ef5;border-color:#3c402f;box-shadow:0 3px 22px #0002}
.wordmark{gap:11px;font-size:18px}.wordmark img{width:72px;height:48px;object-fit:contain;flex-shrink:0}.wordmark small{font-size:7px;letter-spacing:1.6px;color:#9da98d}
.topbar nav a{color:#bac3af;transition:color .15s}.topbar nav a:hover{color:#f1d89f}.topbar nav a[aria-current=page]{color:#f4dfab}.topbar nav a[aria-current=page]:after{height:2px;border-radius:2px;background:#e2c77f}
.topbar nav .support-nav{background:#3a321a50;border-color:#b0985355;color:#ecd398}.account-link{border-color:#435039;border-radius:8px;background:#141b11;color:#d6deca}
.btn{border-radius:7px;font-weight:600;letter-spacing:.15px}.btn.gold{background:linear-gradient(115deg,#ecd398,#cdaa57);border-color:#e7cb8b;color:#191a12;box-shadow:0 3px 13px #0003}.btn.gold:hover{background:#f0d99f}.btn.outline{border-color:#6f704b;background:#20281735;color:#ded8ba}.btn.outline:hover{border-color:#c1ac6c;background:#3e3d2444}
.panel,.profile-card,.topic-card,.hub-game{border-color:#404b34;background:linear-gradient(140deg,#1d2718,#141d11);box-shadow:0 9px 24px #0002}
.utility-dialog,.profile-dialog,.ammo-detail-dialog,.quest-reader,.photo-lightbox,.quest-photo-viewer{border-color:#7f8052;border-radius:12px;box-shadow:0 24px 90px #0009}
.utility-dialog::backdrop,.profile-dialog::backdrop,.ammo-detail-dialog::backdrop,.quest-reader::backdrop,.photo-lightbox::backdrop,.quest-photo-viewer::backdrop{background:#000c;backdrop-filter:none}
.compact-footer{border-color:#303a29;background:#0b100c;color:#9ca98b}.compact-footer a:hover{color:#ead197}
.stream-shell{max-width:1740px;padding-top:25px;padding-bottom:18px}.stream-heading{margin-bottom:16px}.stream-heading h1{font-size:clamp(35px,3.25vw,49px);line-height:1.04;letter-spacing:-.3px}.stream-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#d4bd86}
.welcome-strip{background:linear-gradient(100deg,#2c321f60,#151d1140);border-color:#48533a;border-left:3px solid #b7a16a;border-radius:9px;padding:14px 20px;gap:17px;margin-bottom:18px}.welcome-strip img{width:78px;height:53px;object-fit:contain}.welcome-strip h2{font-size:24px;line-height:1.2;color:#ebe9db}.welcome-strip p{font-size:12px;line-height:1.75;color:#bdc6b1;max-width:850px}.welcome-strip>a{font-size:12px;color:#e5cf94}
.live-layout{gap:20px}.player-card,.community-chat{border:1px solid #4a553b;border-radius:12px;background:#11190f;box-shadow:0 14px 35px #0003}.player-topline{background:#202a18;border-color:#404b31;padding:12px 17px}.player-topline #playerState{color:#a9b99a;font-size:9px;letter-spacing:.6px}.player-bottom{background:#171f12;border-color:#404b31;padding:11px 16px;letter-spacing:.8px}.twitch-stage{background:#090e09}.stream-backdrop{background-image:linear-gradient(90deg,#080d0bec 0%,#080d0b94 48%,#080d0b15 100%),image-set(url('assets/stream-backdrop-v2-small.webp') 1x,url('assets/stream-backdrop-v2.webp') 2x);background-size:100% 100%,auto 100%;background-position:center,right center;background-repeat:no-repeat;opacity:1}.player-start{position:relative;padding:25px;isolation:isolate}.player-start .play-ring{display:none}.player-start h2{font-size:clamp(32px,3vw,45px);line-height:1.04;letter-spacing:.2px;margin-bottom:15px;text-shadow:0 3px 20px #0008}.player-start p{color:#c3cdba;line-height:1.8;font-size:14px}.player-start .btn{margin:23px 0 12px;min-height:47px;padding-inline:24px}.player-start small{font-size:10px;color:#a4b198}.player-chat-control{background:#151e11;border-color:#3d4c2f}.player-chat-control button{background:#1d2916;border-color:#637649;border-radius:6px;padding-inline:16px}.chat-heading{padding:19px 17px 14px;background:linear-gradient(140deg,#202d18,#141e10);border-color:#3d4b2e}.chat-heading h2{font-size:28px;letter-spacing:.2px}.chat-heading .eyebrow{font-size:8px;color:#b4bfa0}.chat-platforms{border-color:#37482a;background:#172111}.chat-platforms button{border-radius:5px;color:#b4c39e}.chat-platforms button[aria-pressed=true]{color:#eed79d;background:#3c3920}.chat-welcome>span{color:#beaa72}.chat-welcome h3{font-size:25px;line-height:1.15;color:#ecebdc}.chat-welcome p{color:#afc09c}.chat-bottom{border-color:#3d4b2e;background:#131d0e;line-height:1.6}
.quick-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.quick-tools a{display:grid;grid-template-columns:84px minmax(0,1fr) 20px;align-items:center;gap:14px;min-height:82px;padding:13px 16px;border:1px solid #465438;border-radius:10px;background:linear-gradient(130deg,#24311a,#172211);text-align:left;line-height:1.5}.quick-tools a:hover{background:#2b3a20;border-color:#b5a16c}.quick-tools a>b,.quick-tools a>span{display:block}.quick-tools .quick-tool-copy b{display:block;font-size:14px;color:#e4d6ae;font-weight:600;line-height:1.4}.quick-tools .quick-tool-copy small{display:block;font-size:11px;color:#aebb99;margin-top:4px}.quick-tools .quick-tool-arrow{font-size:20px;color:#d4bd82}.quick-tool-media{height:52px;display:grid!important;place-items:center;background:radial-gradient(ellipse,#51623644,transparent 74%);border-right:1px solid #52633a66;padding-right:12px}.quick-tool-media img{display:block;width:100%;height:52px;object-fit:contain;filter:none}.quick-tool-media>svg{height:35px;width:35px;color:#c7b785;stroke-width:1.2}
.tool-page .page-intro{padding-top:19px;padding-bottom:14px}.tool-page .page-intro h1{font-size:38px;letter-spacing:.3px}.tool-page .data-bar{background:#11190e;border-color:#35442a}.tool-page .planner-panel>.panel{border-radius:11px;border-color:#465438}.tool-page .fields .field label{color:#c2cbb4;font-size:11px}.tool-page .field input,.tool-page .field select{border-color:#536840;background:#10190c;border-radius:6px;font-size:13px;min-height:42px}.tool-page .field input:focus,.tool-page .field select:focus{border-color:#ccb47b}.tool-page .segmented{border-radius:6px;overflow:hidden}.tool-page .segmented button{border-color:#465c32;color:#aeba9b;line-height:1.5}.tool-page .segmented button[aria-pressed=true]{border-color:#ae975f;background:#463b22;color:#efdaaa}.workbench-head{border-color:#425733}.workbench-head h2{letter-spacing:.15px}.metric{border-radius:8px;border-color:#536542}.metric.cost{background:linear-gradient(125deg,#4b432b,#30351f)}.metric p{color:#b0bd9c}.metric strong,.recoil-values strong{color:#eed79c}.weapon-stage{border-color:#526644;border-radius:8px;background:radial-gradient(ellipse,#3c4a2b45,transparent 70%),linear-gradient(#1b2814,#101a0c)}.stage-label{line-height:1.6;max-width:calc(100% - 25px);letter-spacing:.6px!important}.parts-browser{border-color:#4b6138;border-radius:8px;overflow:hidden;background:#14200e}.parts-browser-head{background:#23351a}.part-choice{border-color:#33472a}.part-choice strong{font-size:12px;line-height:1.5}.part-choice small{color:#b1c19c;font-size:9px}.part-choice img{width:58px;height:49px;background:#0e1809;border-color:#3e522e;padding:4px;border-radius:5px;object-fit:contain;filter:none}.part-choice[aria-pressed=true]{background:#314425;box-shadow:inset 3px 0 #dbbf7e}.board-part{background:linear-gradient(145deg,#21331a,#182610);border-color:#4c6438;border-radius:7px}.board-part:hover{border-color:#c5ac6c}.board-part strong{font-size:11px;line-height:1.5}.board-part img{object-fit:contain;filter:none}.part-detail{background:#1d3015;border-color:#4b6137}.part-detail>strong{font-size:13px;color:#edf0df}.view-switch button{min-height:35px}.build-tabs button{font-size:12px;color:#c1cfb0}.build-tabs button[aria-expanded=true]{color:#f0d69a;border-color:#d5b974;background:#2d3a20}
.quest-card{background:linear-gradient(145deg,#26361c,#17230f);border-color:#465d31;border-radius:10px}.quest-card:hover{border-color:#b9a269;background:#2a3e1d}.quest-card strong{font-size:22px}.quest-card-top{color:#b8c7a0}.quest-reader{background:#15240e}.quest-field-guide,.quest-own-photos{border-radius:10px;background:linear-gradient(145deg,#24371a,#182810);border-color:#59703d}.quest-photo-hero{border-color:#6c8050;background:#0b1407}.quest-photo-hero img,.quest-photo-viewer>img,.photo-lightbox>img{object-fit:contain;filter:none;background:#090f07}.quest-photo-hero>span{background:#2a3c1f;color:#e6d7ae;line-height:1.7}.quest-photo-summary{line-height:1.8}.quest-photo-placeholder{background:#1b2c13;border-color:#4d6337;color:#b8cba3}.quest-image-badge{color:#c9cba4;font-size:9px}.quest-tabs button{border-radius:5px 5px 0 0}.photo-layout>.panel{border-color:#4d6537}.photo-screen{background:#080e06}.support-form,.profile-card{background:linear-gradient(140deg,#26351d,#182512);border-color:#5b6b40}.support-intro p{line-height:1.9}.support-logo{width:min(240px,70%);height:auto;object-fit:contain}.support-pay:disabled{box-shadow:none}.community-status{background:#2f321c;border-color:#716643;color:#d8dabd}.topic-card>span{color:#d6bd80}.topic-card h2{color:#efead8}.topic-card p{color:#c1ccb0}.profile-local-stats>div{border-color:#526b3a;background:#12200c}
.media-unavailable{display:grid;align-content:center;justify-items:center;gap:4px;color:#a3b890;background:#14210e;border:1px dashed #536c3b;border-radius:5px;min-height:48px;max-width:100%;padding:4px}.media-unavailable svg{width:23px;height:23px}.media-unavailable small{font:9px/1.2 Arial,sans-serif;color:#afbc9d;white-space:normal;text-align:center}.part-choice>.media-unavailable{width:58px;height:49px}.board-part>.media-unavailable{width:100%;height:62px;margin:7px 0}.ammo-data-heading>.media-unavailable{width:70px;flex-shrink:0}.quick-tool-media>.media-unavailable{width:64px;height:50px}
@media(min-width:851px) and (max-height:800px){.stream-home{height:100dvh;overflow:auto}.stream-shell{padding-top:14px;padding-bottom:12px;min-height:0}.stream-heading h1{font-size:32px}.welcome-strip{padding:10px 15px;gap:14px;margin-bottom:12px}.welcome-strip img{width:63px;height:42px}.welcome-strip h2{font-size:21px}.welcome-strip p{font-size:11px;line-height:1.5}.quick-tools{margin-top:12px;gap:10px}.quick-tools a{min-height:65px;padding:9px 12px;grid-template-columns:65px minmax(0,1fr) 17px;gap:10px}.quick-tool-media,.quick-tool-media img{height:43px}.quick-tools .quick-tool-copy b{font-size:12px}.quick-tools .quick-tool-copy small{font-size:10px}.player-start h2{font-size:32px}.player-start p{font-size:12px}.player-start .btn{min-height:42px;margin:16px 0 9px}.player-topline,.player-bottom{padding-block:9px}.player-chat-control{padding-block:7px}.player-chat-control button{min-height:36px}.compact-footer{padding-block:10px}}
@media(max-width:1100px) and (min-width:851px){.topbar nav{gap:14px}.topbar nav a{font-size:11px}.wordmark{font-size:16px}.wordmark img{width:58px;height:42px}.quick-tools a{grid-template-columns:55px minmax(0,1fr) 12px;gap:10px;padding:12px}.quick-tools .quick-tool-copy b{font-size:12px}.quick-tools .quick-tool-copy small{font-size:10px}.quick-tool-media{padding-right:7px}}
@media(max-width:850px){.topbar{min-height:73px;padding:10px 5%;gap:9px}.wordmark{font-size:16px;gap:8px}.wordmark img{width:57px;height:42px}.wordmark small{font-size:6px;letter-spacing:1.3px}.account-link{width:39px;min-height:39px}.mobile-support{width:39px;height:39px;background:#4a3b2070;border-color:#b39a62}.stream-shell{padding:20px 5% 17px}.stream-heading{margin-bottom:15px}.stream-heading h1{font-size:34px;line-height:1.05;max-width:330px}.stream-heading .eyebrow{font-size:8px}.welcome-strip{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;padding:14px 12px;margin-bottom:16px}.welcome-strip img{width:50px;height:42px}.welcome-strip h2{font-size:22px}.welcome-strip p{font-size:12px;line-height:1.7}.welcome-strip>a{grid-column:2;font-size:11px;margin:0}.live-layout{gap:16px}.player-start{padding:22px 16px}.player-start h2{font-size:32px}.player-start p{font-size:13px}.player-start .btn{min-height:46px}.stream-backdrop{background-image:linear-gradient(90deg,#080d0bf0,#080d0b8c),image-set(url('assets/stream-backdrop-v2-small.webp') 1x,url('assets/stream-backdrop-v2.webp') 2x);opacity:.9}.player-topline{padding:12px;font-size:8px}.player-topline #playerState{font-size:7px;max-width:130px;line-height:1.6}.player-bottom{font-size:7px;line-height:1.7}.player-chat-control{padding:10px 12px}.player-chat-control button{min-height:44px}.quick-tools{gap:8px;margin-top:13px;grid-template-columns:repeat(3,minmax(0,1fr))}.quick-tools a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 7px;min-height:109px;text-align:center}.quick-tool-media{display:grid!important;border:0;padding:0;width:100%;height:35px}.quick-tool-media img{height:35px;max-width:88px}.quick-tool-media>svg{width:28px;height:28px}.quick-tools .quick-tool-copy{display:block}.quick-tools .quick-tool-copy b{font-size:12px;line-height:1.4}.quick-tools .quick-tool-copy small{font-size:10px;line-height:1.5}.quick-tools .quick-tool-arrow{display:none}.tool-page .page-intro h1{font-size:30px}.tool-page .page-intro{padding-top:21px}.tool-page .field input,.tool-page .field select{min-height:46px;font-size:16px}.tool-page .fields .field label{font-size:12px}.part-choice strong{font-size:12px}.board-part strong{font-size:11px}.stage-label{font-size:9px!important}.quest-card strong{font-size:22px}.quest-photo-hero img{object-fit:contain}.quest-photo-hero>span{font-size:12px}.compact-footer{font-size:10px;line-height:1.8}.community-welcome img{width:84px;height:88px}.photo-collection-search input{font-size:16px!important}}
@media(max-width:360px){.topbar{padding-inline:4%;gap:7px}.wordmark{font-size:14px;gap:6px}.wordmark img{width:47px;height:38px}.wordmark small{font-size:5px;letter-spacing:1px}.account-link,.mobile-support{width:36px;min-height:36px;height:36px}.stream-heading h1{font-size:30px}.welcome-strip{grid-template-columns:1fr}.welcome-strip img{display:none}.welcome-strip>a{grid-column:1}.welcome-strip h2{font-size:23px}.quick-tools .quick-tool-copy b{font-size:11px}.quick-tools .quick-tool-copy small{font-size:9px}.quick-tools a{padding-inline:5px}.player-start h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.topbar nav a,.btn{transition:none}}

.part-choice{grid-template-columns:58px minmax(0,1fr);gap:11px}.wordmark img,.welcome-strip img,.community-welcome img{mix-blend-mode:screen}

/* One clear footer row keeps the player and its controls together. */
.welcome-strip p{max-width:1000px}.player-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(300px,1fr) auto}.player-topline{grid-column:1;grid-row:1}.twitch-stage{grid-column:1;grid-row:2}.player-chat-control{grid-column:1;grid-row:3;align-self:center;justify-self:end;background:none;border:0;z-index:1;padding:9px 12px}.player-chat-control button{min-width:125px}.player-bottom{grid-column:1;grid-row:3;min-height:61px;padding-right:165px;border-top:1px solid #404b31}.player-card .player-start{min-height:300px}
@media(max-width:850px){.player-bottom{min-height:67px;padding-left:12px;padding-right:145px;gap:8px}.player-chat-control{padding:10px}.player-chat-control button{min-width:120px;width:auto;font-size:11px}.player-bottom>a{white-space:nowrap;font-size:9px}.player-bottom>span{font-size:6px;max-width:85px;line-height:1.8}.player-topline{gap:7px}.welcome-strip p{max-width:none}}

@media(min-width:851px){.stream-home{height:100dvh;min-height:760px;overflow:auto}.stream-shell{min-height:0}.live-layout{min-height:0;grid-template-rows:minmax(0,1fr)}.live-layout>.player-card,.live-layout>.community-chat{height:100%;min-height:0}}
img[hidden]{display:none!important}
@media(max-width:360px){.player-bottom{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}}
