:root{--green:#58cc02;--green-d:#58a700;--blue:#1cb0f6;--blue-d:#1899d6;--red:#ff4b4b;--red-d:#ea2b2b;--yellow:#ffc800;--yellow-d:#e5b400;--purple:#ce82ff;--gray:#afafaf;--gray-d:#9a9a9a;--ink:#3c3c3c;--muted:#777;--line:#e5e5e5;--bg:#f4f9ec;--card:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:var(--bg);background-image:radial-gradient(#e2efd0 2px,#0000 2px);background-size:26px 26px;font-family:Nunito,system-ui,sans-serif;font-weight:700;overflow-x:hidden}h1,h2,h3{margin:0 0 10px;font-weight:900}h1{font-size:30px}h2{font-size:24px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:15px}.page{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;padding:18px 16px 40px;display:flex}.page.center{text-align:center;justify-content:center;align-items:center;min-height:90vh}.muted{color:var(--muted)}.link{color:var(--blue-d);font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;padding:8px;font-weight:800}.logo{color:var(--green-d);letter-spacing:-1px;font-size:44px;font-weight:900}.logo span{color:var(--blue-d)}.logo-knight{animation:3s ease-in-out infinite wob;display:inline-block}@keyframes wob{50%{transform:rotate(-12deg)translateY(-4px)}}.card{background:var(--card);border:2px solid var(--line);border-bottom-width:5px;border-radius:20px;width:100%;padding:18px}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.join-card{text-align:left;flex-direction:column;gap:12px;max-width:400px;display:flex}.btn{font:inherit;letter-spacing:.04em;text-transform:uppercase;color:#fff;cursor:pointer;border:0;border-radius:16px;padding:14px 22px;font-size:16px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn-big{width:100%;padding:17px;font-size:18px}.btn-green{background:var(--green);box-shadow:0 5px 0 var(--green-d)}.btn-blue{background:var(--blue);box-shadow:0 5px 0 var(--blue-d)}.btn-red{background:var(--red);box-shadow:0 5px 0 var(--red-d)}.btn-yellow{background:var(--yellow);box-shadow:0 5px 0 var(--yellow-d)}.btn-gray{color:#777;background:#e5e5e5;box-shadow:0 5px #cfcfcf}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0003}.btn:disabled{color:#afafaf;cursor:not-allowed;background:#e5e5e5;box-shadow:0 5px #cfcfcf}.input{font:inherit;border:2px solid var(--line);background:#f7f7f7;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:18px;font-weight:800}.input:focus{border-color:var(--blue);background:#fff}.input-code{letter-spacing:.3em;text-align:center;font-size:26px}.error{color:var(--red-d);background:#ffdfe0;border-radius:12px;padding:10px 14px;font-weight:800}.avatar{border:3px solid #00000014;border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.avatar-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.avatar-pick{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:50%;padding:0;transition:transform .15s;display:flex}.avatar-pick.picked{border-color:var(--blue);transform:scale(1.12)}.avatar-pick .avatar{aspect-ratio:1;width:100%!important;height:auto!important}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{font:inherit;border:2px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:14px;padding:11px 16px;font-size:16px;font-weight:900;transition:transform .1s}.chip.on{border-color:var(--blue);color:var(--blue-d);background:#ddf4ff}.chip-cat{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:120px;padding:16px 10px;display:flex}.chip-cat.on{border-color:var(--c);background:color-mix(in srgb, var(--c) 14%, white);color:var(--ink)}.chip-icon{font-size:30px}.stepper{justify-content:space-between;align-items:center;gap:8px;display:flex}.stepper button{border:2px solid var(--line);width:44px;height:44px;font:inherit;color:var(--blue-d);cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:14px;font-size:24px;font-weight:900}.stepper span{font-size:22px;font-weight:900}.topbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{border:2px solid var(--line);background:#fff;border-radius:99px;padding:5px 14px;font-size:14px;font-weight:900}.pill-score{border-color:var(--yellow);background:#fff6cc}.timer{align-items:center;gap:12px;display:flex}.timer-track{background:#e5e5e5;border-radius:99px;flex:1;height:16px;overflow:hidden}.timer-fill{border-radius:99px;height:100%;transition:width .12s linear,background .3s}.timer-num{text-align:right;font-variant-numeric:tabular-nums;width:44px;font-size:26px;font-weight:900}.turn{text-align:center;font-size:17px;font-weight:900}.board-wrap{width:100%;max-width:560px;margin:0 auto}.caption{text-align:center;border-radius:14px;margin-top:14px;padding:10px 14px;font-size:18px;font-weight:900;animation:.3s pop}.caption-good{color:var(--green-d);background:#d7ffb8}.caption-bad{color:var(--red-d);background:#ffdfe0}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.locked{background:var(--ink);color:#fff;text-align:center;border-radius:18px;padding:16px;font-weight:900;position:sticky;bottom:14px;box-shadow:0 6px #222}.reveal{gap:16px;display:grid}.reveal-side{flex-direction:column;gap:14px;display:flex}@media (width>=900px){.host-screen,.host-lobby{max-width:1200px}.host-screen .reveal{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.host-q{grid-template-columns:minmax(0,1.3fr) 1fr;align-items:center;gap:24px;display:grid}}.result{border-bottom:5px solid;border-radius:20px;align-items:center;gap:14px;padding:14px 18px;display:flex}.result-good{border-color:var(--green);background:#d7ffb8}.result-bad{border-color:var(--red);background:#ffe3e3}.result-emoji{font-size:40px}.result-title{font-size:24px;font-weight:900}.result-sub{color:var(--muted)}.bars{border:2px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.bar-row{grid-template-columns:110px 1fr 30px;align-items:center;gap:10px;font-size:14px;display:grid}.bar-track{background:#f0f0f0;border-radius:99px;height:18px;overflow:hidden}.bar-fill{border-radius:99px;min-width:6px;height:100%}.bar-n{text-align:right;font-weight:900}.mistakes{border:2px solid var(--line);background:#fff;border-radius:18px;padding:14px}.mistakes h3{margin-bottom:8px}.mistake-move{color:var(--red-d);font-size:22px;font-weight:900}.big-stat{text-align:center}.big-stat b{color:var(--blue-d);font-size:90px;line-height:1;display:block}.host-side{flex-direction:column;align-items:center;gap:20px;display:flex}.actions{width:100%;max-width:420px;margin:6px auto 0}.host-lobby{text-align:center;align-items:center}.lobby-top{gap:14px;width:100%;display:grid}@media (width>=700px){.lobby-top{grid-template-columns:1fr auto}}.pin-card{flex-direction:column;justify-content:center;display:flex}.pin{letter-spacing:.12em;color:var(--green-d);font-size:clamp(56px,12vw,110px);font-weight:900;line-height:1.1}.qr-card{justify-content:center;align-items:center;width:auto;display:flex}.lobby-count{font-size:22px}.lobby-count b{color:var(--blue-d);font-size:36px}.upgrade{color:var(--red-d);font-size:16px}.lobby-players{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;min-height:80px;display:flex}.lobby-chip{border:2px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:99px;align-items:center;gap:8px;padding:5px 16px 5px 6px;font-weight:900;display:flex}.waiting{align-self:center}.standings{flex-direction:column;gap:12px;display:flex;position:relative}.standings-title{text-align:center}.rows{flex-direction:column;gap:10px;display:flex}.row{border:2px solid var(--line);background:#fff;border-bottom-width:5px;border-radius:18px;align-items:center;gap:12px;padding:8px 16px 8px 12px;display:flex}.row-top{border-color:var(--yellow);background:#fffbe6}.row-me{border-color:var(--blue);background:#ddf4ff}.row-outside{margin-top:8px}.row-rank{text-align:center;width:40px;font-size:28px;font-weight:900;line-height:1}.row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:19px;font-weight:900;overflow:hidden}.row-score{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.delta{border-radius:99px;padding:2px 8px;font-size:14px;font-weight:900}.delta.up{color:var(--green-d);background:#d7ffb8}.delta.down{color:var(--red-d);background:#ffdfe0}.streak{font-size:14px}.podium{justify-content:center;align-items:flex-end;gap:10px;margin:6px 0 14px;display:flex}.podium-col{flex-direction:column;align-items:center;width:31%;max-width:150px;display:flex}.podium-who{text-align:center;margin-bottom:6px}.podium-name{word-break:break-word;font-size:15px;font-weight:900}.podium-block{border-radius:14px 14px 0 0;justify-content:center;align-items:flex-start;width:100%;padding-top:8px;font-size:30px;display:flex;overflow:hidden}.podium-1{background:var(--yellow)}.podium-2{background:#cfd8dc}.podium-3{background:#e8b27a}.confetti{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.confetti span{font-size:26px;position:absolute;top:0}.accountbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:760px;margin:0 auto;padding:10px 16px 0;display:flex}.small{font-size:13px}.hist-row{align-items:center;gap:12px;display:flex}.hist-main{text-align:left;flex:1}.hist-score{text-align:right;font-size:18px}.hist-block{padding:6px 14px}.hist-btn{width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0}.hist-standing{border-top:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;display:flex}.hist-name{text-align:left;flex:1}.plan-note{border:2px solid var(--yellow);background:#fff6cc;border-radius:14px;padding:10px 14px;font-size:14px}.reveal-main{flex-direction:column;gap:6px;display:flex}.reveal-h{margin:0}.reveal-h.good{color:var(--green-d)}.reveal-h.bad{color:var(--red-d);margin-top:4px}.mistake-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.mistake-card{background:#fff;border:2px solid #ffc9c9;border-bottom-width:5px;border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}.board-compact .board-wrap,.board-compact{max-width:200px}.caption-sm{margin-top:8px;padding:6px 8px;font-size:13px}.mistake-info{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.mistake-count{font-size:14px}.mistake-count b{color:var(--red-d);font-size:20px}.mistake-sub{color:var(--muted);font-size:12px}.no-mistakes{color:var(--green-d);text-align:center;background:#d7ffb8;border-radius:16px;padding:18px;font-size:20px;font-weight:900}.bot-bar{border:2px dashed var(--line);background:#fff;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:flex}.bot-bar .btn{padding:8px 14px;font-size:14px}.chip-sm{border-radius:12px;padding:6px 12px;font-size:14px}.countdown{gap:16px}.count-ring{border:8px solid var(--green);background:#fff;border-bottom-width:14px;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative;overflow:hidden}.count-num{color:var(--green-d);font-size:110px;font-weight:900;line-height:1;position:absolute}.tip{max-width:320px;font-size:16px}.sound-toggle{z-index:20;border:2px solid var(--line);cursor:pointer;background:#fff;border-bottom-width:4px;border-radius:50%;width:44px;height:44px;font-size:20px;position:fixed;bottom:12px;right:12px}.plans{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.plan{flex-direction:column;gap:12px;padding:0 0 16px;display:flex;overflow:hidden}.plan>:not(.plan-head){margin-left:16px;margin-right:16px}.plan-current{border-color:var(--blue)}.plan-head{color:#fff;padding:12px 16px;font-size:20px;font-weight:900}.plan-price{font-size:38px;font-weight:900}.plan-price small{color:var(--muted);font-size:13px;font-weight:800}.plan ul{flex-direction:column;flex:1;gap:6px;margin-top:0;padding:0;font-weight:800;list-style:none;display:flex}.plan-badge{color:var(--blue-d);text-align:center;background:#ddf4ff;border-radius:12px;padding:8px;font-weight:900}.pill-btn{cursor:pointer;font:inherit;font-weight:900}.plan-note a,.upgrade{color:var(--blue-d);font-weight:900}.page-wide{max-width:1100px}.plan-price small{margin-top:2px;display:block}.advance{flex-direction:column;gap:6px;width:100%;max-width:420px;margin:10px auto 0;display:flex}.advance-label{text-align:center;color:var(--muted,#777);font-weight:800}.advance-label b{color:var(--ink);font-variant-numeric:tabular-nums}.advance-track{background:#e5e5e5;border-radius:99px;height:10px;overflow:hidden}.advance-fill{background:var(--blue);border-radius:99px;height:100%;transition:width .12s linear}.auto-toggle{margin:10px auto 0;display:block}.home-grid{text-align:left;grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;width:100%;max-width:820px;display:grid}.home-card{flex-direction:column;gap:12px;max-width:none;display:flex}.about-card{max-width:820px}.host-card{border-color:var(--blue);background:#f0faff;justify-content:center}.host-card .btn{margin-top:auto}.host-signin{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.btn-sm{box-shadow:0 3px 0 var(--blue-d);padding:8px 18px;font-size:14px}@media (width<=700px){.home-grid{grid-template-columns:1fr}}.about-card{text-align:left}.about-card ul{padding-left:20px}.invite-card{text-align:left;flex-direction:column;align-self:center;gap:10px;max-width:640px;display:flex}.invite-row{align-items:center;gap:10px;display:flex}.invite-input{flex:1;min-width:0;padding:11px 14px;font-size:15px}.invite-share{flex-wrap:wrap;gap:8px;display:flex}.invite-share a.chip{text-decoration:none}