:root{--bg-0: #0b1020;--bg-1: #131a30;--panel: rgba(255, 255, 255, .045);--panel-solid: #161e38;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--text: #eef1fb;--muted: #9aa3c7;--accent: #6c8cff;--accent-2: #a06bff;--good: #3ddc84;--warn: #ffb020;--bad: #ff5d73;--gold: #ffd166;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 85% -10%,rgba(108,140,255,.16),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(160,107,255,.14),transparent 60%),linear-gradient(180deg,var(--bg-0) 0%,#0d1329 100%);background-attachment:fixed;min-height:100vh}#root{max-width:1180px;margin:0 auto;padding:0 16px 48px}h1,h2,h3{font-weight:800;letter-spacing:-.01em}h1{font-size:28px;margin:18px 0 14px}h2{font-size:19px;margin:0 0 10px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{background:#00000059;border:1px solid var(--border);border-radius:8px}pre{padding:12px;overflow:auto;font-size:12px}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:12px 4px;margin-bottom:8px;background:#0b1020cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{font-size:20px;font-weight:900;letter-spacing:.02em;background:linear-gradient(90deg,#8fb0ff,#c39bff);-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.brand .spark{-webkit-text-fill-color:initial}.navbar .spacer{flex:1}.nav-user{color:var(--muted);font-size:14px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,.btn{font:inherit;font-weight:700;color:var(--text);background:linear-gradient(180deg,#2a3560,#222c4e);border:1px solid var(--border-strong);border-radius:10px;padding:9px 16px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease,background .2s}button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 6px 18px #6c8cff59}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #6c8cff80}.btn-good{background:linear-gradient(90deg,#1f9d63,#2fbf7b);border-color:transparent;color:#fff}.btn-bad{background:linear-gradient(90deg,#c23a4e,#e0506a);border-color:transparent;color:#fff}.btn-ghost{background:transparent;border-color:var(--border-strong)}input,select,textarea{font:inherit;color:var(--text);background:#00000059;border:1px solid var(--border-strong);border-radius:10px;padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c8cff40}label{color:var(--muted);font-size:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.panel-title{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-card{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 14px 34px #00000073}.game-card .emoji{font-size:38px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.game-card h3{margin:6px 0 2px;font-size:19px}.game-card p{margin:0;color:var(--muted);font-size:14px;flex:1}.game-card .play-row{display:flex;align-items:center;gap:10px;margin-top:8px}.badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#6c8cff2e;color:#aebfff;border:1px solid rgba(108,140,255,.35)}.badge.gold{background:#ffd16624;color:var(--gold);border-color:#ffd16666}.turn-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-weight:700;font-size:15px;background:#ffffff0f;border:1px solid var(--border-strong)}.turn-pill .dot{width:9px;height:9px;border-radius:50%;background:var(--good);animation:pulse 1.4s infinite}.turn-pill.mine{background:#3ddc841f;border-color:#3ddc8480;color:#b9f5d4}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.gameover-banner{position:relative;overflow:hidden;text-align:center;padding:26px 18px;border-radius:var(--radius);background:linear-gradient(135deg,#6c8cff29,#a06bff29);border:1px solid var(--border-strong);animation:pop-in .35s cubic-bezier(.2,1.4,.4,1)}.gameover-banner .trophy{font-size:52px;display:block;margin-bottom:6px;animation:bounce 1.2s infinite}.gameover-banner h2{font-size:26px;margin:0 0 4px}.gameover-banner.win{border-color:#ffd1668c;background:linear-gradient(135deg,#ffd16629,#ffb0201a)}.gameover-banner .sub{color:var(--muted);margin-bottom:14px}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.confetti-piece{position:fixed;top:-24px;z-index:999;pointer-events:none;width:10px;height:16px;border-radius:3px;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}.anim-pop{animation:pop-in .25s cubic-bezier(.2,1.4,.4,1)}.anim-slide-up{animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.pcard{position:relative;width:62px;height:88px;border-radius:9px;background:linear-gradient(160deg,#fff,#eef0f7);color:#14161f;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.25);box-shadow:0 4px 10px #00000059,inset 0 -6px 12px #00000014;transition:transform .12s ease,box-shadow .15s;-webkit-user-select:none;user-select:none}.pcard .rank{font-size:24px;line-height:1}.pcard .suit{font-size:26px;line-height:1.05}.pcard.red{color:#d92b3f}.pcard:hover:not(:disabled){transform:translateY(-8px);box-shadow:0 14px 22px #00000080;z-index:2}.pcard.selected{outline:3px solid var(--gold);transform:translateY(-10px)}.pcard.dimmed{opacity:.55;filter:grayscale(.4);cursor:default}.pcard.back{background:repeating-linear-gradient(45deg,#2b3a72 0,#2b3a72 8px,#243161 8px,#243161 16px);border-color:#ffffff40}.pcard.back:after{content:"✦";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:30px;color:#ffffffb3}.hand-row{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;min-height:106px;align-items:flex-end}.pcard.anim-deal{animation:deal-in .3s ease backwards}@keyframes deal-in{0%{transform:translateY(26px) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}.ttt-board{display:grid;grid-template-columns:repeat(3,minmax(84px,128px));gap:8px;width:fit-content;padding:10px;background:#0000004d;border-radius:var(--radius);border:1px solid var(--border)}.ttt-cell{width:auto;height:minmax(84px,128px);aspect-ratio:1;font-size:clamp(44px,9vw,72px);background:#ffffff0d;border-color:var(--border);display:flex;align-items:center;justify-content:center;line-height:1}.ttt-cell.x{color:#63d8ff;text-shadow:0 0 18px rgba(99,216,255,.5)}.ttt-cell.o{color:#ffb46b;text-shadow:0 0 18px rgba(255,180,107,.5)}.ttt-cell.win-line{background:#3ddc842e;border-color:var(--good);animation:pulse 1s infinite}.checkers-board{display:grid;grid-template-columns:repeat(8,minmax(40px,64px));width:fit-content;padding:8px;background:#3a2b1c;border-radius:var(--radius);border:2px solid #57422c;box-shadow:var(--shadow)}.chk-sq{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4.6vw,38px);border:none;padding:0;background:transparent;cursor:default;position:relative}.chk-sq.light{background:#d9b98c}.chk-sq.dark{background:#7a5230}.chk-sq.sel{box-shadow:inset 0 0 0 4px var(--accent)}.chk-sq.target:after{content:"";position:absolute;width:34%;height:34%;border-radius:50%;background:#3ddc84bf;box-shadow:0 0 12px #3ddc84cc;animation:pulse 1.2s infinite}.chk-piece{width:74%;height:74%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,2.6vw,20px);color:#fff;animation:pop-in .2s ease}.chk-piece.r{background:radial-gradient(circle at 35% 30%,#ff8a97,#c62b40 70%);box-shadow:inset 0 -4px 8px #00000059,0 3px 6px #0006}.chk-piece.b{background:radial-gradient(circle at 35% 30%,#7d8aa5,#232a3b 70%);box-shadow:inset 0 -4px 8px #00000080,0 3px 6px #0006}.chk-piece .crown{position:absolute;font-size:clamp(10px,2vw,15px);color:var(--gold);text-shadow:0 1px 2px #000}.c4-board-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.c4-cols{display:grid;grid-template-columns:repeat(7,minmax(34px,62px));gap:6px;padding:10px;background:linear-gradient(180deg,#2b3a72,#22305e);border-radius:var(--radius);border:2px solid rgba(255,255,255,.18);box-shadow:var(--shadow)}.c4-col{display:flex;flex-direction:column-reverse;gap:6px;background:none;border:none;padding:0;cursor:pointer;position:relative}.c4-slot{aspect-ratio:1;border-radius:50%;background:#080c1cbf;box-shadow:inset 0 3px 6px #0009;transition:transform .1s}.c4-disc{aspect-ratio:1;border-radius:50%;animation:drop-in .28s cubic-bezier(.3,1.2,.5,1) backwards;box-shadow:inset 0 -5px 8px #0000004d,0 2px 4px #0006}.c4-disc.p1{background:radial-gradient(circle at 35% 30%,#ffd97a,#f5a623 70%)}.c4-disc.p2{background:radial-gradient(circle at 35% 30%,#ff8a97,#e0314b 70%)}.c4-disc.win-cell{outline:3px solid #fff;animation:pulse .9s infinite}@keyframes drop-in{0%{transform:translateY(-260%)}to{transform:none}}.c4-aim{position:absolute;top:-26px;left:50%;transform:translate(-50%);font-size:18px;opacity:0;transition:opacity .1s,top .1s;pointer-events:none}.c4-col:hover .c4-aim{opacity:1;top:-32px}.rps-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:18px}.rps-side{text-align:center;padding:14px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border);min-height:170px;display:flex;flex-direction:column;justify-content:center;gap:8px}.rps-side .big{font-size:clamp(48px,9vw,84px);line-height:1;animation:pop-in .3s cubic-bezier(.2,1.6,.4,1);filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.rps-side.mine{border-color:#6c8cff80;background:#6c8cff14}.rps-vs{font-size:26px;font-weight:900;color:var(--muted)}.rps-picks{display:flex;gap:12px;justify-content:center;margin-top:14px}.rps-btn{width:84px;height:84px;font-size:40px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .15s}.rps-btn:hover:not(:disabled){transform:scale(1.12);box-shadow:0 8px 24px #6c8cff59}.scoreboard{display:flex;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}.score-chip{padding:6px 14px;border-radius:999px;font-weight:800;background:#ffffff0f;border:1px solid var(--border-strong)}.sl-board-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.sl-frame{position:relative;padding:clamp(8px,1.6vw,14px);border-radius:18px;background:linear-gradient(135deg,#7a4a21,#9c6430 30%,#6d401c 70%,#8a5527);box-shadow:var(--shadow),inset 0 2px 4px #ffffff40,inset 0 -3px 6px #0006;max-width:min(92vw,640px)}.sl-frame:after{content:"";position:absolute;inset:clamp(8px,1.6vw,14px);border-radius:8px;box-shadow:inset 0 0 0 3px #3a200ae6,inset 0 0 0 5px #ffdca040;pointer-events:none}.sl-board{position:relative;display:grid;border-radius:8px;overflow:hidden;background:#f7e9c4;max-width:100%;aspect-ratio:1 / 1}.sl-cell{position:relative;display:flex;align-items:center;justify-content:center;background:#f7e9c4;box-shadow:inset 0 0 0 1px #7a4a212e}.sl-cell.alt{background:#ecd6a4}.sl-cell-num{position:absolute;font-size:clamp(7px,1.5vw,10px);font-weight:800;color:#5d3a18a6;line-height:1}.sl-board>.sl-cell:nth-child(-n+10) .sl-cell-num{top:2px;left:3px}.sl-board>.sl-cell:nth-child(n+91) .sl-cell-num{bottom:2px;right:3px}.sl-board>.sl-cell:not(:nth-child(-n+10)):not(:nth-child(n+91)) .sl-cell-num{top:2px;left:3px}.sl-cell.finish{background:radial-gradient(circle at center,#fff3c4,#ffd75a);box-shadow:inset 0 0 0 2px #b47814e6,inset 0 0 14px #ffc83ccc;animation:pulse 1.6s infinite}.sl-trophy{font-size:clamp(12px,3vw,22px);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.sl-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.sl-ladder line{filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.sl-chute path{filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.sl-token-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.sl-pawn{position:absolute;width:clamp(14px,3.4vw,24px);height:clamp(14px,3.4vw,24px);transform:translate(-50%,-50%);border-radius:50% 50% 46% 46%;box-shadow:0 3px 6px #00000080,inset 0 -3px 5px #00000059,inset 0 2px 3px #ffffff80;animation:pop-in .25s cubic-bezier(.2,1.6,.4,1)}.sl-pawn:after{content:"";position:absolute;left:50%;top:-28%;width:34%;height:34%;transform:translate(-50%);border-radius:50%;background:inherit;box-shadow:inset 0 1px 2px #fff9,0 1px 2px #0006}.sl-pawn.active{box-shadow:0 0 0 3px #fffffff2,0 3px 8px #0009,inset 0 -3px 5px #00000059;animation:pulse 1.4s infinite}.sl-pawn.shelf{position:static;transform:none;display:inline-block;margin-right:8px;vertical-align:middle}.sl-start-shelf{display:flex;align-items:center;gap:6px;font-size:13px;padding:8px 14px;border-radius:var(--radius);background:#ffffff0d;border:1px dashed var(--border-strong)}.sl-legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--muted);font-weight:700}.sl-legend-item.active{color:var(--text)}.sl-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px;box-shadow:inset 0 0 0 1px #ffffff59}.sl-roll-row{display:flex;align-items:center;gap:16px;justify-content:center;margin-top:4px}.sl-die{width:clamp(48px,9vw,60px);height:clamp(48px,9vw,60px);border-radius:12px;background:linear-gradient(145deg,#fffdf7,#e8e0cf);box-shadow:0 4px 10px #00000073,inset 0 -3px 5px #0000001f;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:9px;transition:opacity .2s}.sl-die.dim{opacity:.55}.sl-pip{width:70%;height:70%;margin:auto;border-radius:50%;background:transparent}.sl-pip.on{background:#2b2118;box-shadow:inset 0 1px 2px #0009}.sl-roll-btn{font-size:17px;padding:12px 28px;border-radius:var(--radius);background:linear-gradient(90deg,#d98a2b,#f5b942);border-color:transparent;color:#3a2408;font-weight:800;box-shadow:0 6px 18px #d98a2b66}.sl-roll-btn:not(:disabled):hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 26px #d98a2b8c}.sl-event-banner{text-align:center;padding:10px 14px;border-radius:var(--radius);font-weight:700;color:#dfe6ff;background:#6c8cff1f;border:1px solid rgba(108,140,255,.45);animation:slide-up .25s ease}.sl-event-banner.ladder{color:#b9f5d4;background:#3ddc841f;border-color:#3ddc8480}.sl-event-banner.chute{color:#ffd7db;background:#e0314b29;border-color:#e0314b80}.sl-event-banner.bounce{color:#ffe3a3;background:#f59f0024;border-color:#f59f0080}.cl-board-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.cl-frame{position:relative;padding:clamp(8px,1.6vw,14px);border-radius:18px;background:linear-gradient(135deg,#7a4a21,#9c6430 30%,#6d401c 70%,#8a5527);box-shadow:var(--shadow),inset 0 2px 4px #ffffff40,inset 0 -3px 6px #0006;width:min(92vw,560px,max(300px,calc((100dvh - 430px) * 4 / 7)))}.cl-frame:after{content:"";position:absolute;inset:clamp(8px,1.6vw,14px);border-radius:8px;box-shadow:inset 0 0 0 3px #3a200ae6,inset 0 0 0 5px #ffdca040;pointer-events:none}.cl-castle-band{position:relative;height:clamp(48px,9vw,72px);margin-bottom:-6px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#bfe3ff,#eaf6ff 70%,#fff6df);overflow:hidden;box-shadow:inset 0 2px 4px #fff9,inset 0 -3px 6px #785a2840}.cl-castle{position:absolute;bottom:2px;transform:translate(-50%);font-size:clamp(28px,7vw,46px);line-height:1;filter:drop-shadow(0 3px 4px rgba(90,60,20,.4));animation:cl-bob 2.6s ease-in-out infinite}.cl-cloud{position:absolute;width:clamp(34px,8vw,54px);height:clamp(12px,3vw,18px);background:#ffffffe6;border-radius:999px;box-shadow:0 -6px 0 4px #ffffffb3,14px 2px 0 2px #fffc}.cl-cloud-a{top:12%;left:8%;animation:cl-drift 9s linear infinite}.cl-cloud-b{top:30%;right:10%;transform:scale(.7);animation:cl-drift 13s linear infinite reverse}.cl-board{position:relative;display:grid;border-radius:8px;overflow:hidden;background:#fff6df;max-width:100%;aspect-ratio:auto}.cl-cell{position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #ffffff59,inset 0 -4px 8px #0000002e}.cl-cell-num{position:absolute;top:2px;left:4px;font-size:clamp(7px,1.6vw,11px);font-weight:900;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.45);line-height:1}.cl-cell.empty{background:repeating-linear-gradient(45deg,#f7e3c0 0,#f7e3c0 8px,#fbeed6 8px,#fbeed6 16px);box-shadow:inset 0 0 0 2px #a06e3240,inset 0 -4px 8px #00000014}.cl-cell.finish{background:radial-gradient(circle at center,#fff3c4,#ffd75a)!important;box-shadow:inset 0 0 0 2px #b47814e6,inset 0 0 16px #ffc83cd9;animation:pulse 1.6s infinite}.cl-castle-mini{font-size:clamp(14px,3.4vw,24px);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.cl-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.cl-art polyline{filter:drop-shadow(0 2px 3px rgba(90,50,10,.3))}.cl-token-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}@keyframes clPop{0%{transform:translate(-50%,-50%) scale(.85);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes clPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.45;transform:translate(-50%,-50%) scale(.8)}}.cl-pawn{position:absolute;width:clamp(14px,3.6vw,26px);height:clamp(14px,3.6vw,26px);transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 3px 6px #00000080,inset 0 -3px 5px #00000059,inset 0 2px 3px #ffffff80;animation:clPop .25s cubic-bezier(.2,1.6,.4,1)}.cl-pawn:after{content:"";position:absolute;left:50%;top:-28%;width:34%;height:34%;transform:translate(-50%);border-radius:50%;background:inherit;box-shadow:inset 0 1px 2px #fff9,0 1px 2px #0006}.cl-pawn.active{box-shadow:0 0 0 3px #fffffff2,0 3px 8px #0009,inset 0 -3px 5px #00000059;animation:clPulse 1.4s infinite}.cl-pawn.shelf{position:static;transform:none;display:inline-block;margin-right:8px;vertical-align:middle}.cl-start-shelf{display:flex;align-items:center;gap:6px;font-size:13px;padding:8px 14px;border-radius:var(--radius);background:#ffffff0d;border:1px dashed var(--border-strong)}.cl-legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--muted);font-weight:700}.cl-legend-item.active{color:var(--text)}.cl-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px;box-shadow:inset 0 0 0 1px #ffffff59}.cl-spin-row{display:flex;align-items:center;gap:16px;justify-content:center;margin-top:4px;flex-wrap:wrap}.cl-wheel{width:clamp(96px,20vw,132px);height:clamp(96px,20vw,132px);filter:drop-shadow(0 5px 10px rgba(0,0,0,.4))}.cl-wheel.spinning{animation:cl-spin .9s cubic-bezier(.2,.7,.3,1) infinite}.cl-wheel-num{font-size:16px;font-weight:900;fill:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cl-spin-result{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border-radius:var(--radius);background:#ffffff0f;border:1px solid var(--border-strong);transition:opacity .2s}.cl-spin-result.dim{opacity:.55}.cl-spin-result b{font-size:24px;color:var(--gold);line-height:1}.cl-spin-btn{font-size:17px;padding:12px 28px;border-radius:var(--radius);background:linear-gradient(90deg,#d94f8a,#ff7ab6);border-color:transparent;color:#fff;font-weight:800;box-shadow:0 6px 18px #ec407a73}.cl-spin-btn:not(:disabled):hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 26px #ec407a99}.cl-event-banner{text-align:center;padding:10px 14px;border-radius:var(--radius);font-weight:700;color:#ffe3f0;background:#ec407a1f;border:1px solid rgba(236,64,122,.5);animation:slide-up .25s ease}.cl-event-banner.bounce{color:#ffe3a3;background:#f59f0024;border-color:#f59f0080}@keyframes cl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cl-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}@keyframes cl-drift{0%{margin-left:0}to{margin-left:26px}}.chat-box{display:flex;flex-direction:column;height:300px}.chat-log{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:10px;background:#00000040;display:flex;flex-direction:column;gap:8px}.chat-msg{font-size:14px;line-height:1.35;animation:slide-up .2s ease;word-break:break-word}.chat-msg b{color:var(--accent)}.chat-input-row{display:flex;gap:8px;margin-top:10px}.join-code-big{font-size:clamp(34px,7vw,52px);font-weight:900;letter-spacing:.3em;text-align:center;padding:18px;background:#0000004d;border-radius:var(--radius);border:1px dashed var(--border-strong);color:var(--gold);cursor:pointer;-webkit-user-select:all;user-select:all;transition:transform .1s}.join-code-big:hover{transform:scale(1.02)}.player-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border);animation:slide-up .25s ease backwards}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));flex-shrink:0}.sprunki{position:relative}.sp-header{display:flex;align-items:baseline;gap:14px;margin-top:8px;flex-wrap:wrap}.sp-back{font-size:13px;padding:6px 12px;align-self:center}.sp-title{margin:0;font-size:clamp(26px,5vw,34px);line-height:1.1}.sp-sub{margin:6px 0 18px;max-width:760px}.sp-stage{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:10px;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.sp-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:172px;padding:8px 6px 10px;border-radius:12px;background:#00000040;border:1.5px dashed var(--border-strong);transition:border-color .15s,box-shadow .15s,background .3s}.sp-slot.filled{border-style:solid;border-color:var(--accent);cursor:pointer;box-shadow:inset 0 0 24px #6c8cff1f,0 0 14px #6c8cff2e}.sp-slot.filled:hover{border-color:var(--bad);box-shadow:inset 0 0 24px #ff5d731a,0 0 16px #ff5d734d}.sp-slot.dark{background:#14040880;border-color:#ff3b3b66;box-shadow:inset 0 0 26px #ff001e1f,0 0 16px #ff001e38}.sp-slot-empty{width:100%;flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:28px;font-weight:900;opacity:.5}.sp-char{transform-origin:bottom center;animation:sp-bob calc(var(--beat, .576s) * 1.5) ease-in-out infinite}@keyframes sp-bob{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-7px) scale(1.02,.98)}60%{transform:translateY(0) scale(.98,1.02)}}.sp-slot-label{margin-top:6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-align:center;line-height:1.35}.sp-slot-label em{display:block;font-style:normal;font-size:10.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.sp-slot-label.dark{color:#ff8f9c}.sp-steps{display:flex;justify-content:center;gap:10px;margin:14px 0}.sp-dot{width:12px;height:12px;border-radius:50%;background:#ffffff24;border:1px solid var(--border);transition:all .08s ease}.sp-dot.on{background:var(--gold);box-shadow:0 0 12px #ffd166cc;transform:scale(1.35);border-color:transparent}.sp-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.sp-play{min-width:110px;font-size:15px}.sp-play.stop{background:linear-gradient(90deg,#c23a4e,#e0506a);border-color:transparent;color:#fff;box-shadow:0 6px 18px #ff5d7359}.sp-bpm{gap:8px;font-weight:700}.sp-bpm input[type=range]{width:140px;accent-color:var(--accent);padding:0;border:none;background:transparent}.sp-bpm span{min-width:34px;text-align:right;font-variant-numeric:tabular-nums;color:var(--gold);font-weight:800}.sp-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:14px}.sp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;background:var(--panel);border:1px solid var(--border-strong);border-radius:14px;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .15s ease,opacity .2s,filter .2s}.sp-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #0006,0 0 0 1.5px var(--accent);z-index:2}.sp-card:active{cursor:grabbing;transform:scale(.97)}.sp-card b{font-size:13.5px;letter-spacing:.02em}.sp-card.placed{opacity:.45;filter:saturate(.6)}.sp-track-chip{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:3px 9px;border-radius:999px;color:#10142a}.track-kick{background:#3ddc84}.track-snare{background:#a06bff;color:#fff}.track-hat{background:#ffd166}.track-bass{background:#fb8c00}.track-lead{background:#63d8ff}.track-pad{background:#cfe8ff}.track-vocal{background:#ff5d73;color:#fff}.sp-hint{text-align:center;font-size:12.5px;margin-top:4px}.sprunki.horror .sp-stage{border-color:#ff3b3b59;box-shadow:var(--shadow),inset 0 0 60px #78001440}.sprunki.horror .sp-card{border-color:#ff3b3b4d}.sprunki.horror .sp-dot.on{background:#ff3b3b;box-shadow:0 0 14px #ff3b3be6}.sp-title.glitch{color:#ff4d5e;animation:sp-glitch 1.8s infinite steps(2,jump-none);text-shadow:2px 0 rgba(0,255,255,.35),-2px 0 rgba(255,0,60,.5)}@keyframes sp-glitch{0%,to{transform:translate(0) skew(0);text-shadow:2px 0 rgba(0,255,255,.35),-2px 0 rgba(255,0,60,.5)}20%{transform:translate(-2px,1px) skew(-4deg);text-shadow:-3px 0 rgba(0,255,255,.5),3px 0 rgba(255,0,60,.6)}40%{transform:translate(2px,-1px) skew(3deg);text-shadow:3px 1px rgba(0,255,255,.4),-3px -1px rgba(255,0,60,.5)}60%{transform:translate(-1px) skew(-2deg);text-shadow:-2px -1px rgba(0,255,255,.45),2px 1px rgba(255,0,60,.55)}80%{transform:translate(1px,1px) skew(2deg);text-shadow:2px -1px rgba(0,255,255,.3),-2px 1px rgba(255,0,60,.45)}}.sp-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fffffff2,#ff3c50b3 45%,#780014e6);animation:sp-flash .3s ease-in-out infinite alternate}@keyframes sp-flash{0%{opacity:.25}to{opacity:.85}}.sp-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(30,0,6,.75) 100%);animation:sp-pulse 2.4s ease-in-out infinite}@keyframes sp-pulse{0%,to{opacity:.8}50%{opacity:1}}.sp-shelf.shake{animation:sp-shake .35s linear infinite}@keyframes sp-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px) rotate(-.4deg)}50%{transform:translate(3px,-2px) rotate(.4deg)}75%{transform:translate(-2px,-1px) rotate(-.3deg)}}@media (max-width: 980px){.sp-stage{grid-template-columns:repeat(4,minmax(84px,1fr))}}@media (max-width: 560px){.sp-stage{grid-template-columns:repeat(2,1fr);padding:12px}.sp-slot{min-height:150px}.sp-controls{justify-content:center}}.muted{color:var(--muted)}.error-box{margin-top:14px;padding:12px 16px;border-radius:10px;background:#ff5d731f;border:1px solid rgba(255,93,115,.45);color:#ffb3bf;animation:slide-up .2s ease}.ok-box{margin-top:14px;padding:12px 16px;border-radius:10px;background:#3ddc841a;border:1px solid rgba(61,220,132,.4);color:#b9f5d4}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:12px}.center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}@media (max-width: 760px){#root{padding-bottom:32px}h1{font-size:24px}}.d2048{max-width:560px;margin:0 auto}.d2048 .sp-header{text-align:center}.d2048-stats{margin:14px 0 18px}.stat-box{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 22px;min-width:96px}.stat-box b{font-size:22px}.stat-box span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.d2048-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#00000059;border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px;touch-action:none;-webkit-user-select:none;user-select:none}.d2048-cell{aspect-ratio:1;border-radius:10px;background:#ffffff0a;display:grid;place-items:center}.d2048-tile{width:92%;height:92%;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:clamp(18px,6vw,30px);color:#fff;animation:d2048-pop .14s ease;box-shadow:var(--shadow)}@keyframes d2048-pop{0%{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}.d2048-tile.t2{background:#3b4a6b;color:#dfe6ff}.d2048-tile.t4{background:#4a5c85;color:#eaf0ff}.d2048-tile.t8{background:#6c8cff}.d2048-tile.t16{background:#7d9bff}.d2048-tile.t32{background:#a06bff}.d2048-tile.t64{background:#b57cff}.d2048-tile.t128{background:#ffd166;color:#3a2c00;font-size:clamp(16px,5vw,26px)}.d2048-tile.t256{background:#ffb020;color:#3a2400;font-size:clamp(16px,5vw,26px)}.d2048-tile.t512{background:#ff9f1c;color:#3a1e00;font-size:clamp(15px,4.6vw,24px)}.d2048-tile.t1024{background:#ff7b3d;font-size:clamp(13px,4vw,21px)}.d2048-tile.t2048{background:#ff5d73;box-shadow:0 0 22px #ff5d7399;font-size:clamp(13px,4vw,21px)}.d2048-tile.tmax{background:#ff3d5e;font-size:clamp(12px,3.6vw,19px)}.d2048-result{margin-top:18px;text-align:center}.d2048-board.over .d2048-tile{animation:none;filter:saturate(.7) brightness(.85)}.edu{max-width:640px;margin:0 auto}.edu .sp-header{text-align:center;justify-content:center}.edu .sp-back{align-self:flex-start}.edu-setup,.edu-result{padding:22px;text-align:center}.edu-grades{justify-content:center;gap:8px;margin-top:14px}.grade-pill{background:var(--panel);border:1px solid var(--border-strong);color:var(--text);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.grade-pill:hover{transform:translateY(-2px)}.grade-pill.active{background:var(--accent, #6c8cff);border-color:transparent;color:#fff;box-shadow:0 4px 14px #6c8cff73}.edu-grade-desc{margin-top:12px;min-height:1.3em}.edu-stats{justify-content:center;margin:6px 0 18px}.edu-question{padding:22px;transition:border-color .15s ease,background .15s ease}.edu-question.good{border-color:#3ddc84b3;background:#3ddc8414}.edu-question.bad{border-color:#ff5d73b3;background:#ff5d7314;animation:sp-shake .3s linear}.edu-q{font-size:clamp(26px,6vw,40px);font-weight:800;text-align:center;margin:0 0 18px;letter-spacing:.02em}.edu-hint{font-size:17px;line-height:1.5;text-align:center;margin:0 0 16px;color:var(--text)}.sp-say{font-size:clamp(17px,4.5vw,20px);padding:13px 26px;border-radius:999px;margin:0 auto 18px;display:block;animation:sw-pulse 1.8s ease-in-out infinite}.sp-say:active{transform:scale(.97)}.edu-blanks{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:20px}.blank{width:34px;height:44px;border-radius:8px;background:#00000059;border:1px solid var(--border-strong);display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;text-transform:uppercase}.blank.good{background:#3ddc8426;border-color:#3ddc84b3}.edu-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.mcq{background:var(--panel);border:1px solid var(--border-strong);color:var(--text);border-radius:12px;padding:14px 16px;font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;justify-content:center;transition:transform .1s ease,background .12s ease,border-color .12s ease,opacity .15s ease}.mcq:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent, #6c8cff)}.mcq:disabled{cursor:default}.mcq-key{background:#ffffff14;border-radius:6px;padding:1px 8px;font-size:13px;color:var(--muted);flex-shrink:0}.mcq.correct{background:#3ddc842e;border-color:#3ddc84;color:#b9f5d4}.mcq.wrong{background:#ff5d732e;border-color:#ff5d73;color:#ffb3bf;animation:sp-shake .3s linear}.mcq.dimmed{opacity:.45}@media (max-width: 560px){.blank{width:28px;height:38px;font-size:18px}.edu-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}.sw-header{text-align:center;padding-top:8px;position:relative}.sw-back{position:absolute;top:0;left:0;font-size:13px}.sw-title{margin:4px 0 6px;font-size:clamp(28px,7vw,40px);letter-spacing:.01em}.sw-sub{max-width:460px;margin:0 auto 18px;line-height:1.5;font-size:15px}.sw-prompt{font-size:clamp(18px,4.5vw,24px);font-weight:800;margin:6px 0 16px;color:var(--text);text-align:center}.sw-say{font-size:clamp(17px,4.5vw,20px);padding:14px 26px;border-radius:999px;margin:0 auto 20px;display:block;animation:sw-pulse 1.8s ease-in-out infinite}.sw-say:active{transform:scale(.97)}.sw-opts{display:grid;gap:12px;max-width:460px;margin:0 auto}.sw-opts:not(.sw-pics){grid-template-columns:1fr}.sw-opts.sw-pics{grid-template-columns:repeat(3,minmax(0,1fr))}.sw-pic{background:var(--panel);border:2px solid var(--border-strong);color:var(--text);border-radius:16px;padding:18px 8px;cursor:pointer;font-size:clamp(40px,13vw,58px);line-height:1.15;display:grid;place-items:center;min-height:92px;transition:transform .1s ease,border-color .12s ease,background .12s ease,opacity .15s ease}.sw-pic:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent, #6c8cff)}.sw-pic:disabled{cursor:default}.sw-pic.correct{background:#3ddc842e;border-color:#3ddc84;animation:sw-pop .35s ease}.sw-pic.wrong{background:#ff5d732e;border-color:#ff5d73;animation:sp-shake .3s linear}.sw-pic.dimmed{opacity:.4}.mcq.sw-word{font-size:clamp(26px,8vw,38px);padding:18px;border-width:2px;letter-spacing:.02em}.sw-reveal{margin-top:18px;text-align:center;font-size:17px;color:var(--muted)}.sw-reveal-word{display:inline-block;margin-left:6px;padding:4px 16px;border-radius:10px;background:#6c8cff29;border:1px solid var(--accent, #6c8cff);color:#fff;font-size:clamp(24px,7vw,34px);font-weight:800;letter-spacing:.03em}.sw-hint{text-align:center;margin-top:16px;font-size:13px}@keyframes sw-pop{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes sw-pulse{0%,to{box-shadow:0 0 #6c8cff80}50%{box-shadow:0 0 0 10px #6c8cff00}}@media (max-width: 560px){.sw-opts.sw-pics{gap:8px}.sw-pic{min-height:74px;padding:12px 4px}}