/* Original chrome wordmark: text remains selectable and screen-reader accessible. */
.vapor-header{background:radial-gradient(ellipse at 50% 105%,#7741b0 0%,transparent 65%),linear-gradient(115deg,#371063,#261556 50%,#253c85);padding-bottom:42px;overflow:hidden}
.vapor-header .brand{padding:14px 0 22px;font-size:clamp(20px,9vw,120px)}
.vapor-header .brand .brand-title{position:relative;isolation:isolate;font-weight:900;font-style:italic;letter-spacing:-.035em;line-height:1.22;color:#efffff;text-shadow:none;transform:translateY(0);animation:none}
.chrome-face{position:relative;display:block;z-index:1;color:#ebffff;filter:drop-shadow(0 -1px 0 #f7ffff);}
.chrome-depth{position:absolute;inset:0;z-index:0;color:#713196;text-shadow:1px 1px 0 #bd61d1,2px 2px 0 #793cbb,3px 3px 0 #5b287e,4px 4px 0 #ed45c8,5px 5px 0 #4b205f,6px 6px 0 #3b185a,0 4px 20px #ff2dcf88,0 -2px 18px #43eaff44}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .chrome-face{background-image:linear-gradient(110deg,transparent 43%,#c9fcff18 46.5%,#edffff90 48.5%,#fff 49.7%,#fff 50.3%,#ffe9ff88 51.5%,#ffc1ed18 53.5%,transparent 57%),linear-gradient(180deg,#ffffff 0%,#e6faff 12%,#79c9ec 31%,#405b8b 44%,#182342 49%,#fffafd 51%,#f7cbe9 57%,#c06eae 73%,#78447e 85%,#ffecfc 100%);background-size:300% 100%,100% 100%;background-position:100% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #e4efff;filter:none;animation:chrome-reflection 6s cubic-bezier(.35,0,.25,1) infinite}

}
.vapor-header .brand .ammo-mark{filter:drop-shadow(0 0 7px #f540dd);align-self:center}
.vapor-header .sold-counter{width:100%;margin-bottom:4px;position:relative;z-index:2}
#title-motion{margin-left:auto;flex:none;display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:1px solid #b58cdd66;border-radius:50%;background:#29104788;color:#b6fff7;font:700 17px/1 Arial;cursor:pointer}
#title-motion:hover{background:#512275}#title-motion:focus-visible{outline:3px solid #8affee;outline-offset:3px}
.vapor-header[data-paused=true] .chrome-face{animation-play-state:paused}
@keyframes chrome-reflection{0%,10%{background-position:100% 0,0 0}72%,100%{background-position:0% 0,0 0}}
@media(max-width:600px){.vapor-header .brand{font-size:9vw;padding:12px 0 18px}.vapor-header{padding-bottom:26px}.chrome-depth{text-shadow:1px 1px 0 #c35cc6,2px 2px 0 #683180,3px 3px 0 #ef4ccb,4px 4px 0 #351347,0 3px 12px #ff2dcf70}.vapor-header .sold-counter{gap:7px}.vapor-header .sold-label{font-size:11px;letter-spacing:.04em}.vapor-header .sold-digits>span{width:21px;height:29px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.vapor-header .chrome-face,.vapor-header .brand .brand-title{animation:none!important}#title-motion{display:none}}
@media(forced-colors:active){.chrome-face{-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;background:none;filter:none}.chrome-depth{display:none}}

/* Compact controls share the top row; title gets the full row below. */
.header-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;max-width:1400px;margin:auto}
.vapor-header .sold-counter{display:grid;grid-template-columns:1fr;gap:7px;width:auto;flex:none;margin:0;text-align:left}
.music-controls{flex:none;width:190px;margin:0;text-align:right;color:#cafff5}
.music-track{display:block;font-size:12px;line-height:1.4;color:#d7c6e8;margin:0 0 2px;white-space:nowrap}
.music-row{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.music-row button{min-width:44px;min-height:44px;padding:7px;border:1px solid #8566a8;border-radius:12px;background:#25113f;color:#baffef;font:inherit;font-size:13px;cursor:pointer}
.music-row button[aria-pressed=true]{border-color:#79dac7;box-shadow:0 0 9px #5dffd426}
.music-row input{width:90px;min-width:0;height:44px;margin:0;accent-color:#7bffe3}
.music-row output{width:36px;font-size:12px;font-variant-numeric:tabular-nums}
.music-row button:focus-visible,.music-row input:focus-visible{outline:3px solid #9effed;outline-offset:3px}
#music-status{font-size:11px;line-height:1.3;min-height:1.3em;margin:0;color:#d2bedf}
.title-motion-row{width:100%;display:flex;justify-content:flex-end;max-width:1400px;height:28px}
.title-motion-row #title-motion{width:36px;height:28px;min-height:28px;border-radius:8px;font-size:12px;margin:0}
.vapor-header .brand{max-width:1400px;width:100%;padding:20px 0 8px;grid-template-columns:24px minmax(0,1fr) 24px;column-gap:6px}
.vapor-header .brand .ammo-mark{width:24px;height:24px}
.music-credit{flex-basis:100%;font-size:12px;line-height:1.5;color:#d4bfdf}
@media(max-width:600px){.vapor-header{padding:20px 12px 18px;gap:8px}.header-tools{gap:10px}.music-controls{width:165px}.music-row input{width:70px}.vapor-header .sold-label{font-size:10px;letter-spacing:.03em}.vapor-header .sold-digits{gap:2px}.vapor-header .sold-digits>span{width:17px;height:25px;font-size:17px}.vapor-header .brand{grid-template-columns:16px minmax(0,1fr) 16px;column-gap:4px;padding-top:18px}.vapor-header .brand .ammo-mark{width:16px;height:16px}}
@media(max-width:300px){.header-tools{flex-wrap:wrap}.music-controls{margin-left:auto}}

/* A larger full-width wordmark and a small neon music deck. */
.vapor-header .brand{display:block;max-width:1600px;grid-template-columns:none;padding:22px 0 12px;text-align:center;font-size:clamp(28px,10vw,160px)}
.vapor-header .brand .brand-title{display:inline-block;max-width:none;vertical-align:top}
.vapor-header .sold-label{display:flex;align-items:center;gap:5px}
.vapor-header .sold-label .ammo-mark{width:18px;height:18px;filter:drop-shadow(0 0 4px #f755df)}
.vapor-header .sold-counter #title-motion{margin:0;justify-self:start;width:auto;min-width:72px;min-height:28px;height:28px;padding:4px 8px;font:inherit;font-size:11px;border-radius:8px;color:#d3bfdf;background:#2d1547;box-shadow:none}
.music-controls{width:196px;padding:10px 12px 8px;border:1px solid #c35aed;border-radius:13px;background:linear-gradient(135deg,#37135c,#191133);box-shadow:3px 3px 0 #f042c944,0 0 15px #785bff44;position:relative;text-align:left}
.music-player-label{display:block;font-size:10px;line-height:1.3;letter-spacing:.18em;font-weight:800;color:#85ffea;margin-bottom:3px}
.music-track{font-size:12px;overflow:hidden;text-overflow:ellipsis;margin:0 0 3px;color:#ffe6ff}
.music-row{justify-content:space-between;gap:5px}
.music-row button{min-width:38px;width:38px;min-height:38px;height:38px;border-radius:50%;color:#201034;background:#7dffed;border-color:#b3fff5;font-size:15px;padding:0;box-shadow:0 0 9px #5effcc55}
.music-row input{width:70px;height:38px}.music-row output{font-size:11px;width:30px;text-align:right}
#music-status{font-size:10px;margin-top:2px;min-height:13px;line-height:1.3}
@media(max-width:600px){.music-controls{width:174px;padding:9px 10px 7px}.music-row input{width:59px}.music-track{font-size:11px}.header-tools{gap:10px}.vapor-header .brand{padding:22px 0 12px}.vapor-header .sold-label{font-size:9px;gap:3px}.vapor-header .sold-label .ammo-mark{width:15px;height:15px}}

/* Preserve italic glyph overhang within the chrome fill, especially the final Y. */
.vapor-header .chrome-face,.vapor-header .chrome-depth{padding:.06em .20em .10em .13em;line-height:1.3;box-sizing:border-box}
.vapor-header .chrome-face{background-origin:border-box}
/* One-line music controls. Long song names truncate; their full title remains available. */
.vapor-header .music-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;width:220px;min-width:0;max-width:100%;padding:4px 7px;border-radius:9px;text-align:left;box-shadow:2px 2px 0 #f042c933,0 0 9px #785bff33}
.vapor-header .music-track{flex:1;min-width:0;display:block;margin:0;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vapor-header .music-row{display:contents}
.vapor-header .music-row button{flex:none;width:28px;min-width:28px;height:28px;min-height:28px;font-size:12px}
.vapor-header .music-row input{flex:none;width:48px;height:28px;margin:0}
.vapor-header .music-row output{flex:none;width:27px;font-size:10px}
.vapor-header #music-status{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.vapor-header .music-controls{width:184px}.vapor-header .music-track{font-size:10px}.vapor-header .music-row input{width:40px}.vapor-header .music-row output{width:25px}}

/* Fifteen-percent larger letter height, with the whole chrome treatment fitted together. */
.vapor-header .brand{display:flex;justify-content:center;align-items:center;padding-top:24px;padding-bottom:16px}
.vapor-header .brand .brand-title{display:block;flex:none;width:max-content;transform-origin:center center}
.vapor-header .chrome-depth{text-shadow:1.15px 1.15px 0 #bd61d1,2.3px 2.3px 0 #793cbb,3.45px 3.45px 0 #5b287e,4.6px 4.6px 0 #ed45c8,5.75px 5.75px 0 #4b205f,6.9px 6.9px 0 #3b185a,0 4.6px 23px #ff2dcf88,0 -2.3px 20.7px #43eaff44}
@media(max-width:600px){.vapor-header .chrome-depth{text-shadow:1.15px 1.15px 0 #c35cc6,2.3px 2.3px 0 #683180,3.45px 3.45px 0 #ef4ccb,4.6px 4.6px 0 #351347,0 3.45px 13.8px #ff2dcf70}}

/* Realtime landscape behind the header; never intercepts shop controls. */
#vapor-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2;pointer-events:none}
#vapor-scene[hidden]{display:none}
.vapor-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#17072577 0%,#18083233 40%,#19063155 100%)}
.vapor-header .header-tools,.vapor-header .brand{position:relative;z-index:1}
.vapor-header .brand .chrome-depth{text-shadow:1px 2px 0 #773685,3px 4px 0 #4f1b63,5px 6px 0 #280637,0 2px 13px #10001b,0 0 24px #20042ccc}

/* Compact single-line player keeps more of the sunset visible. */
.vapor-header .music-controls{width:200px;padding:2px 6px}
.vapor-header .music-row button{width:24px;min-width:24px;height:24px;min-height:24px}
.vapor-header .music-row input{height:24px;width:44px}
@media(max-width:600px){.vapor-header .music-controls{width:166px}.vapor-header .music-row input{width:34px}}

/* Utilities sit above the landscape, so controls never overlap the sunset. */
.utility-bar{padding:12px 16px 6px;background:linear-gradient(110deg,#301154,#251650 60%,#263b73)}
.utility-bar .header-tools{display:grid;grid-template-columns:minmax(74px,1fr) auto 44px;align-items:start;gap:10px;max-width:1400px;margin:auto}
.utility-bar .sold-counter{display:grid;gap:6px;margin:0;align-self:start}.utility-bar .sold-label{display:flex;align-items:center;gap:4px;font-size:10px;letter-spacing:.03em}.utility-bar .sold-label .ammo-mark{width:16px;height:16px}
.utility-bar .sold-digits{gap:2px}.utility-bar .sold-digits>span{width:19px;height:28px;font-size:18px}
.utility-bar .music-controls{display:grid;grid-template-columns:1fr;width:146px;gap:0;padding:7px 9px;border-radius:10px;background:linear-gradient(135deg,#37135c,#191133);text-align:left}
.utility-bar .music-player-label{font-size:10px;letter-spacing:.12em;margin:0;color:#85ffea;line-height:1.2}.utility-bar .music-track{font-size:11px;margin:2px 0 4px;line-height:1.25}.utility-bar .music-row{display:flex;align-items:center;gap:5px;justify-content:space-between}.utility-bar .music-row button{width:28px;min-width:28px;height:28px;min-height:28px;font-size:12px}.utility-bar .music-row input{width:60px;height:28px}.utility-bar .music-row output{width:27px;font-size:10px}.utility-bar #music-status{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cart-icon{position:relative;display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:8px;border:1px solid #80f5e8;border-radius:12px;background:#24103f;color:#91fff0;box-shadow:0 0 12px #5cfff02b;cursor:pointer}.cart-icon #cart-count{position:absolute;right:-5px;top:-7px;min-width:20px;max-width:40px;padding:2px 4px;border-radius:10px;background:#fa58d7;color:#220c35;font:800 11px/1.2 Arial;text-align:center}.cart-icon:focus-visible{outline:3px solid #fff66c;outline-offset:3px}.vapor-header{min-height:210px;justify-content:flex-end}
@media(max-width:380px){.utility-bar{padding:12px 12px 6px}.utility-bar .header-tools{gap:7px}.utility-bar .music-controls{width:128px;padding:6px}.utility-bar .music-row input{width:49px}.utility-bar .sold-label{font-size:9px}.utility-bar .sold-digits>span{width:16px;font-size:16px}.utility-bar .sold-label .ammo-mark{width:13px;height:13px}}