@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{font-family:Barlow,Arial,sans-serif;color:#e6e7dd;background:#b1a384;--sand:#d6bd85;--line:#ffffff18;--muted:#a4afa4;--panel:#171e1bf5;--accent:#9ab8a3;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #ebd59e;outline-offset:3px}button{border:0}a{color:var(--sand)}[hidden]{display:none!important}#battlefield{position:fixed;inset:0}#battlefield canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 150px #0a110d4a}#load-error{position:fixed;inset:30% 10%;padding:30px;background:var(--panel);z-index:20}.eyebrow,.version,.panel-title,.setup label,.setup-foot,.lobby-footer,.intro-meta,.deck-label,.radar-head,.radar-coordinates,.operation,.resources small,.top-actions,.mission>span,.right-tools,.orders-footer,.modal-eyebrow,.small-note,.touch-tools{font-size:10px;letter-spacing:1.4px;font-weight:600}#lobby{position:fixed;inset:0;background:linear-gradient(90deg,#111a16f5 0%,#111a16e6 26%,#111a1630 66%,#111a1655 100%);display:flex;flex-direction:column;padding:0 4.7vw}#lobby:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000005 4px)}.lobby-top{height:100px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);z-index:1}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;font-weight:900;color:var(--sand);text-decoration:none;position:relative}.wordmark span,.hud-brand>span{color:#8eab93;margin-left:-4px}.version{margin-left:auto;color:#c1cabb;display:flex;align-items:center;gap:10px}.version i,.setup-foot i,.radar-head i{width:5px;height:5px;background:#b2cb99;border-radius:50%;display:inline-block;box-shadow:0 0 8px #a8d28b66}.lobby-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:40px;z-index:1;padding:35px 0}.intro{align-self:center;min-width:400px}.sand{color:var(--sand)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:-3px;font-size:clamp(110px,12vw,190px);line-height:.8;margin:28px 0 36px;color:#e8e4d4}h1 span{display:block;font:600 17px Barlow,Arial,sans-serif;letter-spacing:9px;color:var(--sand);margin-top:23px;margin-left:6px}.lede{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;line-height:1.05;font-weight:600;letter-spacing:.3px;margin-bottom:22px}.intro-copy{font-size:14px;line-height:1.7;color:#b6bfb4}.intro-meta{display:flex;gap:18px;letter-spacing:.8px;color:#b9c1b5;margin-top:32px}.intro-meta span{border-right:1px solid #ffffff25;padding-right:18px}.intro-meta span:last-child{border:0}.setup{width:365px;flex-shrink:0;padding:26px 24px 20px;background:#161e1bec;border:1px solid #c6c5a831;box-shadow:0 20px 60px #0003;backdrop-filter:blur(16px)}.panel-title{display:flex;justify-content:space-between;font-size:9px;color:#a9b2a5;padding-bottom:20px;border-bottom:1px solid var(--line)}.tiny-live{color:var(--sand)}h2{font:600 31px 'Barlow Condensed',Impact,sans-serif;margin:22px 0 18px;letter-spacing:.2px}.factions{display:flex;gap:7px}.faction{background:#ffffff04;border:1px solid var(--line);padding:13px 5px 10px;flex:1;font-size:11px;position:relative}.faction.active{border-color:var(--sand);background:#d6bd8510}.faction svg{width:34px;height:34px;display:block;margin:0 auto 9px}.faction span{font-weight:600}.faction.active:after{content:'';position:absolute;bottom:0;left:40%;right:40%;height:2px;background:var(--sand)}#faction-desc{font-size:12px;color:#acb6aa;line-height:1.6;min-height:71px;padding-top:16px}.setup-grid{display:grid;gap:14px;margin-bottom:22px}.setup label{display:grid;gap:7px;color:#aab5a9;font-size:9px}select{width:100%;background:#0e1511b0;border:1px solid #ffffff20;padding:12px;color:#e1e2d8;font-size:12px;letter-spacing:.2px;border-radius:0}.primary{background:var(--sand);color:#1f271d;display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 19px;letter-spacing:1.8px;font-size:11px;font-weight:700}.primary:hover{background:#e9d5a5}.primary>span{font-size:20px;line-height:10px}.secondary{background:#ffffff07;border:1px solid var(--line);padding:13px;width:100%;font-size:12px;margin-top:9px}.secondary:hover{background:#ffffff12}.setup-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:8px;letter-spacing:.7px;color:#aeb8a8}.setup-foot span{display:flex;align-items:center;gap:7px}.setup-foot button,.lobby-footer button{background:none;font-size:10px;color:#bfc8b9;border-bottom:1px solid #ffffff30;padding:0 0 2px}.lobby-footer{min-height:62px;display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.9px;color:#a4afa0;z-index:1}.lobby-footer>span:last-child{margin-left:auto;font-size:8px;letter-spacing:.1px;max-width:215px}.topbar{position:absolute;top:0;left:0;right:0;height:64px;background:linear-gradient(#141d19fa,#17201bed);border-bottom:1px solid #e0d5ac35;display:flex;align-items:center;padding:0 20px;gap:25px;box-shadow:0 5px 30px #0003}.hud-brand{display:flex;align-items:center;background:none;color:var(--sand);font:800 31px 'Barlow Condensed',Impact,sans-serif;padding:0}.hud-brand small{font-size:13px;letter-spacing:2px;margin-left:10px}.operation{display:grid;gap:5px;font-size:8px;border-left:1px solid var(--line);padding-left:22px;color:#94a492}.operation b{font-size:10px;color:#e1e4d6;letter-spacing:1.7px}.resources{display:flex;gap:34px;margin:auto}.resources>div{display:grid;grid-template-columns:22px auto;gap:3px 7px;align-items:center}.resource-icon{grid-row:span 2;font-size:24px;color:var(--sand)}.resources b{font:600 22px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.resources small{font-size:7px;letter-spacing:1px;color:#a9b29f}.top-actions{display:flex;align-items:center;gap:9px;color:#c8d0bf;font-size:11px;font-variant-numeric:tabular-nums}.top-actions button{background:#ffffff08;border:1px solid var(--line);min-width:30px;height:30px;font-size:12px}.top-actions #sound{font-size:8px;padding:0 10px;letter-spacing:1px}.mission{position:absolute;top:89px;left:24px;display:grid;gap:8px;background:linear-gradient(90deg,#172019cf,#17201900);padding:14px 26px 15px 16px;border-left:2px solid var(--sand);pointer-events:none}.mission b{font-weight:500;font-size:13px}.mission>span:first-child{font-size:8px;color:var(--sand)}.mission #mission-tip{font-size:10px;letter-spacing:.2px;color:#c1c7b7}#toast{position:absolute;bottom:237px;left:50%;transform:translateX(-50%);background:#131e19ed;border-left:2px solid var(--sand);color:#f0e7cb;font-size:12px;padding:12px 24px;opacity:0;transition:opacity .25s;pointer-events:none;max-width:80%;text-align:center}#toast.show{opacity:1}.right-tools{position:absolute;right:22px;top:90px;width:125px;display:grid;gap:7px}.right-tools>button{background:#172019e6;border:1px solid #dccba135;padding:11px 8px;display:grid;grid-template-columns:27px 1fr;gap:4px;align-items:center;text-align:left}.right-tools>button>span{grid-row:span 2;color:var(--sand);font-size:25px}.right-tools b{font-size:8px;letter-spacing:.9px}.right-tools small{font-size:8px;font-weight:400;color:var(--sand);letter-spacing:.7px}.rank{padding:11px 1px;display:grid;gap:7px}.rank>span{font-size:7px;color:#d9dec7;letter-spacing:1px}.rank>b{font-size:11px;color:#e9dfbe}.rank>div{height:2px;background:#fff2}.rank i{display:block;height:100%;background:var(--sand);width:0}#mode-hint{position:absolute;top:192px;left:50%;transform:translateX(-50%);background:#19211cf0;border:1px solid var(--sand);padding:12px 20px;font-size:12px;pointer-events:none}#selection-box{position:absolute;border:1px solid #cbe6ac;background:#bdd49e1a;pointer-events:none}.command-deck{position:absolute;bottom:0;left:0;right:0;height:211px;background:var(--panel);border-top:1px solid #e0d5ac40;display:grid;grid-template-columns:228px 285px 1fr;box-shadow:0 -8px 40px #0004}.radar{padding:12px 14px;border-right:1px solid var(--line)}.radar-head{font-size:8px;display:flex;align-items:center;gap:8px;color:#d5d9c9;margin-bottom:8px;letter-spacing:.7px}.radar-head>button{margin-left:auto;background:none;padding:0;font-size:8px;color:#b5bfa9}.radar canvas{width:100%;height:145px;display:block;background:#1e2b22;cursor:crosshair;touch-action:none;border:1px solid #ffffff20}.radar-coordinates{display:flex;justify-content:space-between;margin-top:7px;font-size:6px;letter-spacing:.8px;color:#82937c}.radar-coordinates span{color:#bbd69e}.selection{padding:16px 18px;border-right:1px solid var(--line);min-width:0}.deck-label{font-size:8px;letter-spacing:1.3px;color:#aab8a4;display:flex;justify-content:space-between;align-items:center;height:16px}.deck-label span:last-child{color:var(--sand);font-size:8px}.selected-main{display:flex;gap:12px;align-items:center;margin-top:10px}.selected-main canvas{width:80px;height:62px;background:#2d392b;border:1px solid #ffffff17}.selected-main>div{flex:1;min-width:0}.selected-main h3{font:600 20px 'Barlow Condensed',Impact,sans-serif;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-main p{font-size:9px;color:#9eaf94;margin:0 0 8px}#health-track{height:3px;background:#ffffff16}#health-bar{display:block;background:#aac488;height:100%;width:0}#health-text{font-size:8px;color:#9eaf94;letter-spacing:.6px}#selected-desc{font-size:9px;line-height:1.4;color:#a9b49e;margin:9px 0;height:25px;overflow:hidden}#selection-actions{display:flex;gap:7px}#selection-actions button{background:#ffffff05;border:1px solid var(--line);font-size:9px;padding:7px 8px;flex:1}kbd{font:8px Barlow,Arial,sans-serif;border:1px solid #ffffff25;padding:1px 3px;color:#aebba5;margin-left:4px}.orders{padding:16px 20px;min-width:0}.orders .deck-label{margin-bottom:9px}#command-buttons{display:grid;grid-template-columns:repeat(8,minmax(49px,1fr));gap:6px;height:114px;align-content:start}.command{min-width:0;position:relative;background:linear-gradient(150deg,#364130,#263024);border:1px solid #74836745;height:106px;padding:6px 5px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:background .15s}.command:hover{border-color:var(--sand);background:#43503b}.command canvas{width:56px;max-width:100%;height:46px;object-fit:contain}.command .command-name{font-size:8px;line-height:1.2;margin-top:5px;min-height:18px;text-align:center}.command .price{font-size:9px;color:var(--sand);margin-top:3px}.command .queue-number{position:absolute;top:5px;right:6px;background:#d7bd85;color:#1b2517;font-size:9px;padding:2px 4px}.command .production{position:absolute;bottom:0;left:0;height:3px;background:var(--sand)}.command.locked{filter:saturate(.4);opacity:.45}.orders-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:8px;letter-spacing:.1px;color:#8e9e85}.orders-footer button{font-size:8px;background:none;border:1px solid var(--line);padding:7px 10px;color:#c5d0ba}.touch-tools{position:absolute;bottom:227px;right:20px;display:flex;gap:5px}.touch-tools button{background:#19231cf0;border:1px solid #c5c9a835;padding:9px 13px;font-size:11px}.touch-tools #touch-pan{display:none;font-size:8px;letter-spacing:1px}.touch-tools #touch-pan.active{color:var(--sand);border-color:var(--sand)}dialog{color:#dde1d3;background:#19221dfc;border:1px solid #bfba9345;padding:35px;width:min(520px,calc(100vw - 30px));max-height:85vh;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#07110bc9;backdrop-filter:blur(6px)}dialog h2{font-size:38px;margin-top:14px}dialog p{font-size:13px;line-height:1.7;color:#b8c2b1}dialog .modal-eyebrow{color:var(--sand);font-size:9px}.modal-buttons{margin-top:25px}.close{position:absolute;right:15px;top:12px;background:none;font-size:27px;color:#a9b89f}.help-steps{padding-left:18px}.help-steps li{padding:0 0 15px 8px;font-size:12px;line-height:1.7;color:#b8c2b1}.help-steps b{color:#e0e2d3}.help-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:10px;border-top:1px solid var(--line);padding-top:20px;color:#b8c2b1}.small-note{font-size:10px;line-height:1.7;letter-spacing:.1px;color:#95a28e}#research-dialog{width:min(760px,calc(100vw - 30px))}#research-dialog h3{font:600 23px 'Barlow Condensed',Impact,sans-serif;margin:25px 0 5px}.research-table{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:22px 0}.research-table b{font-size:11px;color:var(--sand)}.research-table p{font-size:12px;margin-bottom:0}.external-button{display:block;padding:15px 18px;background:var(--sand);color:#18241a;text-decoration:none;font-size:12px;letter-spacing:1px;font-weight:700}.external-button small{display:block;font-size:8px;letter-spacing:.5px;margin-top:5px}.sources{padding-left:17px;font-size:11px;line-height:2.2}.stats{display:flex;gap:25px;margin:25px 0;border-top:1px solid var(--line);padding-top:20px}.stats div{display:grid;gap:6px;font-size:9px;color:#b1bea4}.stats b{font:600 28px 'Barlow Condensed',Impact,sans-serif;color:var(--sand)}.low-power{color:#e8a77c!important}.paused-tag{color:var(--sand)}
@media(min-width:1700px){.command-deck{height:230px;grid-template-columns:255px 320px 1fr}.radar canvas{height:163px}.command{height:125px}.command canvas{height:60px;width:75px}#toast{bottom:250px}.touch-tools{bottom:246px}}
@media(max-width:1100px){.lobby-top{height:76px}.intro{min-width:320px}.intro h1{font-size:120px}.intro .lede{font-size:34px}.setup{width:330px;padding:20px}.lobby-body{gap:20px}.intro-meta{font-size:8px;gap:10px}.intro-meta span{padding-right:10px}.topbar{gap:13px;padding:0 13px}.operation{display:none}.resources{gap:24px}.command-deck{grid-template-columns:185px 235px 1fr;height:205px}.radar canvas{height:138px}.radar-head{font-size:7px}.selection{padding:14px 12px}.selected-main canvas{width:65px}.selected-main h3{font-size:18px}.orders{padding:14px 12px}#command-buttons{grid-template-columns:repeat(4,1fr);gap:4px;height:133px}.command{height:64px;padding:3px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 18px;align-items:center;justify-items:center}.command canvas{grid-row:span 2;width:34px;height:38px}.command .command-name{font-size:7px;min-height:0;margin:0}.command .price{font-size:8px;margin:0}.orders-footer{margin-top:6px}.orders-footer>span{font-size:7px;max-width:70%;line-height:1.4}.command .queue-number{top:2px;right:2px;font-size:7px;padding:1px 3px}#toast{bottom:225px}.touch-tools{bottom:221px}.lobby-footer{gap:18px}.lobby-footer>span:first-child{display:none}}
@media(max-width:760px){#lobby{padding:0 5vw;overflow:auto;background:linear-gradient(90deg,#111a16f2,#111a1699)}.lobby-top{min-height:65px;height:65px;gap:15px}.lobby-top .eyebrow{font-size:8px}.version{font-size:7px;letter-spacing:.5px}.lobby-body{flex-direction:column;align-items:stretch;justify-content:center;padding:26px 0;gap:24px}.intro{min-width:0}.intro .eyebrow{font-size:8px}.intro h1{font-size:100px;margin:20px 0}.intro h1 span{font-size:12px;letter-spacing:6px;margin-top:15px}.intro .lede{font-size:28px;margin:20px 0 10px}.intro-copy,.intro-meta{display:none}.setup{width:100%;padding:18px}.setup h2{margin:14px 0}.panel-title{padding-bottom:12px}.faction{padding:10px 5px 8px}.faction svg{width:28px;height:28px;margin-bottom:5px}.setup-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}select{font-size:10px;padding:10px 7px}#faction-desc{min-height:57px;font-size:11px;padding-top:11px}.setup-foot{margin-top:14px}.lobby-footer{min-height:60px;gap:10px}.lobby-footer button{font-size:9px}.lobby-footer>span:last-child{max-width:160px;font-size:7px}.topbar{height:50px;gap:8px;padding:0 10px}.hud-brand{font-size:24px}.hud-brand small{display:none}.resources{gap:16px}.resources b{font-size:18px}.resources small{font-size:6px;letter-spacing:.5px}.resource-icon{font-size:19px}.resources>div{grid-template-columns:15px auto;gap:2px 4px}.top-actions{gap:5px}.top-actions #sound,.top-actions #help-button{display:none}.top-actions #clock{font-size:9px}.top-actions button{min-width:26px;height:27px}.mission{top:65px;left:12px;padding:9px 16px 10px 10px;gap:5px;max-width:70%}.mission b{font-size:10px}.mission #mission-tip{font-size:8px}.mission>span:first-child{font-size:7px}.right-tools{top:65px;right:10px;width:82px;gap:5px}.right-tools>button{padding:7px 5px;grid-template-columns:19px 1fr}.right-tools>button>span{font-size:20px}.right-tools b{font-size:6px;letter-spacing:.2px}.right-tools small{font-size:6px}.rank{padding:5px 0}.rank>span{font-size:5px}.rank>b{font-size:9px}.command-deck{height:220px;grid-template-columns:120px 1fr;grid-template-rows:87px 133px}.radar{grid-row:span 2;padding:10px 8px}.radar-head{flex-wrap:wrap;font-size:6px;gap:5px}.radar-head>button{font-size:6px;margin-left:0}.radar canvas{height:157px}.radar-coordinates{font-size:5px;letter-spacing:.1px}.radar-coordinates span{display:none}.selection{padding:7px 10px;border-right:0;border-bottom:1px solid var(--line);position:relative}.selection .deck-label{font-size:7px;height:10px}.selected-main{margin-top:3px;gap:8px}.selected-main canvas{width:47px;height:43px}.selected-main h3{font-size:18px}.selected-main p{font-size:8px;margin-bottom:4px}#selected-desc{display:none}#selection-actions{position:absolute;right:8px;top:23px;display:grid;gap:4px;width:86px}#selection-actions button{font-size:7px;padding:6px 3px}#selection-actions kbd{display:none}.selected-main>div{padding-right:85px}#health-text{font-size:7px}.orders{padding:6px 8px}.orders .deck-label{font-size:7px;margin-bottom:4px;height:12px}.orders .deck-label span:last-child{font-size:6px}#command-buttons{grid-template-columns:repeat(4,1fr);height:91px;gap:3px}.command{height:43px;grid-template-columns:27px 1fr;grid-template-rows:1fr 12px;padding:2px}.command canvas{width:25px;height:30px}.command .command-name{font-size:6px}.command .price{font-size:7px}.orders-footer{margin-top:3px}.orders-footer>span{font-size:6px}.orders-footer button{padding:3px;font-size:6px}.orders-footer kbd{display:none}.touch-tools{bottom:233px;right:10px}.touch-tools #touch-pan{display:block}#toast{bottom:273px;width:max-content;font-size:10px;padding:10px 14px}#mode-hint{top:155px;font-size:10px;max-width:90%;width:max-content;padding:10px}dialog{padding:25px}dialog h2{font-size:31px}.research-table{grid-template-columns:1fr;gap:14px}.help-controls{grid-template-columns:1fr}.help-steps li{font-size:11px}.touch-tools button{padding:8px 11px}.setup-foot{font-size:7px}}
@media(max-height:700px) and (min-width:761px){.lobby-top{height:65px;min-height:65px}.lobby-body{padding:15px 0}.intro h1{font-size:115px;margin:23px 0}.intro .lede{font-size:30px;margin-bottom:12px}.intro-copy{font-size:12px}.intro-meta{margin-top:20px}.setup{padding:18px 20px}.panel-title{padding-bottom:12px}.setup h2{margin:12px 0}.faction{padding:8px 5px}.faction svg{height:26px;width:26px;margin-bottom:5px}#faction-desc{min-height:56px;padding-top:10px}.setup-grid{gap:10px;margin-bottom:13px}select{padding:9px}.primary{padding:14px 17px}.setup-foot{margin-top:12px}.lobby-footer{min-height:48px}.command-deck{height:180px}.radar canvas{height:114px}.selection{padding-top:10px}#selected-desc{margin:5px 0;height:23px}.orders{padding-top:10px}#command-buttons{height:111px}.command{height:53px}.command canvas{height:32px}.touch-tools{bottom:195px}#toast{bottom:195px}}

@media(max-width:760px){.top-actions #sound{display:block;font-size:6px;padding:0 5px}.resources{gap:8px}.top-actions #clock{display:none}}

.lobby-sound{margin-left:auto;background:#ffffff08;border:1px solid var(--line);padding:8px 10px;color:var(--sand);font-size:9px;letter-spacing:1px}.lobby-top .version{margin-left:0}.audio-slider{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px;margin:22px 0}.audio-slider input{grid-column:span 2;width:100%;accent-color:var(--sand)}@media(max-width:760px){.lobby-top .version{display:none}.lobby-top .eyebrow{font-size:7px}}
.soundtrack-card{display:flex;flex-direction:column;gap:6px;text-align:left;border:1px solid #d2bb8644;background:#151d1bcc;color:#ddd9c9;padding:12px 15px;margin:20px 0 0;max-width:330px;cursor:pointer}.soundtrack-card>span{font-size:9px;letter-spacing:1.7px;color:#cdb77f}.soundtrack-card>b{font-size:16px;font-weight:500}.soundtrack-card>small{font-size:10px;color:#a9b2a4}.now-playing{padding:18px 0;display:flex;flex-direction:column;gap:7px}.now-playing>b{font-size:23px;color:#dfcb96}.now-playing>span{font-size:12px;color:#b1baaa}.now-playing>small{font-size:10px;color:#8fa28c}.music-transport{display:flex;gap:8px;margin:0 0 15px}.music-transport .secondary{width:auto;flex:1;text-align:center}.music-transport .secondary:first-child,.music-transport .secondary:last-child{flex:0 0 48px}.track-list{border-top:1px solid #c4c8b82a;border-bottom:1px solid #c4c8b82a;margin:15px 0 20px}.track-list button{display:flex;gap:18px;width:100%;padding:12px;border:0;border-bottom:1px solid #c4c8b818;background:transparent;color:#8d9a86;text-align:left;font-size:11px}.track-list button span{color:#c8d1bd}.track-list button.active{background:#c6b37818;color:#ddc491}.track-list button.active span{color:#ddc491}
@media(max-width:760px){.soundtrack-card{margin-top:12px;padding:9px 12px}.soundtrack-card>b{font-size:13px}.soundtrack-card>span{font-size:8px}.music-transport .secondary{padding:12px 8px;font-size:10px}}