:root{--bg: #05070c;--panel: rgba(8, 12, 22, .96);--neon: #4dd8ff;--green: #7cffb2;--red: #ff4d6d;--text: #eaf6ff;--dim: rgba(234, 246, 255, .55);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(1200px 600px at 50% -10%,rgba(77,216,255,.08),transparent),var(--bg);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{height:100vh;height:100dvh}#stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}#game{display:block;width:min(100vw,160dvh);height:min(100dvh,62.5vw);background:#080b12;cursor:crosshair;touch-action:none}#fsBtn{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:4;padding:4px 10px;font-size:15px;line-height:1;border-color:#eaf6ff40;background:#00000059;color:var(--dim)}#fsBtn:hover{color:var(--text)}#hintbar{position:absolute;left:0;right:0;bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:12px;letter-spacing:.06em;color:var(--dim);pointer-events:none;transition:opacity .8s ease;z-index:3}#hintbar.faded{opacity:0}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--panel);text-align:center;padding:24px max(12px,env(safe-area-inset-right)) 24px max(12px,env(safe-area-inset-left));padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));overflow:auto;z-index:6}.overlay.rotate{z-index:5}.hidden{display:none!important}h1{margin:0;font-size:clamp(34px,9vw,72px);letter-spacing:.12em}h1 span{color:var(--neon);text-shadow:0 0 18px rgba(77,216,255,.7)}.sign{display:inline-flex;align-items:baseline;gap:.14em;padding:var(--sign-pad, .1em .55em .16em);letter-spacing:var(--sign-spacing, .14em);border:2px solid var(--sign-border, rgba(77, 216, 255, .55));border-radius:14px;background:var(--sign-bg, rgba(6, 12, 22, .55));box-shadow:0 0 calc(16px * var(--sign-glow-strength, 1)) var(--sign-glow-title, rgba(120, 240, 255, .9)),0 0 calc(42px * var(--sign-glow-strength, 1)) var(--sign-glow-accent, rgba(255, 110, 199, .9)),inset 0 0 calc(18px * var(--sign-glow-strength, 1)) var(--sign-glow-title, rgba(120, 240, 255, .35))}.sign-title{color:#dffaff;text-shadow:0 0 calc(6px * var(--sign-glow-strength, 1)) var(--sign-glow-title, rgba(120, 240, 255, .9)),0 0 calc(18px * var(--sign-glow-strength, 1)) var(--sign-glow-title, rgba(120, 240, 255, .7)),0 0 calc(36px * var(--sign-glow-strength, 1)) var(--sign-glow-title, rgba(120, 240, 255, .45))}.sign-accent{color:#ffe9f6;text-shadow:0 0 calc(6px * var(--sign-glow-strength, 1)) var(--sign-glow-accent, rgba(255, 110, 199, .9)),0 0 calc(18px * var(--sign-glow-strength, 1)) var(--sign-glow-accent, rgba(255, 110, 199, .7)),0 0 calc(38px * var(--sign-glow-strength, 1)) var(--sign-glow-accent, rgba(255, 110, 199, .45))}.sign-accent:not(.no-flicker){animation:sign-flicker 4.2s linear infinite}@keyframes sign-flicker{0%,19%,21%,55%,57%,to{opacity:1}20%,56%{opacity:.55}41%{opacity:.82}42%{opacity:.35}}h2{margin:0 0 4px;font-size:clamp(20px,5vw,28px);letter-spacing:.1em;color:var(--neon)}.tag{margin:0;color:var(--dim);letter-spacing:.15em;text-transform:uppercase;font-size:13px}button{font:inherit;letter-spacing:.08em;padding:10px 22px;border-radius:6px;border:1px solid var(--neon);background:#4dd8ff1f;color:var(--text);cursor:pointer;transition:background .15s ease,transform .05s ease}button:hover:not(:disabled){background:#4dd8ff40}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{border-color:#eaf6ff4d;background:transparent;color:var(--dim)}input{font:inherit;padding:8px 12px;border-radius:6px;border:1px solid rgba(234,246,255,.25);background:#0006;color:var(--text);width:min(220px,60vw);text-align:center}input,select,.country-input{user-select:text;-webkit-user-select:text;caret-color:var(--neon);min-height:44px}#nickname{background:#000c;border:1px solid rgba(77,216,255,.65);box-shadow:inset 0 0 12px #4dd8ff1f,0 0 10px #4dd8ff2e}#nickname:focus,.country-input:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 2px #4dd8ff59,0 0 18px #4dd8ff73}.row.fields{gap:18px;align-items:flex-end}.field{color:var(--dim);display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.country-field{width:min(230px,60vw)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.row label{color:var(--dim);display:flex;gap:10px;align-items:center}.howto{margin:6px 0 0;padding:0;list-style:none;color:var(--dim);font-size:clamp(12px,3vw,13.5px);line-height:1.9}.howto b{color:var(--text)}.country-picker{position:relative;width:100%}.country-input{font:inherit;width:100%;padding:8px 12px;border-radius:6px;border:1px solid rgba(77,216,255,.65);background:#000c;color:var(--text);box-shadow:inset 0 0 12px #4dd8ff1f,0 0 10px #4dd8ff2e}.country-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;max-height:220px;overflow-y:auto;margin:0;padding:4px;list-style:none;border:1px solid rgba(77,216,255,.45);border-radius:8px;background:#040810f7;box-shadow:0 8px 30px #0009;font-size:13px;overscroll-behavior:contain}.country-list li{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:5px;cursor:pointer;white-space:nowrap}.country-list li.active,.country-list li:hover{background:#4dd8ff2e}.country-list .code{margin-left:auto;color:var(--dim);font-size:11px}.country-list .tick{color:var(--green)}.country-list .flag{font-size:15px}.row.fields{margin-top:4px}.pad-hint{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.stats{display:flex;gap:22px;color:var(--dim);font-size:14px;flex-wrap:wrap;justify-content:center}.stats b{color:var(--text)}#finalScore{font-size:clamp(44px,12vw,64px);color:var(--green);text-shadow:0 0 22px rgba(124,255,178,.4);animation:pop .35s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}}.status{min-height:1.2em;font-size:13px;color:var(--dim);max-width:60ch}.status.ok{color:var(--green)}.status.warn{color:var(--red)}.status b{color:var(--text)}.lb{width:min(100%,640px);max-height:60vh;overflow:auto}.lb table{width:100%;border-collapse:collapse;font-size:clamp(12px,3.2vw,14px)}.lb th{text-align:left;color:var(--dim);font-weight:500;padding:6px 8px;border-bottom:1px solid rgba(234,246,255,.2);position:sticky;top:0;background:var(--panel)}.lb td{padding:5px 8px;border-bottom:1px solid rgba(234,246,255,.07)}.lb td:nth-child(3){color:var(--green)}.footer{position:absolute;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));text-align:center;font-size:clamp(11px,2.8vw,13.5px);letter-spacing:.16em;text-transform:uppercase;color:#eafff3;text-shadow:0 0 5px var(--footer-glow, rgba(124, 255, 178, .85)),0 0 14px var(--footer-glow, rgba(124, 255, 178, .6)),0 0 28px var(--footer-accent, rgba(255, 110, 199, .5))}.footer:not(.no-flicker){animation:footer-flicker 6s linear infinite}@keyframes footer-flicker{0%,93%,95%,to{opacity:1}94%{opacity:.4}71%{opacity:.85}72%{opacity:.45}}.lb .who{white-space:nowrap}.lb .flag{font-size:1.05em}.lb tr.me{background:#4dd8ff14}.lb tr.me td{color:var(--text)}.you-row{margin:0 0 8px;color:var(--neon);font-size:13px;letter-spacing:.04em}.you-row b{color:var(--text)}.dim{color:var(--dim)}.warn{color:var(--red)}.rotate .dim{max-width:34ch;line-height:1.7}