/* Original exported art with responsive dynamic fields; no Flash runtime. */
#health{width:349px;height:37px;bottom:15px;left:15px;font-size:28px;color:#d3e798;line-height:36px}
#health-panel{position:absolute;inset:0;width:349px;height:37px;z-index:-1}#health-value{position:absolute;left:28px;top:0;width:48px;text-align:center}#armor{position:absolute;left:163px;top:0;width:50px;text-align:center}#health-bar,#armor-bar{position:absolute;left:73px;top:19px;width:54px;height:5px;background:#d3e798;transform-origin:left}#armor-bar{left:207px}
#radar{width:180px;height:180px;top:40px;left:20px;border:1px solid #d7dbd470}#money{top:228px;font-size:27px}#location{font-size:17px}#score{grid-template-columns:30px 64px 30px;font-size:21px;padding:4px 3px;background:#0b1016b5}#alive{display:none}#source-teams{position:absolute;top:0;left:50%;transform:translateX(-50%);width:490px;display:flex;justify-content:space-between}#source-teams>div{display:flex;gap:2px}#source-teams span{width:31px;height:37px;background:linear-gradient(#3f5669,#1c2a38);border-bottom:3px solid #b1d0df;text-align:center;line-height:31px;font-size:14px;color:#d4dce5}#source-teams .t span{background:linear-gradient(#685c3c,#302819);border-color:#c1a252;color:#e4cf99}#source-teams .dead{opacity:.28}.bomb-timer{color:#e73531;font-weight:bold;animation:bomb-warning .7s infinite alternate}@keyframes bomb-warning{to{opacity:.5}}
#weapon{bottom:17px;gap:1px}#weapon-icon{width:115px;height:56px;filter:brightness(0) invert(1);opacity:.9}#weapon-name{font-weight:400;font-size:13px}#ammo{font-size:29px}#hint{display:none}#crosshair{width:20px;height:20px}#crosshair i,#crosshair b{position:absolute;background:#52e538;box-shadow:0 0 1px #111}#crosshair i{height:2px;width:20px;left:0;top:9px}#crosshair b{width:2px;height:20px;left:9px;top:0}
/* Match the compact right-aligned equipment layout from the reference HUD. */
#weapon-slots{position:absolute;right:15px;bottom:72px;width:220px;display:flex;flex-direction:column;gap:2px;font-family:Stratum,Arial,sans-serif;text-align:right}
.weapon-slot{position:relative;height:42px;padding:0 15px 0 0;color:#dedfda;opacity:.52;transition:opacity .12s ease;background:none}
.weapon-slot.selected{height:59px;color:white;opacity:1;background:none}
.weapon-slot-number{position:absolute;right:0;top:4px;font:11px Stratum,Arial;color:#ddd}
.weapon-slot-icon{position:absolute;right:18px;top:0;width:105px;max-width:105px;height:34px;object-fit:contain;object-position:right center;filter:brightness(0) saturate(100%) invert(87%) sepia(16%) saturate(498%) hue-rotate(29deg) brightness(101%);opacity:.88}
.weapon-slot[data-slot="2"] .weapon-slot-icon{width:65px;max-width:65px}
.weapon-slot[data-slot="4"] .weapon-slot-icon,.weapon-slot[data-slot="5"] .weapon-slot-icon{width:27px;max-width:27px;height:32px}
.weapon-slot[data-slot="5"]{opacity:1}.weapon-slot[data-slot="5"] .weapon-slot-icon{filter:brightness(0) saturate(100%) invert(92%) sepia(44%) saturate(498%) hue-rotate(10deg) brightness(108%);opacity:1}
.weapon-slot.selected .weapon-slot-icon{filter:brightness(0) invert(1) drop-shadow(0 0 2px #ffffff80);opacity:1}
.weapon-slot-label{position:absolute;right:18px;top:36px;max-width:202px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;color:#fff;visibility:hidden}.weapon-slot.selected .weapon-slot-label{visibility:visible}
.weapon-slot-count{position:absolute;right:49px;top:12px;font:11px Stratum,Arial;color:#ddd}
#weapon{width:160px;min-height:36px;right:15px;bottom:16px;padding:0 13px 0 0;background:none;justify-content:flex-end}
#weapon-icon,#weapon-name{display:none!important}#ammo{display:flex;align-items:baseline;gap:4px;color:#73d3ae;line-height:32px;background:none}#ammo b{font-size:32px;font-weight:700}#ammo small{font-size:17px;opacity:.65}
#source-notification{position:absolute;left:50%;top:64%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;min-width:350px;max-width:80vw;padding:12px 22px;background:linear-gradient(90deg,#080a0de8,#151a20cf,#080a0d00);border-left:2px solid #bd3435;font-family:Arial,sans-serif}#source-notification strong{font-size:18px;color:#efdddd;font-weight:400}#source-notification p{font-size:15px;margin:6px 0;color:#eee}#source-notification small{font-size:12px;color:#c4c4c4}.notice-symbol{color:#d44c4c;font:bold 29px Arial;border:2px solid currentColor;border-radius:50%;width:38px;height:38px;line-height:34px;text-align:center}#source-notification[data-kind=CT],#source-notification[data-kind=T]{top:18%;text-align:center;justify-content:center;min-width:600px;border-left:0;border-top:1px solid #ffffff28;background:linear-gradient(90deg,#10171b00,#10171bed 20%,#10171bed 80%,#10171b00);padding:22px}#source-notification[data-kind=CT] strong{font:30px Stratum,Arial;color:#b1d0df}#source-notification[data-kind=T] strong{font:30px Stratum,Arial;color:#c1a252}#source-notification[data-kind=CT] .notice-symbol,#source-notification[data-kind=T] .notice-symbol{display:none}#source-progress{position:absolute;left:50%;top:61%;transform:translateX(-50%);width:280px;text-align:center;font:15px Arial;text-shadow:1px 1px #000}#source-progress>div{height:10px;padding:2px;background:#111b;margin-top:10px;border:1px solid #ffffff40}#source-progress i{display:block;background:#b8caa1;height:4px}
#buy-menu{background:linear-gradient(90deg,#11171dea,#12171ceb);padding:5vh 6vw;backdrop-filter:blur(5px)}#buy-menu header{height:70px;border-bottom:0;align-items:flex-start}#buy-menu h2{font-size:38px;font-weight:400;margin:0;letter-spacing:.06em}#buy-money{font-size:29px;color:#d3e798}#buy-time{font:14px Arial;margin-top:11px;color:#eee}#close-buy{font-size:13px;border:0;background:none;padding:10px}#buy-content{justify-content:flex-start;gap:6vw;height:70vh;position:relative}#buy-wheel{width:min(57vh,46vw);height:min(57vh,46vw);margin-left:3vw}#buy-wheel>img{opacity:.85;object-fit:fill}#buy-categories{inset:0}#buy-categories button,#buy-items button{--radius:min(18vh,14.5vw);position:absolute;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:34%;height:22%;padding:4px;border:0;background:transparent!important;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle)));font-size:17px;text-align:center;text-shadow:1px 2px 2px #000;border-radius:0;justify-content:center}#buy-categories button:hover,#buy-items button:hover,#buy-items button:focus-visible{color:#d3e798;filter:drop-shadow(0 0 9px #fff8);outline:1px solid #ffffff30}#buy-back{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:50%;width:60px;height:60px;background:#172028c9;color:#ddd;padding:0;font-size:13px}#buy-items{display:none;position:absolute;left:3vw;top:50%;transform:translateY(-50%);width:min(57vh,46vw);height:min(57vh,46vw);max-height:none;overflow:visible;pointer-events:none}#buy-items button{pointer-events:auto;display:flex;flex-direction:column;gap:1px;font-size:12px;z-index:2}#buy-items img{width:90px;height:48px;filter:brightness(0) invert(1);object-fit:contain}#buy-items b{margin:0;color:#d3e798;font-size:14px}#buy-menu.items-open #buy-categories{display:none}#buy-menu.items-open #buy-items{display:block}#buy-preview{width:min(37vw,460px);align-self:center;color:#ddd}#buy-preview h3{font-size:30px;font-weight:400;margin:0}#buy-preview img{width:100%;height:180px;object-fit:contain}#buy-preview p{font-size:28px;color:#d3e798;margin:8px 0}#buy-preview span{font-size:14px;color:#b8c2ca}#buy-footer{position:absolute;bottom:4vh;left:7vw;color:#bac3ca;font:13px Arial}#buy-error{position:absolute;bottom:9vh;left:7vw;font:15px Arial}
#score{display:block;width:65px;height:55px;padding:0;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat}#timer{position:absolute;top:1px;left:0;width:65px;text-align:center;font-size:21px}#ct-score,#t-score{position:absolute;top:24px;font-size:20px;width:30px;left:1px}#t-score{left:33px}#source-teams{width:405px}#source-notification[data-kind=bomb]{top:25%;width:556px;max-width:85vw;min-width:0;padding:7px 15px;text-align:center;display:block;border:0;background-image:var(--original-alert);background-color:transparent;background-size:100% 100%;background-repeat:no-repeat}#source-notification[data-kind=bomb] strong,#source-notification[data-kind=bomb] .notice-symbol{display:none}#source-notification[data-kind=bomb] p{margin:0 0 3px;font-size:16px}

/* 2016 death notice: source team colors, red attacker outline/victim fill. */
#killfeed{top:65px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:calc(100vw - 30px);font:16px Arial,sans-serif;line-height:1;text-shadow:1px 1px 2px #000}
.death-notice{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:30px;max-width:100%;padding:1px 10px;border:2px solid transparent;border-radius:5px;background:linear-gradient(90deg,#0008,#000b);white-space:nowrap}
.death-notice.killer{border-color:#e10000bf;background:#000b}.death-notice.victim{background:#a81313b3}
.feed-name{overflow:hidden;text-overflow:ellipsis;max-width:190px;font-weight:600}.feed-name.team-ct{color:#6f9ce6}.feed-name.team-t{color:#eabe54}.feed-assist{color:#ddd}
.feed-icon{height:22px;width:25px;object-fit:contain;flex-shrink:0}.feed-icon.weapon{height:26px;width:auto;max-width:78px}.feed-icon.modifier{margin-left:-3px}
@media(max-width:700px){#killfeed{font-size:12px;top:65px}.death-notice{gap:4px;padding:1px 5px;min-height:25px}.feed-name{max-width:85px}.feed-icon.weapon{max-width:58px;height:22px}.feed-icon.modifier{width:19px;height:19px}}

#spectator-panel{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);width:min(600px,90vw);font:14px Arial,sans-serif;text-shadow:1px 1px 2px #000}
.spec-card{display:flex;align-items:center;gap:12px;min-height:66px;padding:8px 15px;background:linear-gradient(90deg,#101923e8,#17202dd9,#101923e8);border-top:2px solid #6f9ce6;box-shadow:0 2px 8px #0008}
#spectator-panel[data-team=T] .spec-card{border-color:#eabe54}.spec-avatar{width:48px;height:48px;border:1px solid #ffffff60}.spec-player{display:flex;flex-direction:column;gap:3px;min-width:100px}.spec-player small{font-size:10px;color:#abb8c6;letter-spacing:1px}.spec-player strong{font-size:22px;color:#6f9ce6;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#spectator-panel[data-team=T] strong{color:#eabe54}.spec-stats{font-size:11px;color:#c4cbd2}.spec-equipment{margin-left:auto;font-size:12px;color:#eee;text-align:right}.spec-controls{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;background:#0009;font-size:11px}.spec-controls b{color:#e4debb;font-weight:400}#bot-control-label{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);background:#0009;padding:6px 15px;font-size:14px;color:#ddd}

/* Background is character 19 from spectator.swf; native panel size 438 x 82.2. */
#spectator-panel{width:min(438px,92vw);bottom:54px}
.spec-card{position:relative;height:82.2px;min-height:0;padding:0;background:var(--spectator-background) center/100% 100% no-repeat;border:0;box-shadow:none;gap:0}
.spec-avatar{position:absolute;left:0;top:0;width:64px;height:64px;border:0}
.spec-player{position:absolute;left:66px;top:16px;gap:6px}.spec-player small{display:none}.spec-player strong{font-size:20px}.spec-stats{font-size:11px}
.spec-equipment{position:absolute;bottom:6px;left:66px;font-size:10px;text-align:left}
.spec-controls{flex-wrap:wrap;justify-content:center;gap:5px 15px;text-align:center;background:#15151580;padding:5px;font-size:11px}