:root{--bg:#060a15;--bg-soft:#0b1225;--panel:#111a30;--line:#24304d;--text:#e6edf8;--muted:#8fa0bd;--accent:#a78bfa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}.backdrop{z-index:-1;pointer-events:none;background:radial-gradient(1200px 800px at 50% -20%, #0d1730, var(--bg) 70%);position:fixed;inset:0;overflow:hidden}.backdrop__blob{filter:blur(70px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.backdrop__blob--a{background:radial-gradient(circle,#a78bfa8c,#0000 68%);width:46vw;height:46vw;animation:34s ease-in-out infinite alternate drift-a;top:-12vw;left:-8vw}.backdrop__blob--b{background:radial-gradient(circle,#38bdf873,#0000 68%);width:40vw;height:40vw;animation:42s ease-in-out infinite alternate drift-b;top:-6vw;right:-6vw}.backdrop__blob--c{background:radial-gradient(circle,#f472b652,#0000 68%);width:38vw;height:38vw;animation:50s ease-in-out infinite alternate drift-c;bottom:-18vw;left:30vw}.backdrop__grid{background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(900px 600px at 50% 0,#000,#0000 75%);mask-image:radial-gradient(900px 600px at 50% 0,#000,#0000 75%)}@keyframes drift-a{to{transform:translate(9vw,7vh)scale(1.15)}}@keyframes drift-b{to{transform:translate(-10vw,10vh)scale(1.1)}}@keyframes drift-c{to{transform:translate(-12vw,-8vh)scale(1.2)}}@media (prefers-reduced-motion:reduce){.backdrop__blob{animation:none}}h1,h2,h3{margin:0;line-height:1.15}.page{flex-direction:column;gap:22px;width:min(1080px,100%);margin:0 auto;padding:28px 20px 56px;display:flex}.page--game{gap:18px}.brand h1{letter-spacing:.24em;background:linear-gradient(100deg,#fff 15%,#c4b5fd 45%,#7dd3fc 75%,#f9a8d4 100%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7vw,58px);font-weight:800;animation:9s ease-in-out infinite alternate sheen}.brand h1 span{-webkit-text-fill-color:var(--accent)}@keyframes sheen{to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.brand h1{animation:none}}.brand p{color:var(--muted);letter-spacing:.05em;margin:8px 0 0}.hero{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(600px 220px at 12% 0,#a78bfa38,#0000 70%),linear-gradient(160deg,#38bdf81a,#111a30eb);border-radius:24px;grid-template-columns:1.1fr .9fr;align-items:center;gap:18px;padding:22px 26px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0f;position:absolute;inset:0}.hero__label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px}.hero__value{font-variant-numeric:tabular-nums;text-shadow:0 0 42px;filter:saturate(1.1);font-size:clamp(56px,12vw,84px);font-weight:800;line-height:1}.hero__tier{letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:999px;margin-top:6px;padding:3px 12px;font-size:12px;display:inline-block}.hero__meta{color:var(--text);margin:12px 0 0;font-size:13px}.hero__note{color:var(--muted);max-width:44ch;margin:6px 0 0;font-size:12px;line-height:1.5}.hero__radar{place-items:center;display:grid}.radar{width:100%;max-width:340px;overflow:visible}.radar__label{letter-spacing:.1em;text-transform:uppercase;fill:var(--muted);font-size:9px}.radar__value{fill:var(--text);font-size:12px;font-weight:700}.radar__label--off .radar__value{fill:#45537a}.strip{border:1px dashed var(--line);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.strip h2{letter-spacing:.08em;text-transform:uppercase;font-size:16px}.strip p{color:var(--muted);margin:4px 0 0;font-size:13px}.strip__actions{flex-wrap:wrap;gap:8px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{background:radial-gradient(320px 160px at 100% 0%, color-mix(in srgb, var(--tint) 16%, transparent), transparent 70%), linear-gradient(165deg, #ffffff0d, #111a30d9);border:1px solid var(--line);color:inherit;isolation:isolate;border-radius:20px;flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.3,1),border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.card:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--tint), transparent);opacity:.65;height:3px;transition:opacity .18s;position:absolute;top:0}.card:hover{border-color:color-mix(in srgb, var(--tint) 55%, var(--line));box-shadow:0 14px 34px -18px var(--tint), 0 0 0 1px color-mix(in srgb, var(--tint) 25%, transparent);transform:translateY(-4px)}.card:hover:before{opacity:1}.card__top{justify-content:space-between;align-items:flex-start;display:flex}.card__art{width:62px;height:62px;margin:-6px 0 -8px -6px;transition:transform .25s cubic-bezier(.2,.8,.3,1)}.card:hover .card__art{transform:scale(1.09)rotate(-3deg)}.card__kind{letter-spacing:.14em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:10px}.card h3{font-size:20px}.card__tag{color:var(--muted);flex:1;margin:0;font-size:13px;line-height:1.45}.card__skills{flex-wrap:wrap;gap:6px;display:flex}.card__skills span{letter-spacing:.06em;color:#b6c4dd;background:#ffffff0d;border-radius:999px;padding:2px 8px;font-size:10px}.card__bar{background:#ffffff12;border-radius:99px;height:5px;overflow:hidden}.card__fill{border-radius:99px;height:100%;transition:width .3s}.card__stats{color:var(--muted);letter-spacing:.05em;gap:10px;font-size:11px;display:flex}.btn{font:inherit;color:#16123a;cursor:pointer;background:linear-gradient(135deg,#c4b5fd,#a78bfa 45%,#7dd3fc);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 22px -12px #a78bfae6}.btn:hover{filter:brightness(1.08);box-shadow:0 12px 26px -12px #a78bfa}.btn:active{transform:translateY(1px)}.btn--ghost{border-color:var(--line);color:var(--text);box-shadow:none;background:#ffffff0a}.btn--ghost:hover{border-color:#4a5c8c}.btn--big{padding:13px 30px;font-size:16px}.btn:disabled{opacity:.45;cursor:not-allowed}.gamebar{justify-content:space-between;align-items:center;gap:14px;display:flex}.gamebar__back{color:var(--muted);font-size:14px;text-decoration:none}.gamebar__back:hover{color:var(--text)}.gamebar__title{letter-spacing:.08em;font-weight:700}.gamebar__title em{color:var(--muted);font-size:13px;font-style:normal;font-weight:400}.gamebar__rating{color:var(--muted);letter-spacing:.08em;text-align:right;min-width:70px;font-size:12px}.stage{flex-direction:column;gap:12px;display:flex}.intro{background:radial-gradient(600px 240px at 0% 0%, color-mix(in srgb, var(--tint,#a78bfa) 14%, transparent), transparent 70%), linear-gradient(165deg, #ffffff0b, #111a30e6);border:1px solid var(--line);border-radius:24px;flex-direction:column;gap:14px;padding:28px;display:flex;position:relative;overflow:hidden}.intro:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--tint,#a78bfa), transparent);height:3px;position:absolute;top:0}.intro__head{align-items:center;gap:14px;display:flex}.intro__art{flex:none;width:76px;height:76px;margin:-8px}.gamebar__art{vertical-align:-7px;width:26px;height:26px}.intro h2{letter-spacing:.04em;font-size:30px}.intro__tag{color:var(--muted);margin:0}.intro__rules{color:#c9d5ea;flex-direction:column;gap:7px;margin:0;padding-left:20px;font-size:14px;line-height:1.5;display:flex}.intro__meta{flex-wrap:wrap;gap:8px;display:flex}.chip{letter-spacing:.06em;color:#ddd2ff;background:#a78bfa29;border-radius:999px;padding:3px 10px;font-size:11px}.chip--muted{color:var(--muted);background:#ffffff0f}.intro__stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.intro__stats>div{border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:10px 14px;display:flex}.intro__stats span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:11px}.intro__stats strong{font-variant-numeric:tabular-nums;font-size:22px}.intro__note{color:var(--muted);margin:0;font-size:12px}.intro__actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.result{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:30px;display:flex}.result__label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px}.result__score{font-variant-numeric:tabular-nums;font-size:clamp(48px,11vw,74px);font-weight:800;line-height:1}.result__record{color:#fbbf24;letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700}.result__ratings,.result__stats{grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px;width:100%;max-width:560px;margin-top:8px;display:grid}.result__stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.result__ratings>div,.result__stats>div{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:10px;display:flex}.result__ratings span,.result__stats span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:10px}.result__ratings strong,.result__stats strong{font-variant-numeric:tabular-nums;font-size:22px}.result__ratings em{letter-spacing:.08em;color:var(--muted);margin-left:4px;font-size:11px;font-style:normal}.result__ratings em.up{color:#4ade80}.result__ratings em.down{color:#f87171}.result__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.loading{min-height:300px;color:var(--muted);letter-spacing:.1em;border:1px dashed var(--line);border-radius:20px;place-items:center;display:grid}.tripla__progress{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tripla__progress span{letter-spacing:.1em;text-transform:uppercase;color:#46557d;border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:11px}.tripla__progress .is-now{color:#16123a;background:var(--accent);border-color:var(--accent)}.tripla__progress .is-done{color:#4ade80;border-color:#4ade8066}.submit{border:1px solid var(--line);text-align:left;border-radius:16px;flex-direction:column;gap:7px;width:100%;max-width:420px;margin-top:6px;padding:14px;display:flex}.submit label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:11px}.submit__row{gap:8px;display:flex}.submit input{min-width:0;font:inherit;border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:999px;flex:1;padding:9px 14px}.submit input:focus{border-color:var(--accent);outline:none}.submit__hint{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.submit__error{color:#fca5a5;margin:0;font-size:12px;line-height:1.45}.submit--quiet{color:var(--muted);text-align:center;font-size:13px}.submit--done{text-align:center;border-color:#4ade8066;align-items:center;gap:4px}.submit--done strong{color:#4ade80;font-size:15px}.submit--done span{color:var(--muted);font-size:12px}.submit--error{text-align:center;color:#fca5a5;border-color:#f8717166;align-items:center;gap:10px;font-size:13px}.submit__link{color:var(--accent);font-size:12px;text-decoration:none}.submit__link:hover{text-decoration:underline}.tabs{flex-wrap:wrap;gap:7px;display:flex}.tabs button{font:inherit;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:13px;transition:all .13s}.tabs button:hover{color:var(--text);border-color:#4a5c8c}.tabs button.is-on{background:var(--accent);border-color:var(--accent);color:#16123a;font-weight:600}.board{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;margin:0;padding:6px;list-style:none;display:flex}.board li{font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:12px;padding:9px 12px;display:flex}.board li:nth-child(odd){background:#ffffff06}.board li.is-me{background:#a78bfa29;box-shadow:inset 0 0 0 1px #a78bfa73}.board__rank{width:30px;color:var(--muted);text-align:right;font-size:13px}.board__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.board__date{color:var(--muted);font-size:11px}.board__chips{gap:6px;display:flex}.board__chips i{text-align:center;min-width:22px;font-size:11px;font-style:normal;font-weight:700}.board__score{text-align:right;min-width:78px;font-size:17px;font-weight:700}.board--empty{text-align:center;color:var(--muted);padding:26px;font-size:14px;line-height:1.6}.board--empty code{background:#ffffff12;border-radius:5px;padding:1px 6px}.board__note{color:var(--muted);margin:0;font-size:12px;line-height:1.55}@media (width<=560px){.board__chips{display:none}}.soundbtn{z-index:50;border:1px solid var(--line);width:42px;height:42px;color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1226d9;border-radius:50%;place-items:center;transition:color .15s,border-color .15s,transform .12s;display:grid;position:fixed;bottom:16px;right:16px}.soundbtn:hover{color:var(--text);border-color:#4a5c8c}.soundbtn:active{transform:scale(.94)}.soundbtn.is-on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.soundbtn svg{fill:currentColor;width:21px;height:21px}.soundbtn__wave{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.foot{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:12px;display:flex}.foot button{font:inherit;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px}.foot button:hover{color:#fca5a5;border-color:#7f1d1d}.foot__name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.foot__name strong{color:var(--text)}.foot__name input{font:inherit;border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:999px;width:140px;padding:4px 12px;font-size:12px}.foot__name input:focus{border-color:var(--accent);outline:none}.foot__name button:hover{color:var(--text);border-color:#4a5c8c}.foot__error{color:#fca5a5;flex-basis:100%;font-style:normal}@media (width<=720px){.hero{text-align:center;grid-template-columns:1fr}.hero__note{margin-inline:auto}.intro{padding:20px}}.stroop{border-radius:20px;flex-direction:column;gap:14px;width:min(560px,100%);margin:0 auto;padding:8px 0 24px;transition:background .18s;display:flex}.stroop--ok{box-shadow:0 0 0 2px #22c55e80}.stroop--fail{box-shadow:0 0 0 2px #ef444499}.stroop__top{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stroop__stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.stroop__stat span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:11px}.stroop__stat strong{font-variant-numeric:tabular-nums;font-size:22px}.stroop__stat--mid{text-align:center}.stroop__timebar{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.stroop__timefill{background:linear-gradient(90deg,#f97316,#fbbf24);height:100%;transition:width .1s linear}.stroop__rule{text-align:center;border:1px dashed var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:10px;display:flex}.stroop__rule strong{letter-spacing:.14em;font-size:17px}.stroop__rule span{color:var(--muted);font-size:12px}.stroop__rule.is-flash{border-color:#fbbf24;animation:.9s rule-flash}@keyframes rule-flash{0%,40%{background:#fbbf2438;transform:scale(1.04)}to{background:0 0;transform:scale(1)}}.stroop__card{background:radial-gradient(70% 90% at 50% 50%, color-mix(in srgb, var(--ink,#fff) 16%, transparent), transparent 70%), linear-gradient(165deg, #ffffff0d, #111a30e6);border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:190px;transition:background .16s;display:flex;position:relative;overflow:hidden}.stroop__word{letter-spacing:.03em;text-shadow:0 0 34px;font-size:clamp(34px,9vw,60px);font-weight:800;animation:.16s ease-out stroop-in}@keyframes stroop-in{0%{opacity:0;transform:scale(.94)}}.stroop__word--ghost{opacity:.6;font-size:24px}.stroop__prevhint{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.stroop__buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stroop__btn{cursor:pointer;border:none;border-radius:16px;height:84px;transition:transform 80ms,filter .12s;position:relative;box-shadow:inset 0 -4px #00000040}.stroop__btn:hover{filter:brightness(1.1)}.stroop__btn:active{transform:translateY(2px)}.stroop__key{color:#00000073;font-size:12px;font-weight:700;position:absolute;top:8px;left:10px}.circ{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.circ__hud{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:560px;display:grid}.circ__stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:8px 12px;display:flex}.circ__stat span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10px}.circ__stat strong{font-variant-numeric:tabular-nums;font-size:19px}.circ__stat .is-leak{color:#fbbf24}.circ__stat .is-dry{color:#4ade80}.circ__board{grid-template-columns:repeat(var(--n), 1fr);aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(70% 70% at 50% 0,#22d3ee1f,#0000 65%),linear-gradient(165deg,#ffffff0a,#091122eb);border-radius:20px;gap:4px;width:min(92vw,520px);padding:10px;display:grid;position:relative;box-shadow:inset 0 0 60px -20px #22d3ee59}.circ__cell{cursor:pointer;aspect-ratio:1;background:#ffffff08;border:none;border-radius:10px;padding:0;transition:background .15s;position:relative}.circ__cell:hover{background:#ffffff14}.circ__rot{width:100%;height:100%;transition:transform .16s ease-out;display:block}.circ__svg{stroke:#475569;fill:#475569;width:100%;height:100%;display:block}.circ__cell.is-wet .circ__svg{stroke:#22d3ee;fill:#22d3ee;filter:drop-shadow(0 0 6px #22d3eebf)}.circ__cell.is-source .circ__svg{stroke:#a78bfa;fill:#a78bfa;filter:drop-shadow(0 0 9px #a78bfae6);animation:2.2s ease-in-out infinite source-pulse}@keyframes source-pulse{50%{filter:drop-shadow(0 0 18px #a78bfa)}}.circ__flow{display:none}.circ__cell.is-wet .circ__flow{stroke:#ecfeff;stroke-dasharray:7 13;opacity:.85;animation:.85s linear infinite circ-flow;display:block}@keyframes circ-flow{to{stroke-dashoffset:-20px}}@media (prefers-reduced-motion:reduce){.circ__cell.is-wet .circ__flow,.circ__cell.is-source .circ__svg{animation:none}}.circ__end,.circ__joint,.circ__core{stroke:none}.circ__toast{color:#e0f2fe;text-align:center;background:#04223af2;border:1px solid #38bdf8;border-radius:14px;padding:12px 20px;font-weight:600;animation:.3s circ-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes circ-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.circ__hint{text-align:center;max-width:520px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.circ__hint em{color:#67e8f9;font-style:normal}.rb{flex-direction:column;gap:12px;width:100%;display:flex}.rb__hud{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.rb__stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:8px 12px;display:flex}.rb__stat span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10px}.rb__stat strong{font-variant-numeric:tabular-nums;font-size:19px}.rb__rule{border:1px dashed var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:10px;display:flex}.rb__rule strong{letter-spacing:.08em;font-size:17px}.rb__rule span{color:var(--muted);font-size:12px}.rb__wavebar{background:var(--line);border-radius:99px;width:min(320px,80%);height:4px;margin-top:6px;overflow:hidden}.rb__wavefill{background:linear-gradient(90deg,#a78bfa,#f472b6);height:100%;transition:width .1s linear}.rb__field{border:1px solid var(--line);background:radial-gradient(600px 300px at 50% 0,#a78bfa14,#0000 70%),#0a0f1e;border-radius:20px;height:min(58vh,480px);position:relative;overflow:hidden}.rb__field.is-shake{animation:.28s rb-shake}@keyframes rb-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.rb__target{width:54px;height:54px;font:inherit;color:#000000a8;cursor:pointer;background:radial-gradient(circle at 34% 26%, #ffffff8c, transparent 54%), var(--c,#64748b);box-shadow:inset 0 -4px 8px #0000004d, 0 0 0 2px color-mix(in srgb, var(--c,#64748b) 35%, transparent), 0 6px 20px -6px var(--c,#000);animation:rb-drift var(--dur,4s) ease-in-out infinite alternate;border:none;border-radius:50%;margin:-27px 0 0 -27px;font-size:19px;font-weight:800;transition:opacity .2s,transform .2s,box-shadow .15s;position:absolute}.rb__target:hover{filter:brightness(1.14);box-shadow:inset 0 -4px 8px #0000004d, 0 0 0 4px color-mix(in srgb, var(--c,#64748b) 45%, transparent), 0 8px 26px -6px var(--c,#000)}.rb__target.is-cleared{opacity:.12;pointer-events:none;transform:scale(.6)}@keyframes rb-drift{0%{translate:0}to{translate:var(--dx,0) var(--dy,0)}}.rb__hint{text-align:center;color:var(--muted);margin:0;font-size:12px}@media (width<=560px){.rb__target{width:46px;height:46px;margin:-23px 0 0 -23px;font-size:17px}}.nb{flex-direction:column;gap:12px;width:min(520px,100%);margin:0 auto;display:flex}.nb__hud{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.nb__stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:8px 12px;display:flex}.nb__stat span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10px}.nb__stat strong{font-variant-numeric:tabular-nums;font-size:20px}.nb__prompt{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:9px;font-size:14px}.nb__prompt strong{color:#a78bfa;font-size:16px}.nb__prompt em{color:#64748b;font-size:12px;font-style:normal}.nb__grid{border:1px solid var(--line);aspect-ratio:1;background:radial-gradient(70% 70%,#c084fc1f,#0000 70%),linear-gradient(165deg,#ffffff0a,#0f142aeb);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-height:46vh;margin:0 auto;padding:12px;display:grid;position:relative}.nb__cell{border:1px solid var(--line);background:#ffffff09;border-radius:14px;transition:background .55s ease-out,box-shadow .55s ease-out,transform .3s ease-out;position:relative;overflow:hidden}.nb__cell.is-lit{transition:background 60ms,box-shadow 60ms,transform 90ms;transform:scale(1.05);box-shadow:0 0 30px -2px,inset 0 0 26px #ffffff47}.nb__cell.is-lit:after{content:"";background:radial-gradient(circle at 35% 28%,#ffffff80,#0000 60%);position:absolute;inset:0}.nb__banner{color:#ddd2ff;letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#18123af0;border:1px solid #a78bfa;border-radius:12px;padding:10px 20px;font-weight:700;animation:.3s nb-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes nb-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.nb__buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nb__btn{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:14px;transition:background .12s,border-color .12s,transform 80ms;display:flex}.nb__btn:hover:not(:disabled){border-color:#4a5c8c}.nb__btn:active:not(:disabled){transform:translateY(2px)}.nb__btn:disabled{opacity:.4;cursor:default}.nb__btn strong{letter-spacing:.04em;font-size:15px}.nb__btn span{letter-spacing:.14em;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:0 6px;font-size:10px}.nb__btn.is-ok{background:#22c55e38;border-color:#22c55e}.nb__btn.is-fail{background:#ef444438;border-color:#ef4444}.nb__hint{text-align:center;color:var(--muted);margin:0;font-size:12px;line-height:1.5}