.neural-arcade{width:min(560px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border:1px solid #7ee1d077;border-radius:26px;padding:32px;color:#f6ecd4;background:linear-gradient(145deg,#153c44,#262746);box-shadow:0 24px 90px #0008}.neural-arcade::backdrop{background:#061d27c9;backdrop-filter:blur(7px)}.neural-arcade h2{font-size:clamp(28px,5vw,40px);margin:10px 0}.neural-arcade p{color:#bed3cf;line-height:1.6}.arcade-eyebrow{font-size:11px;letter-spacing:.2em;color:#7ee1d0}.arcade-close{float:right;font-size:26px;border:0;background:transparent;color:inherit;cursor:pointer}.arcade-board{display:grid;gap:15px;text-align:center;background:#091e2c;border:1px solid #65c8bd66;border-radius:18px;padding:26px 12px;margin:24px 0}.arcade-target{font-size:clamp(22px,5vw,36px);color:#9ef0d8}.arcade-round{font-size:11px;letter-spacing:.2em;color:#e8bd83}.arcade-score{color:#d1c9ed}.arcade-choices{display:flex;gap:10px}.arcade-choices button,.arcade-start{flex:1;min-height:52px;border:1px solid #ffffff44;border-radius:13px;background:#376770;color:#fff3d6;font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:12px}.arcade-start{width:100%;background:#e5c186;color:#173b40}.arcade-choices button:hover{background:#795e9f}.neural-arcade button:focus-visible{outline:3px solid #8beddf;outline-offset:3px}.arcade-note{font-size:11px;text-align:center}.neural-arcade [hidden]{display:none!important}
.timing-track{height:64px;position:relative;margin:26px 12px;border-radius:14px;background:#0b2531;overflow:hidden;border:1px solid #78d6c766}.timing-zone{position:absolute;top:0;bottom:0;background:#e4bd76aa}.timing-track i{position:absolute;top:8px;bottom:8px;width:5px;background:#fff5dd;box-shadow:0 0 12px #fff;border-radius:4px;transform:translateX(-50%)}.photo-game img{width:100%;height:auto;display:block;border-radius:12px;margin:16px 0}.photo-download{display:block;text-align:center;margin-top:16px;color:#a2efdc;text-decoration:underline;font-weight:600}

.photo-actions{display:flex;align-items:stretch;gap:10px}.photo-actions .photo-capture{width:auto;flex:1}.photo-actions .photo-download{flex:1;margin:0;padding:15px 10px;border-radius:13px;background:#315f65;text-align:center;font-size:14px}
/* Animated representative games: bounded 720x440 canvas, no backdrop blur. */
.neural-game-panel{width:min(800px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:94dvh;overflow:auto;padding:20px;border:2px solid #62c4b9;border-radius:24px;background:#133b46;color:#f5e5c3;box-shadow:0 20px 60px #0006}.neural-game-panel::backdrop{background:#09252fd9;backdrop-filter:none}.neural-game-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-kicker{font-size:10px;letter-spacing:.16em;color:#9ee6d1}.neural-game-panel h2{font-size:30px;margin:5px 0 12px}.neural-game-panel button{font:inherit;border:1px solid #81b9b0;border-radius:10px;min-height:44px;color:#f5e5c3;background:#285966;cursor:pointer;padding:8px 14px}.neural-game-panel button:disabled{opacity:.5;cursor:default}.neural-game-panel button:focus-visible,.neural-game-panel canvas:focus-visible{outline:3px solid #f4c96f;outline-offset:3px}.game-tools{display:flex;gap:6px}.game-tools button{font-size:11px;padding:6px 9px}.game-close{font-size:26px!important}.game-hud{display:flex;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:10px;background:#09252f;font-size:13px;font-weight:700;color:#f4c96f}.game-screen{position:relative;margin-top:12px;border:7px solid #08252e;border-radius:16px;overflow:hidden;background:#09252f}.game-screen canvas{display:block;width:100%;height:auto;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08252edd;text-align:center;padding:20px}.game-overlay[hidden]{display:none}.game-overlay strong{font-size:clamp(24px,4vw,38px);color:#f4c96f}.game-overlay p{max-width:340px;line-height:1.5}.game-start{background:#f4c96f!important;color:#123c46!important;min-width:200px;font-weight:700!important}.game-status{text-align:center;min-height:20px;font-size:13px;color:#b5e5d3;margin:12px 0}.game-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px}.game-controls button{touch-action:none;min-height:56px;font-weight:700}.game-controls [data-control="action"]{background:#e8bf78;color:#123c46;border-color:#e8bf78}.game-help{font-size:11px;line-height:1.5;text-align:center;color:#c0d7ce;margin:10px 0 0}@media(max-width:600px){.neural-game-panel{padding:12px;border-radius:16px}.neural-game-panel h2{font-size:24px}.game-kicker{font-size:8px}.game-tools{gap:3px}.game-tools button{font-size:10px;padding:5px 6px}.game-hud{font-size:10px;padding:10px 8px}.game-controls{gap:6px}.game-controls button{font-size:11px;padding:8px}.game-overlay{padding:12px}.game-overlay p{font-size:12px}.game-start{min-width:160px}}

.game-controls button{min-width:0;overflow-wrap:anywhere}.game-controls:has(button:nth-child(4)) button{padding-inline:6px}
/* Ring Relay keeps every essential control in view, including 720p and phones. */
.relay-game-panel[open]{display:flex;flex-direction:column;box-sizing:border-box;height:min(690px,96dvh);max-height:96dvh;padding:16px;overflow:auto}.relay-game-panel header{flex-shrink:0}.relay-game-panel h2{margin:4px 0 8px}.relay-game-panel .game-hud{flex-shrink:0}.relay-game-panel .game-screen{flex:1 1 auto;min-height:180px;margin-top:10px}.relay-game-panel .game-screen canvas{position:absolute;inset:0;width:100%;height:100%}.relay-game-panel .game-status{flex-shrink:0;margin:8px 0;min-height:18px}.relay-game-panel .game-controls{flex-shrink:0;position:sticky;bottom:0;z-index:2;background:#133b46}.relay-game-panel .game-help{flex-shrink:0;margin-top:6px}.game-team{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:12px;font-weight:700}.game-team[hidden],.game-modes[hidden]{display:none!important}.game-team>span{padding:6px 8px;border:1px solid #81b9b044;border-radius:8px;flex:1;text-align:center}.game-team>span.active{border-color:#f4c96f;background:#285966}.game-turn{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.game-modes{display:flex;gap:8px;margin:0 0 12px}.game-modes button{font-size:12px;min-height:44px}.game-modes button[aria-pressed=true]{border-color:#f4c96f;background:#285966;color:#f4c96f}.ring-team .game-overlay strong{font-size:clamp(21px,3.2vw,30px)}.ring-team .game-overlay p{margin:9px 0;max-width:430px}.ring-team .game-progress{white-space:nowrap}@media(max-width:600px){.relay-game-panel[open]{height:min(720px,96dvh);padding:12px}.relay-game-panel .game-team{gap:5px;font-size:11px}.relay-game-panel .game-team>span{padding:6px 3px}.relay-game-panel .game-hud{flex-wrap:wrap;justify-content:space-between}.ring-team .game-timer{display:none}.relay-game-panel .game-screen{min-height:160px}.relay-game-panel .game-overlay p{font-size:12px}.game-modes{gap:6px}.game-modes button{padding:7px 9px}.relay-game-panel .game-help{font-size:10px}}
@media(max-width:600px){.relay-game-panel[open]{height:fit-content}.relay-game-panel .game-screen{flex:0 0 auto;aspect-ratio:720/440;min-height:0}.relay-game-panel .game-team{flex-wrap:wrap}.relay-game-panel .game-turn{position:static;width:100%;height:auto;clip-path:none;white-space:normal;text-align:center;font-size:12px;color:#f4c96f}}

@media(max-width:600px){.relay-game-panel:has(.game-overlay:not([hidden])) .game-screen{min-height:270px;aspect-ratio:auto}.relay-game-panel:has(.game-overlay:not([hidden])) .game-controls,.relay-game-panel:has(.game-overlay:not([hidden])) .game-status{display:none}}