:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--gold:#ffd400;--red:#d7261e;--blue:#1f3fbf;--font:Impact, "Arial Black", "Helvetica Neue", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;font-family:var(--font);background:#0b1026;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#game{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#scoreboard{top:calc(6px + var(--sat));letter-spacing:1px;background:#111;border:3px solid #000;border-radius:6px;align-items:stretch;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 3px #000,0 0 18px #0009}.sb-team{text-shadow:2px 2px #000;align-items:center;padding:4px 12px;font-size:20px;display:flex}.sb-team.home{background:var(--red)}.sb-team.away{background:var(--blue)}.sb-mid{text-align:center;background:linear-gradient(#222,#000);padding:3px 14px}#sb-down{color:var(--gold);text-shadow:2px 2px #000;font-size:20px}.sb-small{color:#ccc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px;font-weight:700}#turbo{top:calc(52px + var(--sat));background:#300;border:2px solid #000;border-radius:3px;width:160px;height:12px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}#turbo-fill{background:linear-gradient(90deg,#ff3b00,#ffd400);width:100%;height:100%;transition:width 80ms linear}#turbo span{text-align:center;color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-size:9px;font-weight:900;line-height:9px;position:absolute;top:0;bottom:0;left:0;right:0}#banner{opacity:0;text-align:center;pointer-events:none;white-space:nowrap;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)scale(.6)}#banner.show{animation:.35s cubic-bezier(.2,1.6,.4,1) forwards bannerIn}#banner-head{color:var(--gold);-webkit-text-stroke:2px #000;text-shadow:4px 4px #000,0 0 30px #ffc80099;font-size:clamp(34px,8vw,72px);font-style:italic}#banner.k-touchdown #banner-head{color:#fff;text-shadow:4px 4px 0 var(--red), 0 0 40px #ff0}#banner.k-interception #banner-head,#banner.k-sack #banner-head{color:#ff4b3a}#banner-sub{text-shadow:2px 2px #000;margin-top:4px;font-size:clamp(14px,2.6vw,22px)}@keyframes bannerIn{to{opacity:1;transform:translate(-50%,-50%)scale(1)}}#prompt{bottom:calc(14px + var(--sab));text-shadow:2px 2px #000;color:#fff;opacity:.9;white-space:nowrap;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-size:15px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}#btn-settings{top:calc(8px + var(--sat));right:calc(10px + var(--sar));pointer-events:auto;color:#fff;background:#0000008c;border:2px solid #000;border-radius:50%;width:40px;height:40px;font-size:22px;position:absolute}#perf{left:calc(8px + var(--sal));top:calc(8px + var(--sat));color:#8f8;background:#0009;border-radius:4px;margin:0;padding:6px 8px;font:11px/1.3 ui-monospace,monospace;position:absolute}#touch{pointer-events:none;display:none;position:absolute;top:0;bottom:0;left:0;right:0}body.touch #touch{display:block}body.touch #prompt{bottom:auto;top:calc(74px + var(--sat));font-size:13px}body.touch .btn{opacity:.88}.stick-zone{pointer-events:auto;touch-action:none;width:45%;position:absolute;top:25%;bottom:0;left:0}.stick-hint{left:calc(70px + var(--sal));bottom:calc(70px + var(--sab));opacity:.35;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-size:13px;font-weight:900;position:absolute}.stick-base{left:calc(110px + var(--sal));top:calc(100% - 110px - var(--sab));opacity:.55;background:radial-gradient(#ffffff1f,#ffffff0a);border:3px solid #ffffff59;border-radius:50%;width:130px;height:130px;margin:-65px 0 0 -65px;transition:opacity .1s;position:absolute}.stick-base.active{opacity:1}.stick-knob{background:radial-gradient(circle at 35% 35%,#fff,#bbb);border:3px solid #000;border-radius:50%;width:62px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 6px #00000080}.buttons{right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));width:250px;height:210px;position:absolute}.btn{pointer-events:auto;touch-action:none;color:#fff;font-family:var(--font);letter-spacing:1px;text-shadow:2px 2px #000;border:3px solid #000;border-radius:50%;transition:transform 50ms;position:absolute;box-shadow:0 5px #000}.btn span{pointer-events:none}.btn.pressed{filter:brightness(1.3);transform:translateY(4px)scale(.96);box-shadow:0 1px #000}.btn-action{background:radial-gradient(circle at 35% 30%,#ff6a4d,#c41a0f);width:112px;height:112px;font-size:22px;bottom:6px;right:0}.btn-skill{background:radial-gradient(circle at 35% 30%,#5a8cff,#1f3fbf);width:82px;height:82px;font-size:15px;bottom:0;right:124px}.btn-turbo{color:#fff;background:radial-gradient(circle at 35% 30%,#ffe36b,#e0a800);width:82px;height:82px;font-size:15px;bottom:124px;right:70px}.overlay{text-align:center;padding:20px;padding-top:calc(20px + var(--sat));padding-bottom:calc(20px + var(--sab));background:radial-gradient(#141e50eb,#050814fa);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.overlay[hidden],.panel[hidden],#touch[hidden]{display:none!important}.logo{color:#fff;-webkit-text-stroke:2px #000;text-shadow:5px 5px 0 var(--red);font-size:clamp(44px,11vw,96px);font-style:italic;line-height:.9}.logo span{color:var(--gold);text-shadow:5px 5px 0 var(--blue)}.tag{letter-spacing:3px;color:#9ab;font-size:14px}.small{color:#789;max-width:520px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-size:12px}button{font-family:var(--font);letter-spacing:1px}button.primary,.overlay button,.panel button{pointer-events:auto;background:var(--red);color:#fff;border:3px solid #000;border-radius:8px;padding:10px 18px;font-size:16px;box-shadow:0 4px #000}button.big{padding:14px 34px;font-size:26px;animation:1.2s infinite pulse}@keyframes pulse{50%{transform:scale(1.06)}}#rotate{z-index:20;display:none}#rotate .phone{border:4px solid #fff;border-radius:8px;width:46px;height:80px;animation:1.6s infinite rot}@keyframes rot{50%{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse){body:not(.rotate-dismissed) #rotate{display:flex}}.panel{z-index:15;background:#10162e;border:3px solid #000;border-radius:10px;width:min(420px,92vw);max-height:92vh;padding:16px 18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:700;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 6px #000,0 0 40px #000c}.panel h2{font-family:var(--font);color:var(--gold);letter-spacing:2px;margin:0 0 10px}.panel label{justify-content:space-between;align-items:center;gap:10px;margin:10px 0;display:flex}.panel input[type=range]{flex:1;max-width:200px}.panel .row{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.panel .row button:first-child{background:#444}.panel .help{color:#9ab;font-size:11px;font-weight:500}#fatal{z-index:30}