.sc-theme{--sc-bg-deep:#0b0420;--sc-bg-mid:#1b0a3e;--sc-bg-card:#261249;--sc-bg-card-2:#311758;--sc-bg-tile:#3b1d6c;--sc-bg-tile-2:#2a1551;--sc-p-50:#f3ebff;--sc-p-100:#e3d2ff;--sc-p-200:#c7a7ff;--sc-p-300:#a47af6;--sc-p-400:#8b5cf6;--sc-p-500:#7c3aed;--sc-p-600:#6322d6;--sc-p-700:#4c1aa3;--sc-green-300:#6ee7b7;--sc-green-400:#34d399;--sc-green-500:#10b981;--sc-green-glow:#34d39973;--sc-pink-300:#fda4d6;--sc-pink-400:#f472b6;--sc-pink-500:#ec4899;--sc-pink-glow:#ec489973;--sc-yellow-300:#fde68a;--sc-yellow-400:#fbbf24;--sc-yellow-500:#f59e0b;--sc-orange-500:#f97316;--sc-text-hi:#fff;--sc-text-mid:#d9caf5;--sc-text-lo:#a48ed1;--sc-text-dim:#6e5a95;--sc-font-display:"Fredoka","Quicksand",system-ui,sans-serif;--sc-font-body:"Quicksand","Nunito",system-ui,sans-serif;--sc-r-sm:10px;--sc-r-md:14px;--sc-r-lg:20px;--sc-r-xl:28px;--sc-r-pill:999px;font-family:var(--sc-font-body);color:var(--sc-text-hi);-webkit-font-smoothing:antialiased;background:radial-gradient(60% 50% at 20% 10%,#7c3aed73,#0000 60%),radial-gradient(50% 40% at 90% 90%,#ec48992e,#0000 60%),radial-gradient(80% 60% at 50% 110%,#4c1aa359,#0000 60%),linear-gradient(#150733 0%,#0b0420 100%);min-height:100vh;font-weight:600;position:relative}.sc-theme *{box-sizing:border-box}.sc-theme button{cursor:pointer;color:inherit;border:0;font-family:inherit;font-weight:700}.sc-theme button:focus-visible{outline:2px solid var(--sc-yellow-400);outline-offset:2px}.sc-theme:before{content:"";opacity:.8;pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#ffffff8c,#0000 60%),radial-gradient(1px 1px at 78% 18%,#ffffff73,#0000 60%),radial-gradient(1.5px 1.5px at 30% 78%,#ffffff59,#0000 60%),radial-gradient(1px 1px at 65% 62%,#ffffff73,#0000 60%),radial-gradient(1px 1px at 88% 88%,#ffffff4d,#0000 60%),radial-gradient(1.5px 1.5px at 6% 52%,#ffffff4d,#0000 60%);position:absolute;inset:0}.sc-stage{z-index:1;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:16px;display:flex;position:relative}.sc-hdr{align-items:center;gap:8px;width:100%;max-width:420px;padding:8px 4px 14px;display:flex}.sc-hdr-icon{border-radius:var(--sc-r-pill);color:var(--sc-text-hi);font-family:var(--sc-font-body);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1.5px solid #fff3;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:13px;font-weight:800;transition:transform .15s,background .15s;display:inline-flex}.sc-hdr-icon:hover{background:#ffffff29}.sc-hdr-icon:active{transform:scale(.94)}.sc-hdr-chip{border-radius:var(--sc-r-pill);letter-spacing:.02em;color:#fff;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:inset 0 -2px #0000002e,0 4px 14px #00000040}.sc-hdr-chip.streak{background:linear-gradient(#f59e0b,#ea580c)}.sc-hdr-chip.score{color:#2a1551;background:linear-gradient(#fbbf24,#f59e0b)}.sc-hdr-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sc-logo-badge{background:linear-gradient(160deg,var(--sc-p-300),var(--sc-p-500));border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 16px -6px #7c3aed99}.sc-hdr-title h1{font-family:var(--sc-font-display);margin:0;font-size:18px;font-weight:800;line-height:1}.sc-hdr-title .sub{color:var(--sc-text-lo);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.sc-spacer{flex:1}.sc-frame{flex-direction:column;width:100%;max-width:420px;display:flex}.sc-start-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:8px 16px 0;display:flex}.sc-start-hero h1{font-family:var(--sc-font-display);letter-spacing:-.01em;background:linear-gradient(#fff,#c7a7ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 0;font-size:30px;font-weight:800}.sc-tagline{color:var(--sc-text-lo);font-size:13px;font-weight:600}.sc-nickname-line{color:var(--sc-text-lo);align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:700;display:inline-flex}.sc-nickname-line b{color:var(--sc-text-hi);font-weight:800}.sc-nickname-line a{color:var(--sc-yellow-400);cursor:pointer;text-decoration:underline}.sc-dialect-row{justify-content:center;gap:8px;padding:14px 16px 18px;display:flex}.sc-dialect-btn{background:#ffffff0f;border:1.5px solid #ffffff14;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;transition:transform .12s,border-color .15s;display:grid;position:relative}.sc-dialect-btn:hover{border-color:#ffffff2e;transform:translateY(-1px)}.sc-dialect-btn.active{border-color:var(--sc-yellow-400);background:linear-gradient(#fbbf242e,#f59e0b2e);box-shadow:0 0 0 2px #fbbf2438,0 6px 14px -4px #f59e0b66}.sc-mode-tabs{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px;display:grid}.sc-mode-tab{border-radius:var(--sc-r-md);background:linear-gradient(#ffffff0a,#ffffff05);border:1.5px solid #ffffff14;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;transition:transform .12s,border-color .15s,background .15s;display:flex;position:relative}.sc-mode-tab:hover:not(.locked){border-color:#ffffff2e;transform:translateY(-1px)}.sc-mode-tab.active{background:linear-gradient(#fbbf24,#f59e0b);border-color:#fcd34d;box-shadow:0 6px 18px -6px #fbbf2499,inset 0 1px #fff6}.sc-mode-tab.active .sc-mode-label{color:#2a1551}.sc-mode-tab.active .sc-mode-num{color:#fff;background:#0000002e}.sc-mode-tab.locked{opacity:.55;cursor:not-allowed}.sc-mode-num{color:#fff;width:38px;height:38px;font-family:var(--sc-font-display);border-radius:12px;place-items:center;font-size:22px;font-weight:800;display:grid;box-shadow:inset 0 -3px #0000002e}.sc-mode-num.beginning{background:linear-gradient(#f472b6,#db2777)}.sc-mode-num.ending{background:linear-gradient(#a47af6,#6322d6)}.sc-mode-num.middle_vowel{background:linear-gradient(#34d399,#059669)}.sc-mode-label{color:var(--sc-text-mid);letter-spacing:.02em;text-align:center;font-size:12px;font-weight:800;line-height:1.1}.sc-lock{color:var(--sc-text-lo);align-items:center;gap:4px;font-size:11px;display:inline-flex;position:absolute;top:6px;right:8px}.sc-section{border-radius:var(--sc-r-lg);background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff0f;margin:14px 16px 0;padding:14px}.sc-section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--sc-text-lo);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.sc-sticker-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sc-sticker-row:last-child{margin-bottom:0}.sc-sticker-row .sc-mode-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--sc-text-mid);flex:0 0 70px;padding:6px 0;font-size:10px;font-weight:800}.sc-sticker-row .sc-mode-pill .sc-count{color:var(--sc-text-lo);font-size:11px;font-weight:700;display:block}.sc-stickers{flex:1;grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.sc-sticker{aspect-ratio:1;background:#ffffff0a;border:1px dashed #ffffff14;border-radius:8px;place-items:center;font-size:12px;transition:transform .2s;display:grid}.sc-sticker.earned{border:1px solid var(--sc-yellow-400);background:linear-gradient(#fbbf2440,#f59e0b26);font-size:14px;animation:.4s sc-sticker-in;box-shadow:0 4px 10px -3px #fbbf2466}@keyframes sc-sticker-in{0%{opacity:0;transform:scale(0)rotate(-30deg)}60%{opacity:1;transform:scale(1.2)rotate(8deg)}to{transform:scale(1)rotate(0)}}.sc-lb-list{flex-direction:column;gap:4px;display:flex}.sc-lb-row{background:#ffffff08;border-radius:10px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.sc-lb-row .rk{color:var(--sc-text-lo);font-size:12px;font-weight:800}.sc-lb-row .nm{color:var(--sc-text-mid);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.sc-lb-row .sc{color:#fff;font-weight:800;font-family:var(--sc-font-display)}.sc-lb-row.you{background:linear-gradient(90deg,#fbbf2429,#f59e0b0d);border:1px solid #fbbf244d}.sc-lb-row.you .nm{color:#fff}.sc-lb-row.you .sc{color:var(--sc-yellow-400)}.sc-lb-row.podium .rk{color:var(--sc-yellow-400);font-size:14px}.sc-btn{border-radius:var(--sc-r-pill);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:800;transition:transform .12s,filter .15s,box-shadow .15s;display:inline-flex}.sc-btn:active{transform:translateY(1px)scale(.98)}.sc-btn-primary{color:#2a1551;background:linear-gradient(#fbbf24,#f59e0b);box-shadow:0 4px #b45309,0 10px 24px -8px #f59e0b99}.sc-btn-primary:hover{filter:brightness(1.05)}.sc-btn-ghost{color:var(--sc-text-mid);background:#ffffff0f;border:1px solid #ffffff14}.sc-btn-ghost:hover{color:var(--sc-text-hi);background:#ffffff1f}.sc-start-cta-wrap{padding:18px 16px 22px}.sc-start-cta{width:100%;font-size:18px;font-family:var(--sc-font-display);padding:18px 0}.sc-action-pill{border-radius:var(--sc-r-pill);color:#fff;background:linear-gradient(#7c3aed8c,#4c1aa38c);border:1.5px solid #ffffff24;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px -4px #0006,inset 0 1px #ffffff1f}.sc-action-pill:hover{filter:brightness(1.1)}.sc-pic-wrap{justify-content:center;align-items:center;padding:8px 16px 0;display:flex}.sc-pic-card{aspect-ratio:1;border:1.5px solid #ffffff1a;border-radius:24px;place-items:center;width:100%;max-width:320px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px -10px #00000080,inset 0 1px #ffffff1a}.sc-pic-card .sc-scene{pointer-events:none;position:absolute;inset:0}.sc-pic-card img{z-index:1;object-fit:cover;filter:drop-shadow(0 6px 12px #00000059);width:100%;height:100%;transition:transform .3s cubic-bezier(.4,1.6,.5,1);position:relative}.sc-pic-card.celebrate img{animation:.8s sc-bounce-big}@keyframes sc-bounce-big{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.18)rotate(-6deg)}60%{transform:scale(1.05)rotate(4deg)}to{transform:scale(1)rotate(0)}}.sc-word-caption{display:none}.sc-word-caption-below{font-family:var(--sc-font-display);letter-spacing:.12em;color:#fff;text-transform:uppercase;justify-content:center;align-items:center;gap:4px;padding:10px 16px 2px;font-size:26px;font-weight:800;display:flex}.sc-word-caption-below .blank{border-bottom:3px solid var(--sc-yellow-400);min-width:20px;color:var(--sc-yellow-400);text-align:center;padding-bottom:2px;display:inline-block}.sc-word-caption-below .blank.filled{color:var(--sc-green-400);border-bottom-color:var(--sc-green-400)}.sc-replay{color:#fff;z-index:2;background:#0000006b;border:1.5px solid #ffffff59;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .15s,background .15s;display:grid;position:absolute;top:10px;right:10px}.sc-replay:hover{background:#0009}.sc-replay:active{transform:scale(.92)}.sc-replay.playing{animation:1s infinite sc-ring}@keyframes sc-ring{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 10px #fff0}}.sc-mascot-row{align-items:flex-end;gap:8px;padding:14px 16px 4px;display:flex}.sc-bubble{color:#2a1551;background:linear-gradient(#fbbf24,#f59e0b);border-radius:16px 16px 16px 4px;flex:1;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.3;position:relative;box-shadow:0 6px 16px -6px #fbbf2480}.sc-bubble:before{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:#f59e0b;width:14px;height:14px;position:absolute;bottom:-2px;left:-8px}.sc-tile-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:16px 14px 0;display:flex}.sc-tile{--tile-bg:linear-gradient(180deg,#7c3aed73,#4c1aa38c);--tile-border:#ffffff2e;--tile-shadow:0 6px 0 #00000040,0 14px 22px -10px #00000073;background:var(--tile-bg);border:2px solid var(--tile-border);width:70px;height:80px;box-shadow:var(--tile-shadow),inset 0 1px 0 #ffffff2e;font-family:var(--sc-font-display);color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:18px;place-items:center;font-size:36px;font-weight:800;transition:transform .12s,filter .15s,box-shadow .15s;display:grid}.sc-tile:hover:not(.disabled):not(.correct):not(.wrong):not(.revealed){filter:brightness(1.15);transform:translateY(-2px)}.sc-tile:active:not(.disabled):not(.correct):not(.wrong):not(.revealed){transform:translateY(1px)scale(.97)}.sc-tile.correct{--tile-bg:linear-gradient(180deg,#34d399,#059669);--tile-border:#6ee7b7;--tile-shadow:0 6px 0 #065f46,0 0 32px var(--sc-green-glow);animation:.35s cubic-bezier(.4,1.6,.5,1) sc-pop}.sc-tile.wrong{--tile-bg:linear-gradient(180deg,#f472b6,#db2777);--tile-border:#fbcfe8;--tile-shadow:0 6px 0 #9d174d,0 0 32px var(--sc-pink-glow);animation:.45s sc-shake}.sc-tile.disabled{--tile-bg:linear-gradient(180deg,#ffffff0a,#ffffff05);--tile-border:#ffffff0f;--tile-shadow:none;color:var(--sc-text-dim);cursor:not-allowed}.sc-tile.revealed{--tile-bg:linear-gradient(180deg,#fbbf24,#f59e0b);--tile-border:#fde68a;--tile-shadow:0 6px 0 #b45309,0 0 32px #fbbf2480;color:#2a1551;animation:1.2s infinite sc-pulse}@keyframes sc-pop{0%{transform:scale(1)}40%{transform:scale(1.18)translateY(-4px)}to{transform:scale(1)translateY(0)}}@keyframes sc-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)rotate(-2deg)}40%{transform:translate(8px)rotate(2deg)}60%{transform:translate(-6px)rotate(-1deg)}80%{transform:translate(6px)rotate(1deg)}}@keyframes sc-pulse{0%,to{box-shadow:0 6px #b45309,0 0 32px #fbbf2480}50%{box-shadow:0 6px #b45309,0 0 48px #fbbf24cc}}.sc-tile-row.tiles-5 .sc-tile{width:60px;height:72px;font-size:32px}.sc-attempts{text-align:center;color:var(--sc-text-lo);letter-spacing:.1em;text-transform:uppercase;padding:16px 14px 14px;font-size:11px;font-weight:800}.sc-owl{flex-shrink:0;display:block}@keyframes sc-owl-wiggle{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-6deg)translateY(-3px)}50%{transform:rotate(0)translateY(0)}75%{transform:rotate(6deg)translateY(-3px)}}.sc-owl-wiggle{transform-origin:50% 80%;animation:.9s infinite sc-owl-wiggle}@keyframes sc-owl-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sc-owl-bob{animation:2.4s ease-in-out infinite sc-owl-bob}.sc-modal-veil{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0b0420bd;place-items:center;padding:16px;animation:.2s sc-veil-in;display:grid;position:fixed;inset:0}@keyframes sc-veil-in{0%{opacity:0}to{opacity:1}}.sc-modal{border-radius:var(--sc-r-xl);text-align:center;background:linear-gradient(#2d1456 0%,#1b0a3e 100%);border:1.5px solid #ffffff1a;width:100%;max-width:360px;padding:22px 20px;animation:.35s cubic-bezier(.4,1.6,.5,1) sc-modal-in;box-shadow:0 30px 60px -10px #0009}@keyframes sc-modal-in{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.sc-modal h3{font-family:var(--sc-font-display);background:linear-gradient(#fde68a,#f59e0b);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 4px;font-size:22px;font-weight:800}.sc-modal p{color:var(--sc-text-mid);margin:4px 0 16px;font-size:14px;line-height:1.4}.sc-modal-input{color:#fff;text-align:center;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:700;transition:border-color .15s}.sc-modal-input:focus{border-color:var(--sc-yellow-400)}.sc-modal-actions{gap:8px;margin-top:14px;display:flex}.sc-modal-actions .sc-btn{flex:1}.sc-sticker-trophy{background:radial-gradient(circle at 50% 30%,#fde68a,#f59e0b 60%,#b45309);border-radius:50%;place-items:center;width:140px;height:140px;margin:0 auto;font-size:80px;animation:.6s cubic-bezier(.4,1.6,.5,1) sc-trophy-pop;display:grid;box-shadow:0 12px 30px -8px #f59e0bb3,inset 0 -8px #0000002e}.sc-sticker-trophy.purple{background:radial-gradient(circle at 50% 30%,#c7a7ff,#6322d6 60%,#4c1aa3);font-size:64px}@keyframes sc-trophy-pop{0%{transform:scale(0)rotate(-180deg)}60%{transform:scale(1.15)rotate(8deg)}to{transform:scale(1)rotate(0)}}.sc-gameover{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:calc(100vh - 80px);padding:24px 20px;display:flex;position:relative}.sc-gameover h2{font-family:var(--sc-font-display);background:linear-gradient(#fff,#fde68a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:800}.sc-score-card{border-radius:var(--sc-r-xl);text-align:center;background:linear-gradient(#fbbf241f,#7c3aed33);border:1.5px solid #fbbf2440;width:100%;padding:22px}.sc-score-card .big{font-family:var(--sc-font-display);color:var(--sc-yellow-400);text-shadow:0 4px 18px #fbbf2480;font-size:64px;font-weight:800;line-height:1}.sc-score-card .lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--sc-text-lo);margin-top:6px;font-size:11px;font-weight:800}.sc-stats-row{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.sc-stat-tile{border-radius:var(--sc-r-lg);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;padding:14px 10px}.sc-stat-tile .v{font-family:var(--sc-font-display);color:#fff;font-size:26px;font-weight:800}.sc-stat-tile .l{letter-spacing:.14em;text-transform:uppercase;color:var(--sc-text-lo);font-size:10px;font-weight:800}.sc-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sc-confetti i{border-radius:2px;width:8px;height:12px;animation:2.4s linear forwards sc-fall;position:absolute;top:-10%}@keyframes sc-fall{to{opacity:0;transform:translateY(120vh)rotate(720deg)}}.sc-scene-cloud{background:#ffffffd9;border-radius:999px;position:absolute;box-shadow:0 4px #0000000d}.sc-scene-flower{text-shadow:0 1px #0000001a;font-size:18px;position:absolute}.sc-scene-heart{font-size:18px;position:absolute}.sc-scene-wave{background:linear-gradient(#38bdf899,#38bdf8d9);border-radius:50% 50% 0 0/20px 20px 0 0;height:30%;position:absolute;bottom:0;left:0;right:0}.sc-scene-star{background:#fde68a;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 8px #fde68a}