/* generated by tools/build_metro.py from styles-green.css: pictures point at the light WebP copies (img/w/) */
/* AUTO: recolour of styles.css, styles-spot.css, styles-hub.css, styles-jam.css, styles-jam2.css, styles-stencil.css, styles-learn.css, styles-mix.css, styles-media.css, styles-train.css (tools/build_green.py) */
/* styles.css: 203 rules */
html,body{background:#16291f;color:#dad9d2}
body::before{background:#c85e21}
.eyebrow{color:#c85e21}
.muted{color:#b5c0b9}
.mast{background:#c85e21;color:#e9e8e2}
.logo{color:#e9e8e2}
.logo-disc{background:radial-gradient(circle closest-side,#12211a 0 16%,#c85e21 17% 34%,#08100c 35% 100%);box-shadow:0 0 0 2px #0f1a14}
.proto{border:1px solid rgba(44,68,56,.65)}
.nav a{color:#e9e8e2}
.nav a:hover{border-bottom-color:rgba(44,68,56,.5)}
.nav a[aria-current="page"]{border-bottom-color:#2c4438}
.btn-login{background:#12211a;color:#c85e21}
@media (max-width:980px){.tabbar{background:#12211a;border-top:1px solid #2c4438}.tabbar a{color:#b5c0b9}.tabbar a[aria-current="page"]{color:#c85e21}}
.btn-red{background:#c85e21;border-color:#c85e21;color:#e9e8e2}
.btn-red:hover{background:#af521d;border-color:#af521d}
.btn-ink{background:#09120e;border-color:#08110d;color:#e9e8e2}
.chip{background:#6f412a;color:#dad9d2}
.chip.red{background:#c85e21;color:#e9e8e2}
.chip.blk{background:#08100c;color:#e9e8e2}
.chip.warn{background:#15281f;color:#db6d24}
.chip.hide{background:#15281f;color:#af521d}
.chip.ours{background:#08100c;color:#e9e8e2}
.chip.ours::before{background:#c85e21}
.link{color:#c85e21}
.hero{background:#08100c;color:#e9e8e2}
.hero-tint{background:#34654b}
.hero-shade{background:linear-gradient(95deg,rgba(6,12,9,.96) 0%,rgba(6,12,9,.82) 38%,rgba(6,12,9,.15) 75%)}
.hl{background:#c85e21}
.hero-sub{color:#e8ebe8}
.hero-cta .btn-out{color:#e9e8e2}
.next{background:#08100c;color:#e9e8e2;border-top:1px solid #12261c}
.next .count{background:#c85e21}
.sec.alt{background:#6f412a}
.more{color:#c85e21}
.evc{background:#16291f;border:1px solid #2c4438}
.evc-date{background:#c85e21;color:#e9e8e2}
.evc.world .evc-date{background:#08100c}
.evc-body p{color:#b5c0b9}
.phead{background:#08100c;color:#e9e8e2}
.phead p{color:#d0d6d0}
.phead .eyebrow{color:#e17f47}
.seg{border:2px solid #08110d}
.seg button,.seg a{color:#dad9d2}
.seg [aria-selected="true"],.seg [aria-current="page"]{background:#09120e;color:#e9e8e2}
.seg.on-dark{border-color:#2c4438}
.seg.on-dark button,.seg.on-dark a{color:#e9e8e2}
.seg.on-dark [aria-selected="true"],.seg.on-dark [aria-current="page"]{background:#12211a;color:#dad9d2}
.stat{background:#102018;color:#e9e8e2}
.stat b{color:#e9e8e2}
.stat.red b{color:#e17f47}
.filters{background:#6f412a}
.inp{border:1px solid #2c4438;background:#12211a;color:#dad9d2}
.tog input{accent-color:#c85e21}
.month small{color:#b5c0b9}
.ev{border-bottom:1px solid #2c4438}
.ev-d{background:#c85e21;color:#e9e8e2}
.ev.world .ev-d{background:#08100c}
.ev-meta{color:#b5c0b9}
.ev.is-hidden .ev-d{background:#478b69}
details.how{border:2px solid #08110d}
.pc{background:#12211a;border:1px solid #2c4438}
.pc:hover{border-color:#08110d}
.pc-art{background:#08100c;color:#e9e8e2}
.pc-art::before{background:repeating-radial-gradient(circle,#101f17 0 2px,#172c21 2px 3px)}
.pc-art::after{background:#c85e21}
.pc.ours .pc-art{background:#c85e21}
.pc.ours .pc-art::after{background:#12211a}
.pc.ours .pc-art::before{background:repeating-radial-gradient(circle,#af521d 0 2px,#bc581f 2px 3px)}
.pc-body p{color:#b5c0b9}
.sheet-bg{background:rgba(6,12,9,.6)}
.sheet{background:#12211a}
.sheet-x{background:#6f412a}
.sheet h4{color:#c85e21}
.lk a{border:1.5px solid #08110d}
.lk a:hover{background:#09120e;color:#e9e8e2}
.empty{color:#b5c0b9;background:#6f412a}
.st{border:2px solid #193427;background:#0c1812;color:#e9e8e2}
.st[aria-pressed="true"]{border-color:#c85e21;background:#0b1510}
.st span{color:#c3c9c3}
.tl{border-top:1px solid #2c4438}
.tl li{border-bottom:1px solid #2c4438}
.tl button:hover{background:#6f412a}
.tl .n{color:#b5c0b9}
.tl .a{color:#b5c0b9}
.tl .r{color:#b5c0b9}
.tl li.now button{background:#14261d}
.tl li.now .t{color:#af521d}
.note{border-left:4px solid #c85e21;background:#6f412a}
.panel{border:2px solid #08110d}
.timer-face{background:#08100c;color:#e9e8e2}
.timer-face .ph{color:#e17f47}
.timer-face .rd{color:#c3c9c3}
.tbar{background:#172c21}
.tbar i{background:#c85e21}
.field{color:#b5c0b9}
.field select,.field input{color:#dad9d2;border:1px solid #2c4438;background:#12211a}
.tbl-w{border:1px solid #2c4438}
th{color:#b5c0b9;background:#6f412a}
td{border-top:1px solid #2c4438}
.pos{color:#c85e21}
.barc span{background:#6f412a}
.barc i{background:#09120e}
.calc-row{border-bottom:1px solid #2c4438}
.calc-row select,.calc-row input{border:1px solid #2c4438;background:#12211a;color:#dad9d2}
.calc-row .x{background:#6f412a}
.total b{color:#c85e21}
.chat{border:2px solid #08110d;background:#12211a}
.groups{border-right:1px solid #2c4438;background:#6f412a}
.groups button{border-bottom:1px solid #2c4438}
.groups button span{color:#b5c0b9}
.groups button[aria-selected="true"]{background:#12211a;box-shadow:inset 4px 0 0 #c85e21}
.room-h{border-bottom:1px solid #2c4438}
.msg{background:#6f412a}
.msg.me{background:#c85e21;color:#e9e8e2}
.msg.me .who{color:#e9e8e2}
.composer{border-top:1px solid #2c4438}
.composer input{border:1px solid #2c4438}
@media (max-width:980px){.groups{border-bottom:1px solid #2c4438}.groups button{border-right:1px solid #2c4438}.groups button[aria-selected="true"]{box-shadow:inset 0 -4px 0 #c85e21}}
.round h5{color:#b5c0b9}
.match{border:1.5px solid #2c4438;background:#12211a}
.match div+div{border-top:1px solid #2c4438}
.match .w{background:#14261d}
.vs-side{background:#08100c;color:#e9e8e2}
.vs-mid{color:#c85e21}
.band{background:#08100c;color:#e9e8e2}
.band p{color:#d0d6d0}
.tile.sp{background:#08100c;color:#e9e8e2}
.tile.yt{background:#c85e21;color:#e9e8e2}
.tile.wh{background:#12211a;border:2px solid #08110d}
.nc{border-top:4px solid #c85e21;background:#12211a}
.nc p{color:#dad9d2}
.nc .src{color:#b5c0b9}
.rc{border:1px solid #2c4438;background:#12211a}
.rc-art{background:#c85e21;color:#e9e8e2}
.rc-art::before{background:repeating-radial-gradient(circle,#af521d 0 2px,#c35c20 2px 3px)}
.rc.lbl .rc-art{background:#08100c}
.rc.lbl .rc-art::before{background:repeating-radial-gradient(circle,#0d1913 0 2px,#15281e 2px 3px)}
.rc-body p{color:#b5c0b9}
.foot{background:#08100c;color:#b6beb6}
.foot b{color:#e9e8e2}
.deck{background:#08100c;color:#e9e8e2}
.deck-bar{background:#172c21}
.deck-bar i{background:#c85e21}
.disc{background:radial-gradient(circle closest-side,#08100c 0 7%,#c85e21 8% 34%,transparent 35%),repeating-radial-gradient(circle,#09120e 0 2px,#182e23 2px 3px);box-shadow:0 0 0 1px #193426}
.deck-sub{color:#b2bab2}
.sw{background:#112119}
.sw button{color:#d4d9d4}
.sw button[aria-pressed="true"]{background:#c85e21;color:#e9e8e2}
.ctl{color:#e9e8e2}
.ctl:hover{background:#12241b}
.ctl.play{background:#c85e21}
.ctl.play:hover{background:#af521d}
.time{color:#b2bab2}
.live-card{background:#08100c;box-shadow:0 10px 30px rgba(5,10,8,.35)}
.live-h{color:#e9e8e2}
.live-h button{background:#172c21;color:#e9e8e2}
.toast{background:#c85e21;color:#e9e8e2;box-shadow:0 8px 20px rgba(5,10,8,.25)}
.quick-w{background:#16291f}
.qt{background:#6f412a}
.qt:hover{border-color:#08110d}
.qt svg{color:#c85e21}
.qt span{color:#b5c0b9}
.btn-lang{color:#e9e8e2;border:1.5px solid rgba(44,68,56,.75)}
.langs button{border:1.5px solid #2c4438;background:#12211a}
.langs button[aria-pressed="true"]{border-color:#c85e21;background:#14261d}
.langs small{color:#b5c0b9}
.lang-note{background:#08100c;color:#e9e8e2}
.ticker{background:#c85e21;color:#e9e8e2;border-bottom:1px solid #af521d}
.ticker span b{background:#12211a;color:#c85e21}
.ticker span::after{background:#08100c}
.eq i{background:#c85e21}
.hero-h .hl{background:linear-gradient(#c85e21,#c85e21) no-repeat 0 0/100% 100%}
.evc:hover,.pc:hover,.rc:hover,.qt:hover,.tile:hover{box-shadow:0 12px 26px rgba(6,13,9,.14)}
.evc:hover .evc-date{background:#af521d}
.evc.world:hover .evc-date{background:#13251c}
.phead::after{background:radial-gradient(circle closest-side,#060c09 0 3%,#c85e21 3.5% 24%,transparent 24.5%),repeating-radial-gradient(circle,#0c1712 0 2px,#13251c 2px 4px);box-shadow:0 0 0 1px #152d21}
.mapwrap{background:#08100c;color:#e9e8e2}
.map-legend{color:#d0d6d0}
.map-legend .lg-ev{background:#c85e21;box-shadow:0 0 0 2px #0f1a14}
.map-legend .lg-wl{background:#12211a;box-shadow:0 0 0 2px #c85e21}
.hoverinfo{background:#12211a;color:#dad9d2;box-shadow:0 6px 16px rgba(5,10,8,.3)}
.flame{background:#c85e21;color:#e9e8e2}
.flame.off{background:#6f412a;color:#b5c0b9}
.days14 span{background:#6f412a;color:#b5c0b9}
.days14 span.on{background:#c85e21;color:#e9e8e2}
.days14 span.today{box-shadow:inset 0 0 0 2px #09130e}
.hero-shade{background:linear-gradient(95deg,rgba(6,12,9,.96) 0%,rgba(6,12,9,.82) 38%,rgba(6,12,9,.15) 75%),var(--grain)}
.spray{color:#e9e8e2;text-shadow:0 0 18px rgba(200,94,33,.55)}
.taped::before{background:rgba(18,33,26,0.92);box-shadow:0 1px 3px rgba(5,10,8,.18);border-left:2px dashed rgba(5,10,8,.06);border-right:2px dashed rgba(5,10,8,.06)}
.drill h3{color:#c85e21}
.hype{background:#08100c;color:#e9e8e2}
.hype-bar{background:#172c21}
.hype-bar i{background:linear-gradient(90deg,#e17f47,#c85e21)}
.rep .hype-bar{background:#6f412a}
@keyframes blow{50%{box-shadow:0 0 0 6px #c85e21,0 0 40px rgba(200,94,33,.8)}}
.react{border:2px solid #08110d;background:#12211a}
.react b{color:#c85e21}
.react span{color:#b5c0b9}
.react:hover{background:#14261d}
.rep{border:2px solid #08110d}
.rep-lvl{color:#c85e21}
.ladder span{background:#6f412a;color:#b5c0b9}
.ladder span.on{background:#09120e;color:#e9e8e2}
/* styles-spot.css: 17 rules */
.room-wrap{border:3px solid #08110d;box-shadow:6px 6px 0 #09130e;background:#0f1d16}
.room .obj:hover,.room .obj:focus-visible{filter:drop-shadow(0 0 10px rgba(242,224,183,.9))}
.room .hot{fill:#6ed369;stroke:#09130e}
.spot-chip{background:#09120e;color:#e9e8e2}
.spot-chip:hover{background:#c85e21}
.savebtn{border:2px solid #08110d;background:#14241c;color:#b5c0b9}
.savebtn.on{background:#c85e21;color:#e9e8e2;border-color:#c85e21}
.laptop{background:#14241c}
.laptop-top{color:#e9e8e2}
.laptop-top h2{color:#e9e8e2}
.stk{border:3px solid #08110d;box-shadow:4px 4px 0 #09130e;color:#dad9d2}
.stk.off{background:#1c3327;color:#b5c0b9;box-shadow:4px 4px 0 #3e8160}
.picker{border:2px solid #2c4438}
.picker span{color:#b5c0b9}
.picker small{color:#b5c0b9}
.arr{border:2px solid #08110d;background:#12211a}
.arr:hover{background:#09120e;color:#e9e8e2}
/* styles-hub.css: 33 rules */
.hub{background:#0f1d16}
.hub-bg::after{background:radial-gradient(ellipse at center,rgba(8,16,12,.35) 0%,rgba(8,16,12,.78) 75%)}
.lap{background:#14241c;box-shadow:0 26px 70px rgba(5,10,8,.6)}
.lap-top{color:#e9e8e2}
.lap-top::after{background:#09120e}
.lap-tag{text-shadow:3px 3px 0 #09130e}
.xp-bar{background:rgba(9,18,14,.55);border:2px solid #08110d}
.xp-bar i{background:linear-gradient(90deg,#6ed369,#dab262)}
.lap-snd{border:3px solid #08110d;background:#14241c;color:#dad9d2}
.lap-tabs{background:#09120e}
.lap-arr{background:#09120e;color:#e2b95a}
.lap-arr:hover{background:#13261c}
.lap-tab{color:#adb6ad}
.lap-tab[aria-selected="true"]{color:#e9e8e2;background:#13261c;border-bottom-color:#c85e21}
.hrow{background:#16291f}
.hrow:hover{border-color:#2c4438}
.hrow.sel{border-color:#c85e21;background:#14261d;box-shadow:inset 6px 0 0 #c85e21}
.hrow .hd{background:#09120e;color:#e9e8e2}
.hrow .hi{background:#09120e;color:#6ed369}
.hrow span.s{color:#b5c0b9}
.hrow .hr{color:#c85e21}
.hrow input{border:2px solid #2c4438;background:#12211a}
.hval button{border:2px solid #08110d;background:#12211a}
.lap-hint{background:#09120e;color:#dfe2df}
.lap-hint kbd{background:#152a20;border:1px solid #1f402f;color:#e2b95a}
.unlock{background:rgba(8,16,12,.55)}
.unlock-card{background:#dab262;border:4px solid #08110d;box-shadow:8px 8px 0 #09130e}
.unlock-card .eyebrow{color:#dad9d2}
.unlock-card b{color:#c85e21;text-shadow:3px 3px 0 #09130e}
a.nc:hover h3{color:#c85e21}
.rc.oth .rc-art{background:#09120e}
.rc.oth .rc-art::before{background:repeating-radial-gradient(circle,#0d1913 0 2px,#13261c 2px 3px)}
.btn-snd{border:1.5px solid rgba(44,68,56,.75);color:#e9e8e2}
/* styles-jam.css: 34 rules */
html,body{background:#16291f}
.sec.alt{background:#1b3227;background-image:var(--grain-d),repeating-linear-gradient(90deg,transparent 0 119px,rgba(6,12,9,.035) 119px 121px)}
.sec-h h2::after{background:#c85e21}
.phead{background:#0c1711;background-image:var(--grain),linear-gradient(180deg,rgba(6,12,9,0) 60%,rgba(6,12,9,.35))}
.phead::before{color:rgba(233,232,226,.07)}
.cipher circle{stroke:#e2b95a}
.ticker{box-shadow:0 6px 14px rgba(5,10,8,.25)}
.btn{box-shadow:3px 3px 0 #09130e}
.btn:hover{box-shadow:4px 4px 0 #09130e}
.btn:active{box-shadow:1px 1px 0 #09130e}
.hero .btn,.band .btn,.phead .btn,.vs .btn{box-shadow:3px 3px 0 rgba(5,10,8,.6)}
.btn-login{box-shadow:2px 2px 0 rgba(5,10,8,.35)}
.qt{background:#14241c;border:3px solid #08110d;box-shadow:4px 4px 0 #09130e}
.qt:hover{box-shadow:6px 6px 0 #c85e21}
.evc{background:#14251d;box-shadow:0 2px 0 rgba(5,10,8,.08),0 10px 18px rgba(12,25,19,.18)}
.evc::before{background:rgba(24,44,34,0.92);box-shadow:0 1px 3px rgba(5,10,8,.2)}
.evc-date{background:#09120e}
.evc.world .evc-date{background:#c85e21}
.ev-d{background:#09120e}
.ev.world .ev-d{background:#c85e21}
.pc{border:3px solid #08110d;box-shadow:4px 4px 0 #09130e;background:#14241c}
.pc:hover{box-shadow:6px 6px 0 #c85e21}
.pc-art{background:#0c1711}
.pc-art b{text-shadow:3px 3px 0 #c85e21}
.tile.wh,.panel,.rc,.nc,.rep,.chat,details.how{background:#14241c}
.panel,.rep,details.how,.chat{box-shadow:5px 5px 0 #09130e}
.note{background:#14241c}
.rc{border:3px solid #08110d;box-shadow:4px 4px 0 #09130e}
.nc{border-top:6px solid #c85e21;box-shadow:0 8px 16px rgba(12,25,19,.12)}
.seg{box-shadow:3px 3px 0 #09130e}
.seg.on-dark{box-shadow:3px 3px 0 rgba(5,10,8,.6)}
.hype-arc .bg{stroke:#142b20}
.hype-arc .edge{stroke:#edece7}
.tabbar{background:#14241c}
/* styles-jam2.css: 11 rules */
.np{background:#08100c;color:#e9e8e2;box-shadow:3px 3px 0 #c85e21}
.np svg{color:#6ed369}
.drip{background:#060c09;color:#6ed369}
.drip::before,.drip::after{background:#060c09}
.drill h3.drip{color:#6ed369}
.cardboard{background:#6f412a!important;background-image:var(--grain-d),repeating-linear-gradient(90deg,rgba(6,12,9,.06) 0 2px,transparent 2px 9px)!important;border-color:#db6d24!important;box-shadow:5px 5px 0 #db6d24!important;color:#dad9d2}
.cardboard .muted,.cardboard .field{color:#db6d24}
.cardboard .field select{background:#6f412a;border-color:#db6d24}
.cardboard h3{color:#dad9d2}
.sunset>h3{color:#e9e8e2}
.sunset>h3::after{background:#09120e}
/* styles-stencil.css: 35 rules */
.sec-h h2::before{background:radial-gradient(ellipse at 30% 55%,rgba(200,94,33,.14),rgba(200,94,33,.05) 45%,transparent 70%)}
.phead h1{text-shadow:0 0 30px rgba(200,94,33,.35)}
.hub{background:#070d0a}
.hub-bg{background:#09120e url("img/w/photos/4.webp") 50% 40%/cover no-repeat}
.hub-bg::after{background:linear-gradient(180deg,rgba(200,94,33,.35),rgba(7,13,10,.92) 70%),var(--grain)}
.lap{background:#09120e;box-shadow:0 2px 4px rgba(5,10,8,.4),0 30px 70px rgba(5,10,8,.6);color:#e9ebe9}
.lap-top{border-bottom:1px solid rgba(44,68,56,.08)}
.lap-top::before{color:rgba(233,232,226,.05)}
.lap-id .eyebrow{color:#c85e21}
.lap-tag{text-shadow:0 0 24px rgba(200,94,33,.35)}
.lap-crew{color:#e9ebe9}
.xp-row b{color:#e9e8e2}
.xp-row span{color:#adb6ad}
.xp-bar{background:rgba(18,33,26,0.23)}
.xp-bar i{background:repeating-linear-gradient(-45deg,#c85e21 0 10px,#af521d 10px 20px)}
.lap-snd{border:1px solid rgba(44,68,56,.2);background:rgba(18,33,26,0.17);color:#e9e8e2}
.lap-tabs{border-bottom:1px solid rgba(44,68,56,.08)}
.lap-arr{color:#c85e21}
.lap-tab{color:#8c998c}
.lap-tab[aria-selected="true"]{color:#e9e8e2;border-bottom-color:#c85e21}
.lap-body h3{color:#e9e8e2}
.hrow{background:#15281f;color:#dad9d2;box-shadow:0 1px 1px rgba(5,10,8,.3),0 6px 14px rgba(5,10,8,.35)}
.hrow.sel{background:#12211a;box-shadow:inset 6px 0 0 #c85e21,0 2px 2px rgba(5,10,8,.3),0 10px 22px rgba(5,10,8,.45)}
.hrow .hd,.hrow .hi{background:#09120e;color:#e9e8e2}
.hrow .hd small{color:#c85e21}
.hrow span.s{color:#b5c0b9}
.hrow .hr{color:#c85e21}
.hrow input{background:#12211a;border:1px solid rgba(8,17,13,.2);color:#dad9d2}
.hval button{background:#09120e;color:#e9e8e2}
.lap-hint{border-top:1px dashed rgba(44,68,56,.14);color:#adb6ad}
.lap-hint kbd{background:#13261c;border-color:#193527;color:#e9e8e2}
.unlock-card{background:#12211a;color:#dad9d2;box-shadow:0 0 0 4px #0f1a14,0 0 0 5px rgba(5,10,8,.15),0 30px 70px rgba(5,10,8,.55)}
.unlock-card b{color:#c85e21}
.unlock-card .eyebrow{color:#c85e21}
.sec.alt .sec-h h2{color:#e9e8e2}
/* styles-learn.css: 69 rules */
[data-view="school"] .phead{background-color:#0c1711;background-image:linear-gradient(90deg,rgba(12,23,17,.92),rgba(12,23,17,.72) 50%,rgba(12,23,17,.5)),url("img/w/photos/6.webp")}
[data-view="history"] .phead{background-color:#0c1711;background-image:linear-gradient(90deg,rgba(12,23,17,.94),rgba(12,23,17,.75) 50%,rgba(12,23,17,.55)),url("img/w/photos/1.webp")}
.lc,.hc,.plc,.chc,.sct,.hc-next{border:2px solid #08110d;background:#13221a;box-shadow:4px 4px 0 #09130e;color:#dad9d2}
.lc:hover,.hc:hover,.plc:hover,.chc:hover,.sct:hover{box-shadow:6px 7px 0 #09130e}
.sch-prog > b{color:#c85e21}
.sch-prog span{color:#dad9d2}
.sct{border:2px solid #08110d;background:#13221a;box-shadow:3px 3px 0 #09130e}
.sct small{color:#b4bfb8}
.sct-bar{background:rgba(9,18,14,.12)}
.sct-bar i{background:#c85e21}
.sct.on{background:#c85e21;color:#e9e8e2}
.sct.on small{color:rgba(233,232,226,.85)}
.sct.on .sct-bar{background:rgba(18,33,26,0.47)}
.sct.on .sct-bar i{background:#12211a}
.sct:focus-visible{outline:3px solid #08110d}
.sch-desc{color:#dad9d2}
.lc-img{background:#09120e center/cover no-repeat;border-bottom:2px solid #08110d}
.lc-play{background:#c85e21;border:3px solid #2c4438;box-shadow:0 6px 18px rgba(5,10,8,.4)}
.lc-play::after{border-color:transparent transparent transparent #2c4438}
.lc-lv{background:#12211a;color:#dad9d2;box-shadow:2px 2px 0 #09130e}
.lc-lv.lv-intermediate{background:#dab262}
.lc-lv.lv-advanced{background:#c85e21;color:#e9e8e2}
.lc-cat{color:#c85e21}
.lc p{color:#dad9d2}
.lc-foot{color:#b4bfb8}
.lc-done{border:2px solid #08110d;background:#12211a;color:#dad9d2}
.lc.done .lc-done{background:#09120e;color:#e9e8e2}
.lc.done .lc-img::after{background:#09120e;color:#e9e8e2}
.chc-b small{color:#b4bfb8}
.chc-p{color:#dad9d2}
.lesson-frame{background:#060c09;border:2px solid #08110d}
.hc{background:#14261d}
.hc-year{background:#09120e;color:#e9e8e2;border-right:2px solid #08110d;background-image:radial-gradient(circle,rgba(18,33,26,0.20) 1px,transparent 1.5px)}
.hc-year small{color:#e5c16e}
.hc.era-bronx .hc-year,.hc.era-roots .hc-year{background-color:#c85e21}
.hc.era-bronx .hc-year small,.hc.era-roots .hc-year small{color:#e9e8e2}
.hc-meta{color:#b4bfb8}
.hc-p{color:#dad9d2}
.hc .src{color:#b4bfb8}
.hc:hover h3{color:#c85e21}
.hc-next{background:#09120e;color:#e9e8e2}
.hc-next small{color:#bcc3bc}
.era i{background:#09120e}
.era i::after{background:#13221a;border:3px solid #08110d}
.era small{color:#c0c9c3}
.era span{color:#b4bfb8}
.era.on i::after{background:#c85e21;border-color:#c85e21}
.era.on b{color:#c85e21}
.era:focus-visible b{outline:3px solid #c85e21}
.plc{border:2px solid #08110d;background:#13221a;box-shadow:4px 4px 0 #09130e}
.plc:focus-visible{outline:3px solid #c85e21}
.plc-art{background:#09120e center/cover no-repeat;border-bottom:2px solid #08110d;color:#e9e8e2}
.plc.cat-oldschool .plc-art:not([style]){background:linear-gradient(135deg,#c85e21,#683119)}
.plc.cat-funk .plc-art:not([style]){background:linear-gradient(135deg,#dab262,#6f412a);color:#dad9d2}
.plc.cat-breaks .plc-art:not([style]){background:linear-gradient(135deg,#09120e,#1a3226)}
.plc.cat-hiphop .plc-art:not([style]){background:linear-gradient(135deg,#2d8a28,#0e1c15)}
.plc-play{background:#c85e21;border:3px solid #2c4438}
.plc-play::after{border-color:transparent transparent transparent #2c4438}
.plc-b small{color:#c0c9c3}
.chip.sp{color:#dad9d2}
.chip.yt{background:#c85e21;color:#e9e8e2;border-color:#c85e21}
.hc .hc-year{background-color:#060c09!important}
.hc .hc-year::before{background:linear-gradient(180deg,rgba(6,12,9,.85) 0%,rgba(6,12,9,.25) 40%,rgba(6,12,9,0) 60%,rgba(6,12,9,.55) 100%)}
.hc-ph{color:#96a69b}
.hist-credits{color:#b4bfb8}
.hc .hc-year::before{background:linear-gradient(180deg,rgba(6,12,9,.95) 0%,rgba(6,12,9,.7) 22%,rgba(6,12,9,0) 52%,rgba(6,12,9,.6) 100%)}
.hc .hc-year b{text-shadow:2px 2px 0 #060c09}
.hc .hc-year::after{background:#34654b!important}
.hc .hc-year{border-bottom:2px solid #08110d}
/* styles-mix.css: 63 rules */
.evc-date{background-color:#09120e;background-image:var(--halftone-ph),linear-gradient(180deg,rgba(9,18,14,.15),rgba(9,18,14,.85)),var(--ph,url("img/w/photos/4.webp"))}
.evc.world .evc-date{background-color:#c85e21;background-image:var(--halftone-ph),linear-gradient(180deg,rgba(200,94,33,.3),rgba(175,82,29,.9)),var(--ph,url("img/w/photos/1.webp"))!important}
.ev-d{background:linear-gradient(180deg,rgba(9,18,14,.25),rgba(9,18,14,.8)),var(--ph,none) center/cover #09120e;color:#e9e8e2;border:2px solid #08110d}
.ev-d b{color:#e9e8e2;text-shadow:0 2px 8px rgba(5,10,8,.5)}
.ev-d span{color:#e9e8e2}
.ev.world .ev-d{background:linear-gradient(180deg,rgba(200,94,33,.35),rgba(175,82,29,.9)),var(--ph,none) center/cover #c85e21}
.evc-date b{text-shadow:0 2px 10px rgba(5,10,8,.4)}
.phead{background-color:#0c1711}
.phead::before{color:rgba(233,232,226,.1)}
[data-view="news"] .phead{background-image:linear-gradient(90deg,rgba(12,23,17,.92),rgba(12,23,17,.72) 50%,rgba(12,23,17,.5)),url("img/w/photos/8.webp")}
[data-view="events"] .phead{background-image:linear-gradient(90deg,rgba(12,23,17,.92),rgba(12,23,17,.72) 50%,rgba(12,23,17,.5)),url("img/w/photos/4.webp")}
[data-view="music"] .phead{background-image:linear-gradient(90deg,rgba(12,23,17,.92),rgba(12,23,17,.72) 50%,rgba(12,23,17,.5)),url("img/w/photos/10.webp")}
[data-view="djs"] .phead{background-image:linear-gradient(90deg,rgba(12,23,17,.92),rgba(12,23,17,.72) 50%,rgba(12,23,17,.5)),url("img/w/photos/2.webp")}
[data-view="breakers"] .phead{background-image:linear-gradient(90deg,rgba(12,23,17,.92),rgba(12,23,17,.72) 50%,rgba(12,23,17,.5)),url("img/w/photos/9.webp")}
[data-view="ranking"] .phead{background-image:linear-gradient(90deg,rgba(12,23,17,.92),rgba(12,23,17,.72) 50%,rgba(12,23,17,.5)),url("img/w/photos/3.webp")}
[data-view="community"] .phead{background-image:linear-gradient(90deg,rgba(12,23,17,.92),rgba(12,23,17,.72) 50%,rgba(12,23,17,.5)),url("img/w/photos/7.webp")}
.sheet-photo{background:#09120e 50% 25%/cover no-repeat;border:3px solid #08110d}
.credit{color:#b5c0b9}
.tl .n.thumb{background:#09120e center/cover}
.band .photo{border:3px solid #2c4438;box-shadow:6px 6px 0 #c85e21}
[data-view="home"] .split .photo{border:3px solid #08110d;box-shadow:6px 6px 0 #09130e}
.lb-h{border-bottom:3px solid #08110d}
.lb-h small{color:#b5c0b9}
.lb-row{background:#13221a;border:2px solid #08110d;box-shadow:3px 3px 0 #09130e}
.lb-row:hover{box-shadow:5px 5px 0 #09130e}
.lb-btn:focus-visible{outline:3px solid #c85e21}
.lb-pos{color:#c85e21}
.lb-av{background:#c85e21 50% 22%/cover no-repeat;border:2px solid #08110d}
.lb-av b{color:#e9e8e2}
.lb-who b{color:#dad9d2}
.lb-who small{color:#c0c9c3}
.lb-pts b{color:#dad9d2}
.lb-bar{background:rgba(9,18,14,.12)}
.lb-bar i{background:#c85e21}
.lb-row.top1{background:#c85e21;border-color:#08110d}
.lb-row.top1 .lb-pos,.lb-row.top1 .lb-who b,.lb-row.top1 .lb-pts b{color:#e9e8e2}
.lb-row.top1 .lb-who small{color:rgba(233,232,226,.85)}
.lb-row.top1 .lb-bar{background:rgba(18,33,26,0.47)}
.lb-row.top1 .lb-bar i{background:#12211a}
.lb-row.top1 .lb-av{border-color:#2c4438;background-color:#09120e}
.lb-row.top2,.lb-row.top3{background:#09120e}
.lb-row.top2 .lb-who b,.lb-row.top3 .lb-who b,.lb-row.top2 .lb-pts b,.lb-row.top3 .lb-pts b{color:#e9e8e2}
.lb-row.top2 .lb-who small,.lb-row.top3 .lb-who small{color:#bcc3bc}
.lb-row.top2 .lb-bar,.lb-row.top3 .lb-bar{background:rgba(18,33,26,0.32)}
.lb-row.top2 .lb-pos{color:#e0e3e0}
.lb-row.top3 .lb-pos{color:#e08243}
.lb-res{border-top:1px solid rgba(8,17,13,.12)}
.lb-row.top .lb-res{border-top-color:rgba(44,68,56,.16)}
.lb-res summary{color:#c0c9c3}
.lb-row.top .lb-res summary{color:rgba(233,232,226,.75)}
.lb-res li{color:#dad9d2}
.lb-row.top li{color:#e9e8e2}
.lb-pl{background:#09120e;color:#e9e8e2}
.lb-row.top .lb-pl{background:#12211a;color:#dad9d2}
.nc.nc2{border:2px solid #08110d;border-top:2px solid #08110d;background:#13221a;box-shadow:4px 4px 0 #09130e}
.nc.nc2:hover{box-shadow:6px 7px 0 #09130e}
.nc-img{background:#09120e center/cover no-repeat;border-bottom:2px solid #08110d}
.nc-img .chip{box-shadow:2px 2px 0 #09130e}
.nc.nc2 h3{color:#dad9d2}
.nc.nc2 p{color:#dad9d2}
.nc.nc2 .src{color:#b4bfb8}
a.nc.nc2:hover h3{color:#c85e21}
@media (min-width:860px){.nc.nc2.lead .nc-img{border-right:2px solid #08110d}}
/* styles-media.css: 347 rules */
.rc-art.has-cover{background-color:#09120e}
.rc-art.has-cover::before{background:linear-gradient(180deg,rgba(9,18,14,.55),rgba(9,18,14,0) 42%)!important}
.rc-t{color:#dad9d2}
.sheet-photo.is-cover{background-color:#09120e}
.sheet-poster{background:#09120e;border:3px solid #08110d}
.ev-open:focus-visible{outline:3px solid #c85e21}
.tod-cover{background:#09120e center/cover no-repeat;border:3px solid #08110d;box-shadow:3px 3px 0 #09130e}
.nc-img.is-cover{background-color:#09120e!important}
.logo-mark{filter:drop-shadow(2px 2px 0 #09130e)}
.nav a:hover,.nav a:focus-visible{background:#14241c;color:#c85e21;box-shadow:3px 3px 0 #09130e}
.nav a[aria-current="page"]{background:#14241c;color:#c85e21;box-shadow:3px 3px 0 #09130e}
.btn-search{border:2px solid rgba(44,68,56,.75);color:#e9e8e2}
.btn-search:hover,.btn-search:focus-visible{background:#14241c;color:#c85e21;border-color:#2c4438}
.srch-in{border:3px solid #08110d;background:#12211a;color:#dad9d2;box-shadow:4px 4px 0 #c85e21}
.srch-in:focus{box-shadow:4px 4px 0 #09130e}
.srch-l a,.srch-l button{background:#16291f;color:#dad9d2}
.srch-l a:hover,.srch-l button:hover,.srch-l a:focus-visible,.srch-l button:focus-visible{background:#09120e;color:#e9e8e2}
.st .st-prem{color:#adb6ad;border-top:1px dashed rgba(44,68,56,.18)}
.st-sp{background:#09120e;border-color:#2d8a28}
.st-sp:hover,.st-sp[aria-pressed="true"]{background:linear-gradient(160deg,#2d8a28,#09120e 60%)}
.st-yt{background:#080f0b;border-color:#462110}
.st-yt .st-logo{color:#e9e8e2}
.st-yt:hover,.st-yt[aria-pressed="true"]{background:linear-gradient(160deg,#462110,#080f0b 60%)}
.st-radio{background:repeating-linear-gradient(-45deg,#c85e21 0 14px,#af521d 14px 28px);border-color:#08110d}
.st-radio .st-logo{color:#e9e8e2}
.st-radio span,.st-radio .st-prem{color:#e9e8e2}
.st-radio .st-prem{border-top-color:rgba(44,68,56,.35)}
.st-radio:hover,.st-radio[aria-pressed="true"]{border-color:#2c4438;box-shadow:inset 0 0 0 2px #0f1a14}
.onair{background:#12211a;box-shadow:0 0 0 3px rgba(15,26,20,.35)}
.live-prem{color:#c3c9c3}
.live-prem a{color:#e9e8e2}
.pin-stem{fill:#e9e8e2;stroke:#09130e}
.pin-frame{fill:#e9e8e2;stroke:#09130e;filter:drop-shadow(2px 3px 0 rgba(5,10,8,.6))}
.pin.world .pin-frame,.pin.world .pin-stem{fill:#c85e21}
.pin-date{fill:#c85e21}
.pin.world .pin-date{fill:#dad9d2}
.pin-day{fill:#e9e8e2}
.pin-mon{fill:#e9e8e2}
.pin-n{fill:#dad9d2;stroke:#f8f7f5}
.pin-nt{fill:#e9e8e2}
.pin:hover .pin-frame,.pin:focus .pin-frame,.pin.on .pin-frame{stroke:#e2b95a}
.pin.on .pin-n{fill:#c85e21}
.map-zoom button{border:2px solid #08110d;background:#14241c;color:#dad9d2;box-shadow:2px 2px 0 #09130e}
.map-zoom button:hover,.map-zoom button:focus-visible{background:#c85e21;color:#e9e8e2}
.map-legend .lg-ev{background:#14241c;box-shadow:0 0 0 2px #09130e, 0 0 0 3px #0f1a14}
.map-legend .lg-wl{background:#c85e21;box-shadow:0 0 0 2px #09130e, 0 0 0 3px #c85e21}
.logo-vinyl{filter:drop-shadow(2px 2px 0 rgba(9,19,14,.85))}
.map-pop{background:#14241c;color:#dad9d2;border:3px solid #08110d;box-shadow:5px 5px 0 #c85e21}
.map-pop-x{background:#09120e;color:#e9e8e2}
.map-pop-img{background:#09120e center/cover no-repeat}
.map-pop-b>small{color:#b4bfb8}
.map-pop li button{background:#16291f}
.map-pop li button span{background:#c85e21;color:#e9e8e2}
.map-pop li button:hover,.map-pop li button:focus-visible{background:#09120e;color:#e9e8e2}
.map-pop-all{color:#c85e21}
.v-disc{background:radial-gradient(circle,#14241c 0 2.6%,#060c09 3% 4%,transparent 4.2%),
    conic-gradient(from 0deg,rgba(18,33,26,0.92) 0 7deg,transparent 7deg 360deg) center/62% 62% no-repeat,
    radial-gradient(circle,#c85e21 0 29%,#af521d 29.5% 30.5%,transparent 31%),
    repeating-radial-gradient(circle,#09110d 0 1.1px,#0f1e16 1.1px 2.2px),
    #09110d;box-shadow:inset 0 0 0 2px rgba(15,26,20,.12)}
.v-sheen{background:conic-gradient(from 210deg,transparent 0 6%,rgba(18,33,26,0.50) 11%,transparent 17% 50%,rgba(18,33,26,0.38) 58%,transparent 64%)}
.vinyl::after{box-shadow:0 0 10px 1px rgba(225,127,71,.55),0 0 0 1.5px rgba(15,26,20,.75)}
body.playing .vinyl::after,.vinyl.fast::after{box-shadow:0 0 18px 4px rgba(225,127,71,.85),0 0 0 1.5px #0f1a14}
@keyframes vglow{to{box-shadow:0 0 8px 1px rgba(225,127,71,.5),0 0 0 1.5px #0f1a14}}
.ph-vinyl::after{box-shadow:0 0 34px 6px rgba(200,94,33,.45),0 0 0 3px rgba(15,26,20,.85)}
body.playing .ph-vinyl::after,.ph-vinyl.fast::after{box-shadow:0 0 60px 14px rgba(225,127,70,.7),0 0 0 3px #0f1a14}
.ph-vinyl:focus-visible{outline:3px solid #e2b95a}
.v-disc{background:radial-gradient(circle,#14241c 0 2.6%,#060c09 3% 4%,transparent 4.2%),
    radial-gradient(circle,transparent 0 17%,rgba(20,36,28,0.79) 17.6% 18.6%,transparent 19.2%),
    radial-gradient(circle,#c85e21 0 29%,#af521d 29.5% 30.5%,transparent 31%),
    radial-gradient(circle,transparent 0 50%,#15291f 50.5% 51.6%,transparent 52.2%),
    repeating-radial-gradient(circle,#09110d 0 1.1px,#0f1e16 1.1px 2.2px),#09110d!important}
.ticker{background-color:#dab262!important;color:#dad9d2}
.ticker::before,.ticker::after{background:repeating-linear-gradient(-45deg,#09120e 0 9px,#dab262 9px 18px)}
.ticker span.tk{color:#dad9d2}
.ticker span.tk::after{background:#09120e}
.ticker span.tk b{background:#09120e;color:#e2b95a}
.ticker .tk-w{background:#c85e21;color:#e9e8e2}
.ticker .tk-cd{background:#09120e;color:#e9e8e2}
.ticker .tk-now{background:#c85e21;color:#e9e8e2}
.qt-ic{background:#09120e;color:#e9e8e2;box-shadow:2px 2px 0 #c85e21}
.qt:hover,.qt:focus-visible{background:#c85e21!important;color:#e9e8e2}
.qt:hover b,.qt:hover span,.qt:focus-visible b,.qt:focus-visible span{color:#e9e8e2}
.qt:hover .qt-ic,.qt:focus-visible .qt-ic{color:#e9e8e2;box-shadow:inset 0 0 0 2.5px #0f1a14}
.evc .evc-date::after{background:#34654b}
.evc.world:hover .evc-date::after{background:#09120e}
.sec-radio{background:#09120e!important;background-image:radial-gradient(70% 90% at 85% 0%,rgba(200,94,33,.28),transparent 60%),var(--grain)!important;color:#e9e8e2}
.sec-radio .sec-h h2{color:#e9e8e2}
.sec-radio .sec-h .more{color:#e2b95a}
.home-radio .tile.wh{color:#dad9d2}
.cm-photo{border:3px solid #08110d;box-shadow:6px 6px 0 #09130e}
.cm-photo::after{background:#34654b}
.cm-tag{color:#e9e8e2;text-shadow:3px 3px 0 #09130e}
.cm-card{border:3px solid #08110d;background:#14241c;color:#dad9d2;box-shadow:4px 4px 0 #09130e}
.cm-card.dark{background:#09120e;color:#e9e8e2}
.cm-ic{background:#c85e21;color:#e9e8e2}
.cm-ic.vs{background:#dab262;color:#dad9d2}
.cm-card:hover,.cm-card:focus-visible{background:#c85e21;color:#e9e8e2}
.cm-card:hover .cm-ic{background:#09120e}
.cm-photo{background-color:#c85e21}
.sec-radio .sec-h .more{color:#c85e21}
.home-radio .st{box-shadow:4px 4px 0 #09130e}
.evc.has-poster .evc-date{background:linear-gradient(180deg,transparent 52%,rgba(6,12,9,.88)),var(--ph) center/contain no-repeat,#060c09!important}
.evc:hover .evc-date{background-color:#09120e}
.evc:not(.has-poster):hover .evc-date{background-image:var(--halftone-ph),linear-gradient(180deg,rgba(9,18,14,.15),rgba(9,18,14,.85)),var(--ph,url("img/w/photos/4.webp"))!important}
.evc.world:hover .evc-date::after{background:#c85e21}
.pin-bg{fill:#dad9d2}
.mapwrap.map-full{background-color:#060c09}
.vinyl::after,body.playing .vinyl::after,.vinyl.fast::after,.ph-vinyl::after,body.playing .ph-vinyl::after,.ph-vinyl.fast::after{box-shadow:0 0 0 1.5px rgba(15,26,20,.55),0 4px 10px rgba(5,10,8,.45)}
.ph-vinyl::after{box-shadow:0 0 0 3px rgba(15,26,20,.7),0 14px 30px rgba(5,10,8,.55)}
.v-disc{background:radial-gradient(circle,#060c09 0 2.4%,#14241c 2.6% 3.6%,transparent 3.8%),
    radial-gradient(circle,transparent 0 21.5%,#060c09 22% 22.8%,transparent 23.2%),
    linear-gradient(90deg,transparent 0 56%,rgba(6,12,9,.55) 56% 57.5%,transparent 57.5% 60%,rgba(6,12,9,.55) 60% 61.5%,transparent 61.5% 64%,rgba(6,12,9,.55) 64% 65%,transparent 65%) center/41% 41% no-repeat,
    conic-gradient(#c85e21 0 180deg,#14241c 180deg 360deg) center/41% 41% no-repeat,
    radial-gradient(circle,transparent 0 50%,#172c21 50.5% 51.8%,transparent 52.4%),
    radial-gradient(circle,transparent 0 71%,#172c21 71.5% 72.4%,transparent 73%),
    repeating-radial-gradient(circle,#09110d 0 1.1px,#0f1e16 1.1px 2.2px),#09110d!important}
.v-disc::before{box-shadow:0 0 0 1.5px #af521d}
.evc.has-poster .evc-date{background:#060c09!important}
.evc.has-poster .evc-date>b,.evc.has-poster .evc-date>span:not(.evc-poster){text-shadow:0 2px 8px rgba(5,10,8,.85)}
.evc.has-poster .evc-date{box-shadow:inset 0 -70px 50px -30px rgba(6,12,9,.9)}
.v-disc{background:radial-gradient(circle,transparent 0 50%,#172c21 50.5% 51.8%,transparent 52.4%),
    radial-gradient(circle,transparent 0 71%,#172c21 71.5% 72.4%,transparent 73%),
    repeating-radial-gradient(circle,#09110d 0 1.1px,#0f1e16 1.1px 2.2px),#09110d!important}
.v-disc::before{box-shadow:0 0 0 1.5px #060d09;background:linear-gradient(0deg,transparent 0 30%,rgba(6,12,9,.5) 30% 34%,transparent 34% 42%,rgba(6,12,9,.5) 42% 46%,transparent 46%) right/50% 100% no-repeat,
    linear-gradient(90deg,#c85e21 0 50%,#14241c 50% 100%)}
.v-disc::after{background:#060c09;box-shadow:0 0 0 1px #0f1a14}
.evc.has-poster .evc-date,.evc:hover .evc-date{background-color:#09120e!important;background-image:var(--halftone-ph),linear-gradient(180deg,rgba(9,18,14,.15),rgba(9,18,14,.85)),var(--ph,url("img/w/photos/4.webp"))!important}
.evc.world .evc-date,.evc.world:hover .evc-date{background-color:#c85e21!important;background-image:var(--halftone-ph),linear-gradient(180deg,rgba(200,94,33,.3),rgba(175,82,29,.9)),var(--ph,url("img/w/photos/1.webp"))!important}
.evc:hover .evc-date::after,.evc:focus-visible .evc-date::after{background:#c85e21}
.evc.world:hover .evc-date::after{background:#09120e}
.evc .evc-date>b,.evc .evc-date>span{text-shadow:0 2px 10px rgba(5,10,8,.4)}
.v-disc::before{background:linear-gradient(#060c09,#060c09) right center/50% 9% no-repeat,#14241c!important;box-shadow:0 0 0 1.5px #060d09}
.cm-cred{color:#b5c0b9}
.plc-stat{color:#dad9d2}
.sec-radio .sec-h .more{color:#c85e21}
.home-radio .st{box-shadow:4px 4px 0 #09130e}
.ev-vid{border:3px solid #08110d;background:#060c09}
.au-pic{border:2px solid #08110d;background:#09120e;color:#e9e8e2}
.au-pic.big{box-shadow:3px 3px 0 #c85e21}
.auth-g{background:#12211a!important;color:#dad9d2!important;border:2px solid #08110d!important}
.auth-sp{color:#dad9d2!important}
.gate-card{border:3px dashed #08110d;background:repeating-linear-gradient(-45deg,#14241c 0 14px,#16291f 14px 28px)}
.gate-card small{color:#d3d9d5}
.me-strip small{color:#b5c0b9}
.pp-hero{background:#09120e center 25%/cover no-repeat;background-color:#0e1a14;color:#e9e8e2;border-bottom:4px solid #08110d}
.pp-hero::before{background:linear-gradient(180deg,rgba(6,12,9,.2) 0%,rgba(6,12,9,.55) 55%,rgba(6,12,9,.95) 100%),linear-gradient(90deg,rgba(200,94,33,.45),transparent 60%)}
.pp-back{color:#e9e8e2;background:rgba(6,12,9,.45)}
.pp-back:hover{background:#c85e21}
.pp-hero .eyebrow{color:#e2b95a}
.pp-name{text-shadow:4px 4px 0 #c85e21}
.pp-cred .credit{color:#d0d6d0}
.pp-cred a{color:#e9e8e2}
.bdg{border:3px solid #08110d;box-shadow:3px 3px 0 #09130e}
.bdg-ver{background:#c85e21;color:#e9e8e2}
.bdg-dj{background:#09120e;color:#e9e8e2;border-color:#c85e21;box-shadow:3px 3px 0 #c85e21}
.bdg-legend{background:linear-gradient(135deg,#dab262,#dab262 55%,#dab262);color:#dad9d2}
.bdg-open{color:#dfe2df;border:2px dashed rgba(44,68,56,.6)}
.bdg-mini{background:#c85e21;color:#e9e8e2;border:2px solid #08110d;box-shadow:2px 2px 0 #09130e}
.bdg-mini.legend{background:linear-gradient(135deg,#dab262,#dab262);color:#dad9d2}
.pp-stat{background:#09120e;color:#e9e8e2;border:3px solid #08110d;box-shadow:4px 4px 0 #c85e21}
.pp-stat b{color:#e2b95a}
.pp-stat span{color:#d0d6d0}
.pp-card{background:#14241c;border:3px solid #08110d;box-shadow:4px 4px 0 #09130e}
.pp-tl li{background:#16291f}
.pp-tl li.win{background:#09120e;color:#e9e8e2}
.pp-tl li.win .pp-y{color:#e2b95a}
.pp-tl li.win .link{color:#e9e8e2}
.pp-y{color:#c85e21}
.pp-pend{border:2px dashed #c85e21;color:#c85e21}
.btn-admin{background:#09120e;color:#e2b95a;border:2px solid #e2b95a}
.adm-item{background:#14241c;border:3px solid #08110d;box-shadow:3px 3px 0 #09130e}
.adm-item.st-pending{border-color:#c85e21;box-shadow:3px 3px 0 #c85e21}
.adm-h small{color:#b5c0b9}
.adm-msg{background:#16291f}
.adm-msg.me{background:#09120e;color:#e9e8e2}
.adm-json{border:2px solid #08110d}
.ann{background:#09120e;color:#e2b95a;border-bottom:3px solid #e2b95a}
.adm-msg.cur{background:#c25b20;color:#e9e8e2;border-color:#c25b20}
.fr-rooms h5{color:#b5c0b9}
.fr-r{background:#14241c;border:2px solid #08110d;color:#dad9d2}
.fr-r small{color:#b5c0b9}
.fr-r:hover{background:#12211a;border-color:#c85e21}
.fr-r[aria-current="true"]{background:#c85e21;border-color:#c85e21;color:#e9e8e2}
.fr-r[aria-current="true"] small{color:#e9e8e2}
.fr-sign{background:#16291f}
.fr-t{background:#14241c;border:3px solid #08110d;box-shadow:3px 3px 0 #09130e;color:#dad9d2}
.fr-t:hover{background:#12211a;box-shadow:4px 4px 0 #c85e21}
.fr-t.k-callout{border-color:#c85e21;box-shadow:3px 3px 0 #c85e21}
.fr-tb small{color:#b5c0b9}
.fr-box{background:#16291f}
.fr-rules{color:#b5c0b9}
.home-radio .st,.src-tiles .st{border:3px solid #08110d!important;box-shadow:5px 5px 0 #c85e21!important}
.src-tiles .st{border-color:#183225!important}
.home-radio .st:hover,.src-tiles .st:hover{box-shadow:7px 7px 0 #c85e21!important}
.home-radio .st-sp::after,.src-tiles .st-sp::after,.home-radio .st-yt::after,.src-tiles .st-yt::after{background:rgba(24,44,34,0.92);box-shadow:0 1px 3px rgba(5,10,8,.25)}
.st.bbx{background:#c85e21!important;color:#e9e8e2;box-shadow:5px 5px 0 #09130e!important}
.src-tiles .st.bbx{box-shadow:5px 5px 0 #0f1a14!important}
.home-radio .st.bbx:hover{box-shadow:7px 7px 0 #09130e!important}
.st.bbx::before{border:2px dashed rgba(44,68,56,.35)}
.bbx-handle{border:6px solid #08110d}
.bbx-spk{background:#09120e;box-shadow:inset 0 0 0 4px #1a3628,inset 0 0 0 9px #09130e,inset 0 0 0 11px #28533e}
.bbx-spk i{background:radial-gradient(circle,#32614a 0 22%,#09120e 24% 46%,#1b3428 48% 62%,#09120e 64%)}
.bbx-mid .st-logo{color:#e9e8e2}
.bbx-mid b{color:#e9e8e2}
.bbx-tape{background:#09120e;border:2px solid #2c4438}
.bbx-tape i{border:3px solid #2c4438;border-top-color:#c85e21}
.bbx-tape em{background:#4d2b1d}
.bbx-sub{color:#e9e8e2!important}
.src-tiles .bbx-handle{border-color:#2c4438}
.sec.alt{background-image:var(--grain-d),var(--bronx),repeating-linear-gradient(90deg,transparent 0 119px,rgba(6,12,9,.035) 119px 121px)!important}
section[data-view] > .sec{background-color:rgba(21,40,31,0.92)!important;box-shadow:0 0 0 3px #09130e,9px 9px 0 rgba(9,19,14,.16)}
section[data-view] > .sec.alt{background-color:rgba(27,49,38,0.92)!important}
section[data-view] > .sec::before{background:rgba(24,44,34,0.92);box-shadow:0 1px 3px rgba(5,10,8,.2)}
@media (max-width:760px){section[data-view] > .sec{box-shadow:0 0 0 2.5px #09130e,5px 5px 0 rgba(9,19,14,.16)}}
.bbx-ant{background:#09120e}
.bbx-ant::after{background:#09120e}
.src-tiles .bbx-ant,.src-tiles .bbx-ant::after{background:#16291f}
.bbx-keys i{background:#16291f;border:2px solid #08110d}
.bbx-keys i.rec{background:#09120e}
.bbx-stk{background:#dab262;color:#dad9d2;border:2px solid #08110d;box-shadow:2px 2px 0 rgba(5,10,8,.35)}
.bbx-spk{background:repeating-radial-gradient(circle at center,#13261c 0 2px,#09120e 2px 5px)!important;box-shadow:inset 0 0 0 4px #0f1a14,inset 0 0 0 7px #09130e,0 2px 0 rgba(5,10,8,.35)!important}
.bbx-spk i{background:radial-gradient(circle at 40% 38%,#284a39 0 9%,#1b3428 11% 24%,#09120e 26% 44%,#15291f 46% 60%,#09120e 62%)!important;box-shadow:0 0 0 3px #0f1a14}
.bbx-tape em{background:#16291f!important;color:#dad9d2}
.bbx-vu i{background:#dab262}
.bbx-vu i:nth-child(n+6){background:#12211a}
section[data-view] > .sec{background-color:rgba(21,40,31,0.92)!important}
section[data-view] > .sec.alt{background-color:rgba(26,49,37,0.92)!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){section[data-view] > .sec{background-color:rgba(21,40,31,0.92)!important}}
.bx-head{background-image:linear-gradient(180deg,rgba(9,18,14,.2),rgba(9,18,14,.85)),url("img/history/bronx-3.jpg")!important}
.bx-door{background:#dab262;color:#dad9d2;border:2px solid #08110d;box-shadow:3px 3px 0 #09130e}
.bx-door b{background:#09120e;color:#e2b95a}
.bx-map{background:#09120e;border:3px solid #08110d;box-shadow:7px 7px 0 #c85e21}
.bx-stamp{background:#c85e21;color:#e9e8e2;box-shadow:3px 3px 0 #050a08}
.bx-n-arrow{color:#e9ece9;border:2px solid #2c4438}
.bx-n{fill:#dad9d2;stroke:#09130e}
.bx-n:hover{fill:#dad9d2}
.bx-n.hot{fill:#4b2311}
.bx-n.sel{fill:#c85e21!important}
@keyframes bxHot{50%{fill:#662f18}}
.r-s{stroke:#edece8}
.r-p{stroke:#edece8}
.r-m{stroke:#e2b95a}
.bx-dot{fill:#c85e21;stroke:#edece8}
.bx-pin.main .bx-dot{fill:#e2b95a;stroke:#09130e}
.bx-num{fill:#e9e8e2}
.bx-pin.main .bx-num{fill:#dad9d2}
.bx-lab rect{fill:#e9ece9;stroke:#09130e}
.bx-lab text{fill:#dad9d2}
.bx-pin:hover .bx-lab rect,.bx-pin:focus-visible .bx-lab rect,.bx-pin.on .bx-lab rect{fill:#c85e21;stroke:#edece8}
.bx-pin:hover .bx-lab text,.bx-pin:focus-visible .bx-lab text,.bx-pin.on .bx-lab text{fill:#e9e8e2}
.bx-radar{stroke:#e2b95a}
.bx-tip{background:#09120e;color:#e9ece9;border:2px solid #2c4438}
.bx-card{background:#14241c;border:3px solid #08110d;box-shadow:6px 6px 0 #09130e}
.bx-ph{background:#09120e}
.bx-ph::after{background:#34654b}
.bx-n2{background:#dab262;color:#dad9d2;border:2px solid #08110d}
.bx-phc{color:#b5c0b9}
.bx-li{background:#14241c;border:2px solid #08110d;color:#dad9d2;box-shadow:3px 3px 0 #09130e}
.bx-li b{background:#c85e21;color:#e9e8e2}
.bx-li small{color:#b5c0b9}
.bx-li[aria-pressed="true"]{background:#c85e21;color:#e9e8e2}
.bx-li[aria-pressed="true"] b{background:#12211a;color:#c85e21}
.bx-li[aria-pressed="true"] small{color:#e9e8e2}
.bx-cred{color:#b5c0b9}
section[data-view="home"] > .sec{background-color:rgba(21,40,31,0.72)!important}
section[data-view="home"] > .sec.alt{background-color:rgba(26,49,37,0.79)!important}
.hm-sub{color:#b5c0b9}
.hm-era{background:#14241c;border:3px solid #08110d;color:#dad9d2;box-shadow:3px 3px 0 #09130e}
.hm-era small{color:#b5c0b9}
.hm-era i{background:#09120e;color:#e9e8e2}
.hm-era[aria-selected="true"]{background:#c85e21;color:#e9e8e2;box-shadow:3px 3px 0 #09130e}
.hm-era[aria-selected="true"] small{color:#e9e8e2}
.hm-era[aria-selected="true"] i{background:#12211a;color:#c85e21}
.hm-map{background:#070d0a;border:3px solid #08110d;box-shadow:7px 7px 0 #c85e21}
.hm-water{fill:#dad9d2}
.hm-n{fill:#dad9d2;stroke:#09130e}
.hm-n:hover{fill:#dad9d2}
.hm-n.sel{fill:#c85e21}
.hm-roads .r-t{stroke:#edece8}
.hm-roads .r-m{stroke:#e2b95a}
.hm-lbl{fill:#e9ece9}
.hm-pin.ghost .hm-dot{fill:#b4bfb8;stroke:#09130e}
.hm-pin.ghost:hover .hm-dot{fill:#e9ece9}
.hm-dot{fill:#c85e21;stroke:#edece8}
.hm-num{fill:#e9e8e2}
.hm-lab rect{fill:#e9ece9;stroke:#09130e}
.hm-lab text{fill:#dad9d2}
.hm-pin.on .hm-dot{fill:#e2b95a;stroke:#09130e}
.hm-pin.on .hm-num{fill:#dad9d2}
.hm-pin.on .hm-lab rect{fill:#c85e21;stroke:#edece8}
.hm-pin.on .hm-lab text{fill:#e9e8e2}
.hm-stamp{background:#c85e21;color:#e9e8e2;box-shadow:3px 3px 0 #050a08}
.hm-ctl button{border:2px solid #2c4438;background:#09120e;color:#e9ece9}
.hm-ctl button:hover{background:#c85e21;border-color:#c85e21}
.hm-tip{background:#09120e;color:#e9ece9;border:2px solid #2c4438}
.hm-card{background:#14241c;border:3px solid #08110d;box-shadow:6px 6px 0 #09130e}
.hm-ph{background:#09120e}
.hm-ph::after{background:#34654b}
.hm-ph.none{background:#09120e}
.hm-ph.none em{color:#e9ece9}
.hm-n2{background:#dab262;color:#dad9d2;border:2px solid #08110d}
.hm-year{color:#c85e21}
.hm-phc{color:#b5c0b9}
.hm-nav{border-top:2px dashed rgba(8,17,13,.2)}
.hm-chip{background:#14241c;border:2px solid #08110d;color:#dad9d2}
.hm-chip b{background:#c85e21;color:#e9e8e2}
.hm-chip[aria-pressed="true"]{background:#09120e;color:#e9e8e2}
.hm-chip[aria-pressed="true"] b{background:#dab262;color:#dad9d2}
.hm-cred{color:#b5c0b9}
.hm-play{box-shadow:3px 3px 0 #09130e}
.hm-play[aria-pressed="true"]{background:#09120e!important;border-color:#08110d!important}
.hm-n.us{fill:#dad9d2;stroke:#204332}
.hm-n.us:hover{fill:#dad9d2}
.hm-nyc rect{fill:#c85e21;stroke:#edece8}
.hm-nyc text{fill:#e9e8e2}
.hm-ctl button[aria-pressed="true"]{background:#c85e21;border-color:#c85e21}
.hm-intro{background:#c85e21!important}
.hm-intro em{color:#e9e8e2;text-shadow:5px 5px 0 #09130e}
.hm-note{background:#172a21;border-left:4px solid #e2b95a}
.hr-line{border-bottom:3px solid #08110d}
.hr-tick{color:#b5c0b9}
.hr-tick::before{background:#09120e}
.hr-dot{border:2px solid #08110d;background:#213d2f}
.hr-dot.cur{background:#c85e21}
.hr-dot.on{background:#dab262}
.hm-area{fill:#c85e21}
.hm-area-c{stroke:#e2b95a}
.hm-areatag{background:#172a21;color:#dad9d2}
.hm-chip.approx b{color:#c85e21;border:2px dashed #c85e21}
#hm .hm-water{fill:var(--era-bg,#dad9d2)}
#hm .hm-map{background:var(--era-bg,#070d0a);box-shadow:7px 7px 0 var(--era,#c85e21)}
#hm .hm-n:not(.park):not(.sel){fill:color-mix(in srgb,var(--era,#dad9d2) 13%,#dad9d2)}
#hm .hm-pin.on .hm-dot{stroke:#09130e}
#hm .hm-pin.on .hm-num{fill:#dad9d2}
#hm .hm-intro{background-image:repeating-linear-gradient(-45deg,transparent 0 22px,rgba(6,12,9,.07) 22px 44px)!important}
#hm .hm-intro em{text-shadow:3px 3px 0 #09130e}
#hm .hm-intro .hm-ic.big{filter:drop-shadow(5px 5px 0 rgba(5,10,8,.35))}
.hr-band{border-right:2px solid #2c4438}
.hr-dot{background:#213d2f!important}
.hr-dot.on{border-color:#08110d}
.hm-wipe{background-image:repeating-linear-gradient(-45deg,transparent 0 22px,rgba(6,12,9,.09) 22px 44px)}
.hm-wipe .hm-ic{filter:drop-shadow(5px 5px 0 rgba(5,10,8,.3))}
.hm-ov{border:3px solid #08110d;background:var(--era,#c85e21);color:var(--era-on,#e9e8e2);box-shadow:3px 3px 0 #09130e}
.hm-cap{background:rgba(9,18,14,.88);color:#e9ece9;border:2px solid var(--era,#c85e21)}
.hm-prog{background:var(--era2,#dab262)}
.hm-myth{border:2px solid #08110d;background:#12211a}
.hm-myth[open] summary > span:last-child{text-decoration-color:#c85e21;color:#b5c0b9}
.hm-m-tag{background:#c85e21;color:#e9e8e2}
.hm-m-tag.ok{background:#09120e}
.hm-lens{border:3px solid #08110d;box-shadow:3px 3px 0 #09130e;background:#14241c}
.hm-lens button{color:#dad9d2}
.hm-lens button[aria-selected="true"]{background:#09120e;color:#e2b95a}
#hm .hm-n.bsel:not(.sel){fill:color-mix(in srgb,var(--era,#c85e21) 20%,#dad9d2)}
.hm-tr-all{stroke:var(--era2,#e2b95a)}
.hm-tr-done{stroke:var(--era2,#e2b95a)}
.hm-tr-new{stroke:var(--era,#c85e21)}
.hm-trav{color:var(--era2,#e2b95a);filter:drop-shadow(0 3px 0 rgba(5,10,8,.55))}
.hm-yr{color:var(--era,#c85e21);-webkit-text-stroke:2px #09130e;text-shadow:3px 3px 0 #09130e}
.hm-bintro .hm-bname{color:#e9e8e2;text-shadow:4px 4px 0 #09130e}
#hm .hm-n:not(.park):not(.sel):not(.bsel){fill:color-mix(in srgb,var(--era,#dad9d2) 9%,#dad9d2)}
#hm .hm-n.bsel:not(.sel){fill:color-mix(in srgb,var(--era,#c85e21) 14%,#dad9d2)}
.hm-tr-new{stroke:var(--era2,#e2b95a)!important}
.hm-rip{stroke:var(--era2,#e2b95a)}
/* styles-train.css: 42 rules */
.trn .room .obj:hover,.trn .room .obj:focus-visible{filter:drop-shadow(0 0 10px rgba(242,224,183,.9))}
.trn-lap{border-color:#08110d}
.trn-top{background:#09120e;color:#e9e8e2}
.trn-top .eyebrow{color:#e17f47}
.trn-clock b{color:#e17f47;text-shadow:0 0 18px rgba(225,127,71,.55)}
.trn-clock>span{color:#dfe2df}
.trn-clock #tm-ph{color:#e2b95a}
.trn-streak span{color:#adb6ad}
.trn #tr-flame{background:#c85e21;color:#e9e8e2;border:3px solid #2c4438}
.trn #tr-flame.off{background:#13261c;color:#adb6ad}
.trn-bar{background:#13261c}
.trn-bar i{background:linear-gradient(90deg,#c85e21,#e17f47)}
.trn-set select{border:2px solid #08110d;background:#12211a;color:#dad9d2}
.trn #tr-days span{background:#16291f;border:2px solid #08110d}
.trn #tr-days span.on{background:#c85e21;color:#e9e8e2}
.trn #tr-days span.today{box-shadow:0 0 0 3px #e2b95a}
.trn.run #trn-led{filter:drop-shadow(0 0 6px #e17f47)}
.trn .hub-bg{background:#09120e url("img/w/photos/23.webp") 50% 30%/cover no-repeat}
.trn .hub-bg::after{background:linear-gradient(180deg,rgba(7,13,10,.35) 0%,rgba(7,13,10,.78) 45%,rgba(7,13,10,.95) 80%),linear-gradient(90deg,rgba(200,94,33,.28),transparent 45%,rgba(200,94,33,.18))!important}
.trn-tag{color:#c85e21;text-shadow:3px 3px 0 #09130e}
.trn-tag.t2{color:#e9ebe9}
.trn-floor{background:repeating-linear-gradient(90deg,#6f412a 0 10px,#6f412a 10px 13px),#6f412a;box-shadow:inset 0 10px 18px rgba(5,10,8,.45)}
.trn-floor::before,.trn-floor::after{background:rgba(218,178,98,0.92)}
.trn-gear{background:#13261c}
.tg{border:3px solid #08110d;background:#14241c;box-shadow:4px 4px 0 #09130e;color:#dad9d2}
.tg:hover,.tg:focus-visible{box-shadow:4px 6px 0 #c85e21}
.tg small{color:#b5c0b9}
.trn.run .tg[data-tobj="boombox"]{background:#c85e21;color:#e9e8e2}
.trn.run .tg[data-tobj="boombox"] small{color:#e9e8e2}
.td{filter:drop-shadow(5px 5px 0 rgba(9,19,14,.85))}
.trn-credit{color:#dfe2df}
.trn-clock #tm-ph{color:#e2b95a;text-shadow:2px 2px 0 #050a08}
.trn-clock #tm-ph.ph-round{color:#e17f47}
.trn-clock #tm-ph.ph-done{color:#6ed369}
.trn-vinyls i{background:radial-gradient(circle,#14241c 0 9%,#1b3427 10% 30%,#09120e 31% 100%);box-shadow:0 0 0 2px #1a3527}
.trn-vinyls i.done{background:radial-gradient(circle,#14241c 0 9%,#c85e21 10% 34%,#09120e 35% 100%);box-shadow:0 0 0 2px #c85e21}
.trn-vinyls i.now{background:repeating-radial-gradient(circle,#09120e 0 2px,#11221a 2px 3px),#09120e;box-shadow:0 0 0 2px #0f1a14}
.trn-vinyls i.now::after{background:#c85e21;box-shadow:inset 0 0 0 3px #c85e21,inset 2px 0 0 4px #0f1a14}
.trn-set .hi-ic{background:#09120e;color:#6ed369}
.trn #tm-go{box-shadow:4px 4px 0 #09130e}
.trn .hub-bg::after{background:radial-gradient(60% 22% at 50% 100%,rgba(200,94,33,.38),transparent 70%),
  linear-gradient(180deg,rgba(7,13,10,.3) 0%,rgba(7,13,10,.72) 42%,rgba(6,12,9,.96) 78%,#060c09 100%),
  linear-gradient(90deg,rgba(200,94,33,.22),transparent 40%,transparent 60%,rgba(200,94,33,.16))!important}
.trn .hub-bg::before{background:repeating-linear-gradient(90deg,rgba(18,33,26,0.14) 0 1px,transparent 1px 120px),linear-gradient(180deg,transparent,rgba(18,33,26,0.15))}

/* MANUAL: tools/green/manual.css */
/* ===== GREEN WALL · manual layer (loaded after the auto recolour) =====
   Look: menus painted on a green cinder-block wall, city silhouette at the bottom,
   wide slab caps, rust menu items, bone for the selected one, dark control bars. */
:root{
  --gw-wall:#274334; --gw-wall-hi:#3c5c47; --gw-wall-lo:#13251d; --gw-ink:#08150f;
  --gw-bone:#d8d6cc; --gw-rust:#c4621f; --gw-rust-lt:#e0864a; --gw-rust-lo:#2a1205;
  --gw-clay:#8e3825; --gw-gold:#e9c968; --gw-hud:#62d15d; --gw-panel:rgba(12,26,19,.84);
  /* tokens the page itself uses (inline styles, JS) */
  --red:#c4621f; --red-d:#e0864a; --red-tint:#2a1c12; --ink:#d8d6cc; --ink-2:#b9c2bb;
  --black:#08150f; --paper:#15271e; --paper-2:#1a2e24; --line:#2c4436; --muted:#9aab9f;
  --deck-2:#10221a; --neon:#62d15d;
  --f-d:"Roboto Slab",Georgia,serif;
  --f-menu:"Holtwood One SC","Roboto Slab",Georgia,serif;
  --f-tag:"Sedgwick Ave Display","Roboto Slab",sans-serif;
  --f-spray:"Sedgwick Ave Display","Roboto Slab",sans-serif;
  --f-st:"Roboto Slab",Georgia,serif;
  --f-mark:"Sedgwick Ave Display","Roboto Slab",sans-serif;
  --f-sten:"Holtwood One SC","Roboto Slab",serif;
  --bronx:url("img/green/bronx-streets.svg");
  --swipe:none; --brush:none;
  --gw-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .7 -.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --gw-mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .75 0 0 0 0 .62 0 0 0 .55 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");
  --gw-blocks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='220'%3E%3Cg fill='none' stroke-width='4'%3E%3Cpath d='M0 2H240M0 112H240M2 0V110M122 110V220' stroke='%23000' stroke-opacity='.36'/%3E%3Cpath d='M0 6H240M0 116H240M6 0V108M126 112V220' stroke='%23fff' stroke-opacity='.05'/%3E%3C/g%3E%3C/svg%3E");
  --grain-d:var(--gw-noise);
}
html{background:var(--gw-wall)}
body{
  color:var(--gw-bone);
  background-color:var(--gw-wall)!important;
  background-image:radial-gradient(130% 90% at 50% 20%,transparent 40%,rgba(3,9,6,.55) 100%),var(--gw-noise),var(--bronx),var(--gw-mottle),var(--gw-blocks)!important;
  background-size:100% 100vh,260px 260px,1800px auto,900px 900px,240px 220px!important;
  background-position:0 0,0 0,center top,0 0,0 0!important;
  background-attachment:fixed,scroll,fixed,scroll,scroll!important;
}
@media (max-width:760px){body{background-size:100% 100vh,260px 260px,1100px auto,900px 900px,170px 156px!important;background-attachment:fixed,scroll,scroll,scroll,scroll!important}}
body::before{background:var(--gw-ink)!important}
body::after{content:"";position:fixed;left:0;right:0;bottom:calc(var(--deck-h) + var(--tab-h) + var(--safe-b) + var(--live-h));height:min(24vh,230px);background:url("img/green/skyline.png") 50% 100%/auto 100% repeat-x;z-index:-1;pointer-events:none}
::selection{background:var(--gw-rust);color:#140904}

/* ---------- masthead = top control bar ---------- */
.mast{background:linear-gradient(#0b1b14,#07130d)!important;border-bottom:1px solid rgba(216,214,204,.08)!important;box-shadow:0 8px 24px -12px #000!important}
.logo-t{font-family:var(--f-tag)!important;font-weight:400!important;font-size:25px!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;-webkit-text-stroke:4px #000;paint-order:stroke fill;text-shadow:2px 3px 0 #000!important;transform:rotate(-3deg);display:inline-block}
.proto{font-family:var(--f-m)!important;background:transparent!important;color:var(--muted)!important;border:1px solid rgba(216,214,204,.2)!important}
.nav{gap:1px!important}
.nav a{padding-inline:6px!important;font-family:var(--f-menu)!important;font-weight:400!important;font-size:11px!important;letter-spacing:.07em!important;text-transform:uppercase;color:var(--gw-rust)!important;background:transparent!important;-webkit-text-stroke:.5px var(--gw-rust-lo);paint-order:stroke fill;border-radius:5px!important;position:relative}
.nav a:hover{color:var(--gw-rust-lt)!important}
.nav a[aria-current="page"]{color:var(--gw-bone)!important;background:#1d3226!important;-webkit-text-stroke:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6)!important}
.nav a[aria-current="page"]::before,.nav a[aria-current="page"]::after{content:"";position:absolute;top:-2px;bottom:-2px;width:6px;border:2.5px solid var(--gw-bone);pointer-events:none}
.nav a[aria-current="page"]::before{left:-3px;border-right:0;border-radius:6px 0 0 6px}
.nav a[aria-current="page"]::after{right:-3px;border-left:0;border-radius:0 6px 6px 0}

/* ---------- hero ---------- */
.hero-tint{background:#2e5a42!important;opacity:.9!important}
.hero-shade{background:linear-gradient(90deg,rgba(6,16,11,.88) 0%,rgba(6,16,11,.55) 45%,rgba(6,16,11,.15) 100%)!important}
.hero .spray{display:none!important}
.hero-h{font-family:var(--f-menu)!important;font-weight:400!important;font-size:clamp(38px,6.6vw,92px)!important;line-height:1.02!important;letter-spacing:.04em!important;color:var(--gw-bone)!important;-webkit-text-stroke:3px var(--gw-ink);paint-order:stroke fill;text-shadow:0 6px 0 rgba(0,0,0,.55)!important;max-width:12ch!important}
.hero-h .hl{background:none!important;color:var(--gw-rust)!important;-webkit-text-stroke:3px var(--gw-rust-lo)}
.eyebrow{color:var(--gw-rust-lt)!important;letter-spacing:.18em}
.hero-sub{color:#c9cfc6!important}

/* ---------- section panels = signs on the wall ---------- */
section[data-view] > .sec{background-color:var(--gw-panel)!important;box-shadow:0 0 0 1px rgba(216,214,204,.07),inset 0 1px 0 rgba(255,255,255,.04),0 24px 48px -28px #000!important;border-radius:8px!important}
section[data-view] > .sec.alt{background-color:rgba(16,32,24,.86)!important}
section[data-view="home"] > .sec{background-color:rgba(11,24,18,.78)!important}
.sec.alt{background-image:var(--gw-noise)!important}
.sec-h h2,.sec.alt .sec-h h2,.sec-radio .sec-h h2{font-family:var(--f-menu)!important;font-weight:400!important;font-size:clamp(22px,3vw,38px)!important;line-height:1.05!important;letter-spacing:.12em!important;color:var(--gw-bone)!important;-webkit-text-stroke:2px var(--gw-ink);paint-order:stroke fill;text-shadow:0 4px 0 rgba(0,0,0,.55)!important;background:none!important;padding:0!important}
.sec-h h2::after,.sec-h h2::before{display:none!important}
.sec-h a,.sec-h .link{font-family:var(--f-menu)!important;font-weight:400!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--gw-rust-lt)!important}

/* ---------- buttons ---------- */
.btn{font-family:var(--f-menu)!important;font-weight:400!important;font-size:13px!important;letter-spacing:.12em!important;text-transform:uppercase;border-radius:6px!important}
.btn-red,.btn.btn-red{background:var(--gw-rust)!important;color:#160a04!important;border-color:transparent!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.28),0 0 0 2px var(--gw-rust-lo)!important}
.btn-red:hover{background:var(--gw-rust-lt)!important}

/* ---------- quick tiles = menu items ---------- */
.qt{background:rgba(8,21,15,.72)!important;border:1px solid rgba(216,214,204,.08)!important;box-shadow:0 10px 24px -16px #000!important;border-radius:8px!important}
.qt b{font-family:var(--f-menu)!important;font-weight:400!important;font-size:15px!important;letter-spacing:.1em!important;text-transform:uppercase;color:var(--gw-rust)!important;-webkit-text-stroke:.6px var(--gw-rust-lo);paint-order:stroke fill}
.qt:hover{background:#1d3226!important;box-shadow:0 0 0 2px var(--gw-bone)!important}
.qt:hover b{color:var(--gw-bone)!important;-webkit-text-stroke:0}
.qt-ic{background:#0b1a13!important;color:var(--gw-bone)!important;border-color:rgba(216,214,204,.18)!important}

/* ---------- bars: next battle, ticker, deck, footer ---------- */
.next{background:#08150f!important;background-image:none!important;border-block:1px solid rgba(216,214,204,.07)}
.next b{font-family:var(--f-menu);font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.next .count{background:var(--gw-rust)!important;color:#160a04!important}
.ticker{background:#0c1b14!important;background-image:none!important;color:var(--gw-bone)!important;border-block:1px solid rgba(216,214,204,.08)!important;box-shadow:none!important;transform:none!important}
.ticker .tk b{color:var(--gw-rust-lt)!important;font-family:var(--f-menu);font-weight:400;letter-spacing:.08em}
.ticker .tk-w{background:var(--gw-gold)!important;color:#1a1405!important}
.ticker .tk-cd{color:var(--gw-hud)!important}
.deck{background:linear-gradient(rgba(10,26,19,.94),#06110c)!important;background-image:linear-gradient(rgba(10,26,19,.94),#06110c)!important;border-top:1px solid rgba(216,214,204,.08)!important}
.deck-title{font-family:var(--f-menu)!important;font-weight:400!important;letter-spacing:.1em!important}
.deck-sub{color:var(--muted)!important}
@media (max-width:760px){.deck-title{font-family:var(--f-d)!important;font-weight:800!important;letter-spacing:.02em!important}}
.foot{background:#06110c!important;background-image:none!important}
.band{background-color:#0a1912!important}
.band h2{font-family:var(--f-menu)!important;font-weight:400!important;font-size:clamp(26px,3.6vw,48px)!important;letter-spacing:.06em!important;line-height:1.1!important}
/* tape stays (Rick 09.11): old masking tape, sand-coloured, so it reads on the green wall */
.taped::before,.evc::before,.st::after,section[data-view] > .sec::before,.trn-floor::before,.trn-floor::after{
  display:block!important;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,.08)),rgba(206,192,150,.9)!important;
  box-shadow:0 2px 5px rgba(0,0,0,.5)!important;border-left:2px dashed rgba(0,0,0,.12)!important;border-right:2px dashed rgba(0,0,0,.12)!important}
.band h2 *,.band h2{background:none!important;-webkit-text-stroke:2px var(--gw-ink);paint-order:stroke fill;color:var(--gw-bone)!important}

/* ---------- preview chip + credit ---------- */
.gw-chip{position:fixed;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(var(--deck-h) + var(--tab-h) + var(--safe-b) + var(--live-h) + 12px);z-index:80;display:grid;gap:2px;padding:8px 12px;border-radius:6px;background:#08150f;border:1px solid rgba(216,214,204,.25);font:400 10px/1.2 "Holtwood One SC",Georgia,serif;letter-spacing:.14em;color:var(--gw-bone);text-decoration:none;box-shadow:0 8px 20px -8px #000}
.gw-chip small{font:500 11px/1.2 var(--f-b);letter-spacing:0;color:var(--gw-rust-lt)}
.gw-credit{margin:0;padding:12px 16px 0;text-align:center;font:11px/1.5 var(--f-m);color:var(--muted)}
.gw-credit a{color:var(--muted)}