@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
:root{--bg:#080b09;--panel:#0d130f;--ink:#d9f7d0;--muted:#70866f;--green:#79e35b;--yellow:#ffd85c;--red:#ff5b62;--blue:#66c7ff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:"Press Start 2P",monospace}body{display:grid;place-items:center;padding:16px}#app{width:min(1060px,100%)}
header{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:12px}.eyebrow{font-size:8px;color:var(--green)}h1{font-size:clamp(17px,3vw,29px);margin:8px 0 0}h1 b{color:var(--green)}.subhud{display:flex;gap:12px;margin-top:9px;font-size:6px;color:var(--muted)}.subhud strong{color:var(--ink);margin-left:4px}.stats{display:flex;gap:14px;font-size:7px;color:var(--muted);text-align:right}.stats strong{display:block;color:var(--ink);font-size:11px;margin-top:6px}
.game-shell{position:relative;background:#060806;border:4px solid #26332c;box-shadow:8px 8px 0 #030403;aspect-ratio:16/10;overflow:hidden}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}
.message{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:#050806e8;padding:20px}.message h2{font-size:28px;color:var(--green);margin:0 0 15px}.message p{font-size:9px;line-height:2;color:var(--muted);max-width:560px}.message button{margin-top:20px;background:var(--green);border:0;padding:15px 18px;font:10px "Press Start 2P";color:#091008;box-shadow:5px 5px #355d2e;cursor:pointer}
.boss-hud{position:absolute;right:12px;top:12px;display:none;gap:10px;align-items:center;padding:8px 10px;background:#180914;border:2px solid #ff3f8f;color:#ff9bc5;font-size:7px}.boss-hud.show{display:flex}.boss-hud strong{color:#fff}.run-stats{display:none;margin-top:10px;background:var(--panel);border:2px solid #26372d;padding:14px}.run-stats.show{display:block}.run-stats h2{margin:0 0 12px;color:var(--green);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats-grid span{font-size:6px;color:var(--muted);border:1px solid #26372d;padding:9px}.stats-grid strong{display:block;color:var(--ink);font-size:10px;margin-top:7px}.record{display:block;margin-top:12px;color:var(--yellow);font-size:9px}
.missions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px;padding:14px;background:#0a0f0c;border:2px solid #26372d;font-size:7px;color:var(--muted);align-items:stretch}.missions b{width:100%;margin:0 0 3px;color:var(--green);font-size:9px;letter-spacing:.5px}.missions span{flex:1 1 150px;min-height:38px;display:flex;align-items:center;padding:10px 12px;border:2px solid #26372d;background:#0d150f;color:var(--ink);font-size:6px;line-height:1.5}
.ability-bar{display:flex;gap:8px;margin-top:10px}.ability{position:relative;flex:1;min-height:44px;text-align:left;padding:8px 10px;background:var(--panel);border:2px solid #26372d;color:var(--ink);font:7px "Press Start 2P";overflow:hidden;cursor:pointer}.ability b,.ability span{position:relative;z-index:2;display:block}.ability span{font-size:5px;color:var(--muted);margin-top:6px}.ability i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--green)}
footer{display:flex;justify-content:space-between;align-items:flex-start}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px;font-size:6px;color:var(--muted)}.controls{display:none;text-align:center}.controls button{width:48px;height:42px;margin:2px;background:#162019;border:2px solid #304238;color:var(--ink);font:14px "Press Start 2P";touch-action:manipulation}
.toast{position:absolute;left:50%;top:12%;transform:translateX(-50%);padding:8px 10px;background:#101a13;border:2px solid var(--green);color:var(--green);font-size:7px;opacity:0;pointer-events:none;transition:opacity .15s;white-space:nowrap}
@media(max-width:700px){body{padding:8px}.stats{gap:7px}.stats span{font-size:5px}.stats strong{font-size:8px}.eyebrow{font-size:5px}h1{font-size:13px}.subhud{font-size:4px}.game-shell{aspect-ratio:1/1}.controls{display:block}.legend{font-size:5px;gap:7px}.message h2{font-size:20px}.message p{font-size:7px}.ability{min-height:40px;font-size:6px}.ability span{font-size:4px}.boss-hud{font-size:5px}.stats-grid{grid-template-columns:repeat(2,1fr)}.run-stats h2{font-size:10px}.missions{gap:7px;padding:11px}.missions span{flex-basis:140px;min-height:34px;font-size:5px}}
@media(max-width:420px){.stats span:nth-child(4){display:none}.legend{max-width:180px}.ability{padding:7px 5px}.subhud{gap:6px}.subhud span:nth-child(2){display:none}.missions{padding:10px;gap:6px}.missions b{font-size:8px}.missions span{flex-basis:calc(50% - 3px);min-height:36px;padding:8px;font-size:4px}}
.menu{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#030604f2}.menu-card{width:min(520px,90%);padding:26px;text-align:center;border:3px solid #304238;background:#0a100c;box-shadow:8px 8px 0 #020302}.menu-card h2{font-size:25px;margin:12px 0;color:var(--ink)}.menu-card h2 b{color:var(--green)}.menu-card p{font-size:7px;color:var(--muted);line-height:2}.menu-actions{display:grid;gap:10px}.menu-card button{display:block;width:100%;margin:0;padding:13px;background:#111a14;border:2px solid #304238;color:var(--ink);font:7px "Press Start 2P";cursor:pointer}
.event-banner{position:absolute;left:50%;top:8%;transform:translateX(-50%) scale(.96);z-index:5;padding:10px 14px;border:2px solid var(--red);background:#17090ce8;color:#ff8b95;font-size:7px;opacity:0;transition:.15s;pointer-events:none}.event-banner.show{opacity:1;transform:translateX(-50%) scale(1)}.floaters{position:absolute;inset:0;pointer-events:none;z-index:6}.floater{position:absolute;font-size:7px;color:var(--yellow);animation:floatup .7s forwards}.pause-overlay{position:absolute;inset:0;z-index:9;display:grid;place-items:center;background:#020403dd}.pause-overlay div{padding:24px;border:3px solid var(--blue);background:#0a100c;text-align:center}.pause-overlay h2{color:var(--blue);font-size:18px}.pause-overlay button{margin:5px;padding:10px;background:#152019;border:2px solid #304238;color:var(--ink);font:6px "Press Start 2P"}@keyframes floatup{from{transform:translateY(0);opacity:1}to{transform:translateY(-18px);opacity:0}}.save-stats{margin-top:9px;padding:9px;border:2px solid #18251d;background:#0a0f0c;color:var(--muted);font-size:5px;line-height:2}.save-stats strong{color:var(--ink)}.hidden{display:none!important}
button{appearance:none;-webkit-appearance:none;border-radius:0;outline:none}button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.message{padding:16px}.message-card{width:min(460px,92%);padding:28px 24px;border:2px solid #304238;background:#0a100c;box-shadow:6px 6px 0 #020302}.message h2{font-size:22px;margin:0 0 12px}.message p{font-size:7px;line-height:1.8;margin:0;color:var(--muted)}.primary-btn,.menu-card button,.pause-overlay button{font-family:"Press Start 2P",monospace!important;border-radius:0!important;line-height:1.4}.primary-btn{margin-top:18px;background:var(--green);border:2px solid #9aff7d;padding:13px 16px;color:#081008;font-size:8px;box-shadow:4px 4px 0 #355d2e;cursor:pointer}
.menu-card{max-height:calc(100% - 28px);overflow:auto}.menu-card p{margin:10px 0 16px;line-height:1.8}.menu-card button{min-height:46px;padding:11px 12px;line-height:1.4}
.ability-bar{gap:7px}.ability{border-radius:0;min-height:48px;line-height:1.35}.ability:active,.controls button:active,.menu-card button:active,.primary-btn:active{transform:translate(2px,2px);box-shadow:none}.controls{min-width:154px}.controls button{border-radius:0;width:44px;height:40px;margin:2px;line-height:1;padding:0}.save-stats{line-height:1.8}
@media(max-width:700px){header{align-items:flex-start}.stats{margin-top:3px}.game-shell{aspect-ratio:16/11}.message-card{padding:20px 16px}.message h2{font-size:16px}.message p{font-size:6px}.primary-btn{font-size:7px;min-height:42px}.ability-bar{margin-top:7px}.ability{min-height:44px}footer{gap:8px}.legend{line-height:1.7}.controls{flex:none}}
@media(max-width:420px){body{padding:5px}header{gap:8px;margin-bottom:7px}.stats{gap:5px}.stats span{font-size:4px}.stats strong{font-size:7px}.subhud{margin-top:6px}.game-shell{border-width:3px}.legend{max-width:145px;font-size:4px;gap:4px}.controls{min-width:140px}.controls button{width:38px;height:36px;font-size:11px}.ability{font-size:5px;padding:6px 5px}.ability span{font-size:4px}.menu-card{padding:18px 14px}.menu-card h2{font-size:17px}.menu-card button{min-height:42px}}
.menu-action,.primary-btn,.ability,.controls button,.pause-overlay button{font-family:"Press Start 2P",monospace!important;border:2px solid var(--green)!important;background:var(--green)!important;color:#081008!important;border-radius:0!important;box-shadow:4px 4px 0 #355d2e}
.menu-action:hover,.primary-btn:hover,.ability:hover,.controls button:hover,.pause-overlay button:hover{filter:brightness(1.06)}
.menu-card .menu-action{display:block;width:100%;min-height:46px;margin:0;padding:12px;font-size:7px}.menu-card .eyebrow{display:block}.menu-card h2{margin:14px 0 10px}.menu-card>p{margin:0 0 18px}.how-panel{margin-top:14px;padding:15px;border:2px solid #304238;background:#080d0a;text-align:left}.how-panel h3{margin:0 0 12px;color:var(--green);font-size:9px;text-align:center}.how-panel p{margin:7px 0;font-size:6px;line-height:1.8;color:var(--muted)}.how-panel p b{color:var(--ink)}.how-panel .menu-action{margin-top:13px!important}.ability{box-shadow:4px 4px 0 #355d2e}.ability span{color:#183117}.controls button{box-shadow:3px 3px 0 #355d2e}.primary-btn{box-shadow:4px 4px 0 #355d2e}.menu{z-index:20}.message{z-index:15}
@media(max-width:420px){.menu-card .menu-action{min-height:42px}.how-panel p{font-size:5px}}
.desktop-commands{display:block;width:100%;color:var(--ink);font-size:6px;margin-bottom:4px}.touch-label{display:none;font-size:5px;color:var(--green);margin-bottom:3px}.controls{touch-action:none;-webkit-user-select:none;user-select:none}.controls button,.ability{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:700px){.desktop-commands{display:none}.touch-label{display:block}.controls{display:block}footer{align-items:flex-start}}
canvas{touch-action:none}

/* Menu/tutorial interaction fix */
.menu-card{position:relative}
.menu-actions{position:relative;z-index:2}
.menu-action{cursor:pointer;pointer-events:auto;position:relative}
.how-panel{position:relative;z-index:3}
.how-panel .menu-action{display:block!important}
@media(max-width:700px){
  .menu-card{width:min(560px,92%);padding:22px 18px}
  .menu-actions{gap:12px}
  .menu-card .menu-action{min-height:48px;font-size:7px}
  .how-panel{max-height:calc(100vh - 90px);overflow:auto}
}

/* Mobile menu tap reliability */
.menu-action{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.menu-actions,.how-panel{touch-action:manipulation}

/* Mobile menu hit-area hardening */
#menu .menu-action{
  pointer-events:auto!important;
  position:relative;
  z-index:9999;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  user-select:none;
}
#menu .menu-actions,#menu .how-panel{pointer-events:auto!important}


/* Options + mission progression */
.option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0;padding:10px 0;border-bottom:1px solid #26372d;color:var(--muted);font-size:6px}
.option-toggle{width:auto!important;min-width:82px!important;min-height:38px!important;margin:0!important;padding:8px 10px!important;font-size:6px!important}
.option-toggle[aria-pressed="false"]{background:#111a14!important;color:var(--muted)!important;border-color:#304238!important;box-shadow:3px 3px 0 #202b24!important}
.options-panel{max-width:520px}
.mission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.mission-item{position:relative;min-height:58px;padding:9px 10px 13px;border:2px solid #26372d;background:#0d150f;display:grid;grid-template-columns:1fr auto;gap:6px;overflow:hidden}
.mission-item b{display:block;color:var(--ink);font-size:6px;margin-bottom:5px}
.mission-item span{display:block;color:var(--muted);font-size:5px;line-height:1.6}
.mission-item>strong{color:var(--yellow);font-size:5px;align-self:start;white-space:nowrap}
.mission-item i{position:absolute;left:0;right:0;bottom:0;height:3px;background:#18251d}
.mission-item i em{display:block;height:100%;background:var(--green)}
.mission-item.done{border-color:#355d2e}
.mission-item.done>strong{color:var(--green)}
@media(max-width:700px){.mission-list{grid-template-columns:1fr 1fr}.mission-item{min-height:56px;padding:8px}.mission-item b{font-size:5px}.mission-item span{font-size:4px}.mission-item>strong{font-size:4px}.option-row{font-size:5px}.option-toggle{min-width:72px!important;font-size:5px!important}}
@media(max-width:420px){.mission-list{grid-template-columns:1fr}.mission-item{min-height:52px}.options-panel{padding:11px}.option-row{margin:6px 0}.option-toggle{min-height:36px!important}}


/* Standalone boot menu and new Fury feedback. */
.boot-menu{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:#020403f7;isolation:isolate}.boot-menu.hidden{display:none!important}.boot-card{width:min(560px,94vw);max-height:94vh;overflow:auto;padding:30px;text-align:center;border:3px solid var(--green);background:#090f0b;box-shadow:10px 10px 0 #000}.boot-card h2{font-size:clamp(19px,4vw,30px);margin:15px 0 10px}.boot-card h2 b{color:var(--green)}.boot-card>p{font-size:7px;color:var(--muted);line-height:1.9;margin:0 0 20px}.boot-actions{display:grid;gap:11px}.boot-action{display:block;width:100%;min-height:50px;padding:12px;border:2px solid var(--green);background:var(--green);color:#081008;font:7px "Press Start 2P",monospace;cursor:pointer;touch-action:manipulation;box-shadow:4px 4px 0 #355d2e}.boot-action:active{transform:translate(2px,2px);box-shadow:none}.boot-panel{margin-top:14px;padding:15px;border:2px solid #304238;background:#070c09;text-align:left}.boot-panel h3,.boot-error h3{color:var(--green);font-size:9px;text-align:center;margin:0 0 12px}.boot-panel p{font-size:6px;line-height:1.8;color:var(--muted);margin:7px 0}.boot-panel p b{color:var(--ink)}.boot-panel .boot-action{margin-top:12px}.boot-error{margin-top:14px;padding:15px;border:2px solid var(--red);background:#17090c;text-align:center}.boot-error p{font-size:6px;line-height:1.8;color:#ff9aa2}.boot-error .boot-action{border-color:var(--red);background:var(--red)}.boot-menu .option-row{font-family:"Press Start 2P",monospace}.boot-menu button{appearance:none;-webkit-appearance:none;border-radius:0}.ability.ready{border-color:var(--yellow)!important;box-shadow:4px 4px 0 #6a5420}.ability.active{border-color:var(--red)!important;background:var(--red)!important}.ability.active #furyFill{background:#fff}
@media(max-width:700px){.boot-card{padding:22px 17px;width:min(560px,94vw)}.boot-card>p{font-size:6px}.boot-panel p{font-size:5px}.boot-action{min-height:48px}}
@media(max-width:420px){.boot-card{padding:18px 13px}.boot-card h2{font-size:17px}.boot-action{min-height:44px;font-size:6px}.boot-panel{padding:11px}.boot-panel p{font-size:4px}.boot-panel h3,.boot-error h3{font-size:8px}}

/* State-driven gameplay HUD */
#message.message{display:none!important}
#message.message.show{display:grid!important}
.ability-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.ability{position:relative;min-height:56px;padding:9px 11px;text-align:left;overflow:hidden}
.ability b,.ability span{display:block;position:relative;z-index:2}
.ability span{font-size:5px;color:var(--muted);margin-top:6px}
.ability i{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--green);transition:width .08s linear}
.ability.cooldown{filter:saturate(.45);opacity:.72}
.ability.ready{filter:none;opacity:1;border-color:var(--green)!important}
.ability.active{filter:none;opacity:1;background:var(--red)!important;border-color:var(--red)!important}
.ability:disabled{cursor:not-allowed}
.ability.ready:hover{filter:brightness(1.08)}
@media(max-width:700px){.ability-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ability{min-height:50px}.ability span{font-size:4px}}
@media(max-width:420px){.ability-bar{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:7px}.ability{min-height:46px;padding:7px 8px;font-size:5px}.ability span{font-size:4px}}
#app.preboot{visibility:hidden;pointer-events:none}
.boot-menu{visibility:visible}

/* Live run intel: threat + objective */
.run-intel{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.intel-card{padding:9px 10px;border:2px solid #26372d;background:#0a0f0c;box-shadow:3px 3px 0 #020302}
.intel-top{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:5px}
.intel-top span{color:var(--muted)}.intel-top strong{font-size:7px;color:var(--ink)}.intel-top b{font-size:5px;color:var(--green);justify-self:end}
.intel-track{height:7px;margin-top:7px;border:1px solid #304238;background:#111912;overflow:hidden}.intel-track i{display:block;height:100%;width:0;background:var(--green);transition:width .12s linear}
.danger-card .intel-track i{background:var(--red)}.danger-card .intel-top b{color:var(--green)}
.danger-card:has(#dangerLabel),.objective-card{min-height:43px}
@media(max-width:700px){.run-intel{grid-template-columns:1fr 1fr;gap:7px}.intel-card{padding:8px}.intel-top{grid-template-columns:auto 1fr;gap:5px}.intel-top b{grid-column:1 / -1;justify-self:start;font-size:4px}.intel-top strong{justify-self:end;font-size:6px}}
@media(max-width:420px){.run-intel{gap:6px;margin-bottom:7px}.intel-card{padding:7px}.intel-top{font-size:4px}.intel-top strong{font-size:5px}.intel-track{height:6px;margin-top:5px}}

/* Live danger/objective states */
.intel-card.high{border-color:#8d6c20}.intel-card.high .intel-top b{color:#ffd85c}.intel-card.elevated .intel-top b{color:#ffd85c}
.intel-card.critical{border-color:var(--red);box-shadow:4px 4px 0 #300b10}.intel-card.critical .intel-top b,.intel-top b.critical{color:var(--red)}
.intel-card.complete{border-color:var(--green);box-shadow:4px 4px 0 #1d4020}.intel-card .intel-top b.complete{color:var(--green)}
.objective-card .intel-track i{background:var(--green)}

/* Streak + elite presentation */
.life-module small{display:block;margin-top:5px;font-size:4px;color:var(--yellow)}
.intel-card.critical .intel-top strong{color:var(--red)}


/* Contract + supply drop HUD */
.contract-card .intel-track i{background:var(--yellow)}
.contract-card .intel-top b{color:var(--yellow)}
.contract-card.complete{border-color:var(--green);box-shadow:4px 4px 0 #1d4020}
.run-intel{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.run-intel{grid-template-columns:1fr}.contract-card .intel-top{grid-template-columns:auto 1fr}.contract-card .intel-top b{grid-column:1 / -1;justify-self:start}}
.mutation-module{min-width:150px;padding:6px 9px;border-left:1px solid #26372d;text-align:right}
.mutation-module span,.mutation-module small{display:block;font-size:4px;color:var(--muted)}
.mutation-module strong{display:block;margin-top:6px;font-size:7px;color:var(--yellow);white-space:nowrap}
.mutation-module small{margin-top:5px;line-height:1.5}
@media(max-width:700px){
  .mutation-module{grid-column:1 / -1;border-left:0;border-top:1px solid #26372d;padding:6px 3px 1px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}
  .mutation-module strong{margin-top:0}
  .mutation-module small{margin-top:0}
}
@media(max-width:420px){.mutation-module span,.mutation-module small{font-size:3px}.mutation-module strong{font-size:5px}}

/* Full advanced gameplay package */
.contract-actions,.extraction-actions{display:flex;gap:6px;margin-top:7px}.contract-actions button,.extraction-actions button{flex:1;min-height:28px;padding:7px;border:2px solid var(--green);background:var(--green);color:#081008;font:5px "Press Start 2P";cursor:pointer}.contract-actions button:last-child,.extraction-actions button:last-child{background:#111a14;color:var(--ink);border-color:#304238}.contract-actions .hidden{display:none!important}
.chain-card .intel-track i{background:var(--blue)}.salvage-card .intel-track i{background:var(--yellow)}.salvage-card .intel-top strong{color:var(--yellow)}.extract-card .intel-top strong{color:var(--yellow)}
.extraction-panel{margin:0 0 10px;padding:16px;border:3px solid var(--yellow);background:#151108;box-shadow:5px 5px 0 #020302}.extraction-panel.hidden{display:none!important}.extraction-panel>div{text-align:center}.extraction-panel h3{margin:8px 0;color:var(--yellow);font-size:13px}.extraction-panel p{font-size:6px;color:var(--muted);line-height:1.8}.extraction-actions button{min-height:40px;padding:10px;border-color:var(--yellow);background:var(--yellow);color:#0c0a04;font-size:6px}.extraction-actions button:last-child{background:#111a14;color:var(--ink);border-color:#304238}
.progression-panel{margin-top:10px;padding:13px;background:#0a0f0c;border:2px solid #26372d}.progression-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.progression-head b{font-size:8px;color:var(--green)}.progression-head strong{font-size:6px;color:var(--yellow)}.upgrade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.upgrade-item{min-height:72px;padding:9px;text-align:left;background:#0d150f;border:2px solid #26372d;color:var(--ink);font:5px "Press Start 2P";cursor:pointer}.upgrade-item b,.upgrade-item span,.upgrade-item strong{display:block}.upgrade-item b{font-size:6px;color:var(--ink);margin-bottom:6px}.upgrade-item span{font-size:4px;color:var(--muted);line-height:1.7}.upgrade-item strong{margin-top:7px;color:var(--yellow);font-size:5px}.upgrade-item:disabled{opacity:.45;cursor:not-allowed}.upgrade-item:not(:disabled):hover{border-color:var(--yellow)}
.achievement-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.achievement-item{padding:9px;border:2px solid #26372d;background:#0d150f;min-height:66px}.achievement-item b{display:block;font-size:5px;color:var(--muted);margin-bottom:6px}.achievement-item span{display:block;font-size:4px;color:#617262;line-height:1.7}.achievement-item.unlocked{border-color:var(--green)}.achievement-item.unlocked b{color:var(--green)}.achievement-item.unlocked span{color:var(--ink)}
@media(max-width:700px){.upgrade-list{grid-template-columns:1fr 1fr}.achievement-list{grid-template-columns:1fr 1fr}.extraction-panel{padding:12px}.extraction-panel h3{font-size:10px}.extraction-panel p{font-size:5px}.contract-actions button,.extraction-actions button{min-height:34px;font-size:5px}}
@media(max-width:420px){.upgrade-list,.achievement-list{grid-template-columns:1fr}.extraction-actions{display:grid;grid-template-columns:1fr}.progression-head b{font-size:5px}.progression-head strong{font-size:4px}.upgrade-item{min-height:66px}.achievement-item{min-height:58px}.extraction-actions button{width:100%;min-height:40px}}

/* Ultimate gameplay HUD / menus */
.boot-action.secondary{background:#111a14;color:var(--ink);border-color:#304238;box-shadow:4px 4px 0 #202b24}
.run-mode-bar{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:0 0 10px;padding:8px 10px;border:2px solid #26372d;background:#0a0f0c;font-size:5px;color:var(--muted)}
.run-mode-bar strong,.run-mode-bar b{color:var(--yellow);font-size:6px}
.bounty-card .intel-top strong{color:#fff}.perfect-card .intel-top strong{color:var(--green)}
.advanced-achievements{display:contents}
.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.analysis-grid span{padding:8px;border:1px solid #26372d;color:var(--muted);font-size:5px}.analysis-grid strong{display:block;margin-top:5px;color:var(--ink);font-size:7px}.result-copy{font-size:6px;line-height:1.8;color:var(--muted);margin:10px 0 0}
.leaderboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.leaderboard-columns h4{margin:0 0 7px;color:var(--yellow);font-size:6px}.leaderboard-list{display:grid;gap:5px}.leader-row{display:grid;grid-template-columns:25px 1fr 1fr;gap:5px;align-items:center;padding:7px;border:1px solid #26372d;background:#0d150f}.leader-row b{color:var(--muted);font-size:5px}.leader-row strong{color:var(--ink);font-size:7px}.leader-row span,.leader-row small{color:var(--muted);font-size:4px}.leader-row small{grid-column:2 / -1}.leader-empty{padding:10px;border:1px dashed #26372d;color:var(--muted);font-size:4px}
@media(max-width:700px){.run-mode-bar{grid-template-columns:auto 1fr;gap:6px}.analysis-grid{grid-template-columns:1fr 1fr}.leaderboard-columns{grid-template-columns:1fr}.leader-row{grid-template-columns:22px 1fr 1fr}.run-mode-bar strong,.run-mode-bar b{font-size:5px}}
@media(max-width:420px){.run-mode-bar{font-size:4px}.run-mode-bar strong,.run-mode-bar b{font-size:4px}.analysis-grid{gap:6px}.analysis-grid span{font-size:4px}.analysis-grid strong{font-size:5px}}

/* Condition module */
.condition-module{min-width:150px;padding:6px 9px;border-left:1px solid #26372d;text-align:right}.condition-module span,.condition-module small{display:block;font-size:4px;color:var(--muted)}.condition-module strong{display:block;margin-top:6px;font-size:6px;color:var(--yellow);white-space:nowrap}.condition-module small{margin-top:5px;line-height:1.5}
@media(max-width:700px){.condition-module{grid-column:1 / -1;border-left:0;border-top:1px solid #26372d;padding:6px 3px 1px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.condition-module strong{margin-top:0}.condition-module small{margin-top:0}}
@media(max-width:420px){.condition-module span,.condition-module small{font-size:3px}.condition-module strong{font-size:5px}}

/* Gameplay update pack v2 */
.run-mode-bar{grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto}
.run-pause-btn{justify-self:end;min-width:76px;min-height:27px;padding:5px 8px;border:1px solid var(--green);background:#142018;color:var(--green);font:5px "Press Start 2P",monospace;cursor:pointer;touch-action:manipulation}
.run-pause-btn:disabled{opacity:.35;cursor:not-allowed}
.run-pause-btn.is-paused{background:var(--yellow);border-color:var(--yellow);color:#100e04}
.update-pack-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.update-pack-stats span{padding:8px;border:1px solid #26372d;color:var(--muted);font-size:5px}
.update-pack-stats b{display:block;margin-top:5px;color:var(--yellow);font-size:6px}
@media(max-width:700px){.run-mode-bar{grid-template-columns:auto 1fr auto 1fr}.run-pause-btn{grid-column:1/-1;justify-self:stretch;min-height:36px;font-size:6px}.run-mode-bar span,.run-mode-bar strong,.run-mode-bar b{min-width:0}}
@media(max-width:420px){.run-mode-bar{gap:5px;padding:7px}.run-pause-btn{min-height:40px;font-size:6px}.update-pack-stats{grid-template-columns:1fr 1fr}.update-pack-stats span{font-size:4px}.update-pack-stats b{font-size:5px}}


/* SURVIVAL UI REWORK — landing page and readable HUD */
:root{--line:#263a2d;--panel-hi:#0d1711;--green-soft:#b4ffa0}
body{background:radial-gradient(ellipse at 50% -18%,#142219 0,transparent 52%),var(--bg)}
#app{width:min(1160px,100%)}
#app>header{align-items:center;padding:12px 14px 13px;margin:0 0 10px;border:1px solid var(--line);background:linear-gradient(110deg,#0c130e,#080c09);box-shadow:0 8px 28px #0005}
#app>header .eyebrow{letter-spacing:1px;font-size:7px}
#app>header h1{font-size:clamp(17px,2.7vw,27px);letter-spacing:.5px}
#app>header .subhud{gap:10px;margin-top:8px}
#app>header .stats{display:grid;grid-template-columns:repeat(4,minmax(54px,1fr));gap:6px;text-align:left}
#app>header .stats span{min-width:0;padding:8px 9px;border:1px solid #243328;background:#0a100c;font-size:5px;letter-spacing:.5px}
#app>header .stats strong{font-size:10px;color:var(--green-soft);margin-top:5px;font-variant-numeric:tabular-nums}
.life-module,.xp-module,.mutation-module,.condition-module{min-width:0;min-height:54px;padding:8px 10px;border:1px solid #213126;background:linear-gradient(145deg,#101911,#0a100c);border-radius:2px}
.life-module{border-right:1px solid #213126}
.life-module span,.xp-row span,.mutation-module span,.condition-module span{font-size:5px;letter-spacing:.4px}
.life-module strong{font-size:13px}
.life-module small{font-size:5px}
.xp-module{padding:8px 10px}
.xp-row{gap:6px}
.xp-row strong{font-size:6px}
.xp-row b{font-size:5px}
.xp-track{height:7px;border-radius:4px}
.xp-track i,.intel-track i,.ability i{border-radius:4px}
.mutation-module,.condition-module{text-align:left;border-left:1px solid #213126}
.mutation-module strong,.condition-module strong{font-size:6px;white-space:normal;line-height:1.5;margin-top:5px}
.mutation-module small,.condition-module small{font-size:4px;line-height:1.5;margin-top:3px}
.run-intel{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:9px}
.intel-card{min-width:0;min-height:54px;padding:9px 10px;border:1px solid #26382c;background:linear-gradient(145deg,#0d1510,#080d0a);box-shadow:0 3px 10px #0003;border-radius:2px}
.intel-top{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;font-size:5px}
.intel-top strong{min-width:0;font-size:6px;overflow-wrap:anywhere}
.intel-top b{font-size:5px}
.intel-track{height:6px;border:0;border-radius:5px;background:#1b281e}
.run-mode-bar{grid-template-columns:auto minmax(64px,1fr) auto minmax(64px,1fr) auto minmax(45px,.7fr) auto minmax(45px,.7fr) auto;gap:9px;margin-bottom:9px;padding:8px 10px;border:1px solid #26382c;background:#080e0a;box-shadow:0 3px 10px #0003;border-radius:2px}
.run-mode-bar strong,.run-mode-bar b{font-size:6px}
.run-pause-btn{border-radius:2px;box-shadow:0 0 0 1px #79e35b20;transition:background .15s,border-color .15s}
.game-shell{border:2px solid #2b3b2f;border-radius:3px;box-shadow:0 10px 26px #0007;aspect-ratio:16/10}
.ability-bar{gap:8px;margin-top:9px}
.ability{min-height:58px;border:1px solid #304437!important;border-radius:2px!important;background:linear-gradient(145deg,#122017,#0b110d)!important;color:var(--ink)!important;box-shadow:0 3px 0 #020403!important;transition:transform .12s,border-color .12s,filter .12s}
.ability b{font-size:6px}
.ability span{font-size:5px;color:#91a791}
.ability.ready{border-color:var(--green)!important;background:linear-gradient(145deg,#19301c,#0d170f)!important}
.ability.active{background:linear-gradient(145deg,#4c151d,#1b0a0e)!important}
.progression-panel,.missions,.run-stats,.save-stats{border-color:#26382c;border-radius:2px;box-shadow:0 4px 14px #0003}
.boot-menu{padding:clamp(10px,3vw,30px);background:radial-gradient(ellipse at 18% 12%,#1e3b25a8,transparent 38%),radial-gradient(ellipse at 88% 90%,#15291c88,transparent 34%),#030604f5}
.boot-card{width:min(980px,96vw);max-height:94vh;overflow:auto;padding:clamp(17px,3vw,30px);text-align:left;border:1px solid #4a684d;background:linear-gradient(135deg,#0d1510f5,#070b08f8);box-shadow:0 24px 70px #000a,0 0 0 5px #79e35b08}
.boot-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #29392d}
.boot-topline .eyebrow{font-size:6px;letter-spacing:1px}
.boot-status{display:flex;align-items:center;gap:7px;color:#8ca88f;font-size:5px;letter-spacing:.5px;white-space:nowrap}
.boot-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #79e35b;animation:bootPulse 1.8s ease-in-out infinite}
.boot-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:clamp(18px,4vw,48px);align-items:center;padding:clamp(22px,4vw,42px) 0}
.boot-hero{text-align:left;min-width:0}
.boot-emblem{position:relative;display:grid;place-items:center;width:58px;height:58px;margin-bottom:19px;border:1px solid #507b4f;background:linear-gradient(135deg,#1b3020,#0b120d);color:var(--green);font-size:12px;box-shadow:5px 5px 0 #020403}
.boot-emblem:before,.boot-emblem:after{position:absolute;content:"";background:var(--green);opacity:.65}
.boot-emblem:before{width:32px;height:2px;left:12px;top:28px}
.boot-emblem:after{width:2px;height:32px;left:27px;top:13px}
.boot-emblem span{position:relative;z-index:1;padding:5px;background:#0c150e}
.boot-emblem i{position:absolute;right:-5px;top:-5px;width:9px;height:9px;background:var(--yellow)}
.boot-title{margin:0!important;font-size:clamp(22px,4vw,38px)!important;line-height:1.35;letter-spacing:1px}
.boot-title b{color:var(--green);text-shadow:0 0 18px #79e35b28}
.boot-tagline{max-width:490px;margin:14px 0 17px!important;color:#a5b7a5!important;font-size:7px!important;line-height:2!important}
.boot-pills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
.boot-pills span{padding:7px 8px;border:1px solid #2a3b2d;background:#0a100c;color:#8ba38c;font-size:4px;letter-spacing:.3px}
.boot-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.boot-action{min-height:45px;padding:10px 12px;border:1px solid #446b43;background:#142018;color:var(--green-soft);font-size:6px;line-height:1.6;box-shadow:0 3px 0 #020403;transition:transform .12s,background .12s,border-color .12s;letter-spacing:.25px}
.boot-action.secondary{background:#0b120d;color:#c0d0c0;border-color:#293a2e;box-shadow:0 3px 0 #020403}
.boot-action:hover{filter:brightness(1.16);border-color:var(--green)}
.boot-action.boot-primary{grid-column:1/-1;min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:13px 17px;background:linear-gradient(100deg,#8af16a,#65cb4d);border-color:#a8ff92;color:#081008;font-size:7px;box-shadow:0 4px 0 #345b2d,0 0 28px #79e35b15}
.boot-action.boot-primary span{font-size:12px}
.boot-brief{padding:17px;border:1px solid #2d4232;background:linear-gradient(145deg,#0b130d,#080d0a);box-shadow:inset 3px 0 0 #79e35b22}
.brief-heading{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #27372b;color:var(--green);font-size:6px;letter-spacing:.6px}
.brief-heading b{color:#718972;font-size:4px}
.brief-item{display:grid;grid-template-columns:25px 1fr;gap:9px;align-items:start;padding:13px 0;border-bottom:1px solid #1c2a20}
.brief-item>strong{display:grid;place-items:center;width:23px;height:23px;border:1px solid #35543a;background:#0d1a10;color:var(--green);font-size:5px}
.brief-item div b,.brief-item div small{display:block}
.brief-item div b{margin:1px 0 6px;color:#d9ead7;font-size:5px}
.brief-item div small{color:#7e947f;font-size:4px;line-height:1.8}
.brief-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:13px;color:#8da18d;font-size:4px}
.brief-controls kbd{padding:5px 6px;border:1px solid #304437;background:#0b120d;color:#d1e4ce;font:5px "Press Start 2P",monospace}
.brief-separator{width:1px;height:14px;margin:0 3px;background:#2b3b2e}
.boot-panels{width:100%}
.boot-panel{border-color:#2d4232;background:#070d09}
.boot-panel h3{font-size:7px}
.boot-panel p{font-size:5px;line-height:1.85}
.boot-panel .boot-action{width:100%}
.boot-error{border-color:var(--red)}
@keyframes bootPulse{50%{opacity:.45;box-shadow:0 0 2px #79e35b}}
@media(max-width:900px){
  #app>header{padding:10px}
  .run-intel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .condition-module,.mutation-module{grid-column:auto}
  .run-mode-bar{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);row-gap:7px}
  .run-pause-btn{grid-column:1/-1;justify-self:stretch;min-height:38px}
}
@media(max-width:700px){
  body{padding:7px}
  #app>header{gap:8px;align-items:stretch}
  #app>header>div:first-child{min-width:0;flex:1}
  #app>header .stats{grid-template-columns:repeat(2,minmax(47px,1fr));align-content:start;max-width:190px}
  #app>header .stats span{padding:6px;font-size:4px}
  #app>header .stats strong{font-size:8px}
  .life-module,.xp-module,.mutation-module,.condition-module{min-height:50px;padding:7px}
  .life-module strong{font-size:11px}
  .life-module small{font-size:4px}
  .mutation-module strong,.condition-module strong{font-size:5px}
  .mutation-module small,.condition-module small{font-size:4px}
  .run-intel{gap:6px}
  .intel-card{min-height:50px;padding:7px}
  .intel-top{grid-template-columns:1fr auto;gap:4px}
  .intel-top span{font-size:4px}
  .intel-top strong{grid-column:1/-1;grid-row:2;font-size:5px;justify-self:start}
  .intel-top b{grid-column:2;grid-row:1;font-size:4px}
  .run-mode-bar{grid-template-columns:auto 1fr auto 1fr;font-size:4px;gap:6px;padding:7px}
  .run-mode-bar strong,.run-mode-bar b{font-size:4px}
  .run-pause-btn{font-size:5px}
  .ability{min-height:48px}
  .boot-card{width:min(680px,96vw);padding:18px}
  .boot-layout{grid-template-columns:1fr;gap:16px;padding:18px 0}
  .boot-hero{text-align:center}
  .boot-emblem{margin:0 auto 13px;width:44px;height:44px;font-size:9px}
  .boot-emblem:before{width:26px;left:8px;top:21px}
  .boot-emblem:after{height:26px;left:21px;top:8px}
  .boot-title{font-size:clamp(20px,6vw,30px)!important}
  .boot-tagline{max-width:none;margin:10px 0 12px!important;font-size:6px!important}
  .boot-pills{justify-content:center;margin-bottom:13px}
  .boot-brief{padding:12px}
  .brief-item{padding:9px 0}
  .brief-item div b{font-size:4px}
  .brief-item div small{font-size:4px}
}
@media(max-width:420px){
  #app>header{padding:8px}
  #app>header h1{font-size:11px}
  #app>header .eyebrow{font-size:4px}
  #app>header .subhud{font-size:3px;gap:5px}
  #app>header .stats{max-width:148px;gap:4px}
  #app>header .stats span{font-size:3px;padding:5px}
  #app>header .stats strong{font-size:7px}
  .mutation-module,.condition-module{grid-column:span 1}
  .run-intel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intel-top span{font-size:3px}
  .intel-top strong{font-size:4px}
  .run-mode-bar{gap:4px}
  .run-mode-bar span,.run-mode-bar strong,.run-mode-bar b{font-size:3px}
  .run-pause-btn{font-size:4px;min-height:36px}
  .boot-menu{padding:7px}
  .boot-card{max-height:96vh;padding:13px}
  .boot-topline{padding-bottom:9px}
  .boot-topline .eyebrow,.boot-status{font-size:4px}
  .boot-layout{padding:14px 0;gap:11px}
  .boot-title{font-size:19px!important}
  .boot-tagline{font-size:5px!important}
  .boot-pills{gap:4px;margin-bottom:10px}
  .boot-pills span{font-size:3px;padding:6px}
  .boot-actions{gap:6px}
  .boot-action{min-height:40px;font-size:4px;padding:8px}
  .boot-action.boot-primary{min-height:47px;font-size:5px}
  .boot-brief{padding:9px}
  .brief-heading{font-size:5px;padding-bottom:8px}
  .brief-item{grid-template-columns:20px 1fr;gap:7px;padding:7px 0}
  .brief-item>strong{width:19px;height:19px;font-size:4px}
  .brief-item div b,.brief-item div small,.brief-controls{font-size:3px}
  .brief-controls kbd{font-size:3px}
}
@media(prefers-reduced-motion:reduce){.boot-status i{animation:none}.boot-action,.ability{transition:none}}


/* Readability pass: larger type on both sides of the landing screen */
.boot-topline .eyebrow{font-size:8px;line-height:1.7}
.boot-status{font-size:7px}
.boot-title{font-size:clamp(26px,4.2vw,42px)!important;line-height:1.4}
.boot-tagline{font-size:9px!important;line-height:1.9!important}
.boot-pills span{font-size:6px;line-height:1.6;padding:8px 9px}
.boot-action{font-size:8px;line-height:1.7;min-height:50px}
.boot-action.boot-primary{font-size:9px;min-height:58px}
.brief-heading{font-size:8px;line-height:1.7}
.brief-heading b{font-size:6px}
.brief-item>strong{font-size:7px;width:27px;height:27px}
.brief-item{grid-template-columns:29px 1fr;gap:11px;padding:14px 0}
.brief-item div b{font-size:7px;line-height:1.7;margin-bottom:7px}
.brief-item div small{font-size:6px;line-height:1.9}
.brief-controls{font-size:6px;line-height:1.8;gap:7px}
.brief-controls kbd{font-size:6px;padding:6px 7px}
.boot-panel h3{font-size:9px}
.boot-panel p{font-size:7px;line-height:1.9}
.boot-menu .option-row{font-size:7px}
.boot-menu .option-toggle{font-size:7px!important}
@media(max-width:900px){
  .boot-topline .eyebrow{font-size:7px}
  .boot-title{font-size:clamp(24px,5vw,36px)!important}
  .boot-tagline{font-size:8px!important}
  .boot-action{font-size:7px}
  .brief-heading{font-size:7px}
  .brief-item div b{font-size:6px}
  .brief-item div small{font-size:5.5px}
  .brief-controls,.brief-controls kbd{font-size:5px}
}
@media(max-width:700px){
  .boot-topline .eyebrow{font-size:6px}
  .boot-status{font-size:5px}
  .boot-title{font-size:clamp(23px,6vw,32px)!important}
  .boot-tagline{font-size:7px!important}
  .boot-pills span{font-size:5px}
  .boot-action{font-size:7px;min-height:46px}
  .boot-action.boot-primary{font-size:8px;min-height:52px}
  .brief-heading{font-size:7px}
  .brief-heading b{font-size:5px}
  .brief-item div b{font-size:6px}
  .brief-item div small{font-size:5.5px}
  .brief-controls,.brief-controls kbd{font-size:5px}
  .boot-panel p{font-size:6px}
  .boot-menu .option-row{font-size:6px}
}
@media(max-width:420px){
  .boot-topline .eyebrow{font-size:5px}
  .boot-status{font-size:4px}
  .boot-title{font-size:22px!important;line-height:1.5}
  .boot-tagline{font-size:6px!important;line-height:1.9!important}
  .boot-pills span{font-size:4px;padding:6px}
  .boot-action{font-size:6px;min-height:43px}
  .boot-action.boot-primary{font-size:7px;min-height:49px}
  .brief-heading{font-size:6px}
  .brief-heading b{font-size:4px}
  .brief-item{grid-template-columns:24px 1fr;gap:8px;padding:8px 0}
  .brief-item>strong{width:22px;height:22px;font-size:5px}
  .brief-item div b{font-size:5px;line-height:1.8}
  .brief-item div small{font-size:5px;line-height:1.8}
  .brief-controls,.brief-controls kbd{font-size:4px}
  .brief-controls kbd{padding:5px}
  .boot-panel p{font-size:5px}
  .boot-menu .option-row{font-size:5px}
}


/* HUD + PLAYGROUND FINISH — stronger hierarchy, type and arcade effects */
#app>header,.run-intel,.run-mode-bar,.game-shell,.ability-bar{position:relative}
#app>header:before,.run-intel:before,.run-mode-bar:before,.ability-bar:before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#79e35b66,transparent);pointer-events:none
}
#app>header{border-color:#304533;background:linear-gradient(115deg,#101911,#090e0b 65%,#0d1710);box-shadow:0 8px 28px #0008,0 0 28px #79e35b0b}
#app>header .stats span{border-color:#2c3e30;box-shadow:inset 0 1px 0 #ffffff05}
#app>header .stats strong{font-size:11px;text-shadow:0 0 10px #79e35b22}
.life-module,.xp-module,.mutation-module,.condition-module{
  border-color:#2a3d30;background:linear-gradient(145deg,#111b14,#0a110d);
  box-shadow:inset 0 1px 0 #ffffff05,0 3px 10px #0005
}
.life-module{overflow:hidden}
.life-module:after{
  content:"";position:absolute;right:-18px;bottom:-24px;width:80px;height:80px;
  border:1px solid #ff6b8b22;border-radius:50%;box-shadow:0 0 24px #ff6b8b12;pointer-events:none
}
.life-module strong{
  font-size:15px;color:#ff7c9a;text-shadow:0 0 9px #ff6b8b55,2px 2px #35111d;
  font-variant-numeric:tabular-nums
}
.life-module small{font-size:5px;letter-spacing:.5px}
.xp-module .xp-row b{font-size:6px}
.xp-track{height:9px;border-color:#2c4031;background:#071009;box-shadow:inset 0 2px 4px #0008}
.xp-track i{box-shadow:0 0 9px #79e35b55}
.mutation-module strong,.condition-module strong{font-size:7px;text-shadow:0 0 8px #ffd85c18}
.run-intel{gap:8px}
.intel-card{border-color:#2b3f30;background:linear-gradient(145deg,#0e1711,#080e0a);box-shadow:0 4px 14px #0005,inset 0 1px 0 #ffffff05}
.intel-card:hover{border-color:#3d5942;box-shadow:0 5px 18px #0006,0 0 15px #79e35b08}
.intel-top strong{font-size:7px}
.intel-top span{font-size:5px;letter-spacing:.4px}
.intel-track{height:7px;margin-top:8px;background:#071009;box-shadow:inset 0 1px 3px #0008}
.intel-track i{box-shadow:0 0 7px #79e35b35}
.danger-card.critical .intel-track i{box-shadow:0 0 9px #ff5b6266}
.run-mode-bar{
  border-color:#304533;background:linear-gradient(90deg,#080f0a,#0d1510,#080f0a);
  box-shadow:0 4px 14px #0005
}
.run-mode-bar span{letter-spacing:.3px}
.run-mode-bar strong,.run-mode-bar b{text-shadow:0 0 8px #ffd85c19}
.run-pause-btn:hover{box-shadow:0 0 14px #79e35b1f;transform:translateY(-1px)}
.game-shell{
  isolation:isolate;
  background:#040704;
  border-color:#38503d;
  box-shadow:0 12px 30px #0009,0 0 0 1px #79e35b0a,0 0 36px #79e35b0a
}
.game-shell:before{
  content:"";position:absolute;inset:7px;z-index:2;pointer-events:none;
  border:1px solid #79e35b12;
  box-shadow:inset 0 0 28px #0009,0 0 12px #79e35b08
}
.game-shell:after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,transparent 0,transparent 48%,#79e35b06 50%,transparent 52%,transparent 100%);
  background-size:100% 8px;mix-blend-mode:screen;opacity:.65
}
.ability{
  min-height:62px;
  border-color:#334a38!important;
  box-shadow:0 4px 0 #020403,0 0 0 1px #ffffff02!important
}
.ability:hover{transform:translateY(-1px);box-shadow:0 5px 0 #020403,0 0 16px #79e35b12!important}
.ability b{font-size:7px;text-shadow:0 0 7px #79e35b18}
.ability.ready{box-shadow:0 4px 0 #20351f,0 0 17px #79e35b18!important}
.ability.active{box-shadow:0 4px 0 #300b10,0 0 17px #ff5b6214!important}
@keyframes hudBreath{0%,100%{opacity:.75}50%{opacity:1}}
.life-module strong,.xp-track i,.ability.ready{animation:hudBreath 2.8s ease-in-out infinite}
@media(max-width:700px){
  #app>header .stats strong{font-size:9px}
  .life-module strong{font-size:13px}
  .xp-row b{font-size:5px}
  .mutation-module strong,.condition-module strong{font-size:6px}
  .intel-top strong{font-size:6px}
  .ability{min-height:54px}
}
@media(max-width:420px){
  #app>header .stats strong{font-size:8px}
  .life-module strong{font-size:12px}
  .life-module small{font-size:4px}
  .xp-row b{font-size:4px}
  .mutation-module strong,.condition-module strong{font-size:5px}
  .intel-top strong{font-size:5px}
  .ability{min-height:51px}
}
@media(prefers-reduced-motion:reduce){
  .life-module strong,.xp-track i,.ability.ready{animation:none}
  .game-shell:after{opacity:.2}
}


/* Collapsible progression / evolution card collection */
.collapsible-panel{padding:0;overflow:hidden}.collapsible-panel>summary{list-style:none;cursor:pointer;margin:0}.collapsible-panel>summary::-webkit-details-marker{display:none}.collapsible-panel>summary:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}
.collapsible-panel .progression-head{display:flex;align-items:center;gap:12px;padding:13px 14px;margin:0;min-height:64px;background:linear-gradient(105deg,#0d1610,#0a100c)}
.collapsible-panel .progression-head>span{display:grid;gap:5px;min-width:0}.collapsible-panel .progression-head b{font-size:8px;color:var(--green)}.collapsible-panel .progression-head small{font-size:4px;color:var(--muted);line-height:1.6}.collapsible-panel .progression-head>strong{margin-left:auto;white-space:nowrap;font-size:6px;color:var(--yellow)}
.collapse-chevron{display:grid;place-items:center;width:25px;height:25px;border:1px solid #304437;background:#0a120d;color:var(--green);font-style:normal;font-size:10px;line-height:1}.collapsible-panel[open] .collapse-chevron{transform:rotate(45deg)}
.progression-body{padding:0 13px 13px}.progression-subsection{padding-top:12px}.progression-subhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;color:var(--muted);font-size:6px}.progression-subhead b{color:var(--ink);font-size:6px}.progression-subhead span{font-size:4px;color:var(--green)}
.evolution-build{margin-top:12px;padding:12px;border:1px solid #2d4232;background:linear-gradient(145deg,#0d1710,#080e0a);box-shadow:inset 0 0 22px #0006}.evolution-build-head{display:flex;justify-content:space-between;align-items:end;gap:10px}.evolution-build-head div{display:grid;gap:5px}.evolution-build-head span{font-size:5px;color:var(--muted)}.evolution-build-head strong{font-size:9px;color:var(--green)}.evolution-build-head>b{font-size:5px;color:var(--yellow);white-space:nowrap}.evolution-build-track{height:9px;margin:9px 0 7px;border:1px solid #304437;background:#071009;border-radius:5px;overflow:hidden}.evolution-build-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4ea943,#a1ff87);box-shadow:0 0 10px #79e35b66;border-radius:5px;transition:width .2s ease}.evolution-build>small{font-size:4px;line-height:1.8;color:var(--muted)}
.card-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.evolution-card{min-height:130px;padding:10px;border:1px solid #2a3b2e;background:linear-gradient(145deg,#0c1510,#080d0a);box-shadow:inset 0 0 14px #0006;position:relative;overflow:hidden}.evolution-card.common{border-color:#314235}.evolution-card.rare{border-color:#35607a}.evolution-card.epic{border-color:#78639d}.evolution-card-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.evolution-card-top b{font-size:4px;color:var(--muted)}.evolution-card-top strong{font-size:6px;color:var(--yellow)}.evolution-card h4{margin:11px 0 7px;font-size:6px;color:var(--ink);line-height:1.6}.evolution-card p{margin:0;color:var(--muted);font-size:4px;line-height:1.8;min-height:42px}.evolution-card small{display:block;margin-top:8px;color:#556755;font-size:4px}.evolution-card.rare .evolution-card-top b,.evolution-card.rare small{color:#66c7ff}.evolution-card.epic .evolution-card-top b,.evolution-card.epic small{color:#c9a9ff}.evolution-card.collected{box-shadow:inset 0 0 18px #79e35b08,0 0 12px #79e35b08}
@media(max-width:900px){.card-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.collapsible-panel .progression-head{min-height:58px;padding:10px}.collapsible-panel .progression-head b{font-size:6px}.collapsible-panel .progression-head small{font-size:3.5px}.collapsible-panel .progression-head>strong{font-size:5px}.evolution-build-head strong{font-size:8px}.evolution-build-head>b{font-size:4px}.evolution-card{min-height:124px;padding:8px}.evolution-card h4{font-size:5px}.evolution-card p,.evolution-card small{font-size:3.5px}}@media(max-width:420px){.progression-body{padding:0 9px 9px}.card-collection{grid-template-columns:1fr}.evolution-card{min-height:112px}.evolution-card p{min-height:32px}.collapsible-panel .progression-head b{font-size:5px}.evolution-build-head strong{font-size:7px}}

/* v1.10 gameplay readability + touch + landing polish */
html,body{scrollbar-width:none;overscroll-behavior:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,.boot-menu::-webkit-scrollbar,.boot-card::-webkit-scrollbar,.how-console::-webkit-scrollbar{display:none;width:0;height:0}
body.boot-open{overflow:hidden}
.boot-menu{overflow:auto;scrollbar-width:none}
.boot-card{scrollbar-width:none}
.how-console{scrollbar-width:none}
.how-row p{font-size:5.5px;line-height:2}
.how-row kbd{font-size:5.5px}
.how-card>header b{font-size:6.5px}
.boot-panel-heading b{font-size:9px}
.boot-panel-heading small{font-size:5px}
#app>header .eyebrow,.subhud,.stats span{font-size:7px}
#app>header .stats strong{font-size:12px}
.life-module span,.xp-row span{font-size:6px}
.life-module strong{font-size:17px}
.life-module small{font-size:5px}
.xp-row strong{font-size:7px}.xp-row b{font-size:6px}
.mutation-module span,.condition-module span{font-size:6px}
.mutation-module strong,.condition-module strong{font-size:8px}
.mutation-module small,.condition-module small{font-size:5px}
.intel-top span{font-size:6px}.intel-top strong{font-size:8px}.intel-top b{font-size:6px}
.run-mode-bar span{font-size:6px}.run-mode-bar strong,.run-mode-bar b{font-size:7px}
.ability b{font-size:8px}.ability span{font-size:6px}
.desktop-commands,.legend{font-size:6px}
.run-mode-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:8px}
.run-pause-btn{justify-self:stretch}
@media(max-width:900px){
  .run-mode-bar{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);row-gap:8px}
  .run-pause-btn{grid-column:1/-1}
}
@media(max-width:700px){
  .how-row p{font-size:5px;line-height:2}
  .how-row kbd{font-size:5px}
  #app>header .eyebrow{font-size:6px}
  #app>header .stats span{font-size:5px}
  #app>header .stats strong{font-size:10px}
  .life-module span,.xp-row span,.mutation-module span,.condition-module span{font-size:5px}
  .life-module strong{font-size:15px}
  .xp-row strong{font-size:6px}.xp-row b{font-size:5px}
  .mutation-module strong,.condition-module strong{font-size:7px}
  .intel-top span{font-size:5px}.intel-top strong{font-size:7px}.intel-top b{font-size:5px}
  .run-mode-bar span{font-size:5px}.run-mode-bar strong,.run-mode-bar b{font-size:5px}
  .ability b{font-size:7px}.ability span{font-size:5px}
  footer .controls{min-width:170px}
  .controls button{width:52px;height:48px;font-size:15px;margin:3px}
  .touch-label{font-size:6px}
  .ability{min-height:58px}
}
@media(max-width:420px){
  .how-row p{font-size:4.5px}
  .how-row kbd{font-size:4.5px}
  #app>header .stats strong{font-size:9px}
  .life-module strong{font-size:14px}
  .controls{min-width:154px!important}
  .controls button{width:48px;height:45px;font-size:13px;margin:2px}
  .ability{min-height:55px}
}


/* HUD REFINEMENT // presentation only — gameplay logic unchanged */
.run-intel{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:0 0 10px;
}
.run-intel::before{
  content:"LIVE RUN INTEL";
  grid-column:1 / -1;
  color:var(--green);
  font-size:5px;
  letter-spacing:1px;
  padding:0 2px 1px;
}
.intel-card{
  position:relative;
  min-height:58px;
  padding:9px 10px;
  border:1px solid #304238;
  border-top:2px solid #3b5143;
  border-radius:2px;
  background:linear-gradient(180deg,#101812 0%,#0a100c 100%);
  box-shadow:3px 3px 0 #020302;
  transition:border-color .15s,transform .15s,box-shadow .15s;
}
.intel-card:hover{transform:translateY(-1px);border-color:#526d5a}
.intel-top{min-height:25px}
.intel-top span{font-size:4px;letter-spacing:.6px}
.intel-top strong{font-size:6px;letter-spacing:.2px}
.intel-top b{font-size:4px;letter-spacing:.4px}
.intel-track{
  height:5px;
  margin-top:8px;
  border:0;
  background:#172219;
  box-shadow:inset 0 0 0 1px #253528;
}
.intel-track i{box-shadow:0 0 7px rgba(121,227,91,.18)}
.danger-card .intel-track i{box-shadow:0 0 7px rgba(255,91,98,.25)}
.extract-card{border-top-color:#ffd85c}
.extract-card .intel-top strong{color:var(--yellow)}
.extract-card .intel-top b{color:var(--yellow)}
.extract-card .intel-track i{background:var(--yellow)}
.intel-card.high,.intel-card.elevated,.intel-card.critical,.intel-card.complete{
  border-top-width:2px;
}
.intel-card.critical{box-shadow:3px 3px 0 #300b10,0 0 12px rgba(255,91,98,.08)}
.intel-card.complete{box-shadow:3px 3px 0 #1d4020}

/* MODE / run state strip */
.run-mode-bar{
  display:grid;
  grid-template-columns:auto minmax(90px,1fr) auto minmax(90px,1fr) auto minmax(70px,1fr) auto minmax(55px,1fr) auto;
  gap:7px;
  align-items:center;
  margin:0 0 10px;
  padding:7px;
  border:1px solid #304238;
  background:#090f0b;
  box-shadow:4px 4px 0 #020302;
}
.run-mode-bar>span{
  padding:7px 8px;
  border:1px solid #26372d;
  background:#0e1711;
  color:var(--muted);
  font-size:4px;
  letter-spacing:.5px;
}
.run-mode-bar>strong,.run-mode-bar>b{
  min-width:0;
  padding:7px 8px;
  border:1px solid #304238;
  background:#101a13;
  color:var(--yellow);
  font-size:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.run-mode-bar>b{color:var(--ink)}
.run-mode-bar .run-pause-btn{
  min-width:74px;
  min-height:30px;
  border:1px solid var(--green);
  background:#122017;
  box-shadow:2px 2px 0 #27432e;
}

/* Centered full-result Game Over / Survival Complete */
#message.message{
  z-index:30;
  padding:18px;
  background:rgba(3,6,4,.88);
  backdrop-filter:blur(3px);
}
#message .message-card{
  width:min(900px,96%);
  max-height:calc(100% - 10px);
  overflow:auto;
  padding:18px;
  border:2px solid #3b5143;
  background:linear-gradient(180deg,rgba(13,21,15,.98),rgba(7,12,9,.98));
  box-shadow:8px 8px 0 #020302,0 0 35px rgba(121,227,91,.08);
  scrollbar-width:thin;
}
#message .message-card h2{
  margin:0 0 8px;
  color:var(--green);
  font-size:18px;
  letter-spacing:1px;
}
#message .message-card .result-copy{
  margin:0 0 12px;
  text-align:center;
  color:var(--muted);
  font-size:6px;
  line-height:1.7;
}
#message .message-card .stats-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  margin:0;
}
#message .message-card .stats-grid span{
  min-height:47px;
  padding:7px;
  border:1px solid #26372d;
  background:#0d150f;
  font-size:4px;
  color:var(--muted);
}
#message .message-card .stats-grid strong{
  display:block;
  margin-top:6px;
  color:var(--ink);
  font-size:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#message .message-card .record{
  display:block;
  margin:11px 0 0;
  color:var(--yellow);
  font-size:7px;
  text-align:center;
}
#message .message-card #start{
  display:block;
  margin:14px auto 0;
  min-width:190px;
}
#runStats{display:none!important}
#missions{display:none!important}

@media(max-width:900px){
  .run-intel{grid-template-columns:repeat(4,minmax(0,1fr))}
  .run-mode-bar{grid-template-columns:repeat(5,minmax(0,1fr))}
  .run-mode-bar>span,.run-mode-bar>strong,.run-mode-bar>b{font-size:4px}
  .run-mode-bar .run-pause-btn{grid-column:5}
}
@media(max-width:700px){
  .run-intel{grid-template-columns:1fr 1fr}
  .run-intel::before{font-size:4px}
  .intel-card{min-height:54px;padding:8px}
  .run-mode-bar{
    grid-template-columns:1fr 1fr;
    gap:5px;
  }
  .run-mode-bar>span,.run-mode-bar>strong,.run-mode-bar>b{min-height:29px;display:flex;align-items:center}
  .run-mode-bar .run-pause-btn{grid-column:auto;min-width:0}
  #message.message{padding:9px}
  #message .message-card{width:100%;padding:12px}
  #message .message-card h2{font-size:12px}
  #message .message-card .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  #message .message-card .stats-grid span{min-height:40px;padding:6px}
  #message .message-card .stats-grid strong{font-size:5px}
}
@media(max-width:420px){
  .run-intel{gap:5px}
  .intel-card{min-height:49px;padding:6px}
  .intel-top strong{font-size:5px}
  .intel-track{height:4px;margin-top:6px}
  .run-mode-bar{margin-bottom:7px}
  #message .message-card{max-height:96%;padding:9px}
  #message .message-card h2{font-size:9px}
  #message .message-card .result-copy{font-size:4px}
  #message .message-card .stats-grid{gap:4px}
  #message .message-card .stats-grid span{min-height:34px;font-size:3px}
  #message .message-card .stats-grid strong{font-size:4px;margin-top:4px}
  #message .message-card #start{min-width:150px;padding:11px 13px;font-size:7px}
}


/* GAME OVER RESULT // single compact box, no scrolling */
#message.message{
  overflow:hidden;
  padding:12px;
}
#message .message-card{
  width:min(860px,94%);
  max-height:none;
  overflow:hidden;
  padding:14px;
}
#message .message-card h2{
  margin:0 0 6px;
  font-size:16px;
}
#message .message-card .result-copy{
  margin:0 0 8px;
  font-size:5px;
  line-height:1.5;
}
#message .message-card .stats-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px;
}
#message .message-card .stats-grid span{
  min-height:38px;
  padding:5px;
  font-size:3.5px;
  line-height:1.35;
}
#message .message-card .stats-grid strong{
  margin-top:4px;
  font-size:5px;
}
#message .message-card .record{
  margin:7px 0 0;
  font-size:5px;
}
#message .message-card #start{
  margin:9px auto 0;
  min-height:36px;
  padding:9px 13px;
  font-size:6px;
}
@media(max-width:700px){
  #message.message{padding:7px}
  #message .message-card{
    width:96%;
    padding:9px;
  }
  #message .message-card h2{font-size:11px;margin-bottom:4px}
  #message .message-card .result-copy{font-size:4px;margin-bottom:6px}
  #message .message-card .stats-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:3px;
  }
  #message .message-card .stats-grid span{
    min-height:31px;
    padding:4px;
    font-size:3px;
  }
  #message .message-card .stats-grid strong{
    font-size:4px;
    margin-top:3px;
  }
  #message .message-card .record{font-size:4px;margin-top:5px}
  #message .message-card #start{
    margin-top:7px;
    min-height:32px;
    padding:7px 10px;
    font-size:5px;
  }
}
@media(max-width:420px){
  #message .message-card{
    width:98%;
    padding:7px;
  }
  #message .message-card h2{font-size:8px}
  #message .message-card .result-copy{font-size:3.5px}
  #message .message-card .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
  #message .message-card .stats-grid span{min-height:28px;padding:3px;font-size:2.7px}
  #message .message-card .stats-grid strong{font-size:3.5px;margin-top:2px}
  #message .message-card #start{min-height:29px;font-size:4.5px;margin-top:5px}
}


/* GAME OVER RESULT // readability pass */
#message .message-card{
  width:min(900px,95%);
  padding:18px;
}
#message .message-card h2{font-size:19px;margin-bottom:8px}
#message .message-card .result-copy{font-size:6px;line-height:1.7;margin-bottom:12px}
#message .message-card .stats-grid{gap:6px}
#message .message-card .stats-grid span{
  min-height:48px;
  padding:8px;
  font-size:4.5px;
  line-height:1.45;
}
#message .message-card .stats-grid strong{
  margin-top:6px;
  font-size:6.5px;
}
#message .message-card .record{font-size:7px;margin-top:10px}
#message .message-card #start{
  min-height:40px;
  padding:11px 16px;
  font-size:7px;
  margin-top:12px;
}
@media(max-width:700px){
  #message .message-card{width:97%;padding:12px}
  #message .message-card h2{font-size:14px}
  #message .message-card .result-copy{font-size:5px;line-height:1.6;margin-bottom:8px}
  #message .message-card .stats-grid{gap:4px}
  #message .message-card .stats-grid span{
    min-height:38px;
    padding:6px;
    font-size:3.7px;
  }
  #message .message-card .stats-grid strong{font-size:5.2px;margin-top:4px}
  #message .message-card .record{font-size:5px}
  #message .message-card #start{min-height:36px;font-size:6px}
}
@media(max-width:420px){
  #message .message-card{width:98%;padding:9px}
  #message .message-card h2{font-size:11px}
  #message .message-card .result-copy{font-size:4px}
  #message .message-card .stats-grid{gap:3px}
  #message .message-card .stats-grid span{min-height:34px;padding:5px;font-size:3.2px}
  #message .message-card .stats-grid strong{font-size:4.5px;margin-top:3px}
  #message .message-card #start{min-height:33px;font-size:5px}
}


/* FINAL PRESENTATION PASS // game-over + landing */
#message.message{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
#message .message-card{
  position:relative;
  width:min(900px,92vw);
  padding:24px 26px 22px;
  text-align:center;
  border:1px solid #4b6653;
  border-top:3px solid var(--green);
  background:
    linear-gradient(180deg,rgba(15,25,17,.99),rgba(6,11,8,.99));
  box-shadow:10px 10px 0 #020302,0 0 55px rgba(121,227,91,.10);
}
#message .message-card h2{
  margin:0;
  padding:0 0 10px;
  font-size:22px;
  letter-spacing:2px;
  text-align:center;
  border-bottom:1px solid #26392b;
}
#message .message-card .result-copy{
  margin:12px auto 18px;
  padding:8px 12px;
  width:max-content;
  max-width:100%;
  border:1px solid #26392b;
  background:#09110c;
  color:#a9bca9;
  font-size:6px;
  letter-spacing:.5px;
}
#message .message-card .stats-grid{
  gap:7px;
  text-align:left;
}
#message .message-card .stats-grid span{
  min-height:52px;
  padding:9px;
  border-color:#2d4132;
  background:linear-gradient(145deg,#101a13,#0b120d);
}
#message .message-card .stats-grid strong{font-size:7px}
#message .message-card .record{
  margin:14px 0 0;
  padding:8px;
  border:1px solid #665b28;
  background:#181708;
  letter-spacing:1px;
}
#message .message-card #start{
  margin:18px auto 0;
  min-width:210px;
}

/* LANDING // stronger hierarchy before entering the run */
.boot-menu{
  background:
    radial-gradient(circle at 50% 42%,rgba(121,227,91,.055),transparent 35%),
    linear-gradient(180deg,#050806 0%,#080d09 55%,#050806 100%);
}
.boot-card{
  position:relative;
  border:1px solid #344b39;
  box-shadow:12px 12px 0 #020302,0 0 70px rgba(121,227,91,.06);
  overflow:hidden;
}
.boot-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(121,227,91,.025) 50%,transparent 100%);
}
.boot-topline{
  position:relative;
  z-index:1;
  padding-bottom:12px;
  border-bottom:1px solid #26382b;
}
.boot-hero{
  position:relative;
  z-index:1;
  padding:20px 18px 18px;
  border:1px solid #2c4031;
  background:linear-gradient(145deg,#0d1710,#080e0a);
  box-shadow:inset 0 0 30px rgba(0,0,0,.28);
}
.boot-title{
  margin:10px 0 8px!important;
  letter-spacing:2px!important;
  line-height:1.25!important;
}
.boot-title b{display:block}
.boot-tagline{
  max-width:520px;
  margin:0 auto 14px!important;
  line-height:2!important;
}
.boot-pills{
  justify-content:center!important;
  margin-bottom:18px!important;
  gap:6px!important;
}
.boot-pills span{
  border-color:#35503a!important;
  background:#0b140e!important;
}
.boot-actions{
  display:grid!important;
  grid-template-columns:1.5fr 1fr 1fr!important;
  gap:7px!important;
  margin-top:8px!important;
}
.boot-actions #bootStart{
  grid-column:1 / -1;
  min-height:48px;
  border-color:var(--green)!important;
  background:linear-gradient(180deg,#19301d,#0e1c12)!important;
  box-shadow:4px 4px 0 #29442e,0 0 20px rgba(121,227,91,.08);
  font-size:8px!important;
  letter-spacing:1px;
}
.boot-actions .secondary{
  min-height:38px;
}
.boot-brief{
  position:relative;
  z-index:1;
  border-color:#2c4031!important;
  background:linear-gradient(145deg,#0b120d,#070c09)!important;
}
.brief-heading{
  padding-bottom:10px!important;
  margin-bottom:2px!important;
}
.brief-item{
  padding:10px 0!important;
  border-color:#1d2d21!important;
}
.brief-controls{
  margin-top:8px!important;
  padding-top:10px!important;
  border-top:1px solid #1d2d21;
}
.boot-panels{
  position:relative;
  z-index:2;
}
@media(max-width:700px){
  #message.message{padding:10px}
  #message .message-card{width:98%;padding:15px}
  #message .message-card h2{font-size:15px}
  #message .message-card .result-copy{font-size:5px;margin:9px auto 12px}
  #message .message-card .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  #message .message-card .stats-grid span{min-height:42px;padding:6px}
  #message .message-card .stats-grid strong{font-size:5.5px}
  .boot-hero{padding:14px 10px}
  .boot-actions{grid-template-columns:1fr 1fr!important}
  .boot-actions #bootStart{grid-column:1/-1}
}
@media(max-width:420px){
  #message .message-card{padding:11px}
  #message .message-card h2{font-size:11px}
  #message .message-card .result-copy{font-size:4px}
  #message .message-card .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #message .message-card .stats-grid span{min-height:35px;padding:5px;font-size:3px}
  #message .message-card .stats-grid strong{font-size:4.2px}
  .boot-actions{grid-template-columns:1fr!important}
  .boot-actions #bootStart{min-height:44px}
}


/* LANDING START // centered white label */
#bootStart{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#ffffff!important;
}
#bootStart span{
  color:#ffffff!important;
}

/* FINAL UX PASS // snake identity, start spacing, scrolling, readable progression, no-select */
.boot-emblem{
  display:grid;
  place-items:center;
  overflow:hidden;
}
.boot-emblem img{
  display:block;
  width:100%;
  height:100%;
  image-rendering:pixelated;
  object-fit:cover;
}
.boot-emblem span{display:none!important}
.boot-action.boot-primary{
  justify-content:center!important;
  gap:16px!important;
}
.boot-action.boot-primary span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:2px;
}

/* Landing panels stay scrollable without trapping the page. */
body.boot-open{overflow:auto!important}
.boot-menu{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-items:start!important;
  padding:20px!important;
}
.boot-card{
  margin:0 auto;
}
.boot-panel{
  scroll-margin-top:18px;
}

/* Progression / achievements / leaderboard readability */
.progression-panel .progression-head b{font-size:9px!important}
.progression-panel .progression-head small{font-size:5px!important}
.progression-panel .progression-head>strong{font-size:7px!important}
.progression-subhead,
.progression-subhead b{font-size:7px!important}
.progression-subhead span{font-size:5px!important}
.evolution-build-head span{font-size:6px!important}
.evolution-build-head strong{font-size:11px!important}
.evolution-build-head>b{font-size:6px!important}
.evolution-build>small{font-size:5px!important;line-height:1.9!important}
.upgrade-item b{font-size:7px!important}
.upgrade-item span{font-size:5px!important;line-height:1.8!important}
.upgrade-item strong{font-size:6px!important}
.evolution-card-top b{font-size:5px!important}
.evolution-card-top strong{font-size:7px!important}
.evolution-card h4{font-size:7px!important}
.evolution-card p{font-size:5px!important;line-height:1.9!important}
.evolution-card small{font-size:5px!important}
.achievement-item b{font-size:6px!important}
.achievement-item span{font-size:5px!important;line-height:1.8!important}
.leaderboard-columns h4{font-size:7px!important}
.leader-row b{font-size:6px!important}
.leader-row strong{font-size:8px!important}
.leader-row span,.leader-row small{font-size:5px!important}
.leader-empty{font-size:5px!important}
@media(max-width:700px){
  .progression-panel .progression-head b{font-size:7px!important}
  .progression-panel .progression-head small{font-size:4.5px!important}
  .progression-panel .progression-head>strong{font-size:6px!important}
  .progression-subhead,.progression-subhead b{font-size:6px!important}
  .evolution-build-head strong{font-size:9px!important}
  .upgrade-item b{font-size:6px!important}
  .upgrade-item span{font-size:4.5px!important}
  .evolution-card h4{font-size:6px!important}
  .evolution-card p,.evolution-card small{font-size:4.5px!important}
  .achievement-item b{font-size:5.5px!important}
  .achievement-item span{font-size:4.5px!important}
  .leader-row strong{font-size:7px!important}
  .leader-row span,.leader-row small{font-size:4.5px!important}
}
@media(max-width:420px){
  .progression-panel .progression-head b{font-size:6px!important}
  .progression-panel .progression-head small{font-size:4px!important}
  .progression-subhead,.progression-subhead b{font-size:5.5px!important}
  .upgrade-item b{font-size:5.5px!important}
  .upgrade-item span{font-size:4px!important}
  .evolution-card h4{font-size:5.5px!important}
  .evolution-card p,.evolution-card small{font-size:4px!important}
  .achievement-item b{font-size:5px!important}
  .achievement-item span{font-size:4px!important}
}

/* Harden against ordinary text copying/drag selection in the page. */
html,body,#app,#bootMenu,button,canvas{
  -webkit-user-select:none!important;
  -moz-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}
img,svg,canvas{
  -webkit-user-drag:none!important;
  user-drag:none!important;
}

/* MOBILE UPDATE // touch-first gameplay + compact phone layout */
@media (max-width:700px){
  html,body{width:100%;min-height:100%;overflow-x:hidden}
  body{padding:5px;display:block}
  #app{width:100%;max-width:100%;margin:0 auto}
  #app>header{position:relative;padding:8px;margin-bottom:6px;gap:6px}
  #app>header h1{font-size:12px;line-height:1.35}
  #app>header .stats{max-width:175px;gap:4px}
  #app>header .stats span{padding:5px;font-size:3.5px}
  #app>header .stats strong{font-size:7px;margin-top:4px}
  .life-module,.xp-module,.mutation-module,.condition-module{min-height:46px;padding:6px}
  .run-intel{gap:5px;margin-bottom:6px}
  .intel-card{min-height:45px;padding:6px}
  .run-mode-bar{margin-bottom:6px;padding:5px;gap:5px}
  .ability-bar{gap:5px;margin-top:6px}
  .ability{min-height:48px;padding:7px 6px;font-size:5px;touch-action:manipulation}
  .ability span{font-size:3.5px;margin-top:4px}
  .game-shell{
    width:100%;
    aspect-ratio:1/1;
    touch-action:none;
    -webkit-user-select:none;
    user-select:none;
  }
  .game-shell canvas{touch-action:none}
  footer .controls{display:none!important}
  footer .legend .desktop-commands{display:none}
  footer .legend{margin-top:7px;font-size:4px;gap:5px;line-height:1.8}
  .message{padding:8px}
  #message .message-card{width:100%;max-width:100%;padding:12px}
  #message .message-card #start{width:100%;min-height:44px;margin-top:12px}
}
@media (max-width:420px){
  body{padding:3px}
  #app>header{padding:6px}
  #app>header h1{font-size:10px}
  #app>header .stats{max-width:145px}
  #app>header .stats span{font-size:3px;padding:4px}
  #app>header .stats strong{font-size:6px}
  .run-intel{grid-template-columns:1fr 1fr}
  .game-shell{border-width:2px}
  .ability{min-height:45px}
}
@media (pointer:coarse){
  .game-shell{touch-action:none}
  .controls{display:none!important}
  button{touch-action:manipulation}
}


/* MOBILE FINAL // phone-first layout hardening */
@media (max-width:700px){
  html{
    width:100%;
    min-height:100%;
    background:#080b09;
    overscroll-behavior:none;
  }
  body{
    width:100%;
    min-height:100dvh;
    padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));
    display:block;
    overflow-x:hidden;
    overscroll-behavior-y:none;
  }
  #app{width:100%;max-width:100%;overflow:hidden}
  #app>header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:6px;
    padding:7px 6px;
  }
  #app>header .eyebrow{font-size:4px;white-space:nowrap}
  #app>header h1{font-size:10px;line-height:1.2;margin:5px 0 0}
  #app>header .subhud{font-size:3.5px;gap:5px;margin-top:5px}
  #app>header .stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(48px,1fr));
    gap:3px;
    max-width:118px;
    margin:0;
  }
  #app>header .stats span{
    padding:4px 3px;
    font-size:3px;
    text-align:center;
    border:1px solid #26372d;
    background:#0a100c;
  }
  #app>header .stats strong{font-size:6px;margin-top:3px}
  .life-module{min-width:0;padding:5px;border-right:1px solid #26372d}
  .life-module strong{font-size:9px;letter-spacing:0;margin-top:5px}
  .life-module small{font-size:3px}
  .xp-module{padding:2px}
  .xp-row{gap:4px}
  .xp-row span{font-size:3px}
  .xp-row strong,.xp-row b{font-size:3.5px}
  .xp-track{height:6px;margin-top:4px}
  .mutation-module,.condition-module{display:none}
  .run-intel{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px;
    margin-bottom:5px;
  }
  .run-intel::before{font-size:3.5px}
  .intel-card{min-height:39px;padding:5px}
  .intel-top{grid-template-columns:1fr auto;gap:3px;font-size:3.5px}
  .intel-top strong{font-size:4.5px}
  .intel-top b{grid-column:1/-1;font-size:3px}
  .intel-track{height:4px;margin-top:4px}
  .run-mode-bar{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:3px;
    padding:4px;
    margin-bottom:5px;
  }
  .run-mode-bar>span,.run-mode-bar>strong,.run-mode-bar>b{
    min-height:25px;
    padding:5px;
    font-size:3px;
  }
  .run-mode-bar .run-pause-btn{
    min-height:30px;
    font-size:4px;
  }
  .game-shell{
    width:100%;
    aspect-ratio:1/1;
    border-width:2px;
    box-shadow:4px 4px 0 #030403;
    touch-action:none!important;
    overscroll-behavior:none;
  }
  .game-shell canvas{
    width:100%;
    height:100%;
    touch-action:none!important;
  }
  .boss-hud{right:5px;top:5px;padding:5px 6px;font-size:4px}
  .event-banner{top:5%;max-width:92%;padding:7px 8px;font-size:4px;white-space:normal;text-align:center}
  .toast{top:8%;max-width:88%;padding:6px 7px;font-size:4px;white-space:normal;text-align:center}
  .ability-bar{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    margin-top:5px;
  }
  .ability{
    min-height:43px;
    padding:6px 4px;
    font-size:4px;
    text-align:center;
    box-shadow:2px 2px 0 #355d2e;
  }
  .ability span{font-size:3px;margin-top:4px}
  .ability i{height:3px}
  footer{
    display:block;
    margin-top:5px;
  }
  footer .controls{display:none!important}
  footer .legend{
    display:flex;
    justify-content:center;
    gap:4px;
    max-width:none;
    margin-top:5px;
    font-size:3px;
    line-height:1.7;
  }
  footer .legend span:not(.desktop-commands){display:none}
  footer .legend:after{
    content:"SWIPE ARENA  ·  TAP ABILITIES  ·  P / ESC PAUSE";
    color:var(--muted);
  }
  #message.message{padding:6px}
  #message .message-card{
    width:98%;
    padding:10px;
    box-shadow:4px 4px 0 #020302;
  }
  #message .message-card:before{font-size:3.5px;margin-bottom:6px}
  #message .message-card h2{font-size:10px;padding-bottom:6px}
  #message .message-card .result-copy{font-size:3.5px;padding:5px 7px;margin:7px auto}
  #message .message-card .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
  #message .message-card .stats-grid span{min-height:31px;padding:4px;font-size:2.8px}
  #message .message-card .stats-grid strong{font-size:4px;margin-top:3px}
  #message .message-card .record{font-size:3.5px;margin-top:6px;padding:5px}
  #message .message-card #start{width:100%;min-width:0;min-height:38px;margin-top:7px;font-size:5px}
  .save-stats,.missions,.progression-panel,.leaderboard-columns{font-size:3.5px}
}
@media (max-width:420px){
  #app>header h1{font-size:9px}
  #app>header .stats{max-width:104px}
  #app>header .stats span{font-size:2.7px}
  #app>header .stats strong{font-size:5px}
  .life-module strong{font-size:8px}
  .run-intel{gap:3px}
  .intel-card{min-height:36px;padding:4px}
  .intel-top{font-size:3px}
  .intel-top strong{font-size:4px}
  .run-mode-bar>span,.run-mode-bar>strong,.run-mode-bar>b{min-height:23px;font-size:2.7px}
  .run-mode-bar .run-pause-btn{font-size:3.5px}
  .ability{min-height:40px;font-size:3.5px;padding:5px 3px}
  .ability span{font-size:2.7px}
}
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
  body{padding:3px}
  #app>header{grid-template-columns:1fr auto;padding:4px;margin-bottom:3px}
  #app>header h1{font-size:8px}
  .run-intel{display:none}
  .run-mode-bar{margin-bottom:3px}
  .game-shell{aspect-ratio:16/9;max-height:calc(100dvh - 82px)}
  .ability-bar{grid-template-columns:repeat(4,1fr);margin-top:3px}
  .ability{min-height:34px;padding:4px;font-size:3px}
  .ability span{display:none}
  footer{display:none}
}
@media (pointer:coarse){
  *{-webkit-tap-highlight-color:transparent}
  body{overscroll-behavior:none}
  button{min-height:40px}
  .game-shell,.game-shell canvas{touch-action:none!important}
}


/* PHONE READABILITY + TOUCH CONTROL PASS */
@media (max-width:700px){
  body{font-size:12px}
  #app>header .eyebrow{font-size:7px}
  #app>header h1{font-size:16px;line-height:1.35}
  #app>header .subhud{font-size:6px;line-height:1.6}
  #app>header .stats{max-width:170px;gap:5px}
  #app>header .stats span{font-size:5px;padding:6px 4px;line-height:1.5}
  #app>header .stats strong{font-size:9px}
  .life-module{padding:7px}
  .life-module strong{font-size:11px}
  .life-module small{font-size:5px}
  .xp-row span{font-size:5px}
  .xp-row strong,.xp-row b{font-size:6px}
  .xp-track{height:8px}
  .run-intel{gap:6px}
  .run-intel::before{font-size:5px}
  .intel-card{min-height:48px;padding:7px}
  .intel-top{font-size:5px}
  .intel-top strong{font-size:7px}
  .intel-top b{font-size:4.5px}
  .run-mode-bar{gap:5px;padding:6px}
  .run-mode-bar>span,.run-mode-bar>strong,.run-mode-bar>b{min-height:34px;padding:7px;font-size:5px;line-height:1.5}
  .run-mode-bar .run-pause-btn{min-height:40px;font-size:6px}
  .game-shell{
    min-height:0;
    border-width:3px;
    touch-action:none!important;
    -webkit-touch-callout:none;
  }
  .boss-hud{font-size:6px;padding:7px 8px}
  .event-banner{font-size:6px;padding:9px 10px;line-height:1.6}
  .toast{font-size:6px;padding:8px 9px;line-height:1.5}
  .ability-bar{gap:6px}
  .ability{
    min-height:56px;
    padding:9px 5px;
    font-size:6px;
    line-height:1.5;
    touch-action:manipulation;
  }
  .ability span{font-size:4.5px;margin-top:5px;line-height:1.5}
  .ability i{height:4px}
  footer .legend:after{font-size:5px;line-height:1.7}
  #message .message-card{padding:18px 14px}
  #message .message-card:before{font-size:5px}
  #message .message-card h2{font-size:16px}
  #message .message-card .result-copy{font-size:5px;line-height:1.7}
  #message .message-card .stats-grid span{font-size:4px;line-height:1.6}
  #message .message-card .stats-grid strong{font-size:6px}
  #message .message-card .record{font-size:5px;line-height:1.6}
  #message .message-card #start{min-height:48px;font-size:7px}
  .missions,.progression-panel,.leaderboard-columns{font-size:5px;line-height:1.7}
}
@media (max-width:420px){
  #app>header h1{font-size:14px}
  #app>header .stats{max-width:145px}
  #app>header .stats span{font-size:4px}
  #app>header .stats strong{font-size:8px}
  .life-module strong{font-size:10px}
  .run-intel::before{font-size:4.5px}
  .intel-card{min-height:44px}
  .intel-top{font-size:4.5px}
  .intel-top strong{font-size:6px}
  .run-mode-bar>span,.run-mode-bar>strong,.run-mode-bar>b{font-size:4.5px}
  .ability{min-height:54px;font-size:5.5px}
  .ability span{font-size:4px}
}


/* FINAL PHONE TYPE SCALE */
@media (max-width:700px) and (pointer:coarse){
  #app>header .eyebrow{font-size:8px!important}
  #app>header h1{font-size:17px!important}
  #app>header .subhud{font-size:7px!important}
  #app>header .stats span{font-size:6px!important}
  #app>header .stats strong{font-size:10px!important}
  .run-intel::before{font-size:6px!important}
  .intel-card{font-size:7px!important}
  .intel-top{font-size:6px!important}
  .intel-top strong{font-size:8px!important}
  .intel-top b{font-size:5px!important}
  .run-mode-bar>span,.run-mode-bar>strong,.run-mode-bar>b{font-size:6px!important}
  .run-mode-bar .run-pause-btn{font-size:7px!important}
  .ability{font-size:7px!important;min-height:58px!important}
  .ability span{font-size:5px!important}
  .event-banner,.toast,.boss-hud{font-size:7px!important}
  footer .legend:after{font-size:6px!important}
  #message .message-card h2{font-size:18px!important}
  #message .message-card .result-copy{font-size:6px!important}
  #message .message-card .stats-grid span{font-size:5px!important}
  #message .message-card .stats-grid strong{font-size:7px!important}
  #message .message-card .record{font-size:6px!important}
  #message .message-card #start{font-size:8px!important;min-height:52px!important}
  .boot-menu,.boot-panel,.progression-panel,.achievement-list,.leaderboard-columns{font-size:6px}
  button{font-size:inherit}
}


/* EDGE AWARENESS // readable, non-blocking warning before wall collisions */
.edge-warning{position:absolute;left:12px;top:12px;z-index:4;max-width:calc(100% - 150px);padding:8px 10px;border:2px solid #ffd85c;background:#171207ed;color:#ffe69a;font-size:6px;line-height:1.7;letter-spacing:.04em;pointer-events:none;opacity:0;transform:translateY(-3px);transition:opacity .12s,transform .12s}
.edge-warning.show{opacity:1;transform:translateY(0)}
.edge-warning.critical{border-color:#ff5b62;background:#21090ded;color:#ff9da2;box-shadow:0 0 14px #ff315c55}
.edge-warning[hidden]{display:none}
@media(max-width:700px){.edge-warning{left:6px;top:6px;max-width:calc(100% - 110px);padding:6px;font-size:5px}}
@media(prefers-reduced-motion:reduce){.edge-warning{transition:none}}

/* ANDROID GAME INPUT HARDENING */
.game-shell,#game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.game-shell>.event-banner,.game-shell>.floaters,.game-shell>.toast,.game-shell>.boss-hud{pointer-events:none}
@media (max-width:700px) and (pointer:coarse){
  .game-shell{width:100%;aspect-ratio:16/10;min-height:0}
  #game{width:100%;height:100%;display:block}
  .ability-bar{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:7px}
  .ability{min-width:0!important;padding:10px 4px!important}
  .ability b{font-size:8px!important}
  .ability span{font-size:5px!important}
}


/* GAMEPLAY HUD V3 // replace cramped top area with a modular arcade command deck */
.run-hud-v3{
  display:grid;
  gap:10px;
  margin:0 0 10px;
}
.run-command-bar{
  display:grid;
  grid-template-columns:minmax(250px,1.55fr) minmax(130px,.78fr) minmax(175px,1fr) minmax(125px,.72fr) auto;
  gap:8px;
  align-items:stretch;
  padding:9px;
  border:1px solid #334c3a;
  background:
    radial-gradient(circle at 0 0,rgba(121,227,91,.07),transparent 38%),
    linear-gradient(135deg,#0b130e,#070b08 68%,#0a100c);
  box-shadow:0 8px 24px #0006;
}
.run-identity{
  min-width:0;
  padding:9px 11px 8px;
  border:1px solid #243a2b;
  background:linear-gradient(145deg,#101a13,#08100b);
}
.run-eyebrow{
  display:block;
  margin-bottom:7px;
  color:#7c9b81;
  font-size:5px;
  line-height:1.4;
  letter-spacing:1.2px;
}
.run-identity h1{
  margin:0;
  font-size:clamp(18px,2.4vw,25px);
  line-height:1.12;
  letter-spacing:1px;
}
.run-identity h1 b{
  color:var(--green);
  text-shadow:0 0 16px rgba(121,227,91,.16);
}
.run-identity .subhud{
  display:flex;
  gap:11px;
  margin-top:8px;
  font-size:5px;
  color:#758a78;
}
.run-identity .subhud strong{
  margin-left:4px;
  color:#d9f1d5;
}
.run-stat-tile{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 11px;
  border:1px solid #273e2e;
  background:linear-gradient(155deg,#0d1710,#080e0a);
  box-shadow:inset 0 0 18px rgba(121,227,91,.025);
}
.run-stat-tile>span{
  color:#75917a;
  font-size:5px;
  letter-spacing:1px;
}
.run-stat-tile>strong{
  display:block;
  margin-top:6px;
  color:#eaf8e6;
  font-size:16px;
  line-height:1;
  font-variant-numeric:tabular-nums;
  letter-spacing:1px;
}
.run-stat-tile>small{
  display:block;
  margin-top:6px;
  color:#5e7763;
  font-size:4px;
  line-height:1.5;
}
.run-stat-tile>small b{
  color:var(--yellow);
  font-size:5px;
}
.score-tile{
  border-color:#35583b;
}
.score-tile>strong{
  color:var(--green-soft);
  font-size:20px;
  text-shadow:0 0 18px rgba(121,227,91,.14);
}
.time-tile{
  border-color:#5b4728;
  background:linear-gradient(155deg,#151008,#0b0c09);
}
.time-tile>strong{
  color:#ffd974;
  font-size:22px;
}
.time-tile>small{
  color:#8d7040;
}
.best-tile>strong{
  color:#d9f2df;
}
.run-command-bar .run-pause-btn{
  align-self:center;
  min-width:92px;
  min-height:50px;
  padding:9px 11px;
  border:1px solid #385740;
  background:linear-gradient(180deg,#132218,#0b120d);
  color:#9fee86;
  font:6px "Press Start 2P",monospace;
  letter-spacing:.5px;
  box-shadow:0 4px 0 #17251a;
  transition:transform .12s ease,filter .12s ease,border-color .12s ease,background .12s ease;
}
.run-command-bar .run-pause-btn:hover:not(:disabled){
  filter:brightness(1.12);
  border-color:var(--green);
}
.run-command-bar .run-pause-btn:active:not(:disabled){
  transform:translateY(2px);
  box-shadow:0 2px 0 #17251a;
}

.run-status-v3{
  display:grid;
  grid-template-columns:minmax(135px,.8fr) minmax(240px,1.35fr) minmax(150px,.8fr) minmax(150px,.8fr);
  gap:8px;
}
.run-status-v3 .life-module,
.run-status-v3 .xp-module,
.run-status-v3 .mutation-module,
.run-status-v3 .condition-module{
  min-width:0;
  min-height:60px;
  padding:10px 11px;
  border:1px solid #263a2d;
  border-radius:3px;
  background:linear-gradient(145deg,#0d1710,#080e0a);
  box-shadow:0 3px 12px #0003;
}
.run-status-v3 .life-module{
  border-color:#4c2933;
  background:linear-gradient(145deg,#150e12,#0b0d0b);
}
.run-status-v3 .life-module span,
.run-status-v3 .xp-row span,
.run-status-v3 .mutation-module span,
.run-status-v3 .condition-module span{
  font-size:5px;
  letter-spacing:.65px;
}
.run-status-v3 .life-module strong{
  margin-top:7px;
  font-size:14px;
  letter-spacing:2px;
}
.run-status-v3 .life-module small{
  margin-top:6px;
  font-size:4px;
}
.run-status-v3 .xp-module{
  padding:10px 11px;
}
.run-status-v3 .xp-row{
  grid-template-columns:auto auto 1fr;
  gap:7px;
  align-items:center;
}
.run-status-v3 .xp-row strong{
  font-size:6px;
}
.run-status-v3 .xp-row b{
  font-size:5px;
}
.run-status-v3 .xp-track{
  height:8px;
  margin-top:9px;
  border-radius:5px;
  border:1px solid #2e4435;
  background:#101912;
}
.run-status-v3 .mutation-module,
.run-status-v3 .condition-module{
  text-align:left;
  border-left:1px solid #263a2d;
}
.run-status-v3 .mutation-module strong,
.run-status-v3 .condition-module strong{
  margin-top:7px;
  font-size:6px;
  line-height:1.5;
  white-space:normal;
}
.run-status-v3 .mutation-module small,
.run-status-v3 .condition-module small{
  margin-top:4px;
  font-size:4px;
  line-height:1.5;
}

.run-intel-v3{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0;
  padding:9px;
  border:1px solid #2a4030;
  background:linear-gradient(180deg,#080f0a,#060b08);
  box-shadow:0 5px 18px #0004;
}
.run-intel-v3 .intel-card{
  min-width:0;
  min-height:56px;
  padding:9px 10px;
  border:1px solid #263b2d;
  border-radius:3px;
  background:linear-gradient(145deg,#0e1811,#080e0a);
  box-shadow:none;
}
.run-intel-v3 .intel-primary-card{
  min-height:60px;
}
.run-intel-v3 .intel-secondary-card{
  min-height:45px;
  padding:7px 9px;
  background:linear-gradient(145deg,#0a130d,#070c09);
  border-color:#1f3326;
}
.run-intel-v3 .intel-card:nth-child(5){
  grid-column:1;
}
.run-intel-v3 .intel-card:nth-child(n+5){
  opacity:.96;
}
.run-intel-v3 .intel-top{
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:7px;
}
.run-intel-v3 .intel-top span{
  font-size:5px;
  letter-spacing:.35px;
}
.run-intel-v3 .intel-top strong{
  min-width:0;
  font-size:6px;
  overflow-wrap:anywhere;
}
.run-intel-v3 .intel-top b{
  font-size:4.5px;
}
.run-intel-v3 .intel-secondary-card .intel-top strong{
  font-size:5.5px;
}
.run-intel-v3 .intel-track{
  height:6px;
  margin-top:8px;
  border:0;
  border-radius:5px;
  background:#18241b;
}
.run-intel-v3 .intel-secondary-card .intel-track{
  height:5px;
  margin-top:6px;
}
.run-intel-v3 .contract-actions{
  gap:5px;
  margin-top:7px;
}
.run-intel-v3 .contract-actions button{
  min-height:27px;
  padding:6px 7px;
  border-width:1px;
  font-size:4.5px;
}

.run-mode-v3{
  display:flex!important;
  flex-wrap:nowrap;
  gap:7px;
  align-items:center;
  margin:0;
  padding:7px 9px;
  border:1px solid #24382a;
  border-radius:3px;
  background:#070d09;
  box-shadow:0 3px 12px #0003;
  overflow:auto;
  scrollbar-width:none;
}
.run-mode-v3::-webkit-scrollbar{display:none}
.run-mode-v3 span,
.run-mode-v3 strong,
.run-mode-v3 b{
  flex:0 0 auto;
}
.run-mode-v3 span{
  color:#5e7763;
  font-size:4px;
  letter-spacing:.45px;
}
.run-mode-v3 strong,
.run-mode-v3 b{
  color:#c7e7c1;
  font-size:5px;
}
.run-mode-v3 strong{
  color:var(--green);
}
.run-mode-v3 b{
  color:var(--yellow);
}
.run-mode-v3 span:not(:first-child){
  margin-left:5px;
  padding-left:9px;
  border-left:1px solid #203126;
}
.run-mode-v3 .run-pause-btn{
  display:none!important;
}

.run-hud-v3 + #extractionPanel{
  margin-top:0;
}

@media(max-width:900px){
  .run-command-bar{
    grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(105px,.75fr)) minmax(105px,.65fr) auto;
  }
  .run-status-v3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .run-intel-v3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .run-hud-v3{gap:7px;margin-bottom:7px}
  .run-command-bar{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:7px;
  }
  .run-identity{
    grid-column:1/-1;
    padding:8px 9px;
  }
  .run-eyebrow{font-size:4px;margin-bottom:5px}
  .run-identity h1{font-size:17px}
  .run-identity .subhud{gap:8px;margin-top:6px;font-size:4px}
  .run-stat-tile{
    min-height:58px;
    padding:8px 9px;
  }
  .run-stat-tile>span{font-size:4px}
  .run-stat-tile>strong{font-size:13px}
  .score-tile>strong{font-size:17px}
  .time-tile>strong{font-size:18px}
  .run-stat-tile>small{font-size:3.5px}
  .run-stat-tile>small b{font-size:4px}
  .best-tile{
    grid-column:1;
  }
  .run-command-bar .run-pause-btn{
    grid-column:2;
    min-width:0;
    width:100%;
    min-height:46px;
    font-size:5px;
  }
  .run-status-v3{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .run-status-v3 .life-module,
  .run-status-v3 .xp-module,
  .run-status-v3 .mutation-module,
  .run-status-v3 .condition-module{
    min-height:56px;
    padding:9px;
  }
  .run-status-v3 .life-module strong{font-size:12px}
  .run-status-v3 .xp-row span,
  .run-status-v3 .life-module span,
  .run-status-v3 .mutation-module span,
  .run-status-v3 .condition-module span{font-size:4px}
  .run-status-v3 .xp-row strong{font-size:5px}
  .run-status-v3 .xp-row b{font-size:4px}
  .run-status-v3 .xp-track{height:7px;margin-top:7px}
  .run-status-v3 .mutation-module strong,
  .run-status-v3 .condition-module strong{font-size:5.5px}
  .run-status-v3 .mutation-module small,
  .run-status-v3 .condition-module small{font-size:3.5px}
  .run-intel-v3{
    gap:6px;
    padding:7px;
  }
  .run-intel-v3 .intel-card{
    min-height:54px;
    padding:8px;
  }
  .run-intel-v3 .intel-primary-card{min-height:56px}
  .run-intel-v3 .intel-secondary-card{
    min-height:43px;
    padding:7px;
  }
  .run-intel-v3 .intel-top{
    grid-template-columns:auto minmax(0,1fr);
    gap:5px;
  }
  .run-intel-v3 .intel-top b{
    grid-column:1/-1;
    justify-self:start;
    font-size:3.7px;
  }
  .run-intel-v3 .intel-top strong{font-size:5.5px;justify-self:end}
  .run-intel-v3 .intel-secondary-card .intel-top strong{font-size:5px}
  .run-intel-v3 .intel-track{height:5px;margin-top:6px}
  .run-intel-v3 .intel-secondary-card .intel-track{height:4px;margin-top:5px}
  .run-intel-v3 .contract-actions button{min-height:25px;font-size:4px}
  .run-mode-v3{
    gap:6px;
    padding:6px 7px;
  }
  .run-mode-v3 span{font-size:3.5px}
  .run-mode-v3 strong,.run-mode-v3 b{font-size:4.5px}
}
@media(max-width:420px){
  .run-command-bar{gap:5px;padding:6px}
  .run-identity{padding:7px 8px}
  .run-eyebrow{font-size:3.5px}
  .run-identity h1{font-size:15px}
  .run-identity .subhud{font-size:3.5px}
  .run-stat-tile{min-height:52px;padding:7px 8px}
  .run-stat-tile>span{font-size:3.5px}
  .run-stat-tile>strong{font-size:11px}
  .score-tile>strong{font-size:15px}
  .time-tile>strong{font-size:16px}
  .run-stat-tile>small{font-size:3px}
  .best-tile{grid-column:1}
  .run-command-bar .run-pause-btn{min-height:42px;font-size:4.5px}
  .run-status-v3{gap:5px}
  .run-status-v3 .life-module,
  .run-status-v3 .xp-module,
  .run-status-v3 .mutation-module,
  .run-status-v3 .condition-module{
    min-height:52px;
    padding:8px;
  }
  .run-status-v3 .life-module strong{font-size:10px;letter-spacing:1px}
  .run-status-v3 .xp-row{gap:5px}
  .run-status-v3 .xp-row strong{font-size:4px}
  .run-status-v3 .xp-row b{font-size:3.5px}
  .run-status-v3 .mutation-module strong,
  .run-status-v3 .condition-module strong{font-size:4.8px}
  .run-status-v3 .mutation-module small,
  .run-status-v3 .condition-module small{font-size:3px}
  .run-intel-v3{gap:5px;padding:6px}
  .run-intel-v3 .intel-card{min-height:50px;padding:7px}
  .run-intel-v3 .intel-primary-card{min-height:52px}
  .run-intel-v3 .intel-secondary-card{min-height:40px;padding:6px}
  .run-intel-v3 .intel-top span{font-size:3.5px}
  .run-intel-v3 .intel-top strong{font-size:5px}
  .run-intel-v3 .intel-top b{font-size:3.4px}
  .run-intel-v3 .intel-track{height:4px;margin-top:5px}
  .run-intel-v3 .contract-actions{gap:4px;margin-top:5px}
  .run-intel-v3 .contract-actions button{min-height:23px;padding:5px;font-size:3.5px}
}


/* GAMEPLAY HUD V3 // readability boost */
.run-command-bar .run-eyebrow{font-size:6.5px!important}
.run-identity h1{font-size:clamp(20px,2.7vw,28px)!important}
.run-identity .subhud{font-size:6px!important}
.run-stat-tile>span{font-size:6.5px!important}
.run-stat-tile>strong{font-size:19px!important}
.score-tile>strong{font-size:24px!important}
.time-tile>strong{font-size:26px!important}
.run-stat-tile>small{font-size:5px!important}
.run-stat-tile>small b{font-size:6px!important}
.run-command-bar .run-pause-btn{font-size:7px!important}
.run-status-v3 .life-module span,
.run-status-v3 .xp-row span,
.run-status-v3 .mutation-module span,
.run-status-v3 .condition-module span{font-size:6px!important}
.run-status-v3 .life-module strong{font-size:17px!important}
.run-status-v3 .life-module small{font-size:5px!important}
.run-status-v3 .xp-row strong{font-size:7px!important}
.run-status-v3 .xp-row b{font-size:6px!important}
.run-status-v3 .mutation-module strong,
.run-status-v3 .condition-module strong{font-size:7px!important}
.run-status-v3 .mutation-module small,
.run-status-v3 .condition-module small{font-size:5px!important}
.run-intel-v3 .intel-top span{font-size:6px!important}
.run-intel-v3 .intel-top strong{font-size:7.5px!important}
.run-intel-v3 .intel-top b{font-size:5.5px!important}
.run-intel-v3 .intel-secondary-card .intel-top strong{font-size:6.5px!important}
.run-intel-v3 .contract-actions button{font-size:5.5px!important}
.run-mode-v3 span{font-size:5px!important}
.run-mode-v3 strong,.run-mode-v3 b{font-size:6.2px!important}

@media(max-width:700px){
  .run-command-bar .run-eyebrow{font-size:5px!important}
  .run-identity h1{font-size:19px!important}
  .run-identity .subhud{font-size:5px!important}
  .run-stat-tile>span{font-size:5px!important}
  .run-stat-tile>strong{font-size:15px!important}
  .score-tile>strong{font-size:19px!important}
  .time-tile>strong{font-size:20px!important}
  .run-stat-tile>small{font-size:4px!important}
  .run-stat-tile>small b{font-size:5px!important}
  .run-command-bar .run-pause-btn{font-size:6px!important}
  .run-status-v3 .life-module span,
  .run-status-v3 .xp-row span,
  .run-status-v3 .mutation-module span,
  .run-status-v3 .condition-module span{font-size:5px!important}
  .run-status-v3 .life-module strong{font-size:14px!important}
  .run-status-v3 .life-module small{font-size:4.5px!important}
  .run-status-v3 .xp-row strong{font-size:6px!important}
  .run-status-v3 .xp-row b{font-size:5px!important}
  .run-status-v3 .mutation-module strong,
  .run-status-v3 .condition-module strong{font-size:6.5px!important}
  .run-status-v3 .mutation-module small,
  .run-status-v3 .condition-module small{font-size:4px!important}
  .run-intel-v3 .intel-top span{font-size:5px!important}
  .run-intel-v3 .intel-top strong{font-size:6.5px!important}
  .run-intel-v3 .intel-top b{font-size:4.5px!important}
  .run-intel-v3 .intel-secondary-card .intel-top strong{font-size:5.7px!important}
  .run-intel-v3 .contract-actions button{font-size:5px!important}
  .run-mode-v3 span{font-size:4px!important}
  .run-mode-v3 strong,.run-mode-v3 b{font-size:5.2px!important}
}
@media(max-width:420px){
  .run-identity h1{font-size:17px!important}
  .score-tile>strong{font-size:17px!important}
  .time-tile>strong{font-size:18px!important}
  .run-stat-tile>strong{font-size:13px!important}
  .run-status-v3 .life-module strong{font-size:12px!important}
  .run-status-v3 .xp-row strong{font-size:5.5px!important}
  .run-status-v3 .xp-row b{font-size:4.5px!important}
  .run-status-v3 .mutation-module strong,
  .run-status-v3 .condition-module strong{font-size:6px!important}
  .run-intel-v3 .intel-top span{font-size:4.5px!important}
  .run-intel-v3 .intel-top strong{font-size:5.8px!important}
  .run-intel-v3 .intel-top b{font-size:4px!important}
}


/* PAUSE + PROGRESSION // ARCADE PRESENTATION PASS */
.run-command-bar .run-pause-btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:104px!important;
  min-height:54px!important;
  border:1px solid #536b43!important;
  border-radius:4px!important;
  background:
    linear-gradient(180deg,#182a1a 0%,#0d170f 58%,#08100a 100%)!important;
  color:#d7ffcb!important;
  font-size:7px!important;
  letter-spacing:1px!important;
  box-shadow:
    0 4px 0 #162319,
    inset 0 0 18px rgba(121,227,91,.07),
    0 0 18px rgba(121,227,91,.045)!important;
  transition:transform .14s ease,filter .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
  animation:pauseIdle 2.8s ease-in-out infinite;
}
.run-command-bar .run-pause-btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(120deg,transparent 15%,rgba(179,255,155,.14) 45%,transparent 72%);
  transform:translateX(-120%);
  animation:pauseSweep 3.4s ease-in-out infinite;
}
.run-command-bar .run-pause-btn::after{
  content:"";
  position:absolute;
  left:8px;
  top:7px;
  width:4px;
  height:4px;
  background:#9cff7d;
  border-radius:50%;
  box-shadow:0 0 11px #79e35b;
  animation:pauseLed 1.8s ease-in-out infinite;
}
.run-command-bar .run-pause-btn:hover:not(:disabled){
  filter:brightness(1.16);
  border-color:#9cff7d!important;
  background:linear-gradient(180deg,#1e351f,#0e1a10 60%,#0a120c)!important;
  box-shadow:
    0 4px 0 #17261a,
    inset 0 0 22px rgba(121,227,91,.09),
    0 0 28px rgba(121,227,91,.16)!important;
  transform:translateY(-1px);
}
.run-command-bar .run-pause-btn:active:not(:disabled){
  transform:translateY(2px) scale(.985)!important;
  box-shadow:0 1px 0 #17261a,inset 0 0 14px rgba(121,227,91,.07)!important;
}
.run-command-bar .run-pause-btn.is-paused{
  border-color:#ffd85c!important;
  background:linear-gradient(180deg,#332911,#171106)!important;
  color:#ffe68e!important;
  box-shadow:0 4px 0 #2a2110,0 0 25px rgba(255,216,92,.12),inset 0 0 20px rgba(255,216,92,.06)!important;
  animation:pausePaused 1.2s ease-in-out infinite;
}
.run-command-bar .run-pause-btn.is-paused::after{
  background:#ffd85c;
  box-shadow:0 0 12px #ffd85c;
}
.pause-overlay{
  backdrop-filter:blur(3px);
  background:
    radial-gradient(circle at 50% 40%,rgba(102,199,255,.06),transparent 30%),
    linear-gradient(180deg,rgba(2,5,3,.93),rgba(3,7,5,.97))!important;
  animation:pauseOverlayIn .22s ease-out both;
}
.pause-overlay div{
  position:relative;
  width:min(470px,88%);
  padding:30px 28px 24px!important;
  border:1px solid #4f7052!important;
  border-top:3px solid #79e35b!important;
  background:
    linear-gradient(145deg,rgba(15,27,17,.98),rgba(6,12,8,.98))!important;
  box-shadow:
    12px 12px 0 #010201,
    0 0 70px rgba(121,227,91,.12),
    inset 0 0 35px rgba(121,227,91,.035)!important;
  overflow:hidden;
}
.pause-overlay div::before{
  content:"RUN CONTROL";
  display:block;
  margin:0 0 8px;
  color:#78967b;
  font-size:5px;
  letter-spacing:2px;
}
.pause-overlay div::after{
  content:"PAUSED // SYSTEM HOLD";
  position:absolute;
  top:12px;
  right:14px;
  color:#607863;
  font-size:4px;
  letter-spacing:1px;
}
.pause-overlay h2{
  margin:0 0 16px!important;
  padding-bottom:13px;
  border-bottom:1px solid #29402f;
  color:#dfffd5!important;
  text-shadow:0 0 24px rgba(121,227,91,.18);
  font-size:24px!important;
  letter-spacing:2px;
}
.pause-overlay button{
  position:relative;
  display:block;
  width:100%;
  min-height:48px;
  margin:8px 0!important;
  padding:10px 13px!important;
  border:1px solid #334d38!important;
  background:linear-gradient(180deg,#142319,#0b120d)!important;
  color:#d8ead7!important;
  font:7px "Press Start 2P",monospace!important;
  box-shadow:4px 4px 0 #142017!important;
  transition:transform .13s ease,filter .13s ease,border-color .13s ease,box-shadow .13s ease,background .13s ease!important;
}
.pause-overlay button:hover{
  filter:brightness(1.14);
  border-color:#79e35b!important;
  box-shadow:4px 4px 0 #1c3620,0 0 20px rgba(121,227,91,.12)!important;
  transform:translateX(2px);
}
.pause-overlay button:active{
  transform:translate(3px,3px)!important;
  box-shadow:1px 1px 0 #142017!important;
}
.pause-overlay #resume{
  border-color:#79e35b!important;
  background:linear-gradient(180deg,#1d3a21,#102016)!important;
  color:#baff9d!important;
}
.pause-overlay #restartPause{
  border-color:#7b5d2e!important;
  color:#ffe0a2!important;
  background:linear-gradient(180deg,#24190a,#130e07)!important;
}
.pause-overlay #menuPause{
  border-color:#38506a!important;
  color:#a9dbff!important;
  background:linear-gradient(180deg,#101c27,#091219)!important;
}

#progression.progression-panel,
#achievements.progression-panel{
  position:relative;
  overflow:hidden;
  margin-top:13px!important;
  border:1px solid #38523f!important;
  border-radius:6px!important;
  background:
    radial-gradient(circle at 6% 0%,rgba(121,227,91,.09),transparent 28%),
    linear-gradient(145deg,#0b130d,#050a07)!important;
  box-shadow:
    0 8px 25px rgba(0,0,0,.26),
    inset 0 0 30px rgba(121,227,91,.025)!important;
}
#progression.progression-panel::before,
#achievements.progression-panel::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg,#79e35b,transparent 58%,#79e35b);
  opacity:.65;
}
#progression.progression-panel::after,
#achievements.progression-panel::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-65px;
  top:-70px;
  border:1px solid rgba(121,227,91,.08);
  transform:rotate(45deg);
  box-shadow:0 0 30px rgba(121,227,91,.04);
  pointer-events:none;
}
#achievements.progression-panel{
  background:
    radial-gradient(circle at 92% 0%,rgba(166,108,255,.11),transparent 30%),
    radial-gradient(circle at 5% 100%,rgba(102,199,255,.06),transparent 30%),
    linear-gradient(145deg,#0d0b14,#07070b)!important;
  border-color:#4a3a5d!important;
}
#achievements.progression-panel::before{
  background:linear-gradient(90deg,#a66cff,transparent 58%,#66c7ff);
}

.collapsible-panel .progression-head{
  position:relative;
  z-index:2;
  min-height:72px!important;
  padding:15px 17px!important;
  background:
    linear-gradient(110deg,rgba(14,25,16,.98),rgba(7,12,9,.98))!important;
  border-bottom:1px solid transparent;
  transition:background .18s ease,filter .18s ease;
}
#achievements .progression-head{
  background:
    linear-gradient(110deg,rgba(17,14,24,.98),rgba(8,8,13,.98))!important;
}
.collapsible-panel .progression-head:hover{
  filter:brightness(1.12);
}
.collapsible-panel[open] .progression-head{
  border-bottom-color:#29412f;
}
#achievements[open] .progression-head{
  border-bottom-color:#433654;
}
.collapsible-panel .progression-head>span{
  gap:6px!important;
}
.collapsible-panel .progression-head b{
  font-size:9px!important;
  letter-spacing:.7px;
  color:#dfffd6!important;
}
#achievements .progression-head b{
  color:#eadcff!important;
}
.collapsible-panel .progression-head small{
  font-size:5px!important;
  line-height:1.65!important;
  color:#76917c!important;
}
#achievements .progression-head small{
  color:#89769d!important;
}
.collapsible-panel .progression-head>strong{
  padding:7px 8px;
  border:1px solid #3d5a42;
  background:#09120c;
  color:#baff9d!important;
  font-size:6px!important;
  box-shadow:inset 0 0 12px rgba(121,227,91,.05);
}
#achievements .progression-head>strong{
  border-color:#59456c;
  background:#100c16;
  color:#d0b2ff!important;
}
.collapse-chevron{
  position:relative;
  z-index:2;
  width:31px!important;
  height:31px!important;
  border:1px solid #44684a!important;
  border-radius:5px!important;
  background:#09130c!important;
  color:#9dff83!important;
  font-size:12px!important;
  box-shadow:3px 3px 0 #152319,0 0 13px rgba(121,227,91,.06)!important;
  transition:transform .18s ease,filter .18s ease,background .18s ease;
}
#achievements .collapse-chevron{
  border-color:#5d4770!important;
  background:#100c16!important;
  color:#c69cff!important;
  box-shadow:3px 3px 0 #21152b,0 0 13px rgba(166,108,255,.06)!important;
}
.collapsible-panel[open] .collapse-chevron{
  transform:rotate(45deg) scale(1.04)!important;
  filter:brightness(1.25);
}

.progression-body{
  position:relative;
  z-index:1;
  padding:4px 15px 16px!important;
}
.evolution-build{
  position:relative;
  overflow:hidden;
  margin-top:12px!important;
  padding:15px!important;
  border:1px solid #38563f!important;
  border-radius:5px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(121,227,91,.10),transparent 36%),
    linear-gradient(145deg,#101d12,#07100a)!important;
  box-shadow:inset 0 0 22px rgba(121,227,91,.035)!important;
}
.evolution-build::before{
  content:"EVOLUTION // LIVE BUILD";
  position:absolute;
  top:9px;
  right:11px;
  color:#638068;
  font-size:4px;
  letter-spacing:1.4px;
}
.evolution-build-head{
  padding-right:145px;
}
.evolution-build-head span{
  font-size:5.5px!important;
  color:#7fa184!important;
}
.evolution-build-head strong{
  font-size:11px!important;
  color:#c9ffb8!important;
  text-shadow:0 0 12px rgba(121,227,91,.12);
}
.evolution-build-head>b{
  font-size:5.5px!important;
  color:#ffd85c!important;
}
.evolution-build-track{
  height:12px!important;
  margin:11px 0 8px!important;
  border:1px solid #35513b!important;
  border-radius:6px!important;
  background:#071009!important;
}
.evolution-build-track i{
  box-shadow:0 0 16px rgba(121,227,91,.32)!important;
}
.evolution-build>small{
  font-size:4.5px!important;
  color:#78927c!important;
}

.progression-subsection{
  position:relative;
  padding:16px 0 2px!important;
}
.progression-subhead{
  margin-bottom:11px!important;
  padding:0 1px 8px;
  border-bottom:1px solid #203127;
}
.progression-subhead b{
  font-size:7px!important;
  letter-spacing:.7px;
}
.progression-subhead span{
  padding:4px 6px;
  border:1px solid #2e4b35;
  border-radius:4px;
  background:#09120c;
  font-size:4px!important;
}

.upgrade-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.upgrade-item{
  position:relative;
  min-height:88px!important;
  padding:12px!important;
  border:1px solid #2c4532!important;
  border-radius:5px!important;
  background:
    linear-gradient(145deg,#0f1911,#080e0a)!important;
  box-shadow:3px 3px 0 #172319,inset 0 0 16px rgba(121,227,91,.025)!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,filter .14s ease,background .14s ease!important;
}
.upgrade-item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:34px;
  height:3px;
  background:#79e35b;
  opacity:.55;
}
.upgrade-item:not(:disabled):hover{
  transform:translateY(-2px);
  filter:brightness(1.1);
  border-color:#79e35b!important;
  background:linear-gradient(145deg,#132218,#0a120c)!important;
  box-shadow:4px 5px 0 #172719,0 0 18px rgba(121,227,91,.11)!important;
}
.upgrade-item:not(:disabled):active{
  transform:translate(2px,2px)!important;
  box-shadow:1px 1px 0 #172719!important;
}
.upgrade-item:disabled{
  opacity:.55!important;
}
.upgrade-item b{
  font-size:7px!important;
  color:#e4f6df!important;
  letter-spacing:.3px;
}
.upgrade-item span{
  font-size:4.5px!important;
  line-height:1.75!important;
  color:#78917b!important;
}
.upgrade-item strong{
  margin-top:9px!important;
  font-size:5.5px!important;
  color:#ffd85c!important;
}
.upgrade-item:not(:disabled) strong{
  text-shadow:0 0 10px rgba(255,216,92,.12);
}

.card-collection{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.evolution-card{
  min-height:146px!important;
  padding:12px!important;
  border:1px solid #304735!important;
  border-radius:5px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(121,227,91,.07),transparent 35%),
    linear-gradient(145deg,#0f1911,#070c09)!important;
  box-shadow:4px 4px 0 #152018,inset 0 0 20px rgba(0,0,0,.24)!important;
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important;
}
.evolution-card:hover{
  transform:translateY(-2px) rotate(-.25deg);
  filter:brightness(1.08);
  box-shadow:5px 6px 0 #18271d,0 0 20px rgba(121,227,91,.08)!important;
}
.evolution-card.rare{
  border-color:#356a86!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(102,199,255,.10),transparent 36%),
    linear-gradient(145deg,#0a1820,#071016)!important;
}
.evolution-card.epic{
  border-color:#705b95!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(166,108,255,.12),transparent 36%),
    linear-gradient(145deg,#130d18,#09070d)!important;
}
.evolution-card-top b,
.evolution-card-top strong{
  font-size:5px!important;
}
.evolution-card h4{
  margin:13px 0 8px!important;
  font-size:7px!important;
  line-height:1.55!important;
}
.evolution-card p{
  font-size:4.5px!important;
  line-height:1.8!important;
  min-height:48px!important;
}
.evolution-card small{
  margin-top:10px!important;
  font-size:4px!important;
}

.achievement-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.achievement-item{
  position:relative;
  min-height:90px!important;
  padding:12px!important;
  border:1px solid #493b58!important;
  border-radius:5px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(166,108,255,.09),transparent 38%),
    linear-gradient(145deg,#120f18,#08070c)!important;
  box-shadow:3px 3px 0 #21162a,inset 0 0 20px rgba(166,108,255,.018)!important;
  transition:transform .15s ease,filter .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
.achievement-item::before{
  content:"ACH";
  position:absolute;
  top:9px;
  right:9px;
  padding:3px 4px;
  border:1px solid #59456c;
  border-radius:3px;
  color:#9d7eb8;
  font-size:3px;
  letter-spacing:1px;
}
.achievement-item:hover{
  transform:translateY(-2px);
  filter:brightness(1.09);
  border-color:#8b6eb0!important;
  box-shadow:4px 5px 0 #261a31,0 0 18px rgba(166,108,255,.08)!important;
}
.achievement-item b{
  padding-right:40px;
  font-size:5.5px!important;
  line-height:1.45!important;
  color:#9a86aa!important;
}
.achievement-item span{
  font-size:4.5px!important;
  line-height:1.8!important;
  color:#645b6b!important;
}
.achievement-item.unlocked{
  border-color:#71603a!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,216,92,.13),transparent 38%),
    linear-gradient(145deg,#17120a,#0b0906)!important;
  box-shadow:4px 4px 0 #2a2110,0 0 22px rgba(255,216,92,.06)!important;
}
.achievement-item.unlocked::before{
  content:"UNLOCKED";
  border-color:#7b642e;
  color:#ffd85c;
}
.achievement-item.unlocked b{
  color:#ffd85c!important;
}
.achievement-item.unlocked span{
  color:#d6c89f!important;
}
.achievement-item.unlocked:hover{
  border-color:#ffd85c!important;
  box-shadow:5px 5px 0 #332712,0 0 24px rgba(255,216,92,.11)!important;
}

@keyframes pauseIdle{
  0%,100%{box-shadow:0 4px 0 #162319,inset 0 0 18px rgba(121,227,91,.07),0 0 12px rgba(121,227,91,.03)}
  50%{box-shadow:0 4px 0 #162319,inset 0 0 20px rgba(121,227,91,.09),0 0 22px rgba(121,227,91,.08)}
}
@keyframes pauseSweep{
  0%,62%{transform:translateX(-120%)}
  82%,100%{transform:translateX(120%)}
}
@keyframes pauseLed{
  0%,100%{opacity:.45}
  50%{opacity:1}
}
@keyframes pausePaused{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.14)}
}
@keyframes pauseOverlayIn{
  from{opacity:0}
  to{opacity:1}
}

@media(max-width:900px){
  .upgrade-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .card-collection{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .achievement-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .run-command-bar .run-pause-btn{
    min-height:48px!important;
    font-size:6px!important;
  }
  .pause-overlay div{
    padding:24px 18px 18px!important;
  }
  .pause-overlay h2{font-size:19px!important}
  .pause-overlay button{font-size:6px!important;min-height:45px}
  .collapsible-panel .progression-head{
    min-height:68px!important;
    padding:13px!important;
  }
  .collapsible-panel .progression-head b{font-size:7.5px!important}
  .collapsible-panel .progression-head small{font-size:4.5px!important}
  .evolution-build-head{display:grid;gap:5px}
  .evolution-build-head{padding-right:0}
  .evolution-build::before{position:static;display:block;margin-bottom:8px}
  .upgrade-list{grid-template-columns:1fr 1fr!important}
  .card-collection{grid-template-columns:1fr 1fr!important}
  .achievement-list{grid-template-columns:1fr 1fr!important}
  .upgrade-item{min-height:84px!important}
  .evolution-card{min-height:136px!important}
  .achievement-item{min-height:84px!important}
}
@media(max-width:420px){
  .run-command-bar .run-pause-btn{
    min-height:44px!important;
    font-size:5.5px!important;
  }
  .pause-overlay div{
    width:92%;
    padding:21px 14px 15px!important;
  }
  .pause-overlay h2{font-size:16px!important}
  .pause-overlay button{font-size:5px!important;min-height:42px}
  .collapsible-panel .progression-head{
    min-height:62px!important;
    padding:11px!important;
  }
  .collapsible-panel .progression-head b{font-size:6.5px!important}
  .collapsible-panel .progression-head small{font-size:4px!important}
  .collapse-chevron{width:28px!important;height:28px!important}
  .progression-body{padding:3px 10px 12px!important}
  .upgrade-list,.card-collection,.achievement-list{grid-template-columns:1fr!important}
  .upgrade-item{min-height:78px!important}
  .evolution-card{min-height:126px!important}
  .achievement-item{min-height:76px!important}
}


/* GAMEPLAY HUD V4 // LESS RECTANGLE, MORE ARCADE // PRESENTATION ONLY */
.run-intel-v3{
  position:relative;
  gap:10px;
  padding:11px;
  border:0;
  border-radius:14px 5px 14px 5px;
  background:
    linear-gradient(135deg,rgba(15,28,18,.97),rgba(5,10,7,.98) 62%,rgba(11,22,14,.98));
  box-shadow:
    0 12px 28px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(188,255,171,.06),
    inset 0 -1px 0 rgba(121,227,91,.05);
  overflow:hidden;
}
.run-intel-v3::before{
  content:"LIVE INTEL // ADAPTIVE FEED";
  position:absolute;
  top:4px;
  left:16px;
  z-index:3;
  color:#6f9274;
  font-size:4.5px;
  letter-spacing:1.4px;
  pointer-events:none;
  transform:skewX(-12deg);
}
.run-intel-v3::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 21%,rgba(121,227,91,.045) 21.5%,transparent 22% 70%,rgba(121,227,91,.025) 70.5%,transparent 71%),
    repeating-linear-gradient(180deg,transparent 0 13px,rgba(121,227,91,.018) 13px 14px);
  mix-blend-mode:screen;
  animation:intelScan 5.5s linear infinite;
}
.run-intel-v3 .intel-card{
  position:relative;
  min-height:66px;
  padding:12px 12px 10px;
  border:1px solid #294533;
  border-radius:10px 3px 10px 3px;
  background:
    radial-gradient(circle at 100% 0,rgba(121,227,91,.08),transparent 34%),
    linear-gradient(150deg,#101b13 0%,#09110c 72%);
  box-shadow:
    0 6px 16px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(220,255,212,.035);
  transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease;
  overflow:hidden;
}
.run-intel-v3 .intel-card::before{
  content:"";
  position:absolute;
  top:-1px;
  left:10px;
  width:42%;
  height:3px;
  background:linear-gradient(90deg,var(--green),transparent);
  transform:skewX(-28deg);
  opacity:.9;
}
.run-intel-v3 .intel-card::after{
  content:"";
  position:absolute;
  top:0;
  right:10px;
  width:18px;
  height:1px;
  background:#4f7057;
  transform:skewX(-32deg);
  opacity:.8;
}
.run-intel-v3 .intel-card:hover{
  transform:translateY(-2px) rotate(-.25deg);
  filter:brightness(1.08);
  border-color:#4b6f52;
  box-shadow:
    0 9px 22px rgba(0,0,0,.32),
    0 0 20px rgba(121,227,91,.07),
    inset 0 1px 0 rgba(220,255,212,.055);
}
.run-intel-v3 .intel-card:active{
  transform:translateY(1px);
}
.run-intel-v3 .intel-top{
  position:relative;
  z-index:2;
  gap:8px;
}
.run-intel-v3 .intel-top span{
  position:relative;
  font-size:6px!important;
  color:#85a68b;
  letter-spacing:.7px;
  transform:skewX(-10deg);
}
.run-intel-v3 .intel-top span::after{
  content:"";
  position:absolute;
  left:-4px;
  top:45%;
  width:calc(100% + 8px);
  height:1px;
  background:rgba(121,227,91,.38);
  transform:rotate(-4deg);
  transform-origin:left center;
}
.run-intel-v3 .intel-top strong{
  font-size:8.5px!important;
  letter-spacing:.2px;
  color:#efffed;
  text-shadow:0 0 14px rgba(121,227,91,.09);
}
.run-intel-v3 .intel-top b{
  font-size:5.5px!important;
  letter-spacing:.5px;
}
.run-intel-v3 .intel-secondary-card{
  min-height:54px;
  padding:10px 11px;
}
.run-intel-v3 .intel-secondary-card .intel-top strong{
  font-size:7.3px!important;
}
.run-intel-v3 .intel-track{
  position:relative;
  z-index:2;
  height:7px;
  margin-top:9px;
  border:1px solid #203526;
  border-radius:999px;
  background:#121c15;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.35);
}
.run-intel-v3 .intel-track i{
  border-radius:999px;
  box-shadow:0 0 10px rgba(121,227,91,.17);
}
.run-intel-v3 .contract-actions{
  position:relative;
  z-index:2;
}
.run-intel-v3 .contract-actions button{
  border-radius:5px!important;
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
}
.run-intel-v3 .contract-actions button:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.run-intel-v3 .danger-card{
  border-color:#4a2b31;
  background:
    radial-gradient(circle at 100% 0,rgba(255,91,98,.09),transparent 35%),
    linear-gradient(150deg,#180f12,#0b0c0b 72%);
}
.run-intel-v3 .danger-card::before{
  background:linear-gradient(90deg,var(--red),transparent);
}
.run-intel-v3 .objective-card{
  border-color:#365a3b;
}
.run-intel-v3 .contract-card{
  border-color:#5b4b2b;
  background:
    radial-gradient(circle at 100% 0,rgba(255,216,92,.09),transparent 35%),
    linear-gradient(150deg,#17140b,#0b0c09 72%);
}
.run-intel-v3 .contract-card::before{background:linear-gradient(90deg,var(--yellow),transparent)}
.run-intel-v3 .chain-card{
  border-color:#2d4c5f;
  background:
    radial-gradient(circle at 100% 0,rgba(102,199,255,.09),transparent 35%),
    linear-gradient(150deg,#0d151a,#080d0f 72%);
}
.run-intel-v3 .chain-card::before{background:linear-gradient(90deg,var(--blue),transparent)}
.run-intel-v3 .salvage-card::before{background:linear-gradient(90deg,var(--yellow),transparent)}
.run-intel-v3 .bounty-card::before{background:linear-gradient(90deg,var(--red),transparent)}
.run-intel-v3 .perfect-card::before{background:linear-gradient(90deg,var(--green),transparent)}
.run-intel-v3 .extract-card::before{background:linear-gradient(90deg,var(--blue),transparent)}

.run-mode-v3{display:none!important}
#saveStats{display:none!important}
.desktop-commands{display:none!important}

.run-command-bar .run-stat-tile{
  min-height:82px;
  padding:13px 14px;
  border-radius:9px 3px 9px 3px;
  background:
    linear-gradient(145deg,#111c14,#08100b);
  box-shadow:
    0 7px 18px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(220,255,212,.035);
}
.run-stat-tile>span{
  font-size:7px!important;
  letter-spacing:1.25px;
}
.run-stat-tile>strong{
  margin-top:7px;
  font-size:22px!important;
}
.score-tile>strong{font-size:29px!important}
.time-tile>strong{font-size:31px!important}
.best-tile>strong{font-size:27px!important}
.run-stat-tile>small{
  display:flex;
  align-items:center;
  margin-top:8px;
  font-size:0!important;
}
.run-stat-tile>small b{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:5px 8px;
  border:1px solid #65743d;
  border-radius:999px;
  background:linear-gradient(180deg,#28351a,#111a0e);
  color:#ffe986!important;
  font-size:7px!important;
  letter-spacing:.7px;
  box-shadow:0 0 16px rgba(255,216,92,.08),inset 0 0 10px rgba(255,216,92,.04);
  animation:comboLive 1.35s ease-in-out infinite;
}
.score-tile>small::before{
  content:"COMBO";
  margin-right:6px;
  color:#6f8b73;
  font-size:5px;
  letter-spacing:1px;
}
.score-tile>small b{
  transform:translateZ(0);
}

.run-status-v3 .life-module,
.run-status-v3 .xp-module,
.run-status-v3 .mutation-module,
.run-status-v3 .condition-module{
  min-height:74px;
  padding:12px 13px;
  border-radius:10px 3px 10px 3px;
  background:
    linear-gradient(145deg,#111c14,#08100b);
  box-shadow:0 7px 18px rgba(0,0,0,.22);
}
.run-status-v3 .life-module{
  border-color:#633342;
  background:
    radial-gradient(circle at 100% 0,rgba(255,107,139,.1),transparent 38%),
    linear-gradient(145deg,#170f13,#0a0d0b);
}
.run-status-v3 .life-module span,
.run-status-v3 .xp-row span,
.run-status-v3 .mutation-module span,
.run-status-v3 .condition-module span{
  font-size:7px!important;
  letter-spacing:.9px;
}
.run-status-v3 .life-module strong{
  margin-top:8px;
  font-size:23px!important;
  letter-spacing:3px;
  line-height:1;
  text-shadow:0 0 16px rgba(255,107,139,.18);
}
.run-status-v3 .life-module small{
  margin-top:8px;
  font-size:6px!important;
}
.run-status-v3 .mutation-module strong,
.run-status-v3 .condition-module strong{
  font-size:9px!important;
  line-height:1.45;
  margin-top:7px;
}
.run-status-v3 .mutation-module small,
.run-status-v3 .condition-module small{
  font-size:6px!important;
}
.run-status-v3 .xp-row strong{font-size:8px!important}
.run-status-v3 .xp-row b{font-size:7px!important}
.run-status-v3 .xp-track{height:9px;margin-top:9px}

@keyframes intelScan{
  0%{transform:translateX(-8%)}
  100%{transform:translateX(8%)}
}
@keyframes comboLive{
  0%,100%{transform:scale(1);box-shadow:0 0 12px rgba(255,216,92,.07),inset 0 0 9px rgba(255,216,92,.03)}
  50%{transform:scale(1.07);box-shadow:0 0 22px rgba(255,216,92,.18),inset 0 0 12px rgba(255,216,92,.06)}
}

@media(max-width:900px){
  .run-intel-v3{padding:9px}
  .run-intel-v3 .intel-card{min-height:62px}
  .run-command-bar .run-stat-tile{min-height:76px}
  .score-tile>strong{font-size:25px!important}
  .time-tile>strong{font-size:27px!important}
  .best-tile>strong{font-size:24px!important}
}
@media(max-width:700px){
  .run-command-bar .run-stat-tile{
    min-height:68px;
    padding:10px;
  }
  .run-stat-tile>span{font-size:5.5px!important}
  .score-tile>strong{font-size:21px!important}
  .time-tile>strong{font-size:23px!important}
  .best-tile>strong{font-size:21px!important}
  .run-stat-tile>small b{font-size:5.5px!important;min-height:21px;padding:4px 7px}
  .score-tile>small::before{font-size:4px;margin-right:5px}
  .run-status-v3 .life-module,
  .run-status-v3 .xp-module,
  .run-status-v3 .mutation-module,
  .run-status-v3 .condition-module{
    min-height:68px;
    padding:10px;
  }
  .run-status-v3 .life-module span,
  .run-status-v3 .xp-row span,
  .run-status-v3 .mutation-module span,
  .run-status-v3 .condition-module span{font-size:5.5px!important}
  .run-status-v3 .life-module strong{font-size:19px!important}
  .run-status-v3 .life-module small{font-size:5px!important}
  .run-status-v3 .mutation-module strong,
  .run-status-v3 .condition-module strong{font-size:7.5px!important}
  .run-status-v3 .mutation-module small,
  .run-status-v3 .condition-module small{font-size:5px!important}
  .run-intel-v3{padding:7px;margin-top:1px}
  .run-intel-v3::before{font-size:3.7px;left:12px}
  .run-intel-v3 .intel-card{min-height:58px;padding:9px;border-radius:8px 3px 8px 3px}
  .run-intel-v3 .intel-top span{font-size:5px!important}
  .run-intel-v3 .intel-top strong{font-size:6.8px!important}
  .run-intel-v3 .intel-top b{font-size:4.7px!important}
}
@media(max-width:420px){
  .run-command-bar .run-stat-tile{min-height:62px;padding:9px}
  .run-stat-tile>span{font-size:4.8px!important}
  .score-tile>strong{font-size:19px!important}
  .time-tile>strong{font-size:21px!important}
  .best-tile>strong{font-size:19px!important}
  .run-stat-tile>small b{font-size:5px!important;min-height:19px;padding:3px 6px}
  .score-tile>small::before{font-size:3.5px}
  .run-status-v3 .life-module,
  .run-status-v3 .xp-module,
  .run-status-v3 .mutation-module,
  .run-status-v3 .condition-module{min-height:62px;padding:9px}
  .run-status-v3 .life-module span,
  .run-status-v3 .xp-row span,
  .run-status-v3 .mutation-module span,
  .run-status-v3 .condition-module span{font-size:5px!important}
  .run-status-v3 .life-module strong{font-size:17px!important;letter-spacing:2px}
  .run-status-v3 .life-module small{font-size:4.5px!important}
  .run-status-v3 .mutation-module strong,
  .run-status-v3 .condition-module strong{font-size:7px!important}
  .run-intel-v3{gap:5px;padding:6px}
  .run-intel-v3 .intel-card{min-height:54px;padding:8px}
  .run-intel-v3 .intel-top span{font-size:4.5px!important}
  .run-intel-v3 .intel-top strong{font-size:6.1px!important}
  .run-intel-v3 .intel-top b{font-size:4.2px!important}
}


/* GAMEPLAY HUD V5 // TYPOGRAPHY CLEANUP // NO LOGIC CHANGES */
.run-command-bar .run-eyebrow{
  display:none!important;
}

/* Center the XP header while keeping the progress track functional. */
.run-status-v3 .xp-module .xp-row{
  grid-template-columns:1fr auto 1fr!important;
  align-items:center;
  justify-content:center;
}
.run-status-v3 .xp-module .xp-row span{
  justify-self:start;
}
.run-status-v3 .xp-module .xp-row strong{
  justify-self:center;
  text-align:center;
  min-width:max-content;
}
.run-status-v3 .xp-module .xp-row b{
  justify-self:end;
  text-align:right;
}

/* Clean arcade masthead for the LIVE INTEL rail. */
.run-intel-v3::before{
  content:"LIVE INTEL  //  ADAPTIVE FEED";
  top:5px;
  left:50%;
  transform:translateX(-50%)!important;
  color:#81a687;
  font-family:"Press Start 2P",monospace!important;
  font-size:5px!important;
  font-weight:400;
  letter-spacing:2.2px!important;
  line-height:1;
  white-space:nowrap;
  text-align:center;
  text-shadow:0 0 12px rgba(121,227,91,.08);
  font-style:normal!important;
}
.run-intel-v3::after{
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(121,227,91,.045) 50%,transparent 88%),
    repeating-linear-gradient(180deg,transparent 0 13px,rgba(121,227,91,.018) 13px 14px);
  animation:intelScan 6.2s linear infinite;
}
.run-intel-v3 .intel-top span{
  transform:none!important;
  font-family:"Press Start 2P",monospace!important;
  letter-spacing:1.05px!important;
}
.run-intel-v3 .intel-top span::after{
  display:none!important;
}

/* Remove utility copy around the pause modal while keeping its controls untouched. */
.pause-overlay div::before,
.pause-overlay div::after{
  display:none!important;
}

/* Stronger arcade COMBO badge. */
.run-stat-tile.score-tile>small{
  gap:6px;
  justify-content:flex-start;
}
.run-stat-tile.score-tile>small::before{
  font-family:"Press Start 2P",monospace!important;
  font-size:5.5px!important;
  letter-spacing:1.15px!important;
  line-height:1;
  font-weight:400;
}
.run-stat-tile.score-tile>small b{
  min-height:26px;
  padding:6px 10px;
  font-family:"Press Start 2P",monospace!important;
  font-size:8px!important;
  font-weight:400;
  letter-spacing:.9px!important;
  line-height:1;
  border-radius:4px 999px 999px 4px;
  text-shadow:0 0 8px rgba(255,232,134,.16);
  animation:comboLive 1.18s ease-in-out infinite;
}
@media(max-width:700px){
  .run-status-v3 .xp-module .xp-row{
    grid-template-columns:1fr auto 1fr!important;
  }
  .run-intel-v3::before{
    font-size:4.2px!important;
    letter-spacing:1.55px!important;
  }
  .run-stat-tile.score-tile>small::before{font-size:4.3px!important}
  .run-stat-tile.score-tile>small b{
    min-height:23px;
    padding:5px 8px;
    font-size:6.5px!important;
  }
}
@media(max-width:420px){
  .run-intel-v3::before{
    font-size:3.8px!important;
    letter-spacing:1.25px!important;
  }
  .run-stat-tile.score-tile>small b{
    min-height:21px;
    padding:4px 7px;
    font-size:6px!important;
  }
}


/* PROGRESSION + GAME OVER // BRUTAL ARCADE PASS */
.run-intel-v3::before{display:none!important}

#progression.progression-panel{
  border-color:#416348!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(121,227,91,.11),transparent 28%),
    radial-gradient(circle at 86% 100%,rgba(102,199,255,.045),transparent 30%),
    linear-gradient(145deg,#0c160e,#050a07)!important;
  box-shadow:
    0 12px 32px rgba(0,0,0,.32),
    0 0 0 1px rgba(121,227,91,.04),
    inset 0 0 40px rgba(121,227,91,.02)!important;
}
#progression.progression-panel::before{
  height:4px;
  background:linear-gradient(90deg,#79e35b 0%,#b4ff9c 18%,transparent 55%,#66c7ff 100%);
  opacity:.85;
}
#progression.progression-panel::after{
  width:180px;height:180px;right:-95px;top:-100px;
  border-color:rgba(121,227,91,.11);
  box-shadow:0 0 45px rgba(121,227,91,.06);
}
#progression .progression-head{
  min-height:78px!important;
  padding:16px 18px!important;
  background:linear-gradient(115deg,rgba(17,32,20,.98),rgba(7,12,9,.98))!important;
}
#progression .progression-head:hover{
  filter:brightness(1.14);
  background:linear-gradient(115deg,rgba(20,39,24,.98),rgba(7,13,9,.98))!important;
}
#progression .progression-head b{font-size:10px!important;letter-spacing:1px!important}
#progression .progression-head small{font-size:5.5px!important;letter-spacing:.35px}
#progression .progression-head>strong{
  min-width:76px;text-align:center;padding:8px 9px;
  border-color:#47664c;border-radius:7px;color:#aaff8e!important;font-size:0!important;
}
#progression .progression-head>strong::before{
  content:"UPGRADE CORE";
  font-size:5px;
  letter-spacing:1px;
}
#progression .progression-body{padding:5px 17px 18px!important}
#progression .evolution-build{
  margin-top:13px!important;min-height:128px;padding:17px!important;
  border-color:#3d6244!important;border-radius:9px!important;
  background:
    radial-gradient(circle at 92% 0,rgba(121,227,91,.13),transparent 32%),
    linear-gradient(145deg,#122017,#07100a)!important;
  box-shadow:0 5px 20px rgba(0,0,0,.24),inset 0 0 28px rgba(121,227,91,.03)!important;
}
#progression .evolution-build::before{
  content:"EVOLUTION // LIVE BUILD";
  top:10px;right:13px;color:#6f9675;font-size:4px;letter-spacing:1.5px;
}
#progression .evolution-build-head{
  padding-right:0!important;
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
}
#progression .evolution-build-head span{font-size:5.5px!important;letter-spacing:1.1px}
#progression .evolution-build-head strong{font-size:14px!important}
#progression .evolution-build-head>b{
  padding:5px 7px;border:1px solid #4e6330;border-radius:5px;
  background:#11170b;font-size:5px!important;
}
#progression .evolution-build-track{
  height:14px!important;margin:14px 0 9px!important;border-radius:999px!important;
  background:#050905!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.4);
}
#progression .evolution-build-track i{
  background:linear-gradient(90deg,#5bc943,#b6ff9c,#79e35b)!important;
  box-shadow:0 0 18px rgba(121,227,91,.38)!important;
}
#progression .progression-subsection{padding:18px 0 3px!important}
#progression .progression-subhead{align-items:center;margin-bottom:12px!important;padding-bottom:9px}
#progression .progression-subhead b{font-size:7.5px!important;letter-spacing:.85px}
#progression .progression-subhead span{
  border-radius:999px;padding:5px 8px;color:#baff9d;background:#0a130c;
  box-shadow:inset 0 0 10px rgba(121,227,91,.03);
}
#progression .upgrade-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#progression .upgrade-item{
  min-height:98px!important;padding:14px!important;
  border-color:#304c36!important;border-radius:8px!important;
  background:linear-gradient(145deg,#101b12,#080f0a)!important;
  box-shadow:4px 4px 0 #17231a,inset 0 0 20px rgba(121,227,91,.022)!important;
}
#progression .upgrade-item::after{
  content:"";position:absolute;top:10px;right:10px;width:5px;height:5px;
  border:1px solid #4f7654;border-radius:50%;box-shadow:0 0 8px rgba(121,227,91,.18);
}
#progression .upgrade-item:not(:disabled):hover{
  transform:translateY(-3px);border-color:#79e35b!important;
  box-shadow:5px 7px 0 #18271d,0 0 24px rgba(121,227,91,.12)!important;
}
#progression .upgrade-item b{font-size:7.5px!important}
#progression .upgrade-item span{font-size:5px!important;line-height:1.8!important}
#progression .upgrade-item strong{font-size:6px!important}
#progression .card-collection{gap:11px!important}
#progression .evolution-card{min-height:158px!important;padding:14px!important;border-radius:9px!important}
#progression .evolution-card:hover{transform:translateY(-3px) rotate(-.4deg)}
#progression .evolution-card h4{font-size:7.5px!important}
#progression .evolution-card p{font-size:4.8px!important}
#progression .evolution-card small{font-size:4.2px!important}

/* PROGRESSION + ACHIEVEMENTS V2 // OPEN CARD LAYOUT + LIVE LIVES */
#progression.progression-panel,
#achievements.progression-panel{
  width:100%;
}
#progression .progression-head,
#achievements .progression-head{
  min-height:82px!important;
  padding:17px 19px!important;
  border-radius:9px 3px 9px 3px;
}
#progression .progression-head b,
#achievements .progression-head b{
  font-size:10.5px!important;
  line-height:1.35;
  letter-spacing:1.1px!important;
}
#progression .progression-head small,
#achievements .progression-head small{
  margin-top:4px;
  font-size:5.8px!important;
  line-height:1.75!important;
}
#progression .progression-body,
#achievements .progression-body{
  padding:7px 19px 20px!important;
}
#progression .evolution-build{
  min-height:138px;
  padding:19px!important;
  border-radius:10px!important;
}
#progression .evolution-build-head span{
  font-size:6px!important;
}
#progression .evolution-build-head strong{
  font-size:15px!important;
  letter-spacing:.5px;
}
#progression .evolution-build-head>b{
  font-size:5.5px!important;
  padding:6px 9px;
}
#progression .evolution-build-track{
  height:15px!important;
  margin:15px 0 10px!important;
}
#progression .evolution-build>small{
  font-size:5px!important;
  line-height:1.75!important;
}

#progression .progression-subsection{
  padding:21px 0 5px!important;
}
#progression .progression-subhead{
  min-height:32px;
  margin-bottom:14px!important;
  padding:0 3px 10px;
}
#progression .progression-subhead b{
  font-size:8px!important;
  letter-spacing:1px;
}
#progression .progression-subhead span{
  font-size:4.7px!important;
  padding:6px 9px;
}

#progression .upgrade-list{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
}
#progression .upgrade-item{
  min-height:116px!important;
  padding:15px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start;
}
#progression .upgrade-item b{
  font-size:8px!important;
  line-height:1.45;
  margin-bottom:9px!important;
}
#progression .upgrade-item span{
  font-size:5.2px!important;
  line-height:1.85!important;
}
#progression .upgrade-item strong{
  margin-top:auto!important;
  padding-top:9px;
  font-size:6.2px!important;
}

#progression .card-collection{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
}
#progression .evolution-card{
  min-height:176px!important;
  padding:15px!important;
  border-radius:10px!important;
}
#progression .evolution-card-top b,
#progression .evolution-card-top strong{
  font-size:5.5px!important;
}
#progression .evolution-card h4{
  font-size:8px!important;
  line-height:1.5!important;
}
#progression .evolution-card p{
  min-height:54px!important;
  font-size:5px!important;
  line-height:1.85!important;
}
#progression .evolution-card small{
  font-size:4.5px!important;
}

#achievements.progression-panel{
  margin-top:16px!important;
  border-radius:12px!important;
}
#achievements .progression-head{
  background:
    radial-gradient(circle at 0 50%,rgba(166,108,255,.08),transparent 32%),
    linear-gradient(110deg,rgba(18,14,26,.99),rgba(8,8,13,.99))!important;
}
#achievements .progression-body{
  background:linear-gradient(180deg,rgba(10,8,14,.2),transparent);
}
#achievements .achievement-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
}
#achievements .achievement-item{
  min-height:112px!important;
  padding:14px!important;
  border-radius:9px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
#achievements .achievement-item::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:9px;
  height:1px;
  background:linear-gradient(90deg,transparent,#5a456e,transparent);
  opacity:.65;
}
#achievements .achievement-item b{
  padding-right:55px;
  margin-bottom:10px!important;
  font-size:6.8px!important;
  line-height:1.55!important;
  letter-spacing:.25px;
}
#achievements .achievement-item span{
  font-size:5.1px!important;
  line-height:1.85!important;
  color:#76697d!important;
}
#achievements .achievement-item.unlocked{
  background:
    radial-gradient(circle at 90% 0,rgba(255,216,92,.12),transparent 34%),
    linear-gradient(145deg,#171208,#0a0906)!important;
}
#achievements .achievement-item.unlocked::after{
  background:linear-gradient(90deg,transparent,#8f742f,transparent);
}
#achievements .achievement-item.unlocked b{
  color:#ffd85c!important;
}
#achievements .achievement-item.unlocked span{
  color:#d7cba6!important;
}

#leaderboards.progression-panel{
  margin-top:16px!important;
  padding:14px!important;
  border-radius:10px!important;
}
#leaderboards .progression-head{
  min-height:62px;
  padding:12px 14px;
}
#leaderboards .progression-head b{
  font-size:8px!important;
}
#leaderboards .progression-head strong{
  font-size:6px!important;
}
#leaderboards .leaderboard-columns{
  gap:14px;
}
#leaderboards .leaderboard-columns h4{
  font-size:6.5px!important;
}
#leaderboards .leader-row{
  min-height:58px;
  padding:9px!important;
  border-radius:5px;
}
#leaderboards .leader-row b{font-size:5.5px}
#leaderboards .leader-row strong{font-size:7.5px}
#leaderboards .leader-row span,
#leaderboards .leader-row small{font-size:4.5px}

.run-status-v3 .life-module{
  min-width:0;
  overflow:hidden;
}
.run-status-v3 .life-module strong{
  display:inline-block;
  width:max-content;
  max-width:100%;
  letter-spacing:1px!important;
  transform-origin:left center;
  transform:scaleX(.9);
  animation:livesPulse 1.8s ease-in-out infinite;
  will-change:transform,filter;
}
.run-status-v3 .life-module small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@keyframes livesPulse{
  0%,100%{
    transform:scaleX(.9) scale(1);
    filter:drop-shadow(0 0 0 rgba(255,107,139,0));
  }
  45%,55%{
    transform:scaleX(.9) scale(1.035);
    filter:drop-shadow(0 0 7px rgba(255,107,139,.24));
  }
}

@media(max-width:1000px){
  #progression .upgrade-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #progression .card-collection{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #achievements .achievement-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  #progression .progression-head,
  #achievements .progression-head{
    min-height:72px!important;
    padding:13px!important;
  }
  #progression .progression-head b,
  #achievements .progression-head b{font-size:8px!important}
  #progression .progression-head small,
  #achievements .progression-head small{font-size:4.7px!important}
  #progression .progression-body,
  #achievements .progression-body{padding:5px 12px 15px!important}
  #progression .evolution-build{min-height:124px;padding:14px!important}
  #progression .evolution-build-head strong{font-size:13px!important}
  #progression .upgrade-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #progression .upgrade-item{
    min-height:104px!important;
    padding:12px!important;
  }
  #progression .upgrade-item b{font-size:7px!important}
  #progression .upgrade-item span{font-size:4.7px!important}
  #progression .upgrade-item strong{font-size:5.7px!important}
  #progression .card-collection{grid-template-columns:1fr 1fr!important}
  #progression .evolution-card{min-height:154px!important;padding:12px!important}
  #progression .evolution-card h4{font-size:7px!important}
  #progression .evolution-card p{font-size:4.7px!important}
  #achievements .achievement-list{grid-template-columns:1fr 1fr!important}
  #achievements .achievement-item{
    min-height:102px!important;
    padding:12px!important;
  }
  #achievements .achievement-item b{font-size:6px!important}
  #achievements .achievement-item span{font-size:4.7px!important}
  .run-status-v3 .life-module strong{
    transform:scaleX(.88);
  }
}
@media(max-width:420px){
  #progression .upgrade-list,
  #progression .card-collection,
  #achievements .achievement-list{grid-template-columns:1fr!important}
  #progression .progression-head,
  #achievements .progression-head{min-height:66px!important;padding:11px!important}
  #progression .progression-head b,
  #achievements .progression-head b{font-size:7px!important}
  #progression .progression-head small,
  #achievements .progression-head small{font-size:4.2px!important}
  #progression .progression-body,
  #achievements .progression-body{padding:3px 10px 12px!important}
  #progression .evolution-build{min-height:114px}
  #progression .upgrade-item{min-height:92px!important}
  #progression .evolution-card{min-height:142px!important}
  #achievements .achievement-item{min-height:94px!important}
  #achievements .achievement-item b{font-size:5.7px!important}
  #achievements .achievement-item span{font-size:4.4px!important}
  .run-status-v3 .life-module strong{
    font-size:18px!important;
    letter-spacing:.5px!important;
    transform:scaleX(.84);
  }
}


/* ACHIEVEMENTS // HORIZONTAL COLLECTION RAIL */
#achievements .achievement-list{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:13px!important;
  overflow-x:auto;
  overflow-y:hidden;
  padding:3px 2px 12px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:#4a3b58 transparent;
}
#achievements .achievement-list::-webkit-scrollbar{height:6px}
#achievements .achievement-list::-webkit-scrollbar-track{background:#08090c}
#achievements .achievement-list::-webkit-scrollbar-thumb{background:#4a3b58;border-radius:999px}
#achievements .achievement-item{
  flex:0 0 250px!important;
  width:250px;
  min-height:120px!important;
  scroll-snap-align:start;
}
#achievements .achievement-item:hover{
  transform:translateY(-4px)!important;
}
#achievements .achievement-item.unlocked{
  transform:translateY(-1px);
}
#achievements .achievement-item.unlocked:hover{
  transform:translateY(-4px)!important;
}

.run-status-v3 .life-module strong{
  font-size:22px!important;
  letter-spacing:.25px!important;
  transform:scaleX(.86)!important;
}
.run-status-v3 .life-module{
  justify-content:center;
}
@media(max-width:700px){
  #achievements .achievement-list{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    overflow:visible;
    padding:0;
  }
  #achievements .achievement-item{
    width:auto;
    min-height:104px!important;
  }
  .run-status-v3 .life-module strong{
    font-size:19px!important;
    transform:scaleX(.86)!important;
  }
}
@media(max-width:420px){
  #achievements .achievement-list{grid-template-columns:1fr!important}
  #achievements .achievement-item{min-height:96px!important}
  .run-status-v3 .life-module strong{
    font-size:18px!important;
    transform:scaleX(.84)!important;
  }
}


/* FINAL UI CORRECTION // COMPACT ACHIEVEMENTS + NATURAL LIVES + CLEAN GAME OVER */
/* Keep achievements as one horizontal collection, but stop the cards from feeling oversized. */
#achievements .progression-body{
  padding:8px 15px 16px!important;
}
#achievements .achievement-list{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 11px!important;
}
#achievements .achievement-item{
  flex:0 0 208px!important;
  width:208px!important;
  min-height:126px!important;
  padding:12px!important;
  border-radius:8px!important;
  box-shadow:3px 4px 0 #21162a,inset 0 0 17px rgba(166,108,255,.02)!important;
}
#achievements .achievement-item b{
  padding-right:45px!important;
  margin-bottom:9px!important;
  font-size:7.2px!important;
  line-height:1.5!important;
}
#achievements .achievement-item span{
  font-size:5.25px!important;
  line-height:1.8!important;
}
#achievements .achievement-item::after{
  left:10px;
  right:10px;
  bottom:8px;
}
#achievements .achievement-item:hover{
  transform:translateY(-3px) rotate(-.2deg)!important;
}

/* Lives: use the heart glyph itself, with no transform-based stretching. */
.run-status-v3 .life-module strong#lives{
  display:block;
  width:max-content;
  max-width:100%;
  font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif!important;
  font-size:21px!important;
  font-weight:700!important;
  letter-spacing:1px!important;
  line-height:1!important;
  transform:none!important;
  transform-origin:left center!important;
  animation:livesGlow 1.7s ease-in-out infinite!important;
  will-change:filter,opacity;
  white-space:nowrap;
}
@keyframes livesGlow{
  0%,100%{
    filter:drop-shadow(0 0 0 rgba(255,107,139,0));
    opacity:.94;
  }
  50%{
    filter:drop-shadow(0 0 8px rgba(255,107,139,.28));
    opacity:1;
  }
}

@media(max-width:700px){
  #achievements .achievement-item{
    flex:0 0 192px!important;
    width:192px!important;
    min-height:118px!important;
  }
  #achievements .achievement-item b{font-size:6.8px!important}
  #achievements .achievement-item span{font-size:5px!important}
  .run-status-v3 .life-module strong#lives{font-size:19px!important;letter-spacing:.5px!important}
}
@media(max-width:420px){
  #achievements .achievement-item{
    flex-basis:184px!important;
    width:184px!important;
    min-height:110px!important;
  }
  #achievements .achievement-item b{font-size:6.4px!important}
  #achievements .achievement-item span{font-size:4.7px!important}
  .run-status-v3 .life-module strong#lives{font-size:18px!important;letter-spacing:.25px!important}
}


/* GAME OVER // STATUS BRIEF + FINAL SCORE CARD LANGUAGE // NEW DESIGN */
#message.message{
  padding:16px!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(255,164,74,.13),transparent 30%),
    radial-gradient(circle at 50% 100%,rgba(255,91,98,.06),transparent 36%),
    linear-gradient(180deg,rgba(4,4,3,.96),rgba(9,7,5,.985))!important;
  backdrop-filter:blur(4px);
}
#message .message-card{
  position:relative;
  isolation:isolate;
  width:min(620px,94%);
  max-height:min(88vh,720px);
  overflow:auto;
  padding:24px 24px 19px!important;
  border:1px solid #705136!important;
  border-top:3px solid #ffad5c!important;
  border-radius:9px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,164,74,.11),transparent 24%),
    linear-gradient(145deg,#17100a,#0b0c09 64%,#100a06)!important;
  box-shadow:
    10px 10px 0 #020201,
    0 0 65px rgba(255,164,74,.09),
    inset 0 0 34px rgba(255,164,74,.025)!important;
}
#message .message-card::before{content:none!important;display:none!important}
#message .message-card::after{content:none!important;display:none!important}
#message .message-card h2{
  margin:0!important;
  padding:9px 0 10px!important;
  border-bottom:1px solid #443226;
  color:#fff0dc!important;
  font-size:clamp(23px,4vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:1.8px;
  text-shadow:0 0 22px rgba(255,164,74,.22);
  text-align:left;
}
#message .result-copy{
  position:relative;
  max-width:48ch;
  margin:3px 0 14px!important;
  padding:7px 9px 7px 11px;
  border-left:2px solid #ffad5c;
  background:linear-gradient(90deg,rgba(255,164,74,.07),transparent 78%);
  color:#bca184!important;
  font-size:5.5px!important;
  line-height:1.75!important;
  text-align:left;
  letter-spacing:.35px;
}

/* GAME OVER // RUN DETAILS // compact metric-module language */
.gameover-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:7px 0 12px!important
}
.gameover-summary span{
  position:relative;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:6px;
  min-height:68px;
  padding:11px 10px 10px;
  border:1px solid #5b4432!important;
  border-top:2px solid #8f633c!important;
  border-radius:6px 2px 6px 2px!important;
  background:
    linear-gradient(145deg,rgba(37,25,17,.98),rgba(10,11,9,.98))!important;
  box-shadow:
    inset 0 0 20px rgba(255,164,74,.025),
    3px 3px 0 #1a110b!important;
  color:#9d8065!important;
  font-size:5px!important;
  letter-spacing:.72px;
  transition:transform .14s ease,filter .14s ease,border-color .14s ease
}
.gameover-summary span::before{
  content:"";
  position:absolute;
  left:9px;
  right:24%;
  top:0;
  height:2px;
  background:linear-gradient(90deg,#ffad5c,transparent);
  opacity:.85
}
.gameover-summary span:nth-child(2)::before{background:linear-gradient(90deg,#ff6570,transparent)}
.gameover-summary span:nth-child(3)::before{background:linear-gradient(90deg,#ffd36a,transparent)}
.gameover-summary span:nth-child(2){border-top-color:#8d4650!important}
.gameover-summary span:nth-child(3){border-top-color:#9a7740!important}
.gameover-summary span:hover{
  border-color:#9b7049!important;
  filter:brightness(1.07);
  transform:translateY(-1px)
}
.gameover-summary strong{
  color:#ffe5c4!important;
  font-size:13px!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 14px rgba(255,164,74,.12)
}

/* One clean disclosure; no stray legacy result tiles. */
.gameover-details{
  margin-top:10px;
  border:1px solid #4d3a2a!important;
  border-left:2px solid #72523a!important;
  border-radius:7px 2px 7px 2px!important;
  background:linear-gradient(145deg,#110e0a,#090b09)!important;
  box-shadow:3px 3px 0 #1b120b!important;
  overflow:hidden
}
.gameover-details summary{
  list-style:none;
  cursor:pointer;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 13px;
  border:0;
  background:linear-gradient(180deg,#21170d,#120f0a)!important;
  color:#ffd09a!important;
  font:6px "Press Start 2P",monospace!important;
  letter-spacing:.85px;
  transition:filter .15s ease,background .15s ease
}
.gameover-details summary::-webkit-details-marker{display:none}
.gameover-details summary::before{content:"+";margin-right:8px;font-size:10px;color:#ffad5c}
.gameover-details[open] summary{background:linear-gradient(180deg,#2a1b10,#151009)!important}
.gameover-details[open] summary::before{content:"−"}
.gameover-details summary:hover{filter:brightness(1.12)}
.gameover-detail-body{
  padding:11px;
  border-top:1px solid #3a2e24;
  background:linear-gradient(180deg,rgba(26,18,12,.24),transparent 42%)
}

/* Detailed values: same family as the three headline metrics, but quieter. */
.gameover-detail-body .stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px
}
.gameover-detail-body .stats-grid span{
  position:relative;
  min-height:48px;
  padding:8px 9px;
  border:1px solid #47382c!important;
  border-left:2px solid #654a36!important;
  border-radius:5px 2px 5px 2px;
  background:linear-gradient(145deg,#15100c,#0b0d0b)!important;
  box-shadow:inset 0 0 14px rgba(255,164,74,.018);
  color:#8f7862;
  font-size:4px;
  letter-spacing:.35px
}
.gameover-detail-body .stats-grid span:nth-child(3n+2){border-left-color:#6c4549!important}
.gameover-detail-body .stats-grid span:nth-child(3n){border-left-color:#74633a!important}
.gameover-detail-body .stats-grid strong{
  display:block;
  margin-top:6px;
  color:#efe1d0;
  font-size:6px;
  line-height:1.25
}
.gameover-detail-body .analysis-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:8px
}
.gameover-detail-body .analysis-grid span{
  position:relative;
  min-height:46px;
  padding:8px 9px;
  border:1px solid #40332a;
  border-left:2px solid #5b4a3b;
  border-radius:5px 2px 5px 2px;
  background:linear-gradient(145deg,#100e0b,#090b09);
  color:#776a5c;
  font-size:4px
}
.gameover-detail-body .analysis-grid strong{
  display:block;
  margin-top:6px;
  color:#c9b39a;
  font-size:5.5px
}
.gameover-detail-body .record{
  display:block;
  margin-top:9px;
  text-align:center;
  color:#ffd85c!important;
  font-size:6px!important
}

/* Legacy update-pack tiles no longer belong in the Game Over presentation. */
.gameover-detail-body .update-pack-stats,
.update-pack-stats{display:none!important}

#message #start{
  width:100%;
  min-height:54px!important;
  margin-top:8px!important;
  border:1px solid #ffb66b!important;
  border-radius:7px 2px 7px 2px!important;
  background:linear-gradient(180deg,#ffad5c,#d97935)!important;
  color:#170b04!important;
  font-size:8px!important;
  letter-spacing:1px;
  box-shadow:0 5px 0 #6e351c,0 0 22px rgba(255,164,74,.12)!important
}
#message #start:hover{filter:brightness(1.08);transform:translateY(-1px)}
#message #start:active{transform:translate(2px,3px)!important;box-shadow:0 1px 0 #6e351c!important}

@media(max-width:700px){
  #message.message{padding:12px!important}
  #message .message-card{width:96%;padding:22px 15px 16px!important}
  #message .message-card h2{padding-top:14px!important;font-size:22px!important}
  #message .result-copy{font-size:5px!important}
  .gameover-summary{grid-template-columns:1fr 1fr;gap:7px}
  .gameover-summary span{min-height:64px;padding:9px;font-size:4.5px!important}
  .gameover-summary span:first-child{grid-column:1/-1}
  .gameover-summary strong{font-size:11px!important}
  .gameover-details summary{font-size:5px!important}
  .gameover-detail-body .stats-grid,
  .gameover-detail-body .analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #message #start{min-height:49px!important;font-size:7px!important}
}
@media(max-width:420px){
  #message .message-card{padding:20px 12px 14px!important}
  #message .message-card h2{font-size:20px!important}
  .gameover-summary{gap:5px}
  .gameover-summary span{min-height:59px;padding:8px;font-size:4px!important}
  .gameover-summary strong{font-size:10px!important}
  .gameover-details summary{min-height:43px;font-size:4.5px!important}
  .gameover-detail-body{padding:7px}
  .gameover-detail-body .stats-grid,
  .gameover-detail-body .analysis-grid{gap:5px}
  .gameover-detail-body .stats-grid span,
  .gameover-detail-body .analysis-grid span{min-height:44px;padding:6px}
  .gameover-detail-body .stats-grid strong{font-size:5.5px}
}
}



/* NAV + RANK RESET // FINAL INTERACTION PASS */
.run-identity h1{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:filter .15s ease,transform .15s ease,text-shadow .15s ease;
}
.run-identity h1:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
  text-shadow:0 0 18px rgba(121,227,91,.14);
}
.run-identity h1:focus-visible{
  outline:2px solid var(--yellow);
  outline-offset:5px;
}
#bootResetRank{
  border-color:#75402d!important;
  background:linear-gradient(180deg,#28160f,#170c08)!important;
  color:#ffb079!important;
  box-shadow:3px 3px 0 #2d170e,0 0 14px rgba(255,134,71,.06)!important;
}
#bootResetRank:hover{
  border-color:#ff8a55!important;
  filter:brightness(1.08);
}
@media(max-width:700px){
  .run-identity h1{cursor:pointer}
}



/* CONTROL DECK // RANK PROFILE */
#bootOptionsPanel .control-deck-profile-row{align-items:center!important;gap:10px!important}
#bootOptionsPanel .control-deck-profile-row>div:first-child{min-width:0}
#bootOptionsPanel .rank-profile-readout{flex:0 0 auto;min-width:126px;padding:8px 9px;border:1px solid #365c46;border-radius:5px 2px 5px 2px;background:linear-gradient(145deg,#0d1b12,#080e0a);color:#a6e7b0;font:5px "Press Start 2P",monospace;letter-spacing:.45px;text-align:center;box-shadow:2px 2px 0 #17231a,inset 0 0 12px rgba(121,227,91,.025);white-space:nowrap}


/* Gameplay settings: visibility controls must override component display rules. */
.setting-disabled{display:none!important}
.no-combat-fx .event-banner,.no-combat-fx .floaters{display:none!important}


/* ABILITY COMMAND DECK — distinct roles, stronger state clarity, clean responsive feedback */
.ability-bar{
  isolation:isolate;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px!important;
  margin-top:12px!important;
  padding:10px!important;
  border:1px solid #294333;
  border-radius:10px;
  background:linear-gradient(145deg,#0b140e,#060a07 72%);
  box-shadow:inset 0 1px 0 #ffffff08,0 12px 28px #0005;
}
.ability-bar:before{border-radius:10px}
.ability{
  --ability-accent:#9cff79;
  --ability-glow:#9cff7920;
  position:relative;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  min-height:76px!important;
  padding:12px 12px 13px!important;
  overflow:hidden;
  isolation:isolate;
  text-align:left!important;
  border:1px solid color-mix(in srgb,var(--ability-accent) 48%,#203329)!important;
  border-radius:8px!important;
  background:
    radial-gradient(circle at 100% 0%,var(--ability-glow),transparent 54%),
    linear-gradient(145deg,#132017,#0a100c 78%)!important;
  color:#edf8ed!important;
  box-shadow:inset 0 1px 0 #ffffff0b,0 4px 0 #020503,0 9px 18px #0003!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease,opacity .16s ease;
}
#dash{--ability-accent:#a4ff79;--ability-glow:#a4ff7924}
#shield{--ability-accent:#70cfff;--ability-glow:#70cfff24}
#pulse{--ability-accent:#c59aff;--ability-glow:#c59aff24}
#fury{--ability-accent:#ff9b68;--ability-glow:#ff9b6824}
.ability:before{
  content:"";position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,transparent,var(--ability-accent),transparent);
  opacity:.8;pointer-events:none
}
.ability:after{
  content:"";position:absolute;right:-15px;top:-23px;width:68px;height:68px;
  border:1px solid color-mix(in srgb,var(--ability-accent) 20%,transparent);
  border-radius:50%;box-shadow:0 0 0 8px color-mix(in srgb,var(--ability-accent) 4%,transparent);
  pointer-events:none;transition:transform .2s ease,opacity .2s ease;opacity:.6
}
.ability b{
  display:flex;align-items:center;gap:8px;
  font-size:clamp(8px,.8vw,10px)!important;line-height:1.35;
  letter-spacing:1.1px;color:var(--ability-accent)!important;
  text-shadow:0 0 16px var(--ability-glow)
}
.ability b:before{
  display:grid;place-items:center;flex:0 0 23px;height:23px;
  border:1px solid color-mix(in srgb,var(--ability-accent) 48%,transparent);
  border-radius:6px;background:var(--ability-glow);font:700 12px/1 system-ui,sans-serif;
}
#dash b:before{content:"↯"}
#shield b:before{content:"⬡"}
#pulse b:before{content:"◎"}
#fury b:before{content:"✦"}
.ability span{
  margin-top:7px!important;color:#8ea594!important;
  font:600 8px/1.4 system-ui,sans-serif!important;letter-spacing:.6px
}
.ability i{
  left:0!important;right:auto;bottom:0!important;height:3px!important;width:0;
  border-radius:0 4px 0 0;background:var(--ability-accent)!important;
  box-shadow:0 0 12px var(--ability-glow);transition:width .12s linear!important
}
.ability.ready{
  opacity:1!important;filter:none!important;
  border-color:color-mix(in srgb,var(--ability-accent) 72%,#294333)!important;
  background:
    radial-gradient(circle at 100% 0%,var(--ability-glow),transparent 60%),
    linear-gradient(145deg,#17271b,#0b130e 78%)!important;
}
.ability.ready:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 #ffffff12,0 5px 0 #020503,0 0 0 1px var(--ability-glow),0 12px 24px #0005!important;
}
.ability.ready:hover:not(:disabled):after{transform:scale(1.14);opacity:1}
.ability.cooldown{opacity:.67!important;filter:saturate(.55)!important}
.ability.cooldown b{color:#8b9b8f!important;text-shadow:none}
.ability.active{
  opacity:1!important;border-color:var(--ability-accent)!important;
  background:radial-gradient(circle at 50% 0%,var(--ability-glow),transparent 70%),linear-gradient(145deg,#282018,#100e0b)!important;
  box-shadow:inset 0 0 22px var(--ability-glow),0 0 0 1px var(--ability-glow),0 4px 0 #020503!important;
  animation:abilityActiveGlow 1.2s ease-in-out infinite alternate;
}
.ability:focus-visible{outline:2px solid #fff1b7!important;outline-offset:3px}
.ability:disabled{cursor:not-allowed}
#fury.ready{animation:furyReadyGlow 1.4s ease-in-out infinite alternate}
#dash.ready b:before{animation:dashReadyMark 1.8s ease-in-out infinite}
@keyframes abilityActiveGlow{from{filter:brightness(1)}to{filter:brightness(1.2)}}
@keyframes furyReadyGlow{from{box-shadow:inset 0 1px 0 #ffffff0b,0 4px 0 #020503,0 0 0 0 var(--ability-glow)}to{box-shadow:inset 0 1px 0 #ffffff12,0 4px 0 #020503,0 0 18px var(--ability-glow)}}
@keyframes dashReadyMark{50%{transform:scale(1.08);box-shadow:0 0 12px var(--ability-glow)}}
#game{image-rendering:auto}
@media(max-width:700px){
 .ability-bar{gap:7px!important;padding:7px!important;margin-top:8px!important}
 .ability{min-height:66px!important;padding:9px 8px 10px!important}
 .ability b{font-size:8px!important;letter-spacing:.7px}
 .ability b:before{flex-basis:21px;height:21px}
 .ability span{font-size:7px!important;margin-top:5px!important}
}
@media(max-width:420px){
 .ability-bar{gap:6px!important;padding:6px!important}
 .ability{min-height:59px!important;padding:7px 6px 8px!important}
 .ability b{font-size:7px!important;gap:5px}
 .ability b:before{flex-basis:18px;height:18px;font-size:10px}
 .ability span{font-size:6px!important}
}
@media(orientation:landscape) and (max-height:600px) and (pointer:coarse){
 .ability-bar{gap:5px!important;padding:5px!important}
 .ability{min-height:45px!important;padding:5px!important}
 .ability b:before{display:none}
 .ability span{display:block!important;font-size:6px!important}
}
@media(prefers-reduced-motion:reduce){
 .ability,.ability:after{transition:none!important}
 #fury.ready,#dash.ready b:before,.ability.active{animation:none!important}
}


/* Collision recovery and combat readability pass */
.legend{gap:9px 14px;align-items:center}
.legend span{display:inline-flex;align-items:center;gap:6px;line-height:1.65}
.legend span:before{content:"";display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:2px;background:currentColor;box-shadow:0 0 9px currentColor}
.legend .legend-energy{color:#a4ff79}
.legend .legend-core{color:#ffd85c}
.legend .legend-hunter{color:#62cfff}
.legend .legend-elite{color:#ff9f43}
.legend .legend-hazard{color:#ff5662}
.legend .legend-powerup{color:#4de1d1}
.legend .legend-supply{color:#9bd9ff}
@media(max-width:700px){.legend{gap:7px 10px}.legend span:before{flex-basis:6px;width:6px;height:6px}}
.game-shell #game{isolation:isolate}
body.no-combat-fx .legend span:before{box-shadow:none}

/* Keep decorative arena scanlines beneath interactive in-game overlays. */
.game-shell:after{z-index:1}
.game-shell:before{z-index:1}
.pause-overlay{z-index:20!important;pointer-events:auto!important}
.pause-overlay>div,.pause-overlay button{pointer-events:auto!important}
#message.message{z-index:30!important;pointer-events:auto!important}
#message .message-card,#message .message-card button{pointer-events:auto!important}

/* Fix animated panel overflowing its game-shell viewport during pointer clicks. */
.game-shell{position:relative;isolation:isolate}
.game-shell:before,.game-shell:after{pointer-events:none;z-index:0!important}
.pause-overlay{position:absolute!important;inset:0!important;z-index:40!important;display:grid!important;place-items:center!important;overflow:auto!important}
.pause-overlay>div{max-height:calc(100% - 24px);overflow:auto;transform:none!important;animation:none!important}
.pause-overlay button{transform:none!important;animation:none!important}
#message.message{position:absolute!important;inset:0!important;z-index:50!important;overflow:auto!important}
#message .message-card{max-height:calc(100% - 16px);overflow:auto}

/* Pause UI is a viewport-level dialog, not content inside the clipped canvas. */
.pause-overlay{
 position:fixed!important;inset:0!important;z-index:10001!important;
 display:grid!important;place-items:center!important;align-content:center!important;
 box-sizing:border-box!important;padding:16px!important;overflow-y:auto!important;
 background:rgba(2,5,3,.94)!important;backdrop-filter:blur(3px);
}
.pause-overlay>div{
 width:min(420px,calc(100vw - 32px))!important;max-width:100%!important;
 max-height:calc(100dvh - 32px)!important;margin:auto!important;
 box-sizing:border-box!important;overflow-y:auto!important;
 transform:none!important;animation:none!important;
}
.pause-overlay button{transform:none!important;animation:none!important;touch-action:manipulation}
.game-shell:before,.game-shell:after{pointer-events:none!important}