:root{--lime:#2ce5e5;--lime2:#83ffff;--ink:#030503;--paper:#f4f5ef;--red:#ff554f;--blue:#56a8ff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;font-family:"Courier New",monospace}.screen-off{width:100%;height:100%;position:relative;background:#020302;color:#fff;border:4px solid #080a08}.screen-off:before{content:"";position:absolute;inset:0;z-index:15;pointer-events:none;box-shadow:inset 0 0 70px #000,inset 0 0 18px rgba(44,229,229,.08)}.screen-off:after{content:"";position:absolute;z-index:18;inset:5px;pointer-events:none;border:2px solid rgba(44,229,229,.14)}.crt{position:absolute;z-index:20;inset:0;pointer-events:none;opacity:.11;background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 4px),linear-gradient(90deg,rgba(255,0,0,.018),rgba(0,255,0,.012),rgba(0,0,255,.018))}canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;background:#050805}.hidden{display:none!important}
.boot{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(44,229,229,.10),#020302 58%);text-align:center}.boot .yc{width:88px;height:88px;display:grid;place-items:center;border:4px solid var(--lime);color:var(--lime);font-size:34px;font-weight:1000;box-shadow:8px 8px 0 #000,0 0 32px rgba(44,229,229,.20)}.boot h1{margin:20px 0 4px;font-size:31px;letter-spacing:3px;text-shadow:4px 4px #000}.boot p{margin:0;color:var(--lime);font-size:12px;font-weight:900;letter-spacing:4px}.boot span{margin-top:34px;color:#778277;font-size:10px;font-weight:900;letter-spacing:2px}
/* ultra-thin shared status strip; each game's main HUD is drawn on the canvas */
.hud{position:absolute;z-index:8;left:18px;right:18px;top:7px;height:15px;display:grid;grid-template-columns:1fr 82px 116px 116px;gap:6px;align-items:center;pointer-events:none;padding:0 7px;border:1px solid rgba(44,229,229,.24);background:rgba(0,0,0,.68);box-shadow:3px 3px 0 rgba(0,0,0,.55)}.hud>div{display:flex;align-items:center;gap:6px;min-width:0}.hud span,.hud small{font-size:6px;font-weight:1000;letter-spacing:.8px;color:#899389}.hud #gameName{color:#fff;font-size:7px}.hud #modeName{color:var(--lime)}.hud-center{justify-content:center}.hud strong{color:var(--lime);font-size:8px}.score{justify-content:flex-end}.rival strong{color:#fff}.screen-off[data-game="squabble_up"] .hud-center,.screen-off[data-game="yc_ballin"] .hud-center,.screen-off[data-game="turbo_805"] .hud-center,.screen-off[data-game="fourth_goal"] .hud-center{opacity:.30}
.controls{position:absolute;z-index:8;left:50%;bottom:8px;transform:translateX(-50%);padding:4px 8px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.72);color:#d9dfd9;font-size:6px;font-weight:1000;letter-spacing:.5px;white-space:nowrap;box-shadow:3px 3px 0 #000}.screen-off[data-game="squabble_up"] .controls,.screen-off[data-game="yc_ballin"] .controls,.screen-off[data-game="turbo_805"] .controls,.screen-off[data-game="fourth_goal"] .controls{bottom:2px;opacity:.72}
.result{position:absolute;z-index:12;left:50%;top:50%;width:360px;transform:translate(-50%,-50%);padding:22px 26px;border:4px solid var(--lime);background:linear-gradient(145deg,rgba(2,4,2,.98),rgba(8,12,8,.98));box-shadow:12px 12px 0 #000,0 0 42px rgba(44,229,229,.14);text-align:center}.result:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.result span{color:var(--lime);font-size:8px;font-weight:1000;letter-spacing:3px}.result h1{margin:8px 0 12px;font-size:28px;letter-spacing:2px;text-shadow:3px 3px #000}.result strong{display:block;color:var(--lime);font-size:52px;line-height:1;text-shadow:4px 4px #000}.result p{margin:7px 0 16px;color:#a1aba2;font-size:8px;font-weight:900;letter-spacing:1.5px}.result small{display:block;padding-top:9px;border-top:1px solid rgba(255,255,255,.10);color:#6f796f;font-size:7px;letter-spacing:1px}


/* --- v2.4.0 DEEP STREET FIGHTER STYLE --- */
.screen-off{border:0;background:#010101}
.screen-off:before{box-shadow:inset 0 0 115px rgba(0,0,0,.96),inset 0 0 26px rgba(44,229,229,.04)}
.screen-off:after{inset:10px;border:1px solid rgba(255,255,255,.04)}
.crt{opacity:.07}
.hud{left:18px;right:18px;top:8px;height:15px;padding:0;border:0;background:transparent;box-shadow:none;grid-template-columns:1fr 80px 110px 110px}
.hud>div{padding:0 8px;background:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.16));clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(44,229,229,.15)}
.hud-center{justify-content:center;background:linear-gradient(90deg,rgba(50,56,50,.75),rgba(14,18,14,.70))!important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)!important}
.controls{bottom:6px;padding:3px 12px;border:0;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.76),rgba(0,0,0,.12));clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:none;color:#f2f7f2;letter-spacing:.9px}
.result{border:0;background:linear-gradient(180deg,rgba(10,12,10,.46),rgba(2,3,2,.94));clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%);box-shadow:0 14px 44px rgba(0,0,0,.72),0 0 32px rgba(44,229,229,.12)}
.result:before{inset:0;border:1px solid rgba(255,255,255,.08);clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%)}


/* === v2.5.0 A+ PER-GAME HUD CLEANUP === */
.screen-off[data-game="squabble_up"] .hud,
.screen-off[data-game="yc_ballin"] .hud,
.screen-off[data-game="turbo_805"] .hud,
.screen-off[data-game="fourth_goal"] .hud{opacity:0!important;visibility:hidden!important}
.screen-off[data-game="squabble_up"] .controls,
.screen-off[data-game="yc_ballin"] .controls,
.screen-off[data-game="turbo_805"] .controls,
.screen-off[data-game="fourth_goal"] .controls{bottom:5px;opacity:.92;background:linear-gradient(90deg,transparent,rgba(0,0,0,.78) 18%,rgba(0,0,0,.78) 82%,transparent);padding:4px 18px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.result{width:430px;padding:24px 34px 26px;background:linear-gradient(180deg,rgba(4,6,4,.12),rgba(0,0,0,.86));backdrop-filter:blur(2px);box-shadow:0 18px 54px rgba(0,0,0,.76),0 0 38px rgba(44,229,229,.10)}
.result:after{content:"";position:absolute;left:-80px;right:-80px;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--lime),transparent);opacity:.45;z-index:-1}
.result h1{font-size:34px;font-style:italic;letter-spacing:2.2px}


/* === v2.6.0 A+ HUD SAFE AREA === */
.screen-off[data-game="squabble_up"] .controls,
.screen-off[data-game="yc_ballin"] .controls,
.screen-off[data-game="turbo_805"] .controls,
.screen-off[data-game="fourth_goal"] .controls{bottom:1px;min-height:12px;padding:2px 16px;font-size:5.5px;line-height:1.15;box-shadow:0 -8px 20px rgba(0,0,0,.20)}
.screen-off[data-game="squabble_up"] .controls{border-top:1px solid rgba(44,229,229,.20)}
.screen-off[data-game="yc_ballin"] .controls{border-top:1px solid rgba(255,216,74,.18)}
.screen-off[data-game="turbo_805"] .controls{border-top:1px solid rgba(86,168,255,.18)}
.screen-off[data-game="fourth_goal"] .controls{border-top:1px solid rgba(244,245,239,.14)}


/* === SQUABBLE UP v2.11.0 — RUN IT BACK CHOICE === */
.screen-off[data-game="squabble_up"] .result:has(.squabble-runback:not(.hidden)){
  width:500px;
  padding-bottom:24px;
}
.squabble-runback{
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid rgba(44,229,229,.28);
}
.squabble-runback h2{
  margin:0 0 12px;
  color:var(--paper);
  font-size:22px;
  font-style:italic;
  letter-spacing:2.4px;
  text-shadow:3px 3px #000;
}
.runback-choice-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
}
.runback-click,.runback-or{
  color:#8f9a90!important;
  font-size:7px!important;
  letter-spacing:1.2px!important;
}
.squabble-runback button{
  appearance:none;
  border:2px solid var(--lime);
  background:rgba(0,0,0,.90);
  color:var(--paper);
  min-width:92px;
  height:35px;
  padding:0 14px;
  font-family:"Courier New",monospace;
  font-size:11px;
  font-weight:1000;
  letter-spacing:1.3px;
  cursor:pointer;
  box-shadow:4px 4px 0 #000,0 0 16px rgba(44,229,229,.08);
  transition:transform .08s ease,background .08s ease,color .08s ease,box-shadow .08s ease;
}
.squabble-runback button:hover,
.squabble-runback button:focus{
  outline:none;
  background:var(--lime);
  color:#050705;
  transform:translate(-1px,-1px);
  box-shadow:5px 5px 0 #000,0 0 22px rgba(44,229,229,.22);
}
.squabble-runback button#runbackTurntDown{
  border-color:rgba(244,245,239,.62);
}
.squabble-runback button#runbackTurntDown:hover,
.squabble-runback button#runbackTurntDown:focus{
  background:var(--paper);
  color:#050705;
}
.squabble-runback button:disabled{
  opacity:.45;
  cursor:wait;
  transform:none;
}
.squabble-runback small{
  margin-top:11px;
  padding-top:8px!important;
  border-top:0!important;
  color:#727c73!important;
  font-size:6px!important;
}

/* Web edition: extra smaller display safety */
@media(max-width:600px){.result{max-width:92%;padding:8px 12px!important}.result h1{font-size:18px}.screen-off[data-game="squabble_up"] .result:has(.squabble-runback:not(.hidden)){max-width:94%}.squabble-runback h2{font-size:16px}}