.game-root{aspect-ratio:16/10;background:var(--c-bg-raised);width:100%;max-height:80vh;color:var(--c-ink);font-family:var(--f-sans);border:1px solid var(--c-rule);position:relative;overflow:hidden}.game-boot{font-family:var(--f-mono);font-size:var(--fs-mono);color:var(--c-muted);place-items:center;display:grid;position:absolute;inset:0}.game-fallback{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.game-root canvas{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;font-family:var(--f-mono);font-size:var(--fs-mono);position:absolute;inset:0}.hud button,.hud input,.hud .panel{pointer-events:auto}.hud button,.dock button{background:var(--c-bg);color:var(--c-ink-strong);border:1px solid var(--c-rule);font:inherit;cursor:pointer;padding:.5rem .8rem}.hud button:hover,.dock button:hover{border-color:var(--c-spine)}.hud-top{position:absolute;top:.75rem;left:.75rem}.streak{border:1px solid var(--c-rule);background:#0b0c0eb3;padding:.5rem .75rem}.streak-now b{font-family:var(--f-display);color:var(--c-spine);margin-left:.4rem;font-size:1.6rem}.placement{align-items:center;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.hint{color:var(--c-ink-strong);background:#0b0c0e99;margin:0;padding:.4rem .6rem}.hud-bottom{grid-template-columns:auto 1fr auto;align-items:end;gap:.75rem;padding:.75rem .75rem 2.25rem;display:grid;position:absolute;bottom:0;left:0;right:0}.inset{border:2px solid var(--c-rule);pointer-events:auto;touch-action:none;cursor:crosshair;user-select:none;background:radial-gradient(circle at 35% 35%,#fff,#cfd3d6 70%,#9aa 100%);border-radius:50%;width:120px;height:120px;position:relative}.inset-dot{background:var(--c-spine);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 2px #fff}.inset-hint{text-align:center;color:var(--c-ink-strong);position:absolute;top:-1.4rem;left:0;right:0}.inset-label{white-space:nowrap;color:var(--c-muted);position:absolute;bottom:-1.4rem;left:0}.power{border:1px solid var(--c-rule);background:#0b0c0eb3;justify-self:center;width:100%;max-width:420px;height:14px;position:relative}.power-fill{background:linear-gradient(90deg, var(--track-soccer), var(--c-spine));height:100%}.power-min{background:#fff8;width:1px;position:absolute;top:0;bottom:0}.kick{touch-action:none;user-select:none;min-width:8rem;min-height:3rem;font-weight:700}.keeper-head{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;font-weight:700;display:flex}.keeper-head span{color:var(--c-spine)}.keeper label,.striker label{color:var(--c-muted);margin:.5rem 0 0;display:block}.keeper label span,.striker label span{float:right;color:var(--c-ink-strong)}.keeper input[type=range],.striker input[type=range]{width:100%;margin-top:.2rem;display:block}.presets{gap:.25rem;margin:.25rem 0;display:flex}.presets [aria-pressed=true],.seg [aria-pressed=true]{background:var(--c-spine,#ff6a3d);color:#fff}@media (orientation:portrait){.game-root{aspect-ratio:auto;grid-template-rows:auto auto;height:auto;max-height:none;display:grid}.game-root canvas{aspect-ratio:16/10;height:auto!important}.hud{position:relative}.hud-top{padding:.75rem .75rem 0;display:flex;position:static}.placement{flex-wrap:wrap;justify-content:center;padding:.75rem .75rem 0;position:static;transform:none}.inset-label{left:50%;transform:translate(-50%)}.hud-bottom{grid-template-columns:1fr;justify-items:center;row-gap:1.9rem;padding:2rem .75rem .75rem;position:static}}.panel{border:1px solid var(--c-rule);color:var(--c-ink-strong);background:#0b0c0ed9;padding:.9rem 1rem}.hud-right{pointer-events:none;flex-direction:column;align-items:stretch;gap:.5rem;width:300px;display:flex;position:absolute;top:.75rem;bottom:5.75rem;right:.75rem;overflow-y:auto}.hud-right>*{pointer-events:auto}.readout{align-self:flex-end;width:260px;animation:.25s ease-out slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.readout h3{font-family:var(--f-display);color:var(--c-spine);margin:0 0 .5rem;font-size:1.4rem}.readout dl{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0 0 .75rem;display:grid}.readout dt{color:var(--c-muted)}.readout dd{margin:0}.readout .hi{color:var(--track-soccer);font-weight:700}.readout-actions{justify-content:flex-end;gap:.5rem;display:flex}.readout-toggle{align-self:flex-end}.modal-backdrop{pointer-events:auto;z-index:60;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.modal{max-width:34rem;font-family:var(--f-sans);font-size:var(--fs-body);line-height:1.5}.help-toggle{align-self:flex-end;min-width:2.4rem;font-weight:700}.help-modal{max-width:36rem}.help-modal h3,.help-card h3{font-family:var(--f-display);color:var(--c-spine);margin:0 0 .5rem;font-size:1.3rem}.help-keys{grid-template-columns:auto 1fr;gap:.3rem .75rem;margin:0 0 .75rem;display:grid}.help-keys dt{color:var(--c-spine);font-weight:700}.help-keys dd{margin:0}.help-actions{justify-content:space-between;gap:.5rem;margin-top:.75rem;display:flex}.help-card{font-family:var(--f-sans);font-size:var(--fs-body);line-height:1.45;overflow-y:auto}.tray-head{color:var(--c-muted);align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.tray-head label{cursor:pointer;align-items:center;gap:.3rem;display:inline-flex}.tray-items{flex-wrap:wrap;gap:.3rem;display:flex}.tray-items button{padding:.3rem .5rem}.tray-items button[data-equipped]{border-color:var(--c-spine)}.tray-items button[disabled]{opacity:.45;cursor:default}.tray-items button[disabled]:hover{border-color:var(--c-rule)}.toast{background:var(--c-spine);color:#000;padding:.5rem 1rem;font-weight:700;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}@media (orientation:portrait){.hud-right{width:auto;position:static}.readout{align-self:auto;width:auto;margin:.75rem}.readout-toggle{align-self:flex-start;margin:.75rem .75rem 0}.readout-actions{justify-content:center;margin:0 .75rem}.toast{text-align:center;margin:.75rem;position:static;transform:none}}.dock{font-family:var(--f-mono);font-size:var(--fs-mono);color:var(--c-ink);flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.dock-bar{flex-wrap:wrap;align-items:center;gap:.25rem;min-height:2.5rem;display:flex}.dock-bar [aria-expanded=true]{border-color:var(--c-spine);text-underline-offset:3px;text-decoration:underline}.dock-bar .help-toggle{margin-left:auto}.mode-bar{border-right:1px solid var(--c-rule);align-items:center;gap:.25rem;margin-right:.25rem;padding-right:.5rem;display:flex}.mode-bar [aria-pressed=true]{border-color:var(--c-spine);text-underline-offset:3px;text-decoration:underline}.keeper[data-locked] input,.striker[data-locked] input,.striker[data-locked] .presets button{opacity:.55;cursor:not-allowed}.dock-panel{max-width:460px}.dock .panel{background:var(--c-bg-raised);color:var(--c-ink-strong)}.dock .tray{margin:0}.debug.panel{opacity:.9;pointer-events:none;max-width:420px;font-size:10px;position:absolute;bottom:9rem;left:.75rem}@media (orientation:portrait){.debug.panel{max-width:none;margin:.75rem;position:static}}.loading.panel{text-align:center;min-width:14rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-bar{background:#ffffff26;height:6px;margin-top:.5rem}.loading-bar i{background:var(--c-spine);height:100%;transition:width .12s linear;display:block}.debug .scrub{pointer-events:auto;align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.debug .scrub input[type=range]{flex:1}.debug .atlas{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.debug .atlas>label,.debug .atlas>button,.debug .atlas pre,.debug .atlas svg{pointer-events:auto}.debug .atlas pre{background:#0b0c0eb3;width:100%;max-height:10rem;margin:.2rem 0 0;padding:.4rem;overflow:auto}.debug .atlas svg{border:1px solid var(--c-rule);background:#0b0c0e80}