:root{--bg: #060a14;--panel: rgba(13, 20, 36, .88);--panel-border: rgba(0, 255, 136, .12);--neon-green: #00ff88;--neon-purple: #b347ff;--neon-pink: #ff2d78;--neon-blue: #00ccff;--neon-yellow: #ffaa00;--text: #d0d8f0;--text-dim: #a8b2d4}body{background:var(--bg)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#0f83;border-radius:2px}button{font-family:Orbitron,monospace;cursor:pointer;transition:all .2s}button:active{transform:scale(.96)}input:focus{outline:none;border-color:var(--neon-green)!important;box-shadow:0 0 15px #00ff8826}.screen{min-height:100vh;position:relative;z-index:2;display:flex;flex-direction:column}.btn-primary{background:transparent;border:2px solid var(--neon-green);color:var(--neon-green);font-weight:700;letter-spacing:.2em;padding:14px 40px;text-transform:uppercase;font-size:14px;position:relative;overflow:hidden}.btn-primary:hover{background:#00ff8814;box-shadow:0 0 30px #0f83}.btn-secondary{padding:11px 22px;background:transparent;border:1px solid rgba(74,82,120,.3);color:var(--text-dim);font-size:12px;letter-spacing:.1em}.btn-secondary.active{background:#00ff881a;border-color:var(--neon-green);color:var(--neon-green)}.panel{background:var(--panel);border:1px solid var(--panel-border);padding:20px}.label{font-family:Orbitron,monospace;font-size:12px;color:var(--text-dim);letter-spacing:.2em}.neon-text{font-family:Orbitron,monospace}[data-theme=game-royale]{--bg: #0b2045;--panel: rgba(8, 28, 72, .93);--panel-border: rgba(255, 215, 0, .5);--neon-green: #00e676;--neon-purple: #e040fb;--neon-pink: #ff6d00;--neon-blue: #40c4ff;--neon-yellow: #ffd740;--text: #ffffff;--text-dim: #7ec8e3}[data-theme=game-royale] body{background:linear-gradient(160deg,#0a2a5a,#0d1f40,#1a0a3a);font-family:Boogaloo,Rajdhani,sans-serif}[data-theme=game-royale] button,[data-theme=game-royale] .neon-text,[data-theme=game-royale] .label{font-family:Boogaloo,Rajdhani,sans-serif}[data-theme=game-royale] .panel{border-radius:16px;border-width:2px;background:#081c48e6;border-color:#ffd70061;box-shadow:0 0 24px #40c4ff1a,0 2px 12px #00000080}[data-theme=game-royale] .btn-primary{border-radius:12px;border-width:3px;letter-spacing:.08em;font-family:Boogaloo,sans-serif;font-size:17px;box-shadow:0 0 18px #00e67640}[data-theme=game-royale] .btn-secondary{border-radius:8px;font-family:Boogaloo,sans-serif;font-size:14px;letter-spacing:.04em}[data-theme=game-royale] ::-webkit-scrollbar-thumb{background:#40c4ff4d}[data-theme=game-cursed]{--bg: #08040f;--panel: rgba(18, 8, 35, .95);--panel-border: rgba(192, 64, 255, .22);--neon-green: #00ff88;--neon-purple: #c040ff;--neon-pink: #ff1a6e;--neon-blue: #00d4ff;--neon-yellow: #f5c518;--text: #e8e0ff;--text-dim: #5a4a7a}[data-theme=game-cursed] body{background:#08040f;font-family:Rajdhani,Orbitron,sans-serif}[data-theme=game-cursed] button{font-family:Orbitron,monospace}[data-theme=game-cursed] .btn-primary{border-color:var(--neon-purple);color:var(--neon-purple)}[data-theme=game-cursed] .btn-primary:hover{background:#c040ff1a;box-shadow:0 0 30px #c040ff40}[data-theme=game-cursed] ::-webkit-scrollbar-thumb{background:#c040ff40}@keyframes ceGlow{0%,to{box-shadow:0 0 8px #f5c51866}50%{box-shadow:0 0 20px #f5c518b3}}@keyframes cursedPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes inkFlood{0%{transform:scale(0);opacity:0}40%{opacity:1}to{transform:scale(4);opacity:.85}}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(var(--spin-deg, 1440deg))}}@keyframes ceFloat{0%{opacity:1;transform:translateY(0) scale(1.2)}to{opacity:0;transform:translateY(-55px) scale(.9)}}@keyframes ceFlash{0%,to{box-shadow:none}50%{box-shadow:0 0 24px #f5c51880}}@keyframes speedLines{0%{opacity:.8}to{opacity:0;transform:scaleX(1.3)}}.sp-screen{--sp-bg: #060a14;--sp-surface: #0d1424;--sp-surface-alt: #111827;--sp-border: rgba(0, 255, 136, .14);--sp-border-dim: rgba(255, 255, 255, .12);--sp-text: #e0e8f8;--sp-text-dim: #8a9ac0;--sp-accent: #00ff88;--sp-accent2: #b347ff;--sp-error: #ff2d78;--sp-success: #00ff88;--sp-input-bg: rgba(13, 20, 36, .9);--sp-header-bg: #080c18;--sp-shadow: 0 0 0 1px rgba(0, 255, 136, .08), 0 4px 24px rgba(0, 0, 0, .4);--sp-focus-ring: 0 0 0 2px rgba(0, 255, 136, .25);--sp-scrollbar: rgba(0, 255, 136, .15)}.sp-screen[data-sp-theme=light]{--sp-bg: #f0f4f8;--sp-surface: #ffffff;--sp-surface-alt: #f7f9fc;--sp-border: #c8d6e5;--sp-border-dim: #e0eaf4;--sp-text: #0a1020;--sp-text-dim: #5a7090;--sp-accent: #00a855;--sp-accent2: #8030d8;--sp-error: #d01050;--sp-success: #00a855;--sp-input-bg: #ffffff;--sp-header-bg: #ffffff;--sp-shadow: 0 0 0 1px #c8d6e5, 0 2px 12px rgba(0, 0, 0, .06);--sp-focus-ring: 0 0 0 2px rgba(0, 168, 85, .3);--sp-scrollbar: #c8d6e5}.sp-screen{min-height:100vh;background:var(--sp-bg);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--sp-text)}.sp-card{background:var(--sp-surface);border:1px solid var(--sp-border);box-shadow:var(--sp-shadow);transition:border-color .2s}.sp-card:hover{border-color:#00ff8847}.sp-screen[data-sp-theme=light] .sp-card:hover{border-color:#a0bcd8}.sp-input{width:100%;padding:9px 12px;border:1px solid var(--sp-border-dim);background:var(--sp-input-bg);font-size:14px;color:var(--sp-text);box-sizing:border-box;font-family:inherit;transition:border-color .15s;border-radius:2px}.sp-input:focus{outline:none;border-color:var(--sp-accent);box-shadow:var(--sp-focus-ring)}.sp-input::placeholder{color:var(--sp-text-dim)}select.sp-input{cursor:pointer}textarea.sp-input{resize:vertical}.sp-label{display:block;font-family:Orbitron,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-text-dim);margin-bottom:5px}.sp-btn-primary{background:transparent;color:var(--sp-accent);border:1px solid var(--sp-accent);padding:10px 24px;font-family:Orbitron,monospace;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.sp-btn-primary:hover:not(:disabled){background:#00ff8814;box-shadow:0 0 20px #00ff8826}.sp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.sp-btn-submit{background:var(--sp-accent);color:#060a14;border:none;padding:11px 28px;font-family:Orbitron,monospace;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.sp-btn-submit:hover:not(:disabled){box-shadow:0 0 24px #00ff8859;filter:brightness(1.1)}.sp-btn-submit:disabled{opacity:.4;cursor:not-allowed}.sp-btn-ai{background:transparent;color:var(--sp-accent2);border:1px solid var(--sp-accent2);padding:10px 20px;font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.sp-btn-ai:hover:not(:disabled){background:#b347ff14;box-shadow:0 0 20px #b347ff33}.sp-btn-ai:disabled{opacity:.4;cursor:not-allowed}.sp-btn-ghost{background:transparent;color:var(--sp-text-dim);border:1px solid var(--sp-border-dim);padding:8px 16px;font-family:Orbitron,monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.sp-btn-ghost:hover:not(:disabled){border-color:var(--sp-text-dim);color:var(--sp-text)}.sp-screen ::-webkit-scrollbar{width:3px}.sp-screen ::-webkit-scrollbar-thumb{background:var(--sp-scrollbar)}[data-theme=platform] button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cramly-screen{min-height:100vh;display:flex;flex-direction:column}.cramly-card{background:#0d1424;border:1px solid rgba(0,255,136,.14)}.cramly-input{width:100%;padding:9px 12px;border:1px solid rgba(255,255,255,.07);background:#0d1424e6;font-size:14px;color:#d0d8f0;box-sizing:border-box;font-family:inherit;border-radius:2px}.cramly-label{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5a6a8a;margin-bottom:5px}.cramly-btn-primary{background:transparent;color:#0f8;border:1px solid #00ff88;padding:10px 24px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.cramly-btn-ai{background:transparent;color:#b347ff;border:1px solid #b347ff;padding:10px 20px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.2)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 18px #00ff8826}50%{box-shadow:0 0 35px #00ff884d}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes tapBurst{0%{transform:scale(1);opacity:1}to{transform:scale(5);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes dangerPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes slashIn{0%{opacity:0;transform:translateY(-30px) scaleY(.7)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes answerIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=game-royale] .btn-answer{will-change:transform;animation:answerIn .22s ease both}[data-theme=game-royale] .btn-answer:not(:disabled):hover{transform:translateY(-3px) scale(1.025);filter:brightness(1.12);z-index:1}[data-theme=game-royale] .btn-answer:not(:disabled):active{transform:scale(.96);filter:brightness(.95);transition:transform .06s ease}.sp-card-modern{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:20px;box-shadow:0 8px 30px #00000014;transition:border-color .2s}.sp-screen[data-sp-theme=light] .sp-card-modern{box-shadow:0 4px 20px #0000000a}.sp-input-modern{width:100%;padding:12px 16px;border:1px solid var(--sp-border-dim);background:var(--sp-surface-alt);font-size:14px;color:var(--sp-text);box-sizing:border-box;font-family:inherit;transition:border-color .15s,box-shadow .15s;border-radius:14px}.sp-input-modern:focus{outline:none;border-color:var(--sp-accent);box-shadow:0 0 0 3px #00ff881a}.sp-screen[data-sp-theme=light] .sp-input-modern:focus{box-shadow:0 0 0 3px #00a8551a}.sp-input-modern::placeholder{color:var(--sp-text-dim)}select.sp-input-modern{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238a9ac0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;color-scheme:dark}.sp-screen[data-sp-theme=light] select.sp-input-modern{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235a7090' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color-scheme:light}textarea.sp-input-modern{resize:vertical}.sp-label-modern{display:block;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--sp-text-dim);margin-bottom:8px}.sp-pill{padding:9px 20px;border:none;cursor:pointer;border-radius:9999px;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.04em;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.sp-pill--active{background:var(--sp-accent);color:#060a14;box-shadow:0 4px 14px #0f83}.sp-pill--inactive{background:var(--sp-surface-alt);color:var(--sp-text-dim)}.sp-pill--inactive:hover{background:var(--sp-border-dim)}.sp-pill--accent2.sp-pill--active{background:var(--sp-accent2);color:#fff;box-shadow:0 4px 14px #b347ff33}.sp-btn-action{height:48px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--sp-accent),#00b0ff);color:#000;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .3s;box-shadow:0 4px 16px #00ff8826;font-family:inherit;padding:0 24px}.sp-btn-action:hover:not(:disabled){box-shadow:0 8px 28px #00ff8840}.sp-btn-action:active:not(:disabled){transform:scale(.96)}.sp-btn-action:disabled{opacity:.4;cursor:not-allowed}.sp-btn-outline{height:44px;border-radius:14px;border:1px solid var(--sp-border);background:transparent;color:var(--sp-text-dim);font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s;font-family:inherit;padding:0 18px}.sp-btn-outline:hover{border-color:var(--sp-text-dim);color:var(--sp-text)}.sp-btn-icon{width:44px;height:44px;border-radius:12px;border:none;background:var(--sp-surface-alt);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .2s;flex-shrink:0}.sp-btn-icon:hover{background:var(--sp-border-dim)}.sp-btn-icon:active{transform:scale(.92)}.sp-header-modern{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;flex-shrink:0;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--sp-border);background:color-mix(in srgb,var(--sp-header-bg) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sp-alert{padding:12px 16px;border-radius:12px;font-size:13px;letter-spacing:.02em}.sp-alert--error{background:#ff2d7814;border:1px solid rgba(255,45,120,.3);color:var(--sp-error)}.sp-alert--success{background:#00ff8814;border:1px solid rgba(0,255,136,.3);color:var(--sp-accent)}.sp-select{position:relative}.sp-select__trigger{width:100%;padding:12px 38px 12px 16px;border:1px solid var(--sp-border-dim);background:var(--sp-surface-alt);font-size:14px;color:var(--sp-text);box-sizing:border-box;font-family:inherit;transition:border-color .15s,box-shadow .15s;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left}.sp-select__trigger:focus{outline:none;border-color:var(--sp-accent);box-shadow:0 0 0 3px #00ff881a}.sp-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:14px;box-shadow:0 12px 40px #0006;max-height:240px;overflow-y:auto;padding:6px;animation:fadeSlideIn .15s ease}.sp-screen[data-sp-theme=light] .sp-select__menu{box-shadow:0 8px 30px #0000001f}.sp-select__option{width:100%;padding:10px 14px;border:none;background:transparent;color:var(--sp-text);font-size:14px;font-family:inherit;cursor:pointer;text-align:left;border-radius:10px;transition:background .1s;display:block}.sp-select__option:hover{background:var(--sp-surface-alt)}.sp-select__option--active{color:var(--sp-accent);font-weight:600}.sp-select__menu::-webkit-scrollbar{width:4px}.sp-select__menu::-webkit-scrollbar-thumb{background:var(--sp-scrollbar);border-radius:2px}.sp-set-card{background:var(--sp-surface);border-radius:24px;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 8px 30px #00000014;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1);animation:fadeSlideIn .4s ease both}.sp-set-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0000002e,0 0 0 1px #00ff881f}.sp-screen[data-sp-theme=light] .sp-set-card{box-shadow:0 8px 30px #0000000a}.sp-screen[data-sp-theme=light] .sp-set-card:hover{box-shadow:0 20px 40px #00000014}.sp-set-card__cover{position:relative;height:180px;overflow:hidden;background:var(--sp-surface-alt)}.sp-set-card__cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}.sp-set-card:hover .sp-set-card__cover-img{transform:scale(1.08)}.sp-set-card__play-btn{flex:1;height:48px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--card-g1, var(--sp-accent)),var(--card-g2, var(--sp-accent2)));color:#000;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .3s;box-shadow:0 4px 16px #00ff8826;font-family:inherit;letter-spacing:.02em}.sp-set-card__play-btn:hover:not(:disabled){box-shadow:0 8px 28px #00ff8840}.sp-set-card__play-btn:active:not(:disabled){transform:scale(.96)}.sp-set-card__icon-btn{width:48px;height:48px;border-radius:14px;border:none;background:var(--sp-surface-alt);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .2s;flex-shrink:0}.sp-set-card__icon-btn:hover{background:var(--sp-border-dim)}.sp-set-card__icon-btn:active{transform:scale(.92)}@media (max-width: 768px){.sp-input{padding:10px;font-size:15px}.sp-label{font-size:10px;margin-bottom:4px}.sp-card{box-shadow:none}.sp-btn-ghost,.sp-btn-ai,.sp-btn-primary{font-size:10px;padding:8px 12px}.sp-set-card{border-radius:20px}.sp-set-card__cover{height:140px!important}.sp-set-card__play-btn{height:44px;font-size:13px;border-radius:12px}.sp-set-card__icon-btn{width:44px;height:44px;border-radius:12px}}