:root{--accent: #F2A33A;--accent-ink: #1A1206;--ink: #0B1020;--ink-2: #131A30;--ink-3: #1C2542;--line: rgba(255, 255, 255, .09);--text: #F3F1EA;--muted: #9AA3BC;--good: #3DDC97;--bad: #FF5A6E;--warn: #FFC857;--tile: #F6EBD3;--tile-ink: #231A0E;--tile-edge: #C9B48A;--easy: #3DDC97;--moderate: #FFC857;--difficult: #FF7A59;--font: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--ink);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 22px;font-weight:700;font-size:16px;letter-spacing:.01em;background:var(--ink-3);color:var(--text);transition:transform .08s ease,filter .15s ease,background .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;border:1px solid var(--line)}.btn-big{width:100%;padding:20px 24px;font-size:21px;border-radius:18px}.btn-danger{background:var(--bad);color:#fff}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:700;background:#ffffff12;color:var(--muted);letter-spacing:.02em}.lvl-Easy{color:#06231a;background:var(--easy)}.lvl-Moderate{color:#2a1e02;background:var(--moderate)}.lvl-Difficult{color:#2b0d05;background:var(--difficult)}.tile{display:inline-flex;align-items:center;justify-content:center;width:var(--ts, 46px);height:calc(var(--ts, 46px) * 1.12);border-radius:calc(var(--ts, 46px) * .18);background:var(--tile);color:var(--tile-ink);font-family:var(--mono);font-weight:800;font-size:calc(var(--ts, 46px) * .56);box-shadow:0 calc(var(--ts, 46px) * .08) 0 var(--tile-edge),0 8px 18px #00000059;border:0;padding:0;position:relative;line-height:1;transition:transform .12s ease,opacity .12s ease}.tile.used{opacity:.18;transform:translateY(4px);box-shadow:none}.tile.slot{background:#ffffff0f;box-shadow:inset 0 -3px #ffffff1f;color:var(--text)}.tile.slot.filled{background:var(--accent);color:var(--accent-ink);box-shadow:0 calc(var(--ts, 46px) * .08) 0 #00000059}.tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tg, 8px)}.ring-wrap{position:relative;display:inline-grid;place-items:center}.ring-wrap .ring-label{position:absolute;font-family:var(--mono);font-weight:800}.shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.pop{animation:pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--good);display:inline-block}.status-dot.reconnecting,.status-dot.connecting{background:var(--warn);animation:pulse 1s infinite}.status-dot.offline{background:var(--bad)}.center-screen{min-height:100%;display:grid;place-items:center;padding:24px;text-align:center}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.play{min-height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;padding:0 0 calc(18px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),var(--ink)}.play-banner{width:100%;display:block;max-height:140px;object-fit:cover}.play-head{padding:18px 20px 6px;display:flex;align-items:center;justify-content:space-between;gap:12px}.play-title{font-size:22px;font-weight:800;line-height:1.1;margin:0}.play-body{flex:1;padding:10px 20px;display:flex;flex-direction:column;gap:16px}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.muted{color:var(--muted)}.notice{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn);border-radius:12px;padding:12px 14px;font-size:15px}.error{background:color-mix(in srgb,var(--bad) 15%,transparent);color:#ff9aa6;border-radius:12px;padding:12px 14px;font-size:15px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:700;color:var(--muted)}.field input,.field select{width:100%;padding:15px 14px;border-radius:12px;font-size:17px;background:var(--ink-3);border:1.5px solid transparent;outline:none}.field input:focus,.field select:focus{border-color:var(--accent)}.field.has-error input,.field.has-error select{border-color:var(--bad)}.field .err{color:#ff9aa6;font-size:13px}.rules{display:grid;gap:10px}.rule{display:flex;align-items:center;gap:12px;font-size:16px}.rule .n{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800}.q-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.q-clue{font-size:19px;line-height:1.35;text-align:center;padding:6px 4px}.q-clue b{color:var(--accent)}.q-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.big-count{font-size:140px;font-weight:800;font-family:var(--mono);color:var(--accent);line-height:1}.score-big{font-size:76px;font-weight:800;font-family:var(--mono);line-height:1;color:var(--accent)}.results{display:grid;gap:8px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:var(--ink-3)}.result-row .w{font-family:var(--mono);font-weight:800;letter-spacing:.06em}.ok{color:var(--good)}.no{color:var(--bad)}.foot{padding:6px 20px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.icon-btn{background:var(--ink-3);border:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px}.display{height:100vh;width:100vw;overflow:hidden;position:relative;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(80% 60% at 15% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),radial-gradient(60% 50% at 100% 100%,rgba(79,209,197,.1),transparent 60%),var(--ink);font-size:1.6vh}.d-head{display:flex;align-items:center;gap:2vw;padding:1.6vh 2.4vw;border-bottom:1px solid var(--line);min-height:9vh}.d-head.has-banner{padding:0;border:0;min-height:0}.d-banner{width:100%;max-height:16vh;object-fit:cover;display:block}.d-title{font-size:4.2vh;font-weight:800;margin:0;line-height:1}.d-tag{color:var(--muted);font-size:2vh;margin-top:.6vh}.d-main{min-height:0;padding:2.5vh 2.4vw;display:grid}.d-foot{display:flex;justify-content:space-between;align-items:center;padding:1.2vh 2.4vw;color:var(--muted);font-size:1.8vh;border-top:1px solid var(--line)}.d-split{display:grid;grid-template-columns:1.1fr 1fr;gap:3vw;align-items:center;min-height:0}.d-qr{background:#fff;padding:2vh;border-radius:2.4vh;display:inline-block;box-shadow:0 2vh 6vh #0006}.d-qr img{display:block;width:34vh;height:34vh}.d-hero{font-size:8vh;font-weight:800;line-height:.95;margin:0 0 2vh;letter-spacing:-.02em}.d-hero em{font-style:normal;color:var(--accent)}.d-sub{font-size:2.6vh;color:var(--muted);margin:0}.d-url{font-family:var(--mono);font-size:2.2vh;margin-top:2vh;color:var(--text);opacity:.85}.d-panel{background:#ffffff09;border:1px solid var(--line);border-radius:2.4vh;padding:2.4vh 2vw;min-height:0;overflow:hidden}.d-panel h3{margin:0 0 1.6vh;font-size:2.2vh;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.lb{display:grid;gap:1vh}.lb-row{display:grid;grid-template-columns:5vh 1fr auto auto;gap:1.4vw;align-items:center;padding:1.2vh 1.2vw;border-radius:1.4vh;background:#ffffff0a;font-size:2.4vh}.lb-row .r{font-family:var(--mono);font-weight:800;color:var(--muted)}.lb-row:nth-child(1) .r{color:#ffd166}.lb-row:nth-child(2) .r{color:#d7dde8}.lb-row:nth-child(3) .r{color:#e3a06b}.lb-row .s{font-family:var(--mono);font-weight:800;color:var(--accent)}.lb-row .t{color:var(--muted);font-family:var(--mono);font-size:2vh}.lb-row .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.lb-empty{color:var(--muted);font-size:2.2vh;padding:2vh 0}.d-stage{display:grid;grid-template-rows:auto 1fr auto;gap:2.5vh;min-height:0;text-align:center}.d-player{display:flex;align-items:center;justify-content:space-between;gap:2vw}.d-player .who{font-size:4.4vh;font-weight:800;text-align:left}.d-player .who small{display:block;font-size:2vh;color:var(--muted);font-weight:500;letter-spacing:.12em;text-transform:uppercase}.d-word{display:grid;place-items:center;gap:4vh}.d-clue{font-size:4vh;max-width:80vw;line-height:1.25}.d-clue b{color:var(--accent)}.d-progress{display:flex;justify-content:center;gap:1.2vw}.d-dot{width:13vw;max-width:220px;height:1.4vh;border-radius:1vh;background:#ffffff1a}.d-dot.ok{background:var(--good)}.d-dot.no{background:var(--bad)}.d-dot.now{background:var(--accent)}.d-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#050812d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;text-align:center}.d-count{font-family:var(--mono);font-weight:800;font-size:40vh;color:var(--accent);line-height:1}.race{display:grid;gap:1.2vh;align-content:start;overflow:hidden}.race-row{display:grid;grid-template-columns:5vh 1.3fr 2fr 9vw;gap:1.6vw;align-items:center;padding:1.4vh 1.4vw;background:#ffffff0a;border-radius:1.6vh;font-size:2.8vh}.race-row .nm{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.race-row .bars{display:grid;grid-template-columns:repeat(3,1fr);gap:.6vw}.race-row .bar{height:2vh;border-radius:1vh;background:#ffffff14}.race-row .bar.ok{background:var(--good)}.race-row .bar.no{background:var(--bad)}.race-row .bar.now{background:var(--accent);animation:pulse 1.2s infinite}.race-row .s{font-family:var(--mono);font-weight:800;color:var(--accent);text-align:right}.names-cloud{display:flex;flex-wrap:wrap;gap:1vh;align-content:flex-start}.names-cloud span{padding:1vh 1.6vw;border-radius:99px;background:#ffffff12;font-size:2.4vh;font-weight:700}.winner-name{font-size:13vh;font-weight:800;line-height:.95;color:var(--accent);margin:2vh 0;letter-spacing:-.02em}.winner-kicker{font-size:3.4vh;letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}.podium{display:flex;justify-content:center;gap:3vw;margin-top:4vh}.podium div{min-width:18vw;padding:2vh 2vw;border-radius:2vh;background:#ffffff0f;font-size:2.6vh}.podium b{display:block;font-family:var(--mono);color:var(--accent);font-size:3.4vh}.sound-gate{position:absolute;right:2vw;bottom:8vh;z-index:10}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:6}.confetti i{position:absolute;top:-5vh;width:1.2vh;height:2vh;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(115vh) rotate(720deg)}}.admin{--a-bg: #F5F4F0;--a-card: #FFFFFF;--a-ink: #161A24;--a-muted: #697086;--a-line: #E5E3DC;--a-soft: #F0EEE8;min-height:100%;background:var(--a-bg);color:var(--a-ink)}.admin .muted{color:var(--a-muted)}.a-top{display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--a-card);border-bottom:1px solid var(--a-line);position:sticky;top:0;z-index:20}.a-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;text-decoration:none}.a-brand img{width:30px;height:30px}.a-wrap{max-width:1240px;margin:0 auto;padding:24px}.a-card{background:var(--a-card);border:1px solid var(--a-line);border-radius:14px;padding:20px}.a-grid{display:grid;gap:16px}.a-h1{font-size:28px;font-weight:800;margin:0;letter-spacing:-.01em}.a-h2{font-size:17px;font-weight:800;margin:0 0 14px}.a-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--a-line);margin:18px 0 20px}.a-tab{background:none;border:0;padding:11px 14px;font-weight:700;color:var(--a-muted);border-bottom:2.5px solid transparent;white-space:nowrap}.a-tab.on{color:var(--a-ink);border-color:var(--accent)}.a-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--a-line);background:var(--a-card);color:var(--a-ink);padding:9px 14px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}.a-btn:hover{background:var(--a-soft)}.a-btn:disabled{opacity:.5;cursor:not-allowed}.a-btn.primary{background:var(--a-ink);color:#fff;border-color:var(--a-ink)}.a-btn.primary:hover{background:#2a3042}.a-btn.accent{background:var(--accent);color:var(--accent-ink);border-color:transparent}.a-btn.danger{color:#c62f43;border-color:#f2c9cf}.a-btn.danger:hover{background:#fdf0f2}.a-btn.lg{padding:13px 20px;font-size:15px}.a-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.a-spacer{flex:1}.a-field{display:flex;flex-direction:column;gap:6px}.a-field>span{font-size:13px;font-weight:700;color:var(--a-muted)}.a-field input,.a-field select,.a-field textarea,.a-input{padding:10px 12px;border-radius:10px;border:1px solid var(--a-line);background:#fff;font-size:15px;outline:none;width:100%}.a-field input:focus,.a-field select:focus,.a-field textarea:focus,.a-input:focus{border-color:var(--a-ink)}.a-field small{color:var(--a-muted);font-size:12px}.a-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.a-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.a-cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width: 760px){.a-cols-2,.a-cols-3,.a-cols-4{grid-template-columns:1fr}.a-wrap{padding:14px}}.a-table{width:100%;border-collapse:collapse;font-size:14px}.a-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--a-muted);padding:8px 10px;border-bottom:1px solid var(--a-line);position:sticky;top:0;background:var(--a-card)}.a-table td{padding:9px 10px;border-bottom:1px solid var(--a-soft);vertical-align:middle}.a-table tr:hover td{background:#fbfaf7}.a-scroll{max-height:560px;overflow:auto;border:1px solid var(--a-line);border-radius:12px}.a-pill{display:inline-flex;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:800;background:var(--a-soft);color:var(--a-muted)}.a-pill.green{background:#ddf6ea;color:#11774a}.a-pill.amber{background:#fff1d1;color:#8a5b00}.a-pill.red{background:#fde3e6;color:#b4253a}.a-pill.blue{background:#e3ecff;color:#2849a8}.a-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--a-line);border-radius:12px;cursor:pointer}.a-toggle input{width:18px;height:18px;margin-top:2px;accent-color:#161A24}.a-toggle b{display:block;font-size:14px}.a-toggle span{font-size:13px;color:var(--a-muted)}.a-seg{display:inline-flex;background:var(--a-soft);border-radius:12px;padding:4px;gap:4px;flex-wrap:wrap}.a-seg button{border:0;background:transparent;padding:9px 14px;border-radius:9px;font-weight:700;color:var(--a-muted)}.a-seg button.on{background:#fff;color:var(--a-ink);box-shadow:0 1px 3px #00000014}.a-stat{padding:14px 16px;border-radius:12px;background:var(--a-soft)}.a-stat b{display:block;font-size:26px;font-family:var(--mono)}.a-stat span{font-size:12px;color:var(--a-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.a-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--a-ink);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;z-index:100;box-shadow:0 10px 30px #00000040}.a-toast.err{background:#b4253a}.a-alert{padding:12px 14px;border-radius:12px;background:#fff6e0;color:#7a5200;font-size:14px}.a-alert.red{background:#fde9ec;color:#9d1f32}.a-alert.green{background:#e2f7ec;color:#0f6b41}.a-event-card{display:block;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}.a-event-card:hover{box-shadow:0 8px 26px #14182814;transform:translateY(-1px)}.a-banner-prev{width:100%;max-height:160px;object-fit:cover;border-radius:10px;border:1px solid var(--a-line);background:var(--a-soft)}.a-live-now{border:2px solid var(--accent)}.a-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ink);padding:32px 20px}.a-login .box{width:100%;max-width:400px;background:#fff;color:var(--a-ink, #161A24);border-radius:20px;padding:32px 32px 36px;box-shadow:0 20px 40px #0000004d}.a-word{font-family:var(--mono);font-weight:800;letter-spacing:.05em}.a-qr-box{background:#fff;border:1px solid var(--a-line);border-radius:14px;padding:16px;display:inline-block}.a-qr-box img{display:block;width:240px;height:240px}code.a-code{background:var(--a-soft);padding:7px 10px;border-radius:8px;font-family:var(--mono);font-size:13px;word-break:break-all;display:block}