@layer components{.gm-console{grid-template-columns:minmax(0,1fr);grid-template-areas:"hud""field""entry";gap:1rem;display:grid}@media (width>=1024px){.gm-console{grid-template:"field hud""field entry"1fr/minmax(0,1fr) 17rem;gap:1.25rem}.gm-console>.gm-entry{align-self:end}}.gm-console>.gm-hud{grid-area:hud}.gm-console>.gm-field-wrap{grid-area:field}.gm-console>.gm-entry{grid-area:entry}.gm-hud{grid-template-columns:repeat(var(--gm-cells,3), minmax(0, 1fr));gap:.5rem;display:grid}@media (width>=1024px){.gm-console .gm-hud{grid-template-columns:minmax(0,1fr);gap:.625rem}}.gm-hud-cell{border-radius:var(--radius-control);border:1px solid var(--color-line);background:linear-gradient(180deg, var(--color-elevated), var(--color-panel));min-inline-size:0;box-shadow:var(--shadow-bezel);align-content:start;gap:.375rem;padding:.625rem .75rem;display:grid}.gm-hud-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink);white-space:nowrap;align-items:baseline;gap:.5rem;font-size:1.25rem;line-height:1;display:flex}@media (width>=1024px){.gm-console .gm-hud-value{font-size:var(--text-readout)}}.gm-hud-sub{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;color:var(--color-muted)}.gm-hud-cell[data-tone=danger] .gm-hud-value{color:var(--color-danger)}.gm-hud-cell[data-tone=amber] .gm-hud-value{color:var(--color-amber)}.gm-lives{align-items:center;gap:.375rem;display:inline-flex}.gm-field{inline-size:100%;container-type:size}.gm-field-defender{block-size:clamp(260px,56svh,480px)}@media (width<=639px){.gm-field-defender{block-size:clamp(220px,40svh,360px)}}.gm-field-runner{block-size:200px}@media (width<=639px){.gm-field-runner{block-size:176px}}.gm-piece{transform:translate(calc(var(--x) * 100cqw), calc(var(--y) * 100cqh)) translate(-50%, -50%);will-change:transform;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0}.gm-signal{color:var(--color-signal);justify-items:center;gap:.125rem;display:grid}.gm-signal:before{content:"";opacity:.35;background:linear-gradient(#0000,currentColor);block-size:2.75rem;inline-size:2px;margin-inline-start:-1px;position:absolute;inset-block-end:calc(100% - .4rem);inset-inline-start:50%}.gm-signal[data-state=danger]{color:var(--color-danger)}.gm-glyph{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1}.gm-code{font-family:var(--font-mono);letter-spacing:var(--tracking-code);color:var(--color-cyan);white-space:nowrap;font-size:.8125rem;font-weight:700;line-height:1}.gm-floor{background:var(--color-danger);z-index:1;block-size:2px;position:absolute;inset-block-end:0;inset-inline:0}.gm-floor-label{z-index:3;color:var(--color-danger);position:absolute;inset-block-end:.5rem;inset-inline-start:.75rem}.gm-corner{z-index:3;align-items:center;gap:.5rem;display:flex;position:absolute}.gm-gauge{background:color-mix(in srgb, var(--color-line-strong) 55%, transparent);border-radius:999px;block-size:4px;inline-size:4.5rem;position:relative;overflow:hidden}.gm-gauge>span{background:var(--color-amber);transform-origin:0;transform:scaleX(var(--fill,0));position:absolute;inset:0}.gm-lane{background:var(--color-signal-dim);opacity:.6;block-size:1px;position:absolute;inset-block-start:62%;inset-inline:0}.gm-ticks{background:repeating-linear-gradient(to right, color-mix(in srgb, var(--color-signal-dim) 70%, transparent) 0 1px, transparent 1px var(--tick,10cqw));block-size:8px;inline-size:200cqw;transform:translateX(calc(var(--shift,0) * -1cqw));will-change:transform;position:absolute;inset-block-start:calc(62% + 6px);inset-inline-start:0}.gm-runner{--y:.62;background:var(--color-cyan);block-size:16px;inline-size:16px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-cyan) 25%, transparent), 0 0 18px color-mix(in srgb, var(--color-cyan) 70%, transparent);transform:translate(calc(var(--x) * 100cqw), calc(var(--y) * 100cqh)) translate(-50%, -50%);border-radius:999px;position:absolute;inset-block-start:0;inset-inline-start:0}.gm-gate{--y:.5;color:var(--color-signal-dim);justify-items:center;gap:.25rem;display:grid}.gm-gate[data-next=true]{color:var(--color-signal)}.gm-gate[data-state=danger]{color:var(--color-danger)}.gm-gate-card{background:color-mix(in srgb, var(--color-screen) 80%, transparent);border:1px solid;border-radius:6px;justify-items:center;gap:.25rem;padding:.375rem .5rem .4rem;display:grid}.gm-gate[data-next=true] .gm-gate-card{border-width:2px}.gm-gate .gm-glyph{font-size:1.625rem}.gm-post{background:currentColor;block-size:2.25rem;inline-size:2px}.gm-burst{border:2px solid var(--color-signal);pointer-events:none;opacity:0;block-size:3.5rem;inline-size:3.5rem;transform:translate(calc(var(--x) * 100cqw), calc(var(--y) * 100cqh)) scale(.6);animation:gm-burst var(--duration-word) var(--ease-signal) both;border-radius:999px;margin:-1.75rem 0 0 -1.75rem;position:absolute;inset-block-start:0;inset-inline-start:0}@keyframes gm-burst{0%{opacity:.9;transform:translate(calc(var(--x) * 100cqw), calc(var(--y) * 100cqh)) scale(.5)}to{opacity:0;transform:translate(calc(var(--x) * 100cqw), calc(var(--y) * 100cqh)) scale(1.8)}}.gm-points{pointer-events:none;transform:translate(calc(var(--x) * 100cqw), calc(var(--y) * 100cqh)) translate(-50%, -150%);position:absolute;inset-block-start:0;inset-inline-start:0}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .gm-burst{opacity:.6;animation:none}}html[data-motion=reduce] .gm-burst{opacity:.6;animation:none}.gm-flash-danger{background:var(--color-danger)}@keyframes gm-shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.gm-shake-alt{animation:gm-shake var(--duration-dah) linear 2}.gm-strip{flex-wrap:wrap;gap:6px;display:flex}.gm-strip-miss{border:1.5px solid var(--color-danger);border-radius:999px;block-size:10px;inline-size:10px;display:inline-block;position:relative}.gm-strip-miss:before,.gm-strip-miss:after{content:"";background:var(--color-danger);block-size:1.5px;inline-size:6px;margin:-.75px 0 0 -3px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:rotate(45deg)}.gm-strip-miss:after{transform:rotate(-45deg)}.gm-preview{block-size:15rem}@media (width<=639px){.gm-preview{block-size:7rem}}.gm-stamp{z-index:3;font-size:1rem}.gm-stamp-sm{font-size:.875rem}.gm-anchor-bottom{transform:translate(calc(var(--x) * 100cqw), calc(var(--y) * 100cqh)) translate(-50%, -100%)}@media (width<=639px){.gm-post{block-size:1.25rem}.gm-stamp{font-size:.8125rem}}}
