:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f6f4;--green-vibrant:#21d65f;--green-hover:#4dff85;--green-glow:#21d65f59;--home:#2f7dff;--away:#e23b46;--bg-dark:#0b0f0c;--card-glass:#0f1611c7;--card-border:#ffffff14;--text-dim:#f3f6f4a6;--red-alert:#e3464f;background:#0a0d0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#141c16d9;border:1px solid #ffffff26;border-radius:8px;min-height:44px;font-weight:700;transition:transform .16s cubic-bezier(.4,0,.2,1),border-color .16s,background-color .16s,box-shadow .16s}button:hover:not(:disabled),button:focus-visible:not(:disabled){border-color:var(--green-vibrant);box-shadow:0 0 12px var(--green-glow);background:#1c2820f2;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}.primary{border-color:var(--green-vibrant);background:var(--green-vibrant);color:#08130c;box-shadow:0 4px 14px var(--green-glow);font-weight:800}.primary:hover:not(:disabled){border-color:var(--green-hover);background:var(--green-hover);color:#000;box-shadow:0 6px 18px #4dff8573}.game-app{background:var(--bg-dark);width:100%;height:100%;position:relative}#gameCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.screen,.overlay{z-index:20;-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle,#0c140e99 0%,#060a08eb 100%);place-items:center;padding:clamp(16px,4vw,48px);display:grid;position:fixed;inset:0}.screen[hidden],.overlay[hidden],.hud[hidden],.hint-bar[hidden],.mobile-controls[hidden],.panel[hidden]{display:none!important}.boot-screen{text-align:center}.brand-mark{border:3px double var(--green-vibrant);width:72px;height:72px;color:var(--green-vibrant);letter-spacing:.05em;box-shadow:0 4px 20px var(--green-glow);text-shadow:0 0 6px var(--green-vibrant);background:#21d65f0f;border-radius:12px;place-items:center;margin:0 auto 20px;font-size:16px;font-weight:900;display:inline-grid}.boot-screen h1,.menu-panel h1{letter-spacing:-.02em;text-shadow:0 4px 24px #00000080;background:linear-gradient(135deg,#fff 0%,#a8c2b0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(36px,6vw,76px);font-weight:900;line-height:.95}.boot-screen p,.lead{max-width:760px;color:var(--text-dim);margin:18px auto 0;font-size:clamp(15px,1.8vw,19px);line-height:1.6}.loading-bar{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:999px;width:min(340px,70vw);height:6px;margin:26px auto 0;overflow:hidden}.loading-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--green-vibrant), var(--green-hover));width:40%;height:100%;box-shadow:0 0 10px var(--green-vibrant);animation:1.2s ease-in-out infinite alternate load;display:block}@keyframes load{0%{transform:translate(-50%)}to{transform:translate(200%)}}.menu-panel,.panel{border:1px solid var(--card-border);background:var(--card-glass);-webkit-backdrop-filter:blur(20px);scrollbar-width:thin;border-radius:16px;width:min(840px,94vw);max-height:min(780px,92vh);padding:clamp(24px,4vw,44px);overflow-y:auto;box-shadow:0 24px 80px #00000080,inset 0 1px 1px #ffffff1a}.menu-panel{justify-self:start;margin-left:min(6vw,64px)}.eyebrow{color:var(--green-vibrant);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 6px var(--green-glow);margin:0 0 10px;font-size:11px;font-weight:800}.menu-actions,.panel-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.menu-actions button{min-width:140px;padding-inline:18px;font-size:14px}.contract-strip{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.contract-strip span{min-height:28px;color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.hud{z-index:10;pointer-events:none;align-items:stretch;gap:8px;display:grid;position:fixed;top:16px;left:16px;right:16px}.match-hud{grid-template-columns:minmax(110px,1.3fr) minmax(150px,1.5fr) minmax(64px,.8fr) minmax(80px,1fr) minmax(64px,.8fr) auto}.hud-card,.hint-bar{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);background:#0f1611d9;border-radius:12px;box-shadow:0 8px 32px #00000059,inset 0 1px 1px #ffffff0d}.hud-card{min-width:0;padding:8px 12px}.hud-card .label{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.hud-card strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:clamp(15px,1.5vw,20px);font-weight:800;line-height:1.1;display:block;overflow:hidden}.objective-card strong{color:var(--green-vibrant);text-shadow:0 0 6px var(--green-glow)}.scoreboard-card{justify-content:center;align-items:center;gap:10px;display:flex}.scoreboard-card .scoreline{letter-spacing:.04em;color:#fff;margin:0;font-size:clamp(20px,2.4vw,30px);font-weight:900}.team-tag{letter-spacing:.1em;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:900}.team-tag.home{color:#8fbcff;background:#2f7dff33;border:1px solid #2f7dff80}.team-tag.away{color:#ff9aa1;background:#e23b4633;border:1px solid #e23b4680}.meter-card{flex-direction:column;justify-content:center;display:flex}.meter{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--green-vibrant), var(--green-hover));width:100%;height:100%;box-shadow:0 0 6px var(--green-vibrant);transition:width .1s linear;display:block}.icon-text-button{pointer-events:auto;min-width:80px;padding:0 16px}.hint-bar{z-index:9;color:#fff;text-align:center;border-color:#21d65f40;width:min(820px,100vw - 32px);padding:14px 20px;font-size:14px;font-weight:700;line-height:1.4;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #0006,0 0 15px #21d65f0d}.toast{z-index:30;pointer-events:none;width:min(350px,100vw - 32px);min-height:0;padding:0;position:fixed;bottom:16px;right:16px}.toast.is-visible{color:#fff;background:#0f1611f2;border:1px solid #21d65f66;border-radius:12px;padding:14px 18px;font-size:13px;font-weight:700;box-shadow:0 16px 44px #00000073}.panel h2{letter-spacing:-.01em;background:linear-gradient(135deg,#fff 0%,#d6efe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 14px;font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.1}.panel p{color:var(--text-dim);margin-top:0;margin-bottom:20px;font-size:15px;line-height:1.6}.panel p strong{color:#fff}.fyrka-control-strip{background:#00000026;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;gap:12px;margin:24px 0;padding:16px;display:flex}.fyrka-control{align-items:center;gap:16px;font-size:14px;display:flex}.fyrka-control b{color:var(--text-dim);font-weight:500}.fyrka-key{color:#fff;text-shadow:0 1px 1px #000c;background:linear-gradient(#283228 0%,#18211a 100%);border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 8px;font-family:monospace;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 3px #0c110d,0 4px 6px #0006}.fyrka-key--wide{min-width:72px}.fyrka-keyset{gap:4px;display:inline-flex}.fyrka-keyset kbd{color:#fff;background:linear-gradient(#283228 0%,#18211a 100%);border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-family:monospace;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 3px #0c110d,0 4px 6px #0006}.field,.toggle{color:#fff;gap:8px;margin-top:18px;font-size:14px;font-weight:700;display:grid}.field input[type=text],.field input:not([type]),.field select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 14px;transition:border-color .16s,background-color .16s}.field input[type=text]:focus,.field input:not([type]):focus,.field select:focus{border-color:var(--green-vibrant);background:#ffffff14}.field input[type=range]{width:100%;height:6px;accent-color:var(--green-vibrant);background:#ffffff1a;border-radius:999px;outline:none;margin:10px 0}.toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:center}.toggle input{width:20px;height:20px;accent-color:var(--green-vibrant);cursor:pointer}.small-note,.status-line{color:var(--text-dim);margin-top:12px;font-size:13px;line-height:1.5}.tabs{border-bottom:1px solid #ffffff14;gap:8px;margin-top:18px;padding-bottom:12px;display:flex}.tabs button{background:0 0;border-color:#0000;min-height:38px;padding:0 16px;font-size:13px}.tabs button.is-active{border-color:var(--green-vibrant);color:var(--green-vibrant);background:#21d65f0d}.queue-list{scrollbar-width:thin;gap:8px;max-height:240px;margin:18px 0 0;padding-left:20px;display:grid;overflow-y:auto}.queue-list li{color:var(--text-dim);font-size:14px;line-height:1.5}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.shop-card{border:1px solid var(--card-border);background:#ffffff05;border-radius:12px;flex-direction:column;padding:16px;display:flex}.shop-card h3{color:#fff;margin:14px 0 6px;font-size:16px;font-weight:800}.shop-card p{flex-grow:1;margin-bottom:16px;font-size:13px}.shop-card button{width:100%}.preview-block{aspect-ratio:16/7;border:1px solid #ffffff0d;border-radius:8px;width:100%;box-shadow:0 4px 12px #0003}.result-panel{text-align:center}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.result-grid div{border:1px solid var(--card-border);background:#ffffff08;border-radius:12px;padding:16px;box-shadow:inset 0 1px #ffffff08}.result-grid dt{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.result-grid dd{color:var(--green-vibrant);text-shadow:0 0 8px var(--green-glow);margin:10px 0 0;font-size:clamp(22px,3.2vw,34px);font-weight:900}.mobile-controls{z-index:12;pointer-events:none;display:none;position:fixed;bottom:0;left:0;right:0}.match-controls{height:230px}.joy-zone{pointer-events:auto;justify-content:center;align-items:center;width:46%;height:100%;display:flex;position:absolute;bottom:0;left:0}.joy-base{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f16118c;border:2px solid #21d65f66;border-radius:50%;width:116px;height:116px;position:relative;box-shadow:0 8px 26px #0006}.joy-thumb{background:#21d65fd9;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #21d65f80}.action-cluster{pointer-events:none;grid-template-columns:1fr 1fr;gap:10px;width:44%;max-width:280px;display:grid;position:absolute;bottom:18px;right:14px}.action-cluster button{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1611d9;border-color:#ffffff24;border-radius:14px;min-height:60px;font-size:14px;font-weight:800;box-shadow:0 4px 16px #0000004d}.action-cluster button[data-action=shoot]{border-color:var(--green-vibrant);color:var(--green-hover);background:#21d65f2e}.action-cluster button[data-action=tackle]{background:#e23b461f;border-color:#e23b4666}.action-cluster button:active{background:var(--green-vibrant);color:#04130a;border-color:var(--green-vibrant);transform:scale(.95)}@media (width<=980px){.match-hud{grid-template-columns:1.4fr 1.6fr auto;grid-auto-rows:auto;top:10px;left:10px;right:10px}.scoreboard-card{grid-column:span 1}.menu-panel{justify-self:center;margin-left:0}.mobile-controls{display:block}.hint-bar{font-size:13px;bottom:240px}}@media (width<=640px){.screen,.overlay{padding:12px}.menu-panel,.panel{border-radius:12px;width:100%;max-height:94vh;padding:20px}.match-hud{grid-template-columns:1fr 1fr}.objective-card{grid-column:span 2}.hud-card{padding:6px 10px}.shop-grid,.result-grid{grid-template-columns:1fr;gap:8px}.menu-actions button,.panel-actions button{flex:100%}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}