/* Snake Evolution — Arcade Hub redesign v1 */
:root{--se-bg:#070b09;--se-panel:#0c1410;--se-line:rgba(146,255,177,.17);--se-green:#8dffad;--se-amber:#ffc86b;--se-muted:#9aaea0;--se-radius:16px;--se-shadow:0 22px 70px rgba(0,0,0,.34)}
body{background-color:var(--se-bg)}
#bootMenu .boot-card{width:min(1120px,calc(100% - 28px));max-width:1120px;border:1px solid var(--se-line);border-radius:24px;overflow:hidden;box-shadow:var(--se-shadow);background:radial-gradient(ellipse at 18% 0%,rgba(61,232,121,.09),transparent 38%),linear-gradient(145deg,#0b120e,#080c0a 65%)}
#bootMenu .boot-topline{padding:20px 24px;border-bottom:1px solid var(--se-line)}
#bootMenu .boot-layout{grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr);gap:clamp(20px,4vw,48px);padding:clamp(24px,4vw,52px)}
#bootMenu .boot-hero{align-items:flex-start;text-align:left;min-width:0}
#bootMenu .boot-emblem{width:72px;height:72px;margin:0 0 24px;border-radius:20px;background:linear-gradient(145deg,rgba(141,255,173,.16),rgba(141,255,173,.02));border:1px solid var(--se-line)}
#bootMenu .boot-emblem img{width:48px;height:48px}
#bootMenu .boot-title{font-size:clamp(30px,5.2vw,64px);line-height:1.12;letter-spacing:-.055em;text-align:left;max-width:650px}
#bootMenu .boot-title-spacer{height:18px}
#bootMenu .boot-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:620px}
#bootMenu .boot-actions .boot-primary{grid-column:1/-1;min-height:62px;font-size:15px;letter-spacing:.09em;border-radius:12px;box-shadow:0 0 32px rgba(61,232,121,.12)}
#bootMenu .boot-action{min-height:48px;border-radius:10px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
#bootMenu .boot-action:hover{transform:translateY(-2px)}
#bootMenu .boot-actions .secondary{border:1px solid var(--se-line);background:rgba(255,255,255,.025);text-align:left;padding-inline:16px}
#bootMenu .boot-brief{align-self:stretch;padding:clamp(18px,2.6vw,28px);border:1px solid var(--se-line);border-radius:16px;background:linear-gradient(160deg,rgba(141,255,173,.055),rgba(255,255,255,.012))}
#bootMenu .brief-heading{margin-bottom:22px}
#bootMenu .brief-item{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07);gap:15px}
#bootMenu .brief-item strong{color:var(--se-green);font-size:12px}
#bootMenu .brief-item b{font-size:12px;letter-spacing:.07em}
#bootMenu .brief-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:20px}
#bootMenu .brief-controls kbd{border-radius:6px;padding:6px 8px;background:#111d15;border:1px solid var(--se-line)}
#bootMenu .landing-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 clamp(24px,4vw,52px) 24px;border:0}
#bootMenu .profile-block{padding:16px 18px;border:1px solid var(--se-line);border-radius:12px;background:rgba(255,255,255,.022);min-width:0}
#bootMenu .profile-block span{color:var(--se-muted);font-size:10px;letter-spacing:.12em}
#bootMenu .profile-block strong{display:block;margin-top:7px;font-size:13px;overflow-wrap:anywhere}
#bootMenu .se-hub{padding:0 clamp(24px,4vw,52px) 28px}
#bootMenu .se-hub-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:4px 0 14px}
#bootMenu .se-hub-kicker{font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--se-green);letter-spacing:.16em}
#bootMenu .se-hub-head h3{font-size:clamp(17px,2vw,22px);margin:5px 0 0;color:#eef8ef}
#bootMenu .se-hub-head p{font:12px/1.5 system-ui,sans-serif;color:var(--se-muted);margin:0}
#bootMenu .se-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#bootMenu .se-hub-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;min-height:112px;padding:16px;border-radius:12px;border:1px solid var(--se-line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));color:#e8f6eb;cursor:pointer}
#bootMenu .se-hub-tile:hover{border-color:rgba(141,255,173,.48);background:rgba(141,255,173,.055)}
#bootMenu .se-hub-tile .se-tile-icon{font-size:19px;color:var(--se-green)}
#bootMenu .se-hub-tile b{font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}
#bootMenu .se-hub-tile small{font:11px/1.45 system-ui,sans-serif;color:var(--se-muted)}
#bootMenu .se-hub-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;color:var(--se-muted);font:11px/1.5 system-ui,sans-serif}
#bootMenu .se-hub-foot strong{color:var(--se-green);font-weight:600}
#bootMenu .boot-panels{padding-inline:clamp(24px,4vw,52px)}
#bootMenu .boot-panel{border-radius:14px;border-color:var(--se-line);background:rgba(7,13,9,.96)}
#bootMenu .option-row{border-color:rgba(255,255,255,.07)}
#bootMenu .option-toggle[aria-pressed=true]{color:var(--se-green)}
#app{max-width:1200px;margin-inline:auto;padding-inline:clamp(10px,2vw,24px)}
#app .run-hud-v3{gap:12px}
#app .run-command-bar,#app .run-intel,#app .mission-block,#app .ability-bar,#app .controls,#app .run-mode-bar{border-color:var(--se-line);border-radius:14px;box-shadow:0 10px 32px rgba(0,0,0,.12)}
#app .run-command-bar{padding:clamp(12px,2vw,20px);background:linear-gradient(120deg,rgba(141,255,173,.055),rgba(255,255,255,.012))}
#app .run-identity h1{letter-spacing:-.045em}
#app .run-intel{gap:10px}
#app .time-tile,#app .xp-module,#app .run-intel>*{border-radius:10px}
#app .ability-bar{gap:10px;padding:12px;background:rgba(10,17,12,.88)}
#app .ability-bar button,#app .ability-card{border-radius:10px;min-height:62px}
#app .controls button{min-height:46px;border-radius:10px}
#app #game{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--se-line),0 20px 55px rgba(0,0,0,.28)}
#app #message .message-card,#app .ultimate-result-card{border-radius:18px;border:1px solid var(--se-line);box-shadow:var(--se-shadow)}
#app #message .message-card{padding:clamp(20px,4vw,38px)}
#app #message .gameover-details,#app #message .stats-grid{gap:10px}
#app #message button,#app #message .boot-action{min-height:46px;border-radius:10px}
#app :focus-visible,#bootMenu :focus-visible{outline:2px solid var(--se-green);outline-offset:3px}
@media(max-width:760px){#bootMenu .boot-layout{grid-template-columns:1fr;padding:22px;gap:24px}#bootMenu .boot-hero{align-items:stretch}#bootMenu .boot-title{text-align:left;font-size:clamp(29px,9vw,48px)}#bootMenu .boot-brief{padding:18px}#bootMenu .landing-profile{padding:0 22px 20px;grid-template-columns:1fr 1fr}#bootMenu .profile-audio{grid-column:1/-1}#bootMenu .se-hub{padding:0 22px 22px}#bootMenu .se-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#bootMenu .se-hub-tile{min-height:100px;padding:13px}#bootMenu .boot-panels{padding-inline:22px}#app{padding-inline:8px}}
@media(max-width:390px){#bootMenu .boot-actions{grid-template-columns:1fr}#bootMenu .boot-actions .boot-primary{grid-column:auto}#bootMenu .landing-profile{grid-template-columns:1fr 1fr}#bootMenu .profile-block{padding:12px}#bootMenu .se-hub-head{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){#bootMenu .boot-action{transition:none}#bootMenu .boot-action:hover{transform:none}}

/* LANDING V2 — PIXEL ARCADE SYSTEM
   Reworks presentation only: existing controls, IDs, and game wiring stay intact. */
#bootMenu.boot-menu{
  display:grid!important;place-items:start center!important;
  min-height:100dvh!important;height:auto!important;overflow-y:auto!important;
  padding:clamp(12px,2.4vw,32px)!important;
  background:
    linear-gradient(rgba(121,227,91,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(121,227,91,.035) 1px,transparent 1px),
    radial-gradient(ellipse at 50% 0%,rgba(121,227,91,.10),transparent 46%),
    #050806!important;
  background-size:24px 24px,24px 24px,auto,auto!important;
}
#bootMenu .boot-card{
  width:min(1160px,100%)!important;max-width:1160px!important;
  max-height:none!important;overflow:visible!important;
  margin:auto!important;padding:0!important;
  border:2px solid #314d36!important;border-radius:4px!important;
  background:linear-gradient(180deg,#0b120d 0%,#070b08 100%)!important;
  box-shadow:8px 8px 0 #020302,0 0 0 4px rgba(121,227,91,.025),0 0 64px rgba(121,227,91,.075)!important;
  text-align:left!important;
}
#bootMenu .boot-topline{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  padding:15px clamp(16px,2.5vw,28px)!important;margin:0!important;
  border-bottom:2px solid #263b2b!important;background:#080e0a!important;
}
#bootMenu .boot-topline>.eyebrow{font-size:9px!important;letter-spacing:1.5px!important;color:#79e35b!important}
#bootMenu .boot-top-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important}
#bootMenu .game-version,#bootMenu .boot-clock,#bootMenu .boot-status{
  display:inline-flex!important;align-items:center!important;min-height:27px!important;padding:7px 8px!important;
  border:1px solid #2b4430!important;border-radius:2px!important;background:#0b150d!important;
  color:#a7c4a8!important;font:7px/1.5 "Press Start 2P",monospace!important;letter-spacing:0!important;
}
#bootMenu .boot-status i{width:6px;height:6px;display:inline-block;margin-right:7px;background:#79e35b;box-shadow:0 0 8px #79e35b}
#bootMenu .boot-layout{
  display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)!important;
  gap:clamp(16px,2.5vw,28px)!important;padding:clamp(16px,2.5vw,28px)!important;
}
#bootMenu .boot-hero{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  min-width:0!important;padding:clamp(18px,3vw,34px)!important;
  border:1px solid #2b4330!important;border-radius:3px!important;
  background:radial-gradient(ellipse at 15% 0%,rgba(121,227,91,.10),transparent 54%),#0a110c!important;
  box-shadow:inset 0 0 0 4px rgba(0,0,0,.12)!important;
}
#bootMenu .boot-emblem{
  width:64px!important;height:64px!important;margin:0 0 22px!important;
  display:grid!important;place-items:center!important;border:2px solid #426347!important;border-radius:3px!important;
  background:#0b170e!important;box-shadow:4px 4px 0 #030503!important;
}
#bootMenu .boot-emblem img{width:44px!important;height:44px!important}
#bootMenu .boot-title{
  max-width:100%!important;margin:0!important;padding:0!important;
  font:clamp(24px,3.5vw,44px)/1.45 "Press Start 2P",monospace!important;
  letter-spacing:-1.3px!important;text-align:left!important;color:#e2f5df!important;
  text-shadow:3px 3px 0 #172b1a!important;overflow-wrap:anywhere!important;
}
#bootMenu .boot-title b{display:block!important;color:#79e35b!important}
#bootMenu .boot-title-spacer{height:15px!important}
#bootMenu .boot-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;width:100%!important;max-width:none!important;margin-top:12px!important;
}
#bootMenu .boot-action{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  min-width:0!important;min-height:48px!important;margin:0!important;padding:12px!important;
  border:1px solid #334c38!important;border-radius:2px!important;
  background:#0b140e!important;color:#cde7ca!important;
  font:8px/1.7 "Press Start 2P",monospace!important;letter-spacing:0!important;text-align:left!important;
  box-shadow:3px 3px 0 #020402!important;transition:transform .14s,border-color .14s,background .14s!important;
}
#bootMenu .boot-action:hover{transform:translate(-1px,-1px)!important;border-color:#79e35b!important;background:#102015!important}
#bootMenu .boot-actions .boot-primary{
  grid-column:1/-1!important;min-height:60px!important;padding:16px!important;
  border:2px solid #79e35b!important;background:linear-gradient(180deg,#18331e,#0e1c12)!important;
  color:#baffaa!important;font-size:11px!important;letter-spacing:.6px!important;
  box-shadow:4px 4px 0 #29442e,0 0 24px rgba(121,227,91,.10)!important;
}
#bootMenu .boot-actions .secondary{background:#0a100c!important}
#bootMenu .boot-brief{
  align-self:stretch!important;min-width:0!important;padding:clamp(17px,2.3vw,26px)!important;
  border:1px solid #2b4330!important;border-radius:3px!important;
  background:linear-gradient(145deg,#0d1710,#080d09)!important;
}
#bootMenu .brief-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  margin:0 0 15px!important;padding:0 0 14px!important;border-bottom:1px solid #2b4030!important;
  color:#79e35b!important;font:9px/1.7 "Press Start 2P",monospace!important;
}
#bootMenu .brief-heading b{color:#ffd85c!important;font-size:7px!important}
#bootMenu .brief-item{display:flex!important;align-items:center!important;gap:13px!important;padding:15px 0!important;border-bottom:1px solid #1c2a20!important}
#bootMenu .brief-item>strong{
  display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;
  border:1px solid #35513a!important;background:#0b160e!important;color:#79e35b!important;font-size:9px!important;
}
#bootMenu .brief-item>div b{font:8px/1.8 "Press Start 2P",monospace!important;color:#d7ead4!important}
#bootMenu .brief-controls{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:16px!important;padding-top:14px!important;border-top:1px solid #1c2a20!important}
#bootMenu .brief-controls span{font:7px/1.6 "Press Start 2P",monospace!important;color:#90a892!important}
#bootMenu .brief-controls kbd{padding:7px!important;border:1px solid #38523d!important;border-radius:2px!important;background:#060b07!important;color:#b7e9b1!important;font:7px/1.4 "Press Start 2P",monospace!important}
#bootMenu .landing-profile{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
  padding:0 clamp(16px,2.5vw,28px) 18px!important;margin:0!important;border:0!important;
}
#bootMenu .profile-block{
  min-width:0!important;padding:15px!important;border:1px solid #2b4030!important;border-radius:3px!important;
  background:#09100b!important;box-shadow:inset 0 0 18px rgba(0,0,0,.15)!important;
}
#bootMenu .profile-block span{display:block!important;color:#8aa28c!important;font:7px/1.8 "Press Start 2P",monospace!important;letter-spacing:0!important}
#bootMenu .profile-block strong{display:block!important;margin-top:10px!important;color:#e0f4dc!important;font:9px/1.8 "Press Start 2P",monospace!important;overflow-wrap:anywhere!important}
#bootMenu .profile-audio strong{color:#79e35b!important}
#bootMenu .se-hub{
  margin:0 clamp(16px,2.5vw,28px) 20px!important;padding:18px!important;
  border:1px solid #35513a!important;border-radius:3px!important;
  background:linear-gradient(135deg,rgba(121,227,91,.055),transparent 48%),#080e0a!important;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.16)!important;
}
#bootMenu .se-hub-head{align-items:center!important;margin:0 0 16px!important;padding-bottom:13px!important;border-bottom:1px solid #25392a!important}
#bootMenu .se-hub-kicker{font:7px/1.8 "Press Start 2P",monospace!important;letter-spacing:0!important;color:#79e35b!important}
#bootMenu .se-hub-head h3{margin:8px 0 0!important;color:#e2f5df!important;font:clamp(12px,1.5vw,16px)/1.7 "Press Start 2P",monospace!important}
#bootMenu .se-hub-head p{margin:0!important;color:#ffd85c!important;font:7px/1.8 "Press Start 2P",monospace!important;text-align:right!important}
#bootMenu .se-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
#bootMenu .se-hub-tile{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;
  min-width:0!important;min-height:124px!important;padding:14px!important;
  border:1px solid #2d4432!important;border-radius:3px!important;background:#0a120c!important;
  color:#d9efd5!important;text-align:left!important;box-shadow:3px 3px 0 #020402!important;
  transition:transform .14s,border-color .14s,background .14s!important;
}
#bootMenu .se-hub-tile:hover{transform:translate(-1px,-1px)!important;border-color:#79e35b!important;background:#102015!important}
#bootMenu .se-hub-tile .se-tile-icon{font:20px/1.2 "Press Start 2P",monospace!important;color:#79e35b!important}
#bootMenu .se-hub-tile b{font:7px/1.8 "Press Start 2P",monospace!important;letter-spacing:0!important;overflow-wrap:anywhere!important}
#bootMenu .se-hub-tile small{font:11px/1.6 ui-monospace,monospace!important;color:#90a892!important}
#bootMenu .se-hub-foot{padding-top:13px!important;font:7px/1.8 "Press Start 2P",monospace!important;color:#90a892!important}
#bootMenu .se-hub-foot strong{color:#79e35b!important}
#bootMenu .boot-panels{padding:0 clamp(16px,2.5vw,28px) 24px!important}
#bootMenu .boot-panel{margin-top:12px!important;padding:18px!important;border:1px solid #2d4432!important;border-radius:3px!important;background:#080e0a!important;color:#d9efd5!important}
#bootMenu .boot-panel-heading{border-color:#25392a!important}
#bootMenu .boot-panel-heading b{font:9px/1.8 "Press Start 2P",monospace!important;color:#79e35b!important}
#bootMenu .boot-panel-heading small{font:7px/1.8 ui-monospace,monospace!important;color:#90a892!important}
#bootMenu .boot-panel-heading>strong{font:7px/1.8 "Press Start 2P",monospace!important;color:#ffd85c!important}
#bootMenu .option-row{border-color:#1c2a20!important}
#bootMenu .option-row>div:first-child b{font:8px/1.8 "Press Start 2P",monospace!important;color:#d9efd5!important}
#bootMenu .option-row>div:first-child small{font:11px/1.6 ui-monospace,monospace!important;color:#90a892!important}
#bootMenu .option-toggle{border:1px solid #38523d!important;border-radius:2px!important;background:#0b150d!important;color:#9cb49d!important;font:8px/1.6 "Press Start 2P",monospace!important}
#bootMenu .option-toggle[aria-pressed=true]{border-color:#79e35b!important;color:#79e35b!important}
#bootMenu .boot-panel button{font-family:"Press Start 2P",monospace!important}
#bootMenu .se-profile-dialog{margin:14px clamp(16px,2.5vw,28px) 20px!important;padding:18px!important;white-space:pre-line!important;font:8px/2 "Press Start 2P",monospace!important;color:#d9efd5!important}
#bootMenu .se-profile-dialog>div{color:#d9efd5!important}
#bootMenu .se-profile-dialog button{margin-top:14px!important}
#bootMenu :focus-visible{outline:2px solid #ffd85c!important;outline-offset:3px!important}
@media(max-width:900px){
  #bootMenu .boot-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)!important;gap:12px!important;padding:14px!important}
  #bootMenu .boot-hero{padding:20px!important}
  #bootMenu .boot-title{font-size:clamp(22px,4vw,34px)!important}
  #bootMenu .boot-brief{padding:16px!important}
  #bootMenu .se-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  #bootMenu.boot-menu{padding:8px!important}
  #bootMenu .boot-topline{align-items:flex-start!important;padding:12px!important;flex-direction:column!important}
  #bootMenu .boot-top-meta{justify-content:flex-start!important}
  #bootMenu .game-version,#bootMenu .boot-clock,#bootMenu .boot-status{font-size:6px!important}
  #bootMenu .boot-layout{grid-template-columns:1fr!important;padding:10px!important}
  #bootMenu .boot-hero{padding:18px!important}
  #bootMenu .boot-title{font-size:clamp(21px,6.6vw,34px)!important}
  #bootMenu .boot-emblem{width:52px!important;height:52px!important;margin-bottom:16px!important}
  #bootMenu .boot-emblem img{width:36px!important;height:36px!important}
  #bootMenu .boot-actions{gap:8px!important}
  #bootMenu .boot-action{min-height:44px!important;padding:10px!important;font-size:7px!important}
  #bootMenu .boot-actions .boot-primary{min-height:54px!important;font-size:9px!important}
  #bootMenu .boot-brief{padding:15px!important}
  #bootMenu .landing-profile{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 10px 12px!important;gap:7px!important}
  #bootMenu .profile-block{padding:12px!important}
  #bootMenu .profile-block span{font-size:6px!important}
  #bootMenu .profile-block strong{font-size:7px!important}
  #bootMenu .profile-audio{grid-column:1/-1}
  #bootMenu .se-hub{margin:0 10px 14px!important;padding:13px!important}
  #bootMenu .se-hub-head{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
  #bootMenu .se-hub-head h3{font-size:12px!important}
  #bootMenu .se-hub-head p{text-align:left!important}
  #bootMenu .se-hub-tile{min-height:112px!important;padding:11px!important}
  #bootMenu .se-hub-tile b{font-size:6px!important}
  #bootMenu .se-hub-tile small{font-size:10px!important}
  #bootMenu .se-hub-foot{font-size:6px!important}
  #bootMenu .boot-panels{padding:0 10px 16px!important}
  #bootMenu .boot-panel{padding:12px!important}
}
@media(max-width:390px){
  #bootMenu .boot-actions{grid-template-columns:1fr!important}
  #bootMenu .boot-actions .boot-primary{grid-column:auto!important}
  #bootMenu .brief-item>div b{font-size:7px!important}
  #bootMenu .se-hub-grid{grid-template-columns:1fr 1fr!important}
  #bootMenu .se-hub-tile{min-height:105px!important}
  #bootMenu .se-hub-tile small{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){
  #bootMenu .boot-action,#bootMenu .se-hub-tile{transition:none!important}
  #bootMenu .boot-action:hover,#bootMenu .se-hub-tile:hover{transform:none!important}
}


/* PLAYER CENTER V2 — progress dashboard, not a second navigation menu. */
#bootMenu .landing-profile{display:none!important}
#bootMenu .se-hub{
  display:block!important;margin:24px clamp(16px,2.5vw,28px) 30px!important;padding:clamp(18px,2.5vw,28px)!important;
  border:1px solid #2e4934!important;border-radius:3px!important;
  background:radial-gradient(ellipse at 0 0,rgba(121,227,91,.07),transparent 52%),linear-gradient(145deg,#0a120c,#060a07)!important;
  box-shadow:inset 0 0 0 4px rgba(0,0,0,.13)!important;
}
#bootMenu .se-hub-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  margin:0 0 22px!important;padding:0 0 18px!important;border-bottom:1px solid #263b2b!important;
}
#bootMenu .se-hub-kicker{font:7px/1.8 "Press Start 2P",monospace!important;letter-spacing:.02em!important;color:#79e35b!important}
#bootMenu .se-hub-head h3{margin:9px 0 5px!important;color:#e2f5df!important;font:clamp(13px,1.7vw,18px)/1.7 "Press Start 2P",monospace!important}
#bootMenu .se-hub-description{margin:0!important;color:#90a892!important;font:12px/1.7 ui-monospace,monospace!important}
#bootMenu .se-hub-mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #38543d;background:#0b160e;color:#79e35b;font-size:18px;box-shadow:4px 4px 0 #020402}
#bootMenu .se-progress-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#bootMenu .se-progress-stat{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:11px!important;
  min-width:0!important;min-height:132px!important;padding:18px!important;
  border:1px solid #2a4030!important;border-radius:2px!important;background:linear-gradient(145deg,#0d1710,#080d09)!important;
  box-shadow:4px 4px 0 #020402!important;
}
#bootMenu .se-progress-stat.se-progress-best{border-color:#4a714d!important;background:linear-gradient(145deg,rgba(121,227,91,.10),transparent 95%),#0b150d!important}
#bootMenu .se-stat-label{color:#8fa991!important;font:7px/1.8 "Press Start 2P",monospace!important;letter-spacing:0!important}
#bootMenu .se-progress-stat strong{display:block;max-width:100%;overflow-wrap:anywhere;color:#e5f7e1!important;font:clamp(19px,2.5vw,30px)/1.35 "Press Start 2P",monospace!important;letter-spacing:-.04em!important}
#bootMenu .se-progress-best strong{color:#79e35b!important}
#bootMenu .se-progress-stat small{color:#829986!important;font:11px/1.6 ui-monospace,monospace!important}
#bootMenu .se-hub-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-top:20px!important;padding-top:15px!important;border-top:1px solid #203125!important;color:#829986!important;font:7px/1.8 "Press Start 2P",monospace!important}
#bootMenu .se-hub-storage{display:inline-flex;align-items:center;gap:8px;color:#9cb49d}
#bootMenu .se-hub-storage i{width:6px;height:6px;border-radius:50%;background:#79e35b;box-shadow:0 0 8px #79e35b}
#bootMenu .boot-panels{padding-top:0!important}
@media(max-width:900px){#bootMenu .se-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#bootMenu .se-progress-stat{min-height:116px!important}}
@media(max-width:680px){
 #bootMenu .se-hub{margin:18px 10px 22px!important;padding:15px!important}
 #bootMenu .se-hub-head{margin-bottom:15px!important;padding-bottom:14px!important}
 #bootMenu .se-hub-head h3{font-size:12px!important}
 #bootMenu .se-hub-description{font-size:11px!important}
 #bootMenu .se-hub-mark{flex-basis:34px;width:34px;height:34px;font-size:14px}
 #bootMenu .se-progress-grid{gap:9px!important}
 #bootMenu .se-progress-stat{min-height:106px!important;padding:12px!important;gap:8px!important}
 #bootMenu .se-stat-label{font-size:6px!important}
 #bootMenu .se-progress-stat strong{font-size:clamp(17px,5vw,23px)!important}
 #bootMenu .se-progress-stat small{font-size:10px!important}
 #bootMenu .se-hub-foot{font-size:6px!important}
}
@media(max-width:390px){#bootMenu .se-progress-grid{grid-template-columns:1fr 1fr!important}#bootMenu .se-progress-stat{min-height:100px!important;padding:10px!important}#bootMenu .se-progress-stat strong{font-size:17px!important}#bootMenu .se-stat-label{font-size:5px!important}}


/* LANDING FINISH — visual hierarchy, tactile controls, responsive polish.
   Scoped to the boot menu; no game logic or gameplay layout changes. */
#bootMenu{
  isolation:isolate;
  background:
    radial-gradient(ellipse at 50% 8%,rgba(141,255,173,.105),transparent 38%),
    linear-gradient(rgba(141,255,173,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(141,255,173,.028) 1px,transparent 1px),
    #050806!important;
  background-size:auto,28px 28px,28px 28px,auto!important;
}
#bootMenu .boot-card{
  position:relative!important;
  border-color:#3c6044!important;
  box-shadow:0 0 0 1px #0a160d,0 22px 70px #0009,0 0 72px #79e35b0c!important;
}
#bootMenu .boot-card:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,#a5ff7d05 48%,transparent 70%);
}
#bootMenu .boot-topline,
#bootMenu .boot-layout,
#bootMenu .se-hub,
#bootMenu .boot-panels{position:relative;z-index:1}
#bootMenu .boot-topline{
  background:linear-gradient(90deg,#09120b,#0a100c 60%,#080e0a)!important;
}
#bootMenu .boot-topline>.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#b7d8bb!important;
  font-size:8px!important;
  letter-spacing:2px!important;
}
#bootMenu .boot-topline>.eyebrow:before{
  content:"";
  width:7px;height:7px;flex:0 0 7px;
  background:#8dffad;
  box-shadow:0 0 12px #8dffad80;
}
#bootMenu .boot-hero{
  position:relative;
  overflow:hidden;
  border-color:#3a5940!important;
  background:
    radial-gradient(ellipse at 8% 0%,#8dffad13,transparent 48%),
    linear-gradient(150deg,#0d1911,#080e0a 72%)!important;
  box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0003!important;
}
#bootMenu .boot-emblem{
  position:relative;
  box-shadow:0 0 0 5px #8dffad08,0 0 28px #8dffad12!important;
}
#bootMenu .boot-title{
  text-wrap:balance;
  text-shadow:0 4px 0 #09150b,0 0 28px #8dffad12!important;
}
#bootMenu .boot-title b{
  color:#a5ff7d!important;
  text-shadow:0 0 24px #8dffad1b!important;
}
#bootMenu .boot-tagline{
  max-width:48ch!important;
  color:#b1c7b5!important;
  font-size:clamp(11px,.9vw,13px)!important;
  line-height:1.85!important;
  letter-spacing:.01em!important;
}
#bootMenu .boot-pills span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-color:#36563d!important;
  color:#c5ddc8!important;
  box-shadow:inset 0 1px #ffffff08;
}
#bootMenu .boot-actions .boot-primary,
#bootMenu .boot-actions #bootStart{
  position:relative;
  justify-content:center!important;
  border:1px solid #a5ff7d!important;
  background:linear-gradient(180deg,#25472c,#112819 65%,#0c1b11)!important;
  color:#d9ffd0!important;
  box-shadow:0 4px 0 #203d27,0 0 24px #8dffad13,inset 0 1px #ffffff18!important;
  text-shadow:0 0 12px #8dffad1c;
  transition:filter .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
#bootMenu .boot-actions .boot-primary:hover,
#bootMenu .boot-actions #bootStart:hover{
  transform:none!important;
  filter:brightness(1.12);
  box-shadow:0 4px 0 #203d27,0 0 32px #8dffad25,inset 0 1px #ffffff20!important;
}
#bootMenu .boot-actions .boot-primary:active,
#bootMenu .boot-actions #bootStart:active{
  transform:translateY(2px)!important;
  box-shadow:0 2px 0 #203d27,inset 0 1px #ffffff18!important;
}
#bootMenu .boot-actions .secondary{
  border-color:#2d4934!important;
  background:linear-gradient(145deg,#101b13,#0a100c)!important;
  color:#d1e3d3!important;
  box-shadow:inset 0 1px #ffffff08,0 3px 0 #020503!important;
  transition:border-color .16s ease,background .16s ease,color .16s ease!important;
}
#bootMenu .boot-actions .secondary:hover{
  transform:none!important;
  border-color:#65946d!important;
  background:linear-gradient(145deg,#14251a,#0b140e)!important;
  color:#f0fff0!important;
}
#bootMenu .boot-brief{
  position:relative;
  overflow:hidden;
  border-color:#344e39!important;
  background:
    radial-gradient(ellipse at 100% 0%,#ffd66b0c,transparent 38%),
    linear-gradient(145deg,#0d1710,#080d09)!important;
}
#bootMenu .brief-heading{
  color:#a5ff7d!important;
  letter-spacing:1.1px!important;
}
#bootMenu .brief-heading b{color:#ffd66b!important}
#bootMenu .brief-item{
  transition:background .16s ease,border-color .16s ease;
}
#bootMenu .brief-item:hover{
  background:linear-gradient(90deg,#8dffad08,transparent);
}
#bootMenu .brief-item>strong{
  color:#a5ff7d!important;
  text-shadow:0 0 12px #8dffad12;
}
#bootMenu .brief-item b{color:#e3f1e4!important}
#bootMenu .brief-item small{color:#91a995!important;line-height:1.7}
#bootMenu .brief-controls kbd{
  border-color:#385540!important;
  background:#0b160e!important;
  color:#bde8c0!important;
  box-shadow:0 2px 0 #020503;
}
#bootMenu .se-hub{
  margin-top:4px!important;
}
#bootMenu .se-hub-head{
  align-items:center!important;
  margin-bottom:16px!important;
}
#bootMenu .se-hub-kicker{
  color:#a5ff7d!important;
  letter-spacing:.13em!important;
}
#bootMenu .se-hub-head h3{
  line-height:1.6!important;
  letter-spacing:-.02em!important;
}
#bootMenu .se-hub-description{
  max-width:56ch;
  color:#91a995!important;
}
#bootMenu .se-hub-mark{
  border-color:#3b5b41!important;
  color:#a5ff7d!important;
  background:linear-gradient(145deg,#14261a,#09120c)!important;
  box-shadow:4px 4px 0 #020503,0 0 20px #8dffad0c!important;
}
#bootMenu .se-hub-tile{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:122px!important;
  border-color:#2d4533!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,#101a13,#090f0b 80%)!important;
  box-shadow:inset 0 1px #ffffff08,0 4px 0 #020503!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
#bootMenu .se-hub-tile:before{
  content:"";
  position:absolute;z-index:-1;inset:0;
  background:radial-gradient(ellipse at 0 0,#8dffad0b,transparent 65%);
  pointer-events:none;
}
#bootMenu .se-hub-tile:hover{
  transform:none!important;
  border-color:#6b9b72!important;
  background:linear-gradient(145deg,#14251a,#0a120c)!important;
  box-shadow:inset 0 1px #ffffff0c,0 4px 0 #020503,0 0 18px #8dffad0b!important;
}
#bootMenu .se-hub-tile:active{filter:brightness(.96)}
#bootMenu .se-hub-tile .se-tile-icon{
  display:grid;place-items:center;
  width:34px;height:34px;
  border:1px solid #34523a;
  background:#0b160e;
  color:#a5ff7d!important;
  font-size:17px!important;
}
#bootMenu .se-hub-tile b{
  color:#e7f5e9!important;
  font-size:10px!important;
  line-height:1.6!important;
}
#bootMenu .se-hub-tile small{
  color:#94a998!important;
  line-height:1.65!important;
}
#bootMenu .se-hub-foot{
  border-top:1px solid #223729;
  margin-top:16px;
  line-height:1.8!important;
}
#bootMenu .se-hub-storage i{box-shadow:0 0 10px #8dffad80!important}
#bootMenu .boot-panels{padding-bottom:22px}
#bootMenu .boot-panel{
  border-color:#385440!important;
  box-shadow:inset 0 1px #ffffff08,0 12px 30px #0004!important;
}
#bootMenu .boot-action:focus-visible,
#bootMenu .se-hub-tile:focus-visible{
  outline:2px solid #b5ff9c!important;
  outline-offset:3px!important;
}
@media(max-width:760px){
  #bootMenu .boot-topline{padding:13px 15px!important}
  #bootMenu .boot-layout{gap:14px!important}
  #bootMenu .boot-hero{padding:clamp(16px,4vw,24px)!important}
  #bootMenu .boot-tagline{font-size:12px!important}
  #bootMenu .boot-actions{gap:8px!important}
  #bootMenu .boot-actions .boot-primary,
  #bootMenu .boot-actions #bootStart{min-height:54px!important;font-size:10px!important}
  #bootMenu .boot-actions .secondary{min-height:46px!important;font-size:7px!important}
  #bootMenu .se-hub-head{align-items:flex-start!important}
  #bootMenu .se-hub-tile{min-height:110px!important}
}
@media(max-width:420px){
  #bootMenu .boot-card{width:100%!important}
  #bootMenu .boot-topline{align-items:flex-start!important}
  #bootMenu .boot-top-meta{max-width:58%;gap:5px!important}
  #bootMenu .boot-tagline{font-size:11px!important}
  #bootMenu .boot-actions{grid-template-columns:1fr 1fr!important}
  #bootMenu .boot-actions .boot-primary,
  #bootMenu .boot-actions #bootStart{grid-column:1/-1!important}
  #bootMenu .se-hub{padding-inline:14px!important}
  #bootMenu .se-hub-head h3{font-size:11px!important}
  #bootMenu .se-hub-description{font-size:10px!important}
  #bootMenu .se-hub-grid{gap:8px!important}
  #bootMenu .se-hub-tile{min-height:104px!important;padding:10px!important}
  #bootMenu .se-hub-tile b{font-size:9px!important}
  #bootMenu .se-hub-tile small{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  #bootMenu .boot-actions button,
  #bootMenu .brief-item,
  #bootMenu .se-hub-tile{transition:none!important}
}


/* CONTROL DECK // tactile arcade toggle selection */
#bootOptionsPanel .option-toggle{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:76px!important;
  min-height:36px!important;
  padding:7px 11px!important;
  border:1px solid #3a4d40!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,#111913,#080d0a)!important;
  color:#84988a!important;
  font:8px/1.4 "Press Start 2P",monospace!important;
  letter-spacing:.5px!important;
  box-shadow:inset 0 1px #ffffff07,0 3px 0 #020503!important;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease!important;
}
#bootOptionsPanel .option-toggle:before{
  content:"";
  width:6px;height:6px;flex:0 0 6px;margin-right:8px;
  border-radius:50%;
  background:#526258;
  box-shadow:0 0 0 2px #52625820;
  transition:background .15s ease,box-shadow .15s ease;
}
#bootOptionsPanel .option-toggle[aria-pressed="true"]{
  border-color:#6aa779!important;
  background:linear-gradient(180deg,#183121,#0b1b11)!important;
  color:#baffad!important;
  box-shadow:inset 0 1px #ffffff0d,0 3px 0 #203d27,0 0 15px #8dffad0b!important;
}
#bootOptionsPanel .option-toggle[aria-pressed="true"]:before{
  background:#8dffad;
  box-shadow:0 0 9px #8dffad,0 0 0 3px #8dffad1b;
}
#bootOptionsPanel .option-toggle[aria-pressed="false"]{
  border-color:#354139!important;
  background:linear-gradient(180deg,#101511,#080b09)!important;
  color:#9aa99e!important;
  box-shadow:inset 0 1px #ffffff05,0 3px 0 #020503!important;
}
#bootOptionsPanel .option-toggle[aria-pressed="false"]:before{
  background:#58665c;
  box-shadow:0 0 0 3px #58665c1a;
}
#bootOptionsPanel .option-toggle:hover{
  transform:translateY(-1px);
  border-color:#91bd99!important;
  filter:brightness(1.08);
}
#bootOptionsPanel .option-toggle:active{
  transform:translateY(2px);
  box-shadow:inset 0 1px #ffffff05,0 1px 0 #020503!important;
}
#bootOptionsPanel .option-toggle:focus-visible{
  outline:2px solid #c6ffb9!important;
  outline-offset:3px!important;
}
#bootOptionsPanel .option-row{
  align-items:center!important;
  gap:14px!important;
}
#bootOptionsPanel .option-row>div:first-child{min-width:0}
#bootOptionsPanel .option-row>div:first-child b{
  display:block;
  line-height:1.8!important;
}
#bootOptionsPanel .snake-color-swatches .snake-swatch{
  position:relative;
  border:2px solid #29392d!important;
  border-radius:4px!important;
  box-shadow:0 3px 0 #020503,inset 0 1px #ffffff24!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
#bootOptionsPanel .snake-color-swatches .snake-swatch:hover{
  transform:translateY(-2px);
  border-color:#c8e7c9!important;
}
#bootOptionsPanel .snake-color-swatches .snake-swatch[aria-pressed="true"]{
  border-color:#d6ffd0!important;
  box-shadow:0 0 0 2px #8dffad33,0 0 14px var(--swatch),0 3px 0 #020503!important;
}
#bootOptionsPanel .snake-color-swatches .snake-swatch[aria-pressed="true"]:after{
  content:"✓";
  position:absolute;inset:0;
  display:grid;place-items:center;
  color:#fff;
  font:900 14px/1 system-ui,sans-serif;
  text-shadow:0 1px 4px #000;
}
@media(max-width:620px){
  #bootOptionsPanel .option-toggle{min-width:68px!important;min-height:38px!important;font-size:7px!important}
  #bootOptionsPanel .option-row{gap:10px!important}
}
@media(prefers-reduced-motion:reduce){
  #bootOptionsPanel .option-toggle,
  #bootOptionsPanel .snake-color-swatches .snake-swatch{transition:none!important}
  #bootOptionsPanel .option-toggle:hover,
  #bootOptionsPanel .snake-color-swatches .snake-swatch:hover{transform:none!important}
}