.sl-wrap{--sl-deep:#03102f;--sl-blue:#0b2a6b;--sl-blue2:#123c96;--sl-panel:#061a44d9;--sl-gold:#ffd23f;--sl-red:#ff3b52;--sl-green:#4ce08a;--sl-cyan:#38d6ff;--sl-text:#eaf2ff;--sl-top:env(safe-area-inset-top,0px);--sl-bottom:env(safe-area-inset-bottom,0px);min-height:100dvh;color:var(--sl-text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;background:radial-gradient(700px 380px at 50% -10%,#38d6ff59,transparent 70%), radial-gradient(600px 340px at 12% 110%,#ff3b5238,transparent 70%), radial-gradient(600px 340px at 88% 110%,#ffd23f2e,transparent 70%), linear-gradient(180deg,#0a2a72 0%,#06184a 45%,var(--sl-deep) 100%);font-family:Trebuchet MS,Verdana,sans-serif}.sl-wrap button{touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:inherit}.sl-stage{min-height:100dvh;padding:calc(10px + var(--sl-top)) 12px calc(28px + var(--sl-bottom));background-image:repeating-linear-gradient(115deg,#ffffff09 0 2px,#0000 2px 9px)}.sl-inner{max-width:980px;margin:0 auto}.sl-head{flex-direction:column;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sl-logo{gap:3px;display:flex}.sl-logo span{color:#04143a;border-radius:6px;justify-content:center;align-items:center;width:26px;height:32px;font-size:17px;font-weight:900;display:inline-flex;transform:rotate(-2deg);box-shadow:inset 0 -3px #00000040,0 3px 8px #0006}.sl-logo span:nth-child(2n){transform:rotate(2deg)}.sl-logo .c1{background:var(--sl-gold)}.sl-logo .c2{background:var(--sl-cyan)}.sl-logo .c3{background:var(--sl-red);color:#fff}.sl-logo .c4{background:var(--sl-green)}.sl-logo .c5{background:#fff}.sl-levels{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.sl-levels button{color:var(--sl-text);letter-spacing:.04em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;min-height:44px;padding:10px 8px;font-size:13px;font-weight:800}.sl-levels button.on{background:var(--sl-gold);color:#0a1b40;border-color:#fff}.sl-scoreboard{top:calc(4px + var(--sl-top));z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1848a8f7,#081c4ef7);border:2px solid #ffffff47;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;display:grid;position:sticky;box-shadow:0 10px 28px #00000080,inset 0 1px #ffffff40}.sl-player{align-items:center;gap:8px;min-width:0;display:flex}.sl-player.right{justify-content:flex-end}.sl-avatar{border:2px solid #ffffff80;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:900;display:flex}.sl-avatar.you{color:#fff;background:linear-gradient(#ff5f70,#d0142c)}.sl-avatar.bot{background:linear-gradient(#3ddcff,#0b74a8);font-size:18px}.sl-pdata{min-width:0}.sl-pdata small{letter-spacing:.16em;opacity:.8;font-size:9px;display:block}.sl-pdata strong{color:var(--sl-gold);text-shadow:0 2px #0006;font-size:26px;line-height:1}.sl-player.right .sl-pdata{text-align:right}.sl-clock{border:2px solid var(--sl-gold);text-align:center;background:#000b22;border-radius:12px;min-width:92px;padding:6px 10px;box-shadow:0 0 18px #ffd23f59}.sl-clock strong{font-variant-numeric:tabular-nums;color:#fff;letter-spacing:.04em;font-size:22px}.sl-clock.low strong{color:var(--sl-red)}.sl-bar{background:#ffffff29;border-radius:99px;height:5px;margin-top:5px;overflow:hidden}.sl-bar i{background:linear-gradient(90deg,var(--sl-green),var(--sl-gold));height:100%;transition:width .9s linear;display:block}.sl-clock.low .sl-bar i{background:var(--sl-red)}.sl-rounds{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.sl-rounds div{text-align:center;background:linear-gradient(#1c54be99,#081c4eb3);border:2px solid #ffffff29;border-radius:12px;padding:7px 4px;font-size:12px}.sl-rounds div.active{border-color:var(--sl-gold);box-shadow:0 0 16px #ffd23f59}.sl-rounds b{letter-spacing:.06em;color:var(--sl-gold);margin-bottom:3px;font-size:9px;display:block}.sl-card{background:linear-gradient(#144098bf,#061640e6);border:2px solid #fff3;border-radius:18px;margin-bottom:14px;padding:14px 12px;box-shadow:0 18px 40px #00000080,inset 0 1px #fff3}.sl-card h2{letter-spacing:.1em;color:var(--sl-gold);text-align:center;text-shadow:0 2px #00000073;margin:0 0 8px;font-size:19px}.sl-card p.sl-sub{opacity:.85;text-align:center;margin:0 0 14px;font-size:13px}.sl-rules{text-align:left;gap:8px;margin:6px 0 16px;padding:0;list-style:none;display:grid}.sl-rules li{border-left:4px solid var(--sl-gold);background:#00000040;border-radius:10px;padding:9px 12px;font-size:13px}.sl-rules b{color:var(--sl-gold);letter-spacing:.06em}.sl-target{text-align:center;margin:4px 0 14px}.sl-target small{letter-spacing:.24em;opacity:.75;margin-bottom:8px;font-size:10px;display:block}.sl-digits{justify-content:center;gap:6px;display:flex}.sl-digits span{color:#04143a;background:linear-gradient(#fff,#cddcf5);border-radius:10px;justify-content:center;align-items:center;width:46px;height:60px;font-size:32px;font-weight:900;display:flex;box-shadow:inset 0 -5px #0000002e,0 6px 14px #0006}.sl-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.sl-tiles button{cursor:pointer;color:#04143a;background:linear-gradient(#ffe98a,#ffc21f);border:2px solid #fff;border-radius:14px;height:56px;font-size:22px;font-weight:900;box-shadow:inset 0 -5px #0003,0 5px 12px #00000059}.sl-tiles button:active{transform:translateY(2px)}.sl-tiles button.used,.sl-tiles button:disabled{opacity:.32;cursor:not-allowed}.sl-ops{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.sl-ops button{cursor:pointer;color:#fff;background:linear-gradient(#3ddcff,#0b74a8);border:2px solid #fff9;border-radius:14px;height:52px;font-size:22px;font-weight:900;box-shadow:inset 0 -5px #00000038,0 5px 12px #00000052}.sl-ops button:active{transform:translateY(2px)}.sl-ops button:disabled{opacity:.35;cursor:not-allowed}.sl-expr{text-align:center;letter-spacing:.03em;overflow-wrap:anywhere;background:#000b22;border:2px solid #ffffff2e;border-radius:12px;min-height:52px;margin-bottom:14px;padding:12px 10px;font-size:19px}.sl-expr b{color:var(--sl-green)}.sl-expr em{opacity:.45;font-size:13px;font-style:normal}.sl-actions{gap:8px;display:grid}.sl-actions a{text-decoration:none;display:block}.sl-actions a button{width:100%}.sl-actions button{letter-spacing:.04em;cursor:pointer;color:#fff;background:linear-gradient(#2660cce6,#0c286ee6);border:2px solid #ffffff4d;border-radius:14px;width:100%;min-height:48px;padding:12px 16px;font-size:14px;font-weight:900;box-shadow:inset 0 -4px #00000040}.sl-actions button:active{transform:translateY(2px)}.sl-actions button.primary{color:#0a1b40;background:linear-gradient(#ffe98a,#ffbe12);border-color:#fff}.sl-actions button:disabled{opacity:.4;cursor:not-allowed}.sl-board{flex-direction:column;gap:6px;margin:4px 0 14px;display:flex}.sl-row{background:linear-gradient(#00000052,#0000002e);border:2px solid #ffffff1f;border-radius:12px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.sl-row.current{border-color:var(--sl-gold);box-shadow:0 0 16px #ffd23f4d}.sl-row.opp{border:2px dashed #38d6ffb3}.sl-row.solution{border:2px solid var(--sl-green);background:#4ce08a1f}.sl-no{text-align:center;opacity:.8;font-size:12px;font-weight:900}.sl-cells{gap:6px;display:flex}.sl-cell{background:radial-gradient(circle at 30% 25%,#12326f,#03102f);border:2px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.sl-cell.empty{opacity:.45}.sl-pegs{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:64px;display:flex}.sl-pegs.wide{letter-spacing:.1em;opacity:.9;max-width:none;font-size:9px;font-weight:900}.peg{background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;width:11px;height:11px;display:inline-block}.peg.dim{opacity:.35}.peg.red{background:var(--sl-red);box-shadow:0 0 8px #ff3b52cc}.peg.yellow{background:var(--sl-gold);box-shadow:0 0 8px #ffd23fcc}.sl-symbols{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:14px;display:grid}.sl-symbols button{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 30% 25%,#1a4699,#061c4c);border:2px solid #ffffff59;border-radius:14px;width:100%;font-size:22px;box-shadow:inset 0 -4px #0000004d,0 5px 12px #00000059}.sl-symbols button:active{transform:translateY(2px)}.sl-symbols button:disabled{opacity:.3;cursor:not-allowed}.sl-slots{grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:12px;display:grid}.sl-slots .slot{height:44px;color:var(--sl-gold);background:#00000052;border:2px dashed #fff3;border-radius:9px;justify-content:center;align-items:center;font-size:20px;font-weight:900;display:flex}.sl-slots .slot.on{color:#04143a;background:linear-gradient(#fff,#cddcf5);border:2px solid #fff}.sl-letters{grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0 14px;display:grid}.sl-letters button{cursor:pointer;color:#04143a;background:linear-gradient(#ffe98a,#ffc21f);border:2px solid #fff;border-radius:12px;height:50px;font-size:21px;font-weight:900;box-shadow:inset 0 -5px #0003,0 5px 12px #00000059}.sl-letters button:active{transform:translateY(2px)}.sl-letters button.used,.sl-letters button:disabled{opacity:.3;cursor:not-allowed}.sl-msg{text-align:center;letter-spacing:.02em;min-height:22px;margin-top:14px;font-size:13px;font-weight:900}.sl-msg.ok{color:var(--sl-green)}.sl-msg.bad{color:var(--sl-red)}.sl-final{text-align:center}.sl-final .verdict{margin:10px 0;font-size:26px;font-weight:900}.sl-final .verdict.win{color:var(--sl-green)}.sl-final .verdict.lose{color:var(--sl-red)}.sl-final table{border-collapse:collapse;width:100%;margin:12px 0}.sl-final td,.sl-final th{border-bottom:1px solid #ffffff24;padding:8px 4px;font-size:13px}.sl-final th{color:var(--sl-gold);letter-spacing:.06em;font-size:10px}@media (width>=640px){.sl-stage{padding:20px 16px 70px}.sl-head{flex-flow:wrap;justify-content:space-between}.sl-logo span{border-radius:7px;width:34px;height:40px;font-size:22px}.sl-levels{gap:8px;width:auto;display:flex}.sl-levels button{padding:8px 18px;font-size:14px}.sl-scoreboard{border-radius:18px;gap:14px;padding:12px 18px;position:static}.sl-avatar{border-radius:14px;width:52px;height:52px;font-size:20px}.sl-avatar.bot{font-size:24px}.sl-pdata small{letter-spacing:.2em;font-size:11px}.sl-pdata strong{font-size:38px}.sl-clock{border-width:3px;border-radius:16px;min-width:132px;padding:8px 18px}.sl-clock strong{font-size:32px}.sl-rounds{gap:10px}.sl-rounds div{padding:10px;font-size:13px}.sl-rounds b{letter-spacing:.1em;font-size:12px}.sl-card{border-radius:22px;padding:22px}.sl-card h2{letter-spacing:.16em;font-size:26px}.sl-card p.sl-sub,.sl-rules li{font-size:14px}.sl-digits{gap:10px}.sl-digits span{border-radius:12px;width:60px;height:78px;font-size:44px}.sl-tiles{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sl-tiles button{min-width:74px;height:62px;font-size:24px}.sl-ops{justify-content:center;gap:10px;display:flex}.sl-ops button{width:62px;height:56px;font-size:24px}.sl-expr{min-height:58px;padding:14px;font-size:24px}.sl-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sl-actions button{width:auto;padding:13px 22px;font-size:15px}.sl-row{border-radius:14px;grid-template-columns:36px 1fr 120px;gap:12px;padding:8px 12px}.sl-cells{gap:10px}.sl-cell{border-radius:12px;width:52px;height:52px;font-size:26px}.sl-pegs{gap:6px;max-width:none}.sl-pegs.wide{letter-spacing:.14em;font-size:11px}.peg{width:14px;height:14px}.sl-symbols{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sl-symbols button{aspect-ratio:auto;border-radius:16px;width:64px;height:64px;font-size:30px}.sl-slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sl-slots .slot{width:44px;height:52px;font-size:24px}.sl-letters{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sl-letters button{width:56px;height:62px;font-size:24px}.sl-msg{min-height:24px;font-size:15px}.sl-final .verdict{font-size:32px}.sl-final td,.sl-final th{padding:9px;font-size:14px}.sl-final th{letter-spacing:.1em;font-size:12px}}@media (width<=359px){.sl-logo span{width:22px;height:28px;font-size:14px}.sl-digits span{width:38px;height:50px;font-size:26px}.sl-cell{width:32px;height:32px;font-size:16px}.sl-letters button{height:44px;font-size:18px}}
