:root{color:#f7f7ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#080a0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#080a0b;margin:0}button,input,select{font:inherit}.app-shell{flex-direction:column;justify-content:center;gap:18px;width:min(100%,560px);min-height:100svh;margin:0 auto;padding:20px;display:flex}.assignment-shell{justify-content:flex-start;padding-top:18px}.intro-shell{justify-content:flex-start}.intro-panel,.assignment-summary,.details-panel,.controls-panel,.debug-readout{background:#111414;border:1px solid #2e3431;border-radius:8px;padding:18px}.intro-panel--hero{gap:18px;display:grid;overflow:hidden}.intro-copy{gap:10px;display:grid}.support-message{color:#ffdc5e;margin:0;font-size:1.1rem;font-weight:900;line-height:1.25}.argentina-flag{object-fit:cover;width:calc(100% + 36px);height:auto;margin:-18px -18px 0;display:block}.intro-preview{background:#151816;border:1px solid #2e3431;border-radius:8px;min-width:0;padding:14px}.eyebrow,.status-pill,.stage-kicker,.helper-text{color:#ffdc5e;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,14vw,4.5rem);line-height:.95}.assignment-summary h1{margin:10px 0 0;font-size:1.35rem;line-height:1.18}.participation-message{color:#d9ddd4;margin:12px 0 0;font-size:1rem;font-weight:750;line-height:1.35}.lede{color:#d9ddd4;font-size:1.05rem}.seat-form{gap:16px;display:grid}label{color:#f7f7ef;gap:8px;font-weight:800;display:grid}input,select{color:#080a0b;background:#f7f7ef;border:2px solid #48504b;border-radius:8px;min-height:56px;padding:12px 14px;font-size:1.2rem;font-weight:800}input:focus,select:focus,button:focus-visible{outline-offset:3px;outline:3px solid #ffdc5e}.primary-button,.secondary-button,.text-button{letter-spacing:0;border:0;border-radius:8px;width:100%;min-height:56px;padding:14px 16px;font-weight:900}.primary-button{color:#080a0b;background:#ffdc5e}.secondary-button{color:#f7f7ef;background:#181c1a;border:2px solid #f7f7ef}.text-button{color:#f7f7ef;background:0 0;text-decoration:underline}button:disabled{cursor:wait;opacity:.62}.form-error{color:#ffe8e5;background:#2a1210;border-left:5px solid #ff5c4d;margin:0;padding:12px;font-weight:800}.stage{text-align:center;background:#151816;border:4px solid #f7f7ef;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:46svh;padding:18px 14px;display:flex}.stage-title{overflow-wrap:anywhere;max-width:100%;margin:8px 0 0;font-size:clamp(2.7rem,17vw,6rem);line-height:.9}.stage--active .stage-title{font-size:clamp(3.1rem,18vw,6.2rem)}.stage-title--instruction{font-size:clamp(2rem,11vw,4.2rem);line-height:.96}.stage--active .stage-title--instruction{font-size:clamp(3.1rem,18vw,6.2rem);line-height:.92}.stage--before,.stage--between{color:#c7ccc5;filter:grayscale();background:#3e4240;border-color:#6a706c}.stage--before .stage-kicker,.stage--between .stage-kicker{color:#d6d9d3}.stage--before .stage-title,.stage--between .stage-title{font-size:clamp(2.4rem,15vw,4.8rem)}.stage--before .stage-title,.stage--between .stage-title,.stage--before .countdown,.stage--between .countdown{opacity:.72}.stage--stand{color:#080a0b;background:#f7f7ef;border-color:#ffdc5e}.stage--stand .stage-kicker{color:#8a5d00}.stage--active .stage-kicker,.stage--active .stage-title{color:#ff1f1f;paint-order:stroke fill;-webkit-text-stroke:2px #080a0b;text-shadow:3px 3px #080a0b,-3px 3px #080a0b,3px -3px #080a0b,-3px -3px #080a0b;animation:.72s steps(2,jump-none) infinite active-message-blink}.stage--sit{color:#f7f7ef;background:#101010;border-color:#8fd2ff}.stage--finished{background:#14351f;border-color:#73e08c}.countdown{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(3.1rem,19vw,6.8rem);font-weight:950;line-height:.9}.action-position{object-fit:contain;background:#f7f7ef;border-radius:8px;max-width:100%;display:block}.action-position--active{width:min(100%,300px);max-height:28svh}.action-position--next{opacity:.72;filter:grayscale();width:min(42%,140px);max-height:120px}@keyframes active-message-blink{0%,42%{opacity:1}43%,to{opacity:.28}}.details-panel,.controls-panel{gap:12px;display:grid}.instruction-visuals{grid-template-columns:1fr;gap:14px;display:grid}.visual-panel{background:#111414;border:1px solid #2e3431;border-radius:8px;min-width:0;padding:14px}.visual-panel-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.visual-panel h3{color:#f7f7ef;text-align:right;margin:0;font-size:1rem;line-height:1.1}.figure-preview,.stadium-map,.figure-empty{background:#f7f7ef;border-radius:8px;width:100%;height:190px}.figure-preview{fill:#1d4fa3;shape-rendering:crispedges;padding:12px;display:block}.figure-empty{color:#48504b;place-items:center;font-size:1.5rem;font-weight:950;display:grid}.stadium-map{background:#0d1213;display:block}.stadium-map-bowl{fill:#151b1c;stroke:#3b4746;stroke-width:18px}.stadium-map-field{fill:#134f23;stroke:#73e08c;stroke-width:8px}.stadium-map-field-line{fill:none;stroke:#f7f7efb3;stroke-width:5px}.stadium-map-section{fill:#8fd2ff29;stroke:#8fd2ff1f;stroke-width:2px}.stadium-map-zone rect{fill:#ffdc5ead;stroke:#ffdc5e;stroke-width:8px}.stadium-map-zone--assigned rect{fill:#ff5c4dc7;stroke:#ffebe8}.stadium-map-zone text{fill:#080a0b;text-anchor:middle;dominant-baseline:central;font-size:34px;font-weight:950}.details-panel p,.controls-panel p{margin-bottom:0}.helper-text{color:#d9ddd4;text-transform:none;font-weight:700}.debug-shell{gap:14px;min-height:100svh;padding:14px;display:grid}.debug-toolbar{background:#111414;border:1px solid #2e3431;border-radius:8px;grid-template-columns:1fr;gap:12px;padding:14px;display:grid}.debug-toolbar h1{margin:4px 0 0;font-size:2rem}.checkbox-label{align-items:center;gap:10px;display:flex}.checkbox-label input{width:24px;min-height:24px}.debug-canvas-wrap{background:#0c0e0d;border:1px solid #2e3431;border-radius:8px;min-height:62svh;overflow:hidden}.debug-canvas{width:100%;height:100%;min-height:62svh;display:block}.field-guide{fill:#193022;stroke:#73e08c;stroke-width:4px}.debug-figure-cell{fill:#ffdc5e3d}.debug-target-zone rect{fill:#ffdc5e14;stroke:#ffdc5e;stroke-width:3px;stroke-dasharray:10 8}.debug-target-zone text{fill:#ffdc5e;font-size:18px;font-weight:900}.debug-seat{fill:#8fd2ff;stroke:#080a0b;stroke-width:2px;cursor:pointer}.debug-seat--active{fill:#ffdc5e}.debug-direction line,.debug-direction polyline{fill:none;stroke:#f7f7ef;stroke-width:2px}.debug-direction text{fill:#f7f7ef;font-size:22px;font-weight:800}@media (width>=760px){.debug-toolbar{grid-template-columns:1fr 220px 220px 180px;align-items:end}.instruction-visuals{grid-template-columns:1fr 1fr}}