:root{--bg: #05070a;--fg: #f4f6f8;--muted: #8a96a3;--accent: #ffb300;--win: #22c55e;--lose: #f87171;--panel: #111821;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:default}.screen{position:relative;height:100%;width:100%}.center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4vh 4vw;gap:1.5vh}.logo{width:clamp(64px,10vh,120px)}.brand{font-size:clamp(2rem,7vh,5rem);margin:0;letter-spacing:.02em}.sub,.rules{color:var(--muted);font-size:clamp(1rem,2.6vh,1.6rem);margin:0;max-width:60ch}.rules{position:absolute;bottom:4vh;left:0;right:0;margin:0 auto;padding:0 6vw}.warn{color:var(--lose);font-size:clamp(1rem,2.6vh,1.5rem);max-width:50ch;margin:0}button{font:inherit;color:inherit;background:var(--panel);border:2px solid #2a3542;border-radius:14px;padding:.7em 1.4em;font-size:clamp(1rem,2.6vh,1.5rem);cursor:pointer}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}button.primary.big,.connect button.primary{font-size:clamp(1.3rem,4vh,2.4rem);padding:.6em 1.8em}button.link{background:none;border:none;color:var(--muted);text-decoration:underline}.goal-label{color:var(--muted);font-size:clamp(1.4rem,4.5vh,3rem);margin:0}.goal{font-size:clamp(3rem,14vh,10rem);font-weight:800;margin:0;font-variant-numeric:tabular-nums;color:var(--accent)}.unit{font-size:.5em;font-weight:600}.cta{font-size:clamp(2rem,8vh,6rem);font-weight:800;margin:2vh 0 0}.cta.ready{color:var(--accent);animation:pulse 1.4s ease-in-out infinite}.games{font-size:clamp(1.2rem,4vh,2.6rem);color:var(--muted);margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.counter{font-size:clamp(5rem,32vh,24rem);font-weight:800;margin:0;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.counter.small{font-size:clamp(3rem,14vh,10rem);color:var(--win)}.lose .counter{color:var(--lose)}.lose-title{font-size:clamp(3rem,12vh,8rem);margin:0;color:var(--lose)}.diff{font-size:clamp(1.4rem,5vh,3.4rem);margin:0}.win{height:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4vw;padding:4vh 5vw}.win-text{display:flex;flex-direction:column;gap:1.5vh}.win-title{font-size:clamp(3rem,12vh,8rem);margin:0;color:var(--win)}.photo{font-size:clamp(1.4rem,4.5vh,3rem);margin:0;font-weight:600}.code-label{color:var(--muted);margin:2vh 0 0;font-size:clamp(1rem,3vh,2rem)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.6rem,6vh,4rem);margin:0;font-weight:700}.qr{background:#fff;border-radius:18px;padding:2vh;width:min(42vw,78vh);aspect-ratio:1}.qr img{width:100%;height:100%;image-rendering:pixelated;display:block}@media(orientation:portrait){.win{grid-template-columns:1fr;justify-items:center;text-align:center}.qr{width:min(80vw,50vh)}}.banner{position:absolute;top:0;left:0;right:0;background:var(--lose);color:#111;font-weight:700;text-align:center;padding:1vh;font-size:clamp(1rem,2.6vh,1.6rem)}.demo-bar{position:absolute;left:50%;bottom:2vh;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#111821e6;border:1px solid #2a3542;border-radius:16px;padding:8px 12px}.demo-bar button{font-size:1rem;padding:.5em 1em}.badge{color:var(--accent);font-weight:700;padding:0 6px}[data-phase=idle] .rules{bottom:12vh}.lang{position:absolute;right:2vw;bottom:2vh;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.lang-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);padding:6px;font-size:1rem}.lang-menu{list-style:none;margin:0;padding:6px;background:var(--panel);border:1px solid #2a3542;border-radius:12px}.lang-menu button{display:block;width:100%;text-align:left;border:none;background:none;font-size:1.1rem;padding:.5em 1em}.lang-menu button[aria-selected=true]{color:var(--accent);font-weight:700}.sub.big{color:var(--fg);font-size:clamp(1.3rem,4vh,2.6rem);font-weight:600}.brand.ok{color:var(--win)}.pair-form{display:flex;flex-direction:column;align-items:center;gap:3vh;margin-top:2vh}.code-boxes{position:relative;display:flex;gap:clamp(8px,1.5vw,18px);cursor:text}.code-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:none;font-size:16px;color:transparent;background:transparent}.code-box{width:clamp(48px,9vh,96px);height:clamp(60px,11vh,120px);display:flex;align-items:center;justify-content:center;border:3px solid #2a3542;border-radius:14px;background:var(--panel);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,7vh,4.5rem);font-weight:800}.code-box.filled{border-color:#4b5a6b}.code-box.active{border-color:var(--accent)}.block-title{font-size:clamp(2.2rem,8vh,5.5rem);margin:0;color:var(--lose);max-width:22ch}.block .sub.big{max-width:40ch}.machine-tag{position:absolute;left:2vw;bottom:2vh;margin:0;color:var(--muted);font-size:clamp(.9rem,2vh,1.2rem)}.alt-modes{display:flex;gap:3vw;flex-wrap:wrap;justify-content:center}.remote-tag{position:absolute;top:1.5vh;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--accent);border-radius:999px;padding:6px 16px;color:var(--accent);font-size:clamp(.9rem,2vh,1.2rem);white-space:nowrap}.remote-tag button{font-size:inherit;padding:0}