[hidden]{display:none!important}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:#08090c;color:#efe9dc;font-family:Barlow,Arial,sans-serif;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}
canvas#c{position:fixed;inset:0;width:100%;height:100%;display:block}
#fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .5s;z-index:30}
#vig{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.5) 100%)}
small{font:700 12px 'Barlow Condensed',Arial;letter-spacing:.2em;color:#c9c2b4}
#hud{position:fixed;inset:0;pointer-events:none}
.bar{height:6px;background:rgba(255,255,255,.14);overflow:hidden}.bar i{display:block;height:100%;width:100%;background:#ece6d8;transition:width .12s}
#vit{position:absolute;left:32px;bottom:30px;width:230px}#vit small{display:block;margin-bottom:6px}
#ammoBox{position:absolute;right:32px;bottom:26px;text-align:right}#ammoBox small{display:block}#ammo{font:800 50px/1 'Barlow Condensed',Arial}#res{font:600 20px 'Barlow Condensed',Arial;color:#9c968a;margin-left:6px}#rld{display:block;font:700 13px 'Barlow Condensed',Arial;letter-spacing:.16em;color:#ff5a64;font-style:normal;height:16px}
#obj{position:absolute;left:32px;top:28px;border-left:2px solid #e33a48;padding-left:14px}#obj b{display:block;font:800 26px/1.15 'Barlow Condensed',Arial}#obj p{margin:2px 0 0;font-size:13px;color:#b7b1a4}
#boss{position:absolute;left:50%;top:30px;width:min(420px,50vw);transform:translateX(-50%);text-align:center}#boss small{display:block;margin-bottom:6px;color:#ffb35c}#boss i{background:#ff7a3c}
#reticle{position:absolute;left:50%;top:50%;width:0;height:0;--g:9px}#reticle i{position:absolute;background:rgba(255,255,255,.9);box-shadow:0 0 2px #000}#reticle i:nth-child(1){width:2px;height:8px;left:-1px;top:calc(-8px - var(--g))}#reticle i:nth-child(2){width:2px;height:8px;left:-1px;top:var(--g)}#reticle i:nth-child(3){width:8px;height:2px;top:-1px;left:calc(-8px - var(--g))}#reticle i:nth-child(4){width:8px;height:2px;top:-1px;left:var(--g)}#reticle u{position:absolute;left:-1px;top:-1px;width:2px;height:2px;background:#fff}#reticle.enemy i,#reticle.enemy u{background:#ff4a56}
#blockedDot{position:absolute;width:10px;height:10px;margin:-5px;border:2px solid #ffb02e;transform:rotate(45deg)}
#hitm{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;opacity:0;background:linear-gradient(45deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%);-webkit-mask:radial-gradient(circle,transparent 30%,#000 32%);mask:radial-gradient(circle,transparent 30%,#000 32%)}#hitm.kill{filter:hue-rotate(0) drop-shadow(0 0 3px #f33);background-color:transparent}
#dmg{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(190,16,28,.5) 100%)}
#dirHit{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px;opacity:0;border-top:4px solid #ff3a48;border-radius:50%}
#help{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font:600 11px 'Barlow Condensed',Arial;letter-spacing:.14em;color:rgba(239,233,220,.55);white-space:nowrap}
#prompt{position:fixed;left:50%;top:62%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:rgba(8,9,12,.72);padding:8px 14px;font:700 15px 'Barlow Condensed',Arial;letter-spacing:.12em;z-index:5}#prompt kbd{background:#efe9dc;color:#0a0a0c;padding:2px 8px;font:800 14px 'Barlow Condensed',Arial}
#sub{position:fixed;left:50%;bottom:13%;transform:translateX(-50%);width:min(680px,86vw);text-align:center;z-index:5;text-shadow:0 2px 6px #000}#sub small{color:#ff6f6f}#sub p{margin:4px 0 0;font:600 21px/1.3 Barlow,Arial}
#take{position:fixed;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.1);z-index:5}#take i{display:block;height:100%;width:0;background:#e33a48}
#menu{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;padding:6vh 7vw;background:linear-gradient(100deg,rgba(6,7,10,.94) 0%,rgba(6,7,10,.62) 48%,rgba(6,7,10,.12) 100%);z-index:10}
.brand{font:900 25px/.92 'Barlow Condensed',Arial;letter-spacing:.02em}.brand span{display:block;font-size:13px;letter-spacing:.24em}
h1{font:900 clamp(66px,13vw,146px)/.84 'Barlow Condensed',Arial;margin:22px 0 14px}h1 em{color:#e33a48;font-style:normal}
.tag{font:800 19px 'Barlow Condensed',Arial;letter-spacing:.1em;margin:0 0 8px}.desc{max-width:460px;color:#bcb6a9;margin:0 0 24px;line-height:1.45}
button,.btn{font:800 18px 'Barlow Condensed',Arial;letter-spacing:.14em;background:#e33a48;color:#fff;border:0;padding:15px 26px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{background:#3a3a3e;color:#aaa;cursor:default}#go{align-self:flex-start;min-width:230px}
.foot{margin-top:26px;font-size:13px;color:#8d887c;line-height:1.6}.foot a{color:#d9d3c6}
#over{position:fixed;inset:0;display:grid;place-items:center;background:rgba(5,6,8,.76);z-index:20}.panel{width:min(460px,88vw);display:flex;flex-direction:column;gap:10px}.panel h2{font:900 clamp(50px,9vw,76px)/.92 'Barlow Condensed',Arial;margin:4px 0}.panel p{color:#c6c0b3;margin:0 0 10px;line-height:1.45}.ghost{background:transparent;border:1px solid rgba(255,255,255,.3);text-align:center}
#mute{position:fixed;right:24px;top:22px;z-index:25}#muteB{font-size:12px;padding:8px 12px;background:rgba(8,9,12,.6);border:1px solid rgba(255,255,255,.2)}
#touch{position:fixed;inset:0;pointer-events:none;z-index:6}#stick{position:absolute;left:5vw;bottom:9vh;width:128px;height:128px;border:2px solid rgba(255,255,255,.25);border-radius:50%;pointer-events:auto;touch-action:none}#stick i{position:absolute;left:44px;top:44px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.55)}
#tBtns{position:absolute;right:3vw;bottom:6vh;display:grid;grid-template-columns:repeat(3,70px);gap:10px;pointer-events:auto}#tBtns button{height:70px;padding:0;border-radius:50%;font-size:12px;letter-spacing:.06em;background:rgba(10,10,14,.55);border:1px solid rgba(255,255,255,.3);touch-action:none}#tBtns #tFire{background:rgba(227,58,72,.75);grid-row:span 2;height:150px;border-radius:40px}
body.touch #help,body.touch #vit small{display:none}body.touch #obj{transform:scale(.8);transform-origin:left top;left:14px;top:12px}body.touch #vit{left:14px;bottom:auto;top:92px;width:150px}body.touch #ammoBox{right:16px;bottom:auto;top:10px}body.touch #ammo{font-size:34px}
#levelBanner{position:fixed;left:50%;top:24%;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:5;text-shadow:0 3px 14px #000}#levelBanner small{display:block;color:#ff5a64;font-size:15px}#levelBanner b{font:900 clamp(44px,8vw,86px)/1 'Barlow Condensed',Arial;text-transform:uppercase}
#lockBox{position:absolute;width:64px;height:84px;margin:-42px 0 0 -32px;border:2px solid #ff4a56;box-shadow:0 0 10px rgba(255,60,70,.45);transition:left .05s,top .05s}
#rotate{display:none;position:fixed;inset:0;z-index:40;background:#08090c;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px}#rotate b{font:900 34px 'Barlow Condensed',Arial}#rotate span{color:#b7b1a4}
@media (pointer:coarse) and (orientation:portrait){#rotate{display:flex}}
body.touch #mute{right:auto;left:50%;top:8px;transform:translateX(-50%)}body.touch #muteB{padding:5px 9px;font-size:11px}
body.touch #tBtns{grid-template-columns:repeat(3,56px);gap:8px;right:2.5vw;bottom:4vh}body.touch #tBtns button{height:56px;font-size:10px}body.touch #tBtns #tFire{height:120px;border-radius:32px}
body.touch #stick{width:112px;height:112px;left:4vw;bottom:7vh}body.touch #stick i{left:36px;top:36px}
.bar.armor{margin-bottom:8px;height:5px}.bar.armor i{background:#7fb4d9}#vit small{margin-top:2px}
#radar{position:absolute;left:24px;top:22px;width:128px;height:128px}#obj{left:170px!important}
#feed{position:absolute;right:28px;top:110px;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.kf{display:flex;gap:8px;align-items:center;background:rgba(8,9,12,.62);padding:5px 10px;font:700 13px 'Barlow Condensed',Arial;letter-spacing:.08em;transition:opacity .5s}.kf b{color:#ff5a64}.kf i{font-style:normal;color:#9c968a;font-size:11px}.kf.out{opacity:0}
body.touch #radar{left:10px;top:10px;width:96px;height:96px}body.touch #obj{left:116px!important}body.touch #feed{top:62px;right:12px}
body.touch #vit{top:116px!important;left:12px}body.touch #feed{top:96px}

/* Arcade view */
#scoreBox{position:absolute;right:24px;top:70px;text-align:right;color:#f3ece0;font-family:'Barlow Condensed',Arial,sans-serif}#scoreBox small{display:block;font-size:11px;letter-spacing:.22em;opacity:.7}#scoreBox b{display:block;font-size:40px;line-height:1;letter-spacing:.04em}#scoreBox span{font-size:13px;color:#ff6b74;letter-spacing:.1em}
#combo{position:absolute;right:24px;top:150px;text-align:right;color:#ff3b47;font-family:'Barlow Condensed',Arial,sans-serif;text-shadow:0 0 12px rgba(255,40,60,.55)}#combo b{display:block;font-size:46px;line-height:.9;font-style:italic}#combo small{font-size:12px;letter-spacing:.24em;color:#f3ece0}
#combo.pop{animation:cpop .32s cubic-bezier(.2,1.6,.4,1)}@keyframes cpop{0%{transform:scale(1.6)}100%{transform:scale(1)}}
#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:7}
#camB{font-size:12px;padding:8px 12px;margin-right:8px;background:rgba(8,9,12,.6);border:1px solid rgba(255,255,255,.2)}
#fstick{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border:2px solid rgba(255,255,255,.28);border-radius:50%;pointer-events:none;z-index:6}#fstick i{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.35)}
body.arcade #stick,body.arcade #tFire,body.arcade #tSwitch,body.arcade #tCrouch{display:none}
body.arcade.touch #tBtns{grid-template-columns:repeat(3,64px)}body.arcade.touch #tRoll{height:84px;width:84px;background:rgba(237,51,70,.55)}
body.touch #scoreBox{top:44px;right:12px}body.touch #scoreBox b{font-size:28px}body.touch #combo{top:104px;right:12px}body.touch #combo b{font-size:34px}body.touch #camB{padding:5px 9px;font-size:11px}
body.arcade #feed{top:200px}body.arcade.touch #feed{top:160px}

/* HUD zones (2026-11-07): one stacking right column so score, ammo (phones), streak and kill feed can never cover each other. */
#rcol{position:absolute;right:24px;top:68px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
#rcol #scoreBox,#rcol #combo,#rcol #feed{position:static!important;right:auto;top:auto!important}
#ammoBox{position:fixed}
#mute{display:flex;gap:8px}#camB{margin-right:0}
body.touch #mute{left:auto;right:10px;top:8px;transform:none}
body.touch #rcol{right:10px;top:44px;gap:6px}
body.touch #rcol #ammoBox{position:static;right:auto;top:auto;bottom:auto}
body.touch #scoreBox small{display:inline;margin-right:6px;font-size:10px}body.touch #scoreBox b{display:inline;font-size:24px}body.touch #scoreBox span{margin-left:6px;font-size:12px}
body.touch #combo b{font-size:28px}body.touch #combo small{font-size:10px}
body.touch #rcol #feed{position:fixed!important;left:12px;right:auto;top:158px!important;align-items:flex-start}body.touch #feed .kf:nth-child(n+3){display:none}
body.touch #boss{top:auto;bottom:8px;width:min(300px,36vw)}
body.touch #sub{width:40vw;bottom:16%}body.touch #sub p{font-size:16px}
body.touch #prompt{top:auto;bottom:46%}
body.touch #boss{width:min(260px,30vw)}
body.arcade.touch #tBtns{grid-template-columns:repeat(2,64px)}
body.touch #wname{display:none}body.touch #ammo{font-size:30px}body.touch #res{font-size:15px}body.touch #rcol{gap:4px}body.touch #combo b{font-size:24px}
body.touch #levelBanner{top:21%}body.touch #levelBanner b{font-size:clamp(34px,7vw,60px)}

#coinBox{display:flex;align-items:center;gap:6px;font:800 22px 'Barlow Condensed',Arial;color:#ffcf4a;text-shadow:0 0 8px rgba(255,190,40,.4)}#coinBox .coin{width:16px;height:16px}#coinBox.pop{animation:cpop .25s cubic-bezier(.2,1.6,.4,1)}
body.touch #coinBox{font-size:17px}body.touch #coinBox .coin{width:12px;height:12px}

/* Start screen: record sleeve / session sheet */
#menu{display:block;padding:0;overflow:hidden;background:linear-gradient(90deg,rgba(5,5,8,.94) 0%,rgba(5,5,8,.72) 38%,rgba(5,5,8,.1) 70%),linear-gradient(0deg,rgba(5,5,8,.9) 0%,rgba(5,5,8,0) 45%)}
.mglow{position:absolute;right:-8vw;bottom:-20vh;width:70vw;height:110vh;background:radial-gradient(closest-side,rgba(238,47,64,.38),rgba(238,47,64,0));pointer-events:none}
.mtop{position:absolute;left:5vw;right:5vw;top:26px;display:flex;align-items:center;gap:28px}
.rec{margin:0;font:700 12px 'Barlow Condensed',Arial;letter-spacing:.3em;color:#e9e3d6;display:flex;align-items:center;gap:10px}.rec i{width:10px;height:10px;border-radius:50%;background:#ee2f40;box-shadow:0 0 10px #ee2f40;animation:recb 1.2s steps(2) infinite}.rec span{color:#9a9486}@keyframes recb{50%{opacity:.15}}
.hero{position:absolute;right:9vw;bottom:0;height:min(94vh,1100px);filter:drop-shadow(0 0 34px rgba(238,47,64,.32)) drop-shadow(0 22px 30px rgba(0,0,0,.6));pointer-events:none;user-select:none}
.sleeve{position:absolute;left:5vw;bottom:8vh;max-width:min(620px,52vw)}
.pres{margin:0 0 6px;font:700 13px 'Barlow Condensed',Arial;letter-spacing:.42em;color:#cfc8ba}
#menu h1{margin:0 0 26px;font:900 clamp(78px,11.5vw,188px)/.8 'Barlow Condensed',Arial;letter-spacing:-.01em}#menu h1 span{display:block}
#menu h1 .o{color:transparent;-webkit-text-stroke:2px #f1eadc}#menu h1 .s{color:#ee2f40;text-shadow:0 0 40px rgba(238,47,64,.35)}
.tracks{list-style:none;margin:0 0 28px;padding:0;width:min(460px,46vw);font:700 15px 'Barlow Condensed',Arial;letter-spacing:.16em}
.tracks li{display:flex;align-items:baseline;gap:16px;padding:9px 0;border-top:1px solid rgba(255,255,255,.12)}.tracks li:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.tracks b{color:#ee2f40;width:22px}.tracks em{margin-left:auto;font-style:normal;color:#8f897d;font-size:12px}
.playrow{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
#go{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 28px 14px 16px;border-radius:40px;font-size:18px;letter-spacing:.2em}
#go::before{content:"";width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 7px #ee2f40}#go:disabled::before{box-shadow:inset 0 0 0 7px #3a3a3e}
#go:not(:disabled){background:#ee2f40;box-shadow:0 0 0 6px rgba(238,47,64,.18),0 10px 30px rgba(238,47,64,.35)}#go:not(:disabled):hover{transform:scale(1.03)}
.wallet{margin:0;display:flex;align-items:baseline;gap:6px;font:700 11px 'Barlow Condensed',Arial;letter-spacing:.22em;color:#9a9486}.wallet b{color:#ffcf4a;font-size:20px;letter-spacing:.06em}.wallet i{width:1px;height:16px;background:rgba(255,255,255,.18);margin:0 10px;align-self:center}.wallet .coin{align-self:center}
.coin{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0,#ffcc33 45%,#c98a12);box-shadow:0 0 6px rgba(255,200,60,.6)}
.credit{position:absolute;left:5vw;bottom:20px;margin:0;font-size:11px;letter-spacing:.06em;color:#6f6a60}
@media (max-height:560px){.mtop{top:12px;gap:16px}.rec{font-size:10px}.rec span{display:none}.hero{height:86vh;right:3vw}.sleeve{bottom:5vh;max-width:60vw}.pres{font-size:10px;margin-bottom:2px}#menu h1{font-size:clamp(46px,16vh,92px);margin-bottom:10px}#menu h1 .o{-webkit-text-stroke:1.5px #f1eadc}.tracks{margin-bottom:12px;font-size:11px;width:min(330px,50vw)}.tracks li{padding:4px 0;gap:10px}.tracks em{font-size:9px}#go{padding:9px 20px 9px 10px;font-size:14px}#go::before{width:20px;height:20px;box-shadow:inset 0 0 0 5px #ee2f40}.wallet b{font-size:15px}.credit{display:none}}
@media (max-width:760px) and (min-height:561px){.hero{opacity:.35;right:-10vw}.sleeve{max-width:90vw}.tracks{width:86vw}}
body.touch #rcol{display:grid;grid-template-columns:auto auto;justify-items:end;align-items:center;column-gap:16px}body.touch #scoreBox,body.touch #combo{grid-column:1/3}body.touch #coinBox{grid-column:1;grid-row:2}body.touch #rcol #ammoBox{grid-column:2;grid-row:2}

/* Performance video overlays */
body.performing::before,body.performing::after{content:"";position:fixed;left:0;right:0;height:9vh;background:#000;z-index:8;pointer-events:none}body.performing::before{top:0}body.performing::after{bottom:0}
#skipHint{display:none;position:fixed;right:22px;bottom:calc(9vh + 12px);z-index:9;font:700 11px 'Barlow Condensed',Arial;letter-spacing:.24em;color:rgba(255,255,255,.5)}body.performing #skipHint{display:block}body.performing.touch #skipHint{content:"";}
body.performing #take{z-index:9;bottom:9vh}
#lower{position:fixed;left:5vw;bottom:calc(9vh + 26px);z-index:9;display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 12px rgba(0,0,0,.8)}
#lower b{font:900 clamp(30px,4.4vw,58px)/.9 'Barlow Condensed',Arial;letter-spacing:.02em;color:#f1eadc}#lower em{font:900 clamp(22px,3vw,38px)/.95 'Barlow Condensed',Arial;font-style:normal;color:#ee2f40}#lower small{margin-top:6px;font:700 12px 'Barlow Condensed',Arial;letter-spacing:.3em;color:#d6cfc1}
#lower.in{animation:lowin .5s cubic-bezier(.2,.9,.3,1)}@keyframes lowin{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:none}}
#filmFx{position:fixed;inset:9vh 0;z-index:7;pointer-events:none;border-left:7vw solid #2b1d14;border-right:7vw solid #2b1d14;box-shadow:inset 0 0 120px rgba(40,20,5,.85);
  background:repeating-linear-gradient(180deg,transparent 0 3.2vh,rgba(255,236,200,.9) 3.2vh 6.4vh,transparent 6.4vh 9vh) left -5.4vw top/3.6vw 100% no-repeat,repeating-linear-gradient(180deg,transparent 0 3.2vh,rgba(255,236,200,.9) 3.2vh 6.4vh,transparent 6.4vh 9vh) right -5.4vw top/3.6vw 100% no-repeat;background-origin:border-box}
.links{display:flex;gap:14px;margin:14px 0 0}.links a{font:800 13px 'Barlow Condensed',Arial;letter-spacing:.18em;color:#f1eadc;text-decoration:none;border:1px solid rgba(255,255,255,.25);padding:8px 14px;background:rgba(8,9,12,.45)}.links a:first-child{border-color:#ee2f40;color:#fff}.links a:hover{background:rgba(238,47,64,.25)}
.sleeve .links{margin:16px 0 0}@media (max-height:560px){.sleeve .links{margin-top:8px}.links a{font-size:10px;padding:5px 9px}}

/* Vitals: three armor plates over a health bar */
#vit{width:250px}#vit .plates{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:7px}
#vit .plates i{--f:1;position:relative;height:11px;background:rgba(127,180,217,.16);border:1px solid rgba(127,180,217,.45);transform:skewX(-14deg);overflow:hidden}
#vit .plates i::after{content:"";position:absolute;inset:0;width:calc(var(--f)*100%);background:linear-gradient(180deg,#a9d3f0,#5f9fd0);box-shadow:0 0 10px rgba(127,180,217,.55);transition:width .15s}
#vit .plates i.empty{border-color:rgba(255,255,255,.18)}
#vit .hprow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;font:800 12px 'Barlow Condensed',Arial;letter-spacing:.24em;color:#d8d2c4}#vit .hprow b{font:900 22px/1 'Barlow Condensed',Arial;letter-spacing:.02em;color:#f1eadc}
#vit .bar.hp{height:9px;background:rgba(255,255,255,.12);transform:skewX(-14deg)}#vit .bar.hp i{background:linear-gradient(180deg,#fffaf0,#d9d1c0)}
#vit.low .bar.hp i{background:linear-gradient(180deg,#ff6b74,#d92a3a)}#vit.low .hprow b{color:#ff4a56;animation:recb .8s steps(2) infinite}
body.touch #vit{width:170px}body.touch #vit .plates i{height:8px}body.touch #vit .hprow{display:flex;font-size:9px}body.touch #vit .hprow b{font-size:16px}
body.touch #rcol #feed{top:178px!important}

/* Fit the visible viewport on phones (address bar / toolbars), and the context USE button */
html,body{height:var(--vh,100dvh);width:var(--vw,100vw);overscroll-behavior:none;position:fixed;inset:0}#c{position:fixed;left:0;top:0;width:var(--vw,100vw)!important;height:var(--vh,100dvh)!important;touch-action:none}
#menu,#over{height:var(--vh,100dvh)}
#tUse{display:none}#tUse.ready{display:block;background:rgba(238,47,64,.6)!important;border-color:#ff6b74!important;animation:usep 1s ease-in-out infinite;font-size:11px!important}@keyframes usep{50%{box-shadow:0 0 18px rgba(238,47,64,.8)}}
#fsB{font-size:11px;padding:5px 9px;background:rgba(8,9,12,.6);border:1px solid rgba(255,255,255,.2)}
/* HUD armor: three vest icons that fill from the bottom */
#vit .plates{display:flex;gap:8px;margin-bottom:8px}
#vit .plates i{--f:1;flex:0 0 auto;width:34px;height:30px;transform:none;border:0;background:rgba(127,180,217,.14);
  clip-path:polygon(16% 0,36% 0,50% 22%,64% 0,84% 0,86% 30%,100% 42%,100% 100%,0 100%,0 42%,14% 30%)}
#vit .plates i::after{content:"";position:absolute;left:0;right:0;bottom:0;top:auto;width:auto;height:calc(var(--f)*100%);background:linear-gradient(180deg,#b8dcf5,#4f8fc2);box-shadow:none;transition:height .15s}
#vit .plates i.empty{background:rgba(255,255,255,.08)}
body.touch #vit .plates i{width:24px;height:21px}

/* 730 MODE */
#vit .enrow{display:flex;justify-content:space-between;margin:8px 0 4px;font:800 10px 'Barlow Condensed',Arial;letter-spacing:.24em;color:#c9c2b4}#vit .enrow b{color:#8f897d;font-weight:800}
#vit .bar.en{height:5px;background:rgba(255,255,255,.1);transform:skewX(-14deg)}#vit .bar.en i{width:0;background:linear-gradient(90deg,#8e1622,#ee2f40);transition:width .2s}
#vit.ready730 .bar.en i{background:linear-gradient(90deg,#ff2a3c,#ffb0b6);box-shadow:0 0 12px #ff2a3c;animation:enp .7s ease-in-out infinite}#vit.ready730 .enrow b{color:#ff4a56}@keyframes enp{50%{filter:brightness(1.6)}}
#vit.on730 .enrow b{color:#fff}#vit.on730 .bar.en i{background:#fff;box-shadow:0 0 14px #ff2a3c}
#modeFx{position:fixed;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .25s;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 58%,rgba(120,0,16,.42) 82%,rgba(150,0,22,.75) 100%);box-shadow:inset 0 0 0 3px rgba(255,42,60,.55)}
body.mode730 #modeFx{opacity:1;animation:mpulse .45s ease-in-out infinite alternate}@keyframes mpulse{to{filter:brightness(1.35)}}

#t730{display:none}#t730.ready{display:block;background:radial-gradient(circle,#ff4a56,#a3101f)!important;border:2px solid #ffb0b6!important;font:900 15px 'Barlow Condensed',Arial!important;letter-spacing:.04em!important;animation:usep .7s ease-in-out infinite}
#flash.red{background:#ff2238}
body.touch #vit .enrow{display:none}body.touch #vit .bar.en{margin-top:6px}body.touch #rcol #feed{top:192px!important}
@media (max-height:380px){body.touch #feed .kf:nth-child(n+2){display:none}}

/* 730 MODE countdown emblem (replaces the red overlay; the grade lives in the shader) */
#m730{--p:1;position:fixed;left:50%;top:5vh;width:110px;height:110px;margin-left:-55px;z-index:7;display:grid;place-items:center;pointer-events:none;text-align:center}
#m730 svg{position:absolute;inset:0;transform:rotate(-90deg);filter:drop-shadow(0 0 10px #ff2a3c)}#m730 circle{fill:none;stroke-width:5}#m730 .bg{stroke:rgba(255,42,60,.2)}#m730 .fg{stroke:#ff2a3c;stroke-dasharray:276.5;stroke-dashoffset:calc(276.5 * (1 - var(--p)));stroke-linecap:round}
#m730 b{font:900 40px/1 'Barlow Condensed',Arial;color:#fff;text-shadow:0 0 16px #ff2a3c;margin-top:14px}#m730 small{font:800 11px 'Barlow Condensed',Arial;letter-spacing:.4em;color:#ff4a56;margin-top:-26px}
#m730:not([hidden]){animation:m730in .5s cubic-bezier(.2,1.6,.4,1)}@keyframes m730in{0%{transform:scale(2.4);opacity:0}100%{transform:none;opacity:1}}
body.touch #m730{width:80px;height:80px;margin-left:-40px;top:3vh}body.touch #m730 b{font-size:28px}

/* 730 Launcher: armory on the start screen, rocket count in the HUD, phone ROCKET button */
.armory{display:flex;align-items:center;gap:14px;margin-top:14px}.ltag{font:800 11px 'Barlow Condensed',Arial;letter-spacing:.32em;color:#8f897d}
#buyL{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 10px;background:rgba(10,10,14,.7);border:1px solid rgba(255,207,74,.45);border-radius:6px;font:800 14px 'Barlow Condensed',Arial;letter-spacing:.12em;color:#f1eadc;text-align:left}
#buyL .lt{display:flex;flex-direction:column;line-height:1.05}#buyL .lt i{font-style:normal}#buyL .lt small{display:block;font:700 10px 'Barlow Condensed',Arial;letter-spacing:.2em;color:#9a9486;margin-top:2px}#buyL b{color:#ffcf4a;margin-left:6px}
#buyL:not(:disabled):hover{background:rgba(255,207,74,.14)}#buyL.owned{border-color:rgba(127,214,140,.6)}#buyL.owned b{color:#7fd68c}
#buyL.nope{animation:nope .35s}@keyframes nope{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

.rkico{display:inline-block;width:30px;height:12px;background:linear-gradient(90deg,#ffb04a 0 12%,#3b4234 12% 82%,#b8202c 82%);clip-path:polygon(0 30%,12% 30%,12% 0,22% 30%,82% 30%,100% 50%,82% 70%,22% 70%,12% 100%,12% 70%,0 70%);transform:rotate(-20deg)}
#rk{display:flex;align-items:center;gap:7px;font:900 22px 'Barlow Condensed',Arial;color:#ffb04a}#rk small{font:800 10px 'Barlow Condensed',Arial;letter-spacing:.24em;color:#d6cfc1}
body.touch #rk{font-size:17px}body.touch #rk small{display:none}
#tRk{display:none}#tRk.ready{display:block;background:rgba(255,140,40,.55)!important;border-color:#ffb04a!important;font-size:10px!important}#tRk:disabled{opacity:.4}
@media (max-height:560px){.armory{margin-top:8px}#buyL{padding:5px 10px 5px 8px;font-size:11px}.ltag{display:none}}
@media (max-height:560px){#menu .pres{display:none}#menu h1{font-size:clamp(40px,13vh,80px);margin-bottom:8px}.tracks li{padding:3px 0}.sleeve{bottom:4vh}.sleeve .links{margin-top:6px}}
@media (min-height:561px) and (max-height:820px){#menu h1{font-size:clamp(60px,14vh,130px);margin-bottom:16px}.tracks{margin-bottom:16px}.tracks li{padding:6px 0}.sleeve{bottom:5vh}.armory{margin-top:10px}.sleeve .links{margin-top:10px}}

/* Armory */
#armB{display:flex;align-items:center;gap:14px;padding:9px 16px;background:rgba(10,10,14,.7);border:1px solid rgba(255,207,74,.45);border-radius:6px;font:800 14px 'Barlow Condensed',Arial;letter-spacing:.12em;color:#f1eadc}
#armB .ltag{color:#ffcf4a}#armB small{font:700 12px 'Barlow Condensed',Arial;letter-spacing:.16em;color:#cfc8ba}#armB b{color:#ffcf4a}#armB:hover{background:rgba(255,207,74,.12)}
#armory{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:rgba(4,4,7,.82);backdrop-filter:blur(4px)}
.apanel{width:min(1080px,94vw);max-height:calc(var(--vh,100dvh) - 6vh);overflow:auto;background:#0d0d12;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:18px 20px}
.apanel header{display:flex;align-items:center;gap:18px;margin-bottom:14px}.apanel header > b{font:900 30px 'Barlow Condensed',Arial;letter-spacing:.06em}.aw{display:flex;align-items:center;gap:6px;font:700 12px 'Barlow Condensed',Arial;letter-spacing:.2em;color:#9a9486}.aw b{color:#ffcf4a;font-size:20px}
#armX{margin-left:auto;font-size:12px;padding:8px 12px;background:transparent;border:1px solid rgba(255,255,255,.25)}
#armList{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.acard{display:flex;flex-direction:column;gap:6px;padding:12px;background:#15151c;border:1px solid rgba(255,255,255,.08);border-radius:8px}
.acard img{width:100%;height:84px;object-fit:contain;background:radial-gradient(#2a2a33,#15151c 70%);border-radius:6px}
.acard b{font:900 18px 'Barlow Condensed',Arial;letter-spacing:.06em}.acard small{font-size:12px;color:#9a9486}
.acard .stats{display:grid;grid-template-columns:44px 1fr;gap:3px 8px;align-items:center;font:700 9px 'Barlow Condensed',Arial;letter-spacing:.18em;color:#8f897d}
.acard .stats i{--v:.5;height:5px;background:linear-gradient(90deg,#ee2f40 calc(var(--v)*100%),rgba(255,255,255,.1) 0)}
.acard button{margin-top:auto;font-size:13px;padding:9px 10px;background:#ffcf4a;color:#111}.acard button:disabled{background:#2a2a30;color:#77716a}.acard button.eq{background:#1f3a26;color:#7fd68c}
.acard.on{border-color:#7fd68c}.acard[data-x]{}
.gico{height:84px;border-radius:6px;background:radial-gradient(#2a2a33,#15151c 70%);position:relative}
.gico::after{content:"";position:absolute;inset:0;margin:auto;width:70px;height:28px}
.g-launcher::after{background:linear-gradient(90deg,#ffb04a 0 12%,#3b4234 12% 82%,#b8202c 82%);clip-path:polygon(0 30%,12% 30%,12% 0,22% 30%,82% 30%,100% 50%,82% 70%,22% 70%,12% 100%,12% 70%,0 70%);transform:rotate(-15deg)}
.g-heavy::after{width:54px;height:50px;background:linear-gradient(180deg,#b8dcf5,#4f8fc2);clip-path:polygon(16% 0,36% 0,50% 22%,64% 0,84% 0,86% 30%,100% 42%,100% 100%,0 100%,0 42%,14% 30%)}
.g-drum::after{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#555 0 22%,#222 23% 30%,#3a3a3e 31% 100%);box-shadow:0 0 0 4px #1a1a1d}
.anote{margin:12px 0 0;font-size:12px;color:#77716a}
@media (max-height:560px){.apanel{padding:12px}#armList{grid-template-columns:repeat(4,1fr);gap:8px}.acard{padding:8px;gap:4px}.acard img,.gico{height:52px}.acard b{font-size:14px}.acard small{display:none}.acard .stats{display:none}.apanel header > b{font-size:22px}}
/* pause button + main-menu return */
#pauseB{font-size:12px;padding:8px 12px;background:rgba(8,9,12,.6);border:1px solid rgba(255,255,255,.2);letter-spacing:.06em}
body.touch #pauseB{padding:5px 9px;font-size:11px}
#newRun{padding:10px 16px;font-size:13px;flex:0 0 auto}
#over .panel #menuB{text-align:center}
body.inmenu #levelBanner{display:none}
/* short landscape phones: compact pause / game-over panel so every button fits */
@media (max-height:560px){
  #over .panel{width:min(620px,92vw);gap:6px}
  #over .panel h2{font-size:clamp(30px,8vh,44px)}
  #over .panel p{margin:0 0 4px;font-size:13px}
  #over .panel{display:grid;grid-template-columns:repeat(3,1fr);column-gap:8px}
  #over .panel>small,#over .panel>h2,#over .panel>p{grid-column:1/-1}
  #over .panel button{padding:10px 8px;font-size:13px}
  #over .panel button[hidden]{display:none}
}
/* music video: no game controls on screen, just a clean skip */
body.performing #touch,body.performing #mute,body.performing #fstick{display:none!important}
body.performing #skipHint{display:block;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.75);padding:7px 14px;letter-spacing:.2em;cursor:pointer;pointer-events:auto}

/* ---- touch controls v2: a thumb arc around one big main button, inside the iPhone safe area ---- */
body.touch{--sr:max(16px,calc(env(safe-area-inset-right) + 8px));--sb:max(12px,calc(env(safe-area-inset-bottom) + 4px));--sl:max(16px,calc(env(safe-area-inset-left) + 8px))}
body.touch #tBtns{position:fixed;left:0;top:0;right:0;bottom:0;width:auto;height:auto;display:block;pointer-events:none;gap:0}
body.touch #tBtns button{position:absolute;pointer-events:auto;border-radius:50%!important;padding:0;font:800 10px 'Barlow Condensed',Arial;letter-spacing:.08em;background:rgba(10,10,14,.5);border:1.5px solid rgba(255,255,255,.32);color:#f2ead9;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
body.touch #tBtns button:active{transform:scale(.93);background:rgba(255,255,255,.18)}
body.touch #tBtns #tFire,body.arcade.touch #tBtns #tRoll{right:var(--sr);bottom:var(--sb);width:92px!important;height:92px!important;font-size:13px!important;background:rgba(237,51,70,.58)!important;border:2px solid rgba(255,160,168,.75)!important}
body.touch #stick{left:var(--sl);bottom:calc(var(--sb) + 6px)}
body.touch #t730{font-size:15px!important}

body.touch:not(.arcade) #tRoll{right:calc(var(--sr) + 121px);bottom:calc(var(--sb) + 17px);width:58px;height:58px}
body.touch:not(.arcade) #tCrouch{right:calc(var(--sr) + 91px);bottom:calc(var(--sb) + 91px);width:58px;height:58px}
body.touch:not(.arcade) #tReload{right:calc(var(--sr) + 17px);bottom:calc(var(--sb) + 121px);width:58px;height:58px}
body.touch:not(.arcade) #tSwitch{right:calc(var(--sr) + 195px);bottom:calc(var(--sb) + 25px);width:54px;height:54px}
body.touch:not(.arcade) #tUse{right:calc(var(--sr) + 174px);bottom:calc(var(--sb) + 97px);width:58px;height:58px}
body.touch:not(.arcade) #t730{right:calc(var(--sr) + 114px);bottom:calc(var(--sb) + 158px);width:68px;height:68px}
body.touch:not(.arcade) #tRk{right:calc(var(--sr) + 30px);bottom:calc(var(--sb) + 194px);width:56px;height:56px}
body.arcade.touch #tReload{right:calc(var(--sr) + 123px);bottom:calc(var(--sb) + 17px);width:58px;height:58px}
body.arcade.touch #t730{right:calc(var(--sr) + 90px);bottom:calc(var(--sb) + 90px);width:68px;height:68px}
body.arcade.touch #tRk{right:calc(var(--sr) + 18px);bottom:calc(var(--sb) + 124px);width:56px;height:56px}
body.arcade.touch #tUse{right:calc(var(--sr) + 195px);bottom:calc(var(--sb) + 42px);width:58px;height:58px}
body.arcade.touch #tRoll::after{content:'';}
body.touch #sub{left:calc(var(--sl) + 150px);right:calc(var(--sr) + 300px);width:auto;transform:none;bottom:calc(var(--sb) + 18px)}body.touch #sub p{font-size:15px}
body.touch #sub{bottom:calc(var(--sb) + 52px)}
/* ---- portrait landing: the record sleeve as a vertical poster, game loads underneath ---- */
#rotate{background:#07080b;overflow:hidden;justify-content:space-between;align-items:stretch;gap:0;padding:max(18px,env(safe-area-inset-top)) 22px max(16px,env(safe-area-inset-bottom));text-align:left}
#rotate .rglow{position:absolute;left:50%;top:36%;width:150vw;height:90vh;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(238,47,64,.42),rgba(238,47,64,.08) 55%,transparent);pointer-events:none}
#rotate .rgrain{position:absolute;inset:0;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
#rotate .rtop{position:relative;display:flex;align-items:center;justify-content:space-between;z-index:2}#rotate .brand{font-size:26px}
#rotate .rhero{position:absolute;left:50%;top:9vh;height:58vh;transform:translateX(-50%);z-index:1;pointer-events:none}
#rotate .rhero img{height:100%;width:auto;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
#rotate .rtitle{position:relative;z-index:2;margin-top:auto;padding-top:46vh}
#rotate h1{margin:0;font:900 clamp(64px,22vw,110px)/.8 'Barlow Condensed',Arial;letter-spacing:-.01em}#rotate h1 span{display:block}
#rotate h1 .o{color:transparent;-webkit-text-stroke:2px #f1eadc}#rotate h1 .s{color:#ee2f40;text-shadow:0 0 40px rgba(238,47,64,.4)}
#rotate .pres{font-size:11px;margin-bottom:8px}#rotate .rtag{margin:10px 0 0;color:#b7b1a4;font:500 14px/1.35 Barlow,Arial}
#rotate .rturn{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px 0 10px;padding:14px 12px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(8,9,12,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#rotate .rturn b{font:800 15px 'Barlow Condensed',Arial;letter-spacing:.16em;text-align:center}
#rotate .rphone{width:30px;height:50px;border:2.5px solid #f1eadc;border-radius:7px;position:relative;animation:rphone 2.4s cubic-bezier(.6,0,.3,1) infinite}
#rotate .rphone i{position:absolute;left:50%;bottom:4px;width:8px;height:2px;margin-left:-4px;background:#f1eadc;border-radius:2px}
@keyframes rphone{0%,18%{transform:rotate(0)}45%,72%{transform:rotate(-90deg)}100%{transform:rotate(0)}}
#rotate .rload{width:100%;height:3px;background:rgba(255,255,255,.12);overflow:hidden}#rotate .rload i{display:block;height:100%;width:0;background:#ee2f40;transition:width .3s}
#rotate small#rotLoad{font:700 11px 'Barlow Condensed',Arial;letter-spacing:.24em;color:#9a9486}#rotate.ready small#rotLoad{color:#ffcf4a}#rotate.ready .rload i{background:#ffcf4a}
#rotate .rfoot{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}#rotate .rfoot .links{margin:0;flex-wrap:wrap}#rotate .rfoot .links a{font-size:12px;padding:8px 12px}
@media (max-height:700px){#rotate .rhero{height:50vh;top:7vh}#rotate .rtitle{padding-top:38vh}#rotate h1{font-size:clamp(54px,18vw,90px)}#rotate .rtag{display:none}}
#rotate .rhero{height:52vh;top:8vh}#rotate .rtitle{padding-top:0;margin-top:auto}#rotate .rturn{margin:14px 0 10px;padding:10px 12px;gap:6px}
#rotate .rphone{width:24px;height:40px}#rotate .wallet b{font-size:20px}#rotate .wallet{font-size:10px}
#rotate .rfoot{gap:10px}#rotate .rfoot .links{gap:10px}
@media (max-height:700px){#rotate .rhero{height:46vh;top:6vh}#rotate h1{font-size:clamp(50px,16vw,80px)}#rotate .rturn b{font-size:13px}}
#mvx{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:7;opacity:0;pointer-events:none;background:#000}#mvx.on{opacity:1}
body.performing #mvx.on{filter:contrast(1.06) saturate(1.05)}
/* in-app browser (Instagram etc.): stays on the poster, offers the way out instead of "turn sideways" */
html.inapp #rotate .rturn{display:none}
html.inapp #rotate .rapp{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;margin:14px 0 10px;padding:14px 14px 12px;border:1px solid rgba(238,47,64,.55);background:rgba(8,9,12,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center}
#rotate .rapp[hidden]{display:none!important}
#rotate .rapp>b{font:800 15px 'Barlow Condensed',Arial;letter-spacing:.14em}#rotate .rapp>span{color:#c9c2b4;font:500 13px/1.35 Barlow,Arial}
#rotate .rbtn{display:block;width:100%;padding:15px 10px;background:#ee2f40;color:#fff;text-decoration:none;font:900 19px 'Barlow Condensed',Arial;letter-spacing:.08em;box-shadow:0 8px 26px rgba(238,47,64,.35);animation:usep 1.6s ease-in-out infinite}
#rotate .rcopy{width:100%;padding:11px 10px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#f1eadc;font:800 14px 'Barlow Condensed',Arial;letter-spacing:.14em}
#rotate .rhow{color:#9a9486;font:600 12px Barlow,Arial}#rotate .rhow b{color:#f1eadc}
#rotate .rhow{font:600 13px/1.4 Barlow,Arial!important;letter-spacing:0!important}#rotate .rhow b{font:800 13px Barlow,Arial!important;letter-spacing:0!important;color:#f1eadc}
/* streaming links */
.links{flex-wrap:wrap}.links a.sp{border-color:rgba(30,215,96,.6)}.links a.sp::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#1ed760;margin-right:7px;vertical-align:0}
.links a.am{border-color:rgba(250,87,107,.6)}.links a.am::before{content:"♫";color:#fa586a;margin-right:6px}
.sleeve .links{gap:8px;flex-wrap:nowrap}.sleeve .links a{letter-spacing:.1em;padding:6px 9px;white-space:nowrap}
@media (max-height:560px){.sleeve .links{gap:5px}.sleeve .links a{font-size:9px;padding:4px 6px;letter-spacing:.06em}.links a.sp::before{width:7px;height:7px;margin-right:4px}.links a.am::before{margin-right:3px}}
/* reward: arrow to the studio + share button */
#doorArrow{position:fixed;left:50%;top:38%;transform:translateX(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}
#doorArrow[hidden]{display:none}#doorArrow i{width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:40px solid #ff2a3a;filter:drop-shadow(0 0 12px rgba(255,42,58,.8));transform:rotate(var(--a,0rad));transition:transform .08s linear}
#doorArrow b{font:800 15px 'Barlow Condensed',Arial;letter-spacing:.18em;color:#f1eadc;text-shadow:0 2px 6px #000}
#over .panel button.share{background:#ffcf4a!important;color:#120d05!important;border:0!important;font-weight:900}
/* Block Party entry */
#partyB{display:flex;align-items:center;gap:14px;padding:9px 16px;background:rgba(40,8,12,.72);border:1px solid rgba(238,47,64,.6);border-radius:6px;font:800 14px 'Barlow Condensed',Arial;letter-spacing:.12em;color:#f1eadc;cursor:pointer}
#partyB b{color:#ee2f40}#partyB small{font:700 12px 'Barlow Condensed',Arial;letter-spacing:.14em;color:#c9c2b4}
#partyB.locked{opacity:.55;cursor:default;border-color:rgba(255,255,255,.18);background:rgba(10,10,14,.6)}#partyB.locked b{color:#8f897d}#partyB.locked b::before{content:"🔒 "}
#trk5.locked{opacity:.45}#trk5 em{color:#ee2f40}
@media (max-height:560px){#trk5{display:none}#partyB{padding:5px 10px;font-size:11px;gap:8px}#partyB small{font-size:10px}.armory{gap:8px}}
@media (max-width:1100px) and (min-height:561px){#partyB small,#armB small{display:none}#partyB,#armB{gap:10px;padding:8px 12px}}
#partyB,#armB{white-space:nowrap}@media (max-width:1300px) and (min-height:561px){#partyB small,#armB small{display:none}#partyB,#armB{gap:10px;padding:8px 12px}}
#rotate .rbtn2{display:block;width:100%;padding:13px 10px;background:#ffcf4a;color:#120d05;text-decoration:none;font:900 18px 'Barlow Condensed',Arial;letter-spacing:.08em}
#rotate .rbtn2.hot{animation:usep 1s ease-in-out infinite;box-shadow:0 0 0 3px #fff6d6,0 8px 26px rgba(255,207,74,.5)}
#rotate .rbtn.tried{background:transparent;border:1px solid rgba(238,47,64,.7);animation:none;box-shadow:none;font-size:15px;padding:11px}
#rotate .rblocked{color:#ffcf4a!important;font:600 13px/1.4 Barlow,Arial!important}#rotate .rblocked b{font:800 13px Barlow,Arial!important;color:#fff!important}
#rotate .rblocked[hidden]{display:none}
#rotate .rblocked,#rotate .rblocked b{letter-spacing:0!important}
#rhythm{position:fixed;left:0;bottom:0;width:100%;z-index:9;pointer-events:none}
body.performing #doorArrow{display:none!important}
#career{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,rgba(90,13,22,.92),rgba(7,8,11,.97));font-family:'Barlow Condensed',Arial;color:#f1eadc;padding:4vh 4vw;overflow:auto}
#career[hidden]{display:none}
#career .cpanel{max-width:760px;width:100%;text-align:left}
#career .ck{display:block;letter-spacing:.24em;font-weight:700;font-size:13px;color:#ee2f40}
#career h2{font-size:clamp(44px,9vw,92px);line-height:.88;margin:.15em 0 .2em;font-weight:900}
#career p{font-size:17px;color:#d9d2c4;margin:.5em 0}
#career b{color:#fff}
#career .rolls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}
#career .roll{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.35)}
#career .roll:hover,#career .roll:focus-visible{border-color:#ee2f40;background:rgba(238,47,64,.12)}
#career .roll b{font-size:24px;font-weight:900;letter-spacing:.04em}
#career .roll small{font-size:14px;color:#c9c2b4;line-height:1.3}
#career .roll em{font-style:normal;font-size:12px;letter-spacing:.18em;color:#ffcf4a;margin-top:auto}
#career .roll.risky{border-color:rgba(238,47,64,.6)}
#career .roll[disabled]{opacity:.4;cursor:not-allowed}
#career .mile{display:inline-block;margin-top:8px;padding:4px 10px;background:#ffcf4a;color:#111;font-weight:900;letter-spacing:.16em}
#career .nextm{color:#9a9486;font-size:14px;letter-spacing:.08em}
#career .cgo{margin-top:18px;padding:14px 26px;border:0;background:#ee2f40;color:#fff;font:900 20px 'Barlow Condensed',Arial;letter-spacing:.12em;cursor:pointer}
#career .dpost{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 4px}
#career .dpost input{font:800 20px 'Barlow Condensed',Arial;letter-spacing:.1em;padding:12px 14px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.3);color:#fff;text-transform:uppercase;width:220px}
#career .dpost .cgo{margin-top:0}
#career .dboard{list-style:none;margin:10px 0 0;padding:0;max-width:520px}
#career .dboard li{display:grid;grid-template-columns:48px 1fr auto 44px;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:18px}
#career .dboard li b{color:#ee2f40}#career .dboard li em{font-style:normal;font-weight:900}#career .dboard li small{color:#9a9486;text-align:right}
#career .dboard li.you{background:rgba(255,207,74,.12)}#career .dboard li.you span{color:#ffcf4a}
#career .drow{display:flex;gap:10px;flex-wrap:wrap}#career .cgo.ghost{background:transparent;border:1px solid rgba(255,255,255,.35)}
#dailyB .ltag{color:#ffcf4a}
#dailyB{flex:0 0 auto;display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:3px 16px;text-align:left;padding:9px 14px!important;min-width:250px;background:rgba(238,47,64,.14)!important;border:1px solid rgba(255,207,74,.55)!important;color:#f1eadc}
#dailyB .ltag{display:block!important;grid-column:1;color:#ffcf4a;letter-spacing:.22em}
#dailyB small{grid-column:1;grid-row:2;font:700 12px 'Barlow Condensed',Arial;letter-spacing:.08em;color:#f1eadc;white-space:nowrap}
#dailyB b{grid-column:2;grid-row:1/3;font:900 15px 'Barlow Condensed',Arial;letter-spacing:.1em;color:#fff}
@media (max-height:560px){#dailyB{padding:5px 10px!important;min-width:0;flex:0 0 auto}#dailyB small{font-size:10px}#dailyB .ltag{font-size:9px}}
#dailyB small i{font-style:normal}
@media (max-height:560px){#dailyB small .m{display:none}#dailyB{min-width:0}}
#career .recap{font:800 14px "Barlow Condensed",Arial;letter-spacing:.14em;color:#ffcf4a;margin:0 0 14px;text-transform:uppercase}
#career.story{background:radial-gradient(ellipse at 70% 30%,#4a0d17 0%,#120709 55%,#060507 100%)}
#career.story h2{font-size:clamp(56px,11vw,120px)}
#career .cpanel{position:relative}
#career .cbadge{position:absolute;right:-2%;top:50%;transform:translateY(-50%) rotate(6deg);width:min(30vw,300px);filter:drop-shadow(0 18px 40px rgba(0,0,0,.6));pointer-events:none;z-index:-1;opacity:.95}
#career .cpanel>*:not(.cbadge){position:relative;z-index:1}
@media (max-width:900px),(max-height:560px){#career .cbadge{width:min(26vw,200px);right:-4%;opacity:.55}}
/* badge as a corner stamp the copy flows around (the big overlay version covered the rollout cards) */
#career .cbadge{position:static;float:right;transform:rotate(6deg);width:132px;margin:0 0 10px 20px;opacity:1;z-index:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.55))}
#career .rolls,#career .drow,#career .dboard,#career .dpost,#career .dbox{clear:both}
@media (max-width:900px),(max-height:560px){#career .cbadge{width:84px;margin:0 0 6px 12px;opacity:1}}
/* Buckaroos: once the cereal art loads (body.cereal), every coin icon becomes a tiny 730 Buckaroos box */
body.cereal .coin{background:url(../assets/slice/brand/buckaroos_front.webp) center/cover no-repeat!important;border-radius:2px!important;box-shadow:0 0 6px rgba(255,60,60,.45)!important;width:12px!important;height:17px!important;border:0!important}
body.cereal #coinBox .coin{width:14px!important;height:20px!important}
#career .mrow{clear:both;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
#career .mrow small{font:800 13px 'Barlow Condensed',Arial;letter-spacing:.24em;color:#ffcf4a;margin-right:4px}
#career .mlink{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font:800 14px 'Barlow Condensed',Arial;letter-spacing:.14em;color:#fff;text-decoration:none;background:rgba(0,0,0,.35)}
#career .mlink.spotify{border-color:#1ed760;color:#1ed760}#career .mlink.apple{border-color:#fa4d6a;color:#ff8296}#career .mlink.youtube{border-color:#ff3b30;color:#ff6a60}#career .mlink.ig{border-color:#d36bd8;color:#f0a6f3}
#career .mlink:hover{background:rgba(255,255,255,.08)}
#menu .links a.rw{border-color:#ffcf4a!important;color:#ffcf4a!important}
#career .rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
#career .rcard{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35)}
#career .rcard b{font:900 21px 'Barlow Condensed',Arial;letter-spacing:.04em}#career .rcard small{font-size:14px;color:#c9c2b4;line-height:1.3}
#career .rcard em{font-style:normal;font:800 13px 'Barlow Condensed',Arial;letter-spacing:.16em;color:#ffcf4a}
#career .rcard.done{border-color:rgba(94,211,138,.6)}#career .rcard .rok{font:800 14px 'Barlow Condensed',Arial;letter-spacing:.16em;color:#5fd38a}
#career .rcard.soon{opacity:.6}
#career .rbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}
#career .rclaim{margin-top:0!important;padding:9px 14px!important;font-size:15px!important}#career .rclaim[disabled]{opacity:.45;cursor:not-allowed}