/* ===== v4: экран загрузки, правила, вывод, статусы ===== */
#splash{position:fixed;inset:0;z-index:100;background:radial-gradient(900px 600px at 50% 20%,#2a1163,#07060f 70%);display:grid;place-items:center;transition:opacity .45s,transform .45s}
#splash.out{opacity:0;transform:scale(1.04);pointer-events:none}
.splash-in{text-align:center;padding:24px;width:min(86%,340px)}
.splash-logo{display:inline-block;filter:drop-shadow(0 10px 30px rgba(124,92,255,.6));animation:bob 2.4s ease-in-out infinite}
.splash-name{margin-top:14px;font-weight:800;letter-spacing:.22em;font-size:18px;background:linear-gradient(135deg,#fff1b8,#ffd15c 40%,#ff9a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.splash-name em{font-style:normal;background:linear-gradient(135deg,#c89bff,#ff6bf0);-webkit-background-clip:text;background-clip:text;color:transparent}
.spin{width:30px;height:30px;margin:22px auto 0;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:#ffd15c;animation:rot .8s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.fatal{margin-top:20px;color:#ffb3c1;font-size:14px;line-height:1.5}
.offline{position:fixed;left:0;right:0;top:0;z-index:90;text-align:center;padding:calc(7px + env(safe-area-inset-top)) 12px 7px;font-size:12.5px;font-weight:700;background:#b3261e;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.4)}

.hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rules-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#d9c28a;background:rgba(255,255,255,.05);border:1px solid var(--stroke)}
.rules-btn:active{transform:scale(.93)}

.bul{margin:10px 0 14px;padding:0;list-style:none}
.bul li{position:relative;padding:0 0 9px 22px;font-size:13.5px;line-height:1.5;color:#d7d3ee}
.bul li::before{content:"";position:absolute;left:3px;top:7px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ffe28a,#ff9a3d)}
.bul b{color:#fff}
.check{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--stroke);margin:6px 0 4px;font-size:13px;line-height:1.45;cursor:pointer}
.check input{position:absolute;opacity:0;pointer-events:none}
.check i{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:.15s;margin-top:1px}
.check input:checked+i{background:linear-gradient(180deg,#ffe58a,#ff9420);border-color:transparent}
.check input:checked+i::after{content:"";width:6px;height:11px;border:solid #4a2600;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}
.check input:focus-visible+i{outline:2px solid var(--gold2);outline-offset:2px}
.linkbtn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:12px 0 14px;color:#cdb4ff;font-weight:700;font-size:13.5px}
.mini{flex:none;padding:8px 14px;border-radius:12px;font-weight:800;font-size:12.5px;background:linear-gradient(180deg,#ffe58a,#ff9420);color:#4a2600}
.mini.ghost{background:rgba(255,255,255,.07);color:var(--text);font-weight:700;margin-top:6px}
.mini:disabled{opacity:.5}
.rcol{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.chipst{font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--muted);white-space:nowrap}
.chipst.pos{background:rgba(46,242,160,.14);color:var(--mint)}
.chipst.neg{background:rgba(255,77,109,.14);color:#ff8aa0}
.chipst.gold{background:rgba(255,207,92,.14);color:var(--gold2)}
.chipst.vio{background:rgba(124,92,255,.2);color:#c4b2ff}
.infobox{margin:6px 0 2px}
.infobox .err,.err{color:#ff9db0;background:rgba(255,77,109,.1);border:1px solid rgba(255,77,109,.25);border-radius:14px;padding:11px 13px;font-size:13px;line-height:1.45;margin:6px 0}
.okline{display:flex;align-items:center;gap:7px;color:var(--mint);font-size:12.5px;font-weight:700;margin:6px 0 2px}
.rules{padding:16px 16px 6px}
.rules h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:800;color:#ffe9b0}
.rules p{margin:0 0 11px;font-size:13.5px;line-height:1.6;color:#d7d3ee}
.rules b{color:#fff}
.example{margin:0 0 12px;padding:10px 12px;border-radius:14px;background:rgba(255,207,92,.08);border:1px dashed rgba(255,207,92,.35);font-size:13px;line-height:1.5;color:#ffe3a1}
.btn{display:flex;align-items:center;justify-content:center;gap:6px}
.refex{display:block;margin-top:6px;color:#ffe3a1}
.hud.tl em{display:block;font-style:normal;font-size:10px;color:var(--dim);margin-top:1px}
.tab[disabled]{opacity:.4}
.kv b small{color:var(--muted);font-weight:600}
#hudTime.hot{color:#ff8a8a;font-weight:800}
@media (prefers-reduced-motion:no-preference){#hudTime.hot{animation:hotpulse 1s ease-in-out infinite}}
@keyframes hotpulse{50%{opacity:.45}}