@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700;800&family=Nunito:wght@700;800;900&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#20243d;background:#f6f7ff;font-synthesis:none;--ink: #20243d;--muted: #8c91a7;--card: rgba(255, 255, 255, .92);--purple: #6955e8;--purple-deep: #4f3cc8;--green: #23c994;--yellow: #ffd35a;--shadow: 0 16px 45px rgba(78, 67, 143, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:3px solid rgba(105,85,232,.3);outline-offset:2px}.app-shell{min-height:100dvh;position:relative;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 8% 18%,rgba(255,216,115,.24),transparent 22rem),radial-gradient(circle at 91% 35%,rgba(120,210,255,.18),transparent 24rem),linear-gradient(145deg,#fbfbff,#f1f3ff)}.app-shell:before,.app-shell:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.app-shell:before{width:240px;height:240px;right:-130px;top:-80px;border:42px solid rgba(105,85,232,.045)}.app-shell:after{width:180px;height:180px;left:-110px;bottom:5%;background:#26cb960d}.topbar{max-width:1180px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-family:Nunito,sans-serif;font-weight:900;font-size:20px;letter-spacing:-.5px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,#8373f4,#5742d6);box-shadow:0 8px 18px #5944d640;transform:rotate(-5deg)}.brand-mark span{transform:rotate(5deg)}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.coin-pill,.level-pill{border:0;height:40px;border-radius:13px;background:var(--card);box-shadow:0 5px 16px #3d357012;color:var(--ink);display:flex;align-items:center;justify-content:center}.icon-btn{width:40px;cursor:pointer;transition:.2s;font-size:17px}.icon-btn:hover{transform:translateY(-2px)}.coin-pill,.level-pill{padding:0 12px;gap:6px;font-weight:800;font-size:13px}.coin-pill b{color:#c78b16}.level-pill{color:var(--purple)}.game-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:18px;position:relative;z-index:1}.panel{background:var(--card);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:var(--shadow)}.puzzle-panel{padding:20px clamp(15px,3vw,32px) 22px;min-height:640px;display:flex;flex-direction:column}.stage-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.category{font-size:12px;font-weight:800;color:var(--purple);background:#efedff;border-radius:999px;padding:8px 12px;letter-spacing:.09em;text-transform:uppercase}.round{font-size:12px;color:var(--muted);font-weight:700}.round strong{color:var(--ink)}.puzzle-wrap{flex:1;min-height:270px;border-radius:22px;padding:24px 12px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#6960da,#8279ec);box-shadow:inset 0 1px 1px #ffffff40,0 14px 26px #5b4bc433;position:relative;overflow:hidden}.puzzle-wrap:before{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 1px 1px,white 1px,transparent 0);background-size:22px 22px}.puzzle-board{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:12px 18px}.word{display:flex;gap:5px}.tile{width:clamp(28px,5.2vw,47px);height:clamp(38px,6.5vw,58px);display:grid;place-items:center;border-radius:9px;background:#fffffffa;box-shadow:0 5px #34288740,inset 0 -2px #eceaff;color:#31265d;font:900 clamp(18px,3vw,28px)/1 Nunito,sans-serif;transform-style:preserve-3d}.tile.hidden{color:transparent;background:#ffffffe6}.tile.revealed{background:#fffbdc}.tile.reveal{animation:flip .62s cubic-bezier(.2,.8,.3,1.2) both;background:#fffbdc;box-shadow:0 5px #34288740,0 0 24px #ffed79a6}.tile.punct{background:transparent;box-shadow:none;color:#fff;width:15px}@keyframes flip{0%{transform:rotateX(90deg) scale(.8)}60%{transform:rotateX(-8deg) scale(1.05)}to{transform:none}}.message{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;color:#555b73;padding:10px;font-size:14px}.message.good{color:#09986d}.message.bad{color:#e24c6a}.keyboard{display:grid;grid-template-columns:repeat(13,1fr);gap:6px}.key{min-width:0;aspect-ratio:1;border:0;border-radius:10px;background:#f1f2f8;color:#4a4f65;font:800 clamp(11px,1.5vw,15px)/1 Nunito,sans-serif;cursor:pointer;box-shadow:0 3px #dfe1ec;transition:.15s}.key:hover:not(:disabled){transform:translateY(-2px);background:#e9e6ff;color:var(--purple)}.key:active:not(:disabled){transform:translateY(2px);box-shadow:none}.key:disabled{opacity:.3;cursor:default;box-shadow:none}.key.vowel:not(:disabled){color:#9d6d09;background:#fff5d7}.wheel-panel{min-height:640px;display:flex;flex-direction:column;padding:20px;position:relative}.score-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-card{border-radius:17px;padding:12px 14px;background:#f7f7fc}.score-card span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.score-card strong{display:block;font:900 24px/1.2 Nunito,sans-serif;margin-top:3px}.score-card.current strong{color:var(--purple)}.player-strip{display:flex;gap:7px;margin-top:9px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none}.player-strip::-webkit-scrollbar{display:none}.player-chip{flex:1 0 92px;display:flex;justify-content:space-between;align-items:center;gap:5px;padding:8px 10px;border-radius:12px;background:#f4f4fa;color:var(--muted);font-size:10px;font-weight:800;border:2px solid transparent}.player-chip b{color:var(--ink)}.player-chip.active{color:var(--purple);border-color:#dcd6ff;background:#f0edff}.wheel-stage{flex:1;min-height:360px;display:grid;place-items:center;position:relative;overflow:hidden}.wheel-pointer{position:absolute;z-index:5;top:18px;width:32px;height:42px;background:#fff;filter:drop-shadow(0 5px 4px rgba(34,32,65,.24));clip-path:polygon(50% 100%,0 0,100% 0)}.wheel{width:min(82vw,350px);aspect-ratio:1;border-radius:50%;position:relative;transition:transform 4.4s cubic-bezier(.12,.68,.12,1);filter:drop-shadow(0 16px 15px rgba(56,48,110,.2))}.wheel:after{content:"";position:absolute;inset:0;border-radius:50%;border:9px solid white;box-shadow:inset 0 0 0 2px #3b326f14;pointer-events:none}.wheel-label{position:absolute;left:50%;top:50%;width:45%;height:20px;transform-origin:0 50%;color:#fff;font:900 11px/20px Nunito,sans-serif;text-align:right;padding-right:12px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.wheel-center{position:absolute;z-index:4;width:88px;height:88px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 7px 20px #30286a40;font:900 13px/1.05 Nunito,sans-serif;color:var(--purple);text-align:center}.wheel-center:before{content:"";position:absolute;inset:8px;border:2px dashed #dad5ff;border-radius:50%}.wheel-center span{position:relative}.controls{display:grid;grid-template-columns:1fr minmax(145px,.62fr);gap:10px}.primary-btn,.solve-btn{border:0;border-radius:16px;height:54px;cursor:pointer;font-weight:900;transition:.2s}.primary-btn{color:#fff;background:linear-gradient(135deg,#725eea,#5640ce);box-shadow:0 9px 18px #5640ce40,inset 0 1px #ffffff40;font-size:16px}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 22px #5640ce4d}.primary-btn:disabled{opacity:.5;cursor:default}.solve-btn{width:auto;padding:0 15px;background:#e8fbf4;color:#18a87b;font-size:13px}.solve-btn:disabled{opacity:.45;cursor:default}.hint{text-align:center;color:var(--muted);font-size:11px;margin:10px 0 0}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#24204673;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade .2s}.modal{width:min(92vw,430px);background:#fff;border-radius:28px;padding:25px;box-shadow:0 25px 80px #201b484d;text-align:center;animation:pop .35s cubic-bezier(.2,.9,.3,1.2)}.modal-icon{width:72px;height:72px;margin:-58px auto 14px;border:7px solid white;border-radius:24px;background:linear-gradient(145deg,#ffe279,#ffba45);display:grid;place-items:center;font-size:35px;transform:rotate(-4deg)}.modal h2{font:900 29px/1 Nunito,sans-serif;margin:8px 0}.modal p{color:var(--muted);line-height:1.5}.reward-line{display:flex;justify-content:center;gap:24px;margin:18px 0}.reward-line strong{color:var(--purple)}.modal-actions{display:flex;gap:9px;margin-top:18px}.modal-actions button{flex:1}.text-input{width:100%;height:52px;border:2px solid #ececf5;border-radius:14px;padding:0 15px;text-align:center;text-transform:uppercase;font:800 16px DM Sans;outline:0}.text-input:focus{border-color:#9c91ee}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.theme-chip{border:2px solid transparent;border-radius:15px;padding:12px 4px;cursor:pointer;background:#f5f5f8;font-weight:800;font-size:12px}.theme-chip.active{border-color:var(--purple);color:var(--purple);background:#f0edff}.opponent-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.opponent-btn{border:2px solid transparent;border-radius:16px;background:#f5f5f9;padding:14px 8px;cursor:pointer;color:var(--ink)}.opponent-btn strong,.opponent-btn span{display:block}.opponent-btn strong{font:900 20px Nunito,sans-serif}.opponent-btn span{color:var(--muted);font-size:11px;margin-top:3px}.opponent-btn.active{border-color:var(--purple);background:#f0edff;color:var(--purple)}@keyframes pop{0%{transform:scale(.84);opacity:0}}@keyframes fade{0%{opacity:0}}.toast{position:fixed;top:72px;left:50%;z-index:30;transform:translate(-50%);background:#25243a;color:#fff;padding:11px 17px;border-radius:12px;box-shadow:0 9px 25px #0003;font-size:13px;font-weight:700;animation:toast 2.3s both}@keyframes toast{0%{opacity:0;transform:translate(-50%,-12px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}[data-theme=pastel]{--purple:#ee79a7;--purple-deep:#d9578b;--green:#54c8b0;background:#fff7fa}[data-theme=pastel] .puzzle-wrap{background:linear-gradient(145deg,#ef8fb8,#c98edd)}[data-theme=neon]{--purple:#724cff;--purple-deep:#542cd4;--green:#00dcb0;background:#eefcff}[data-theme=neon] .puzzle-wrap{background:linear-gradient(145deg,#4235b7,#7258f1)}[data-theme=dark]{--ink:#f5f5ff;--muted:#a7a8bf;--card:rgba(35,34,55,.96);background:#171622}[data-theme=dark] .app-shell{background:radial-gradient(circle at 50% -20%,#3a326c,#171622 55%)}[data-theme=dark] .score-card,[data-theme=dark] .key{background:#29283e;color:#eee;box-shadow:none}@media(max-width:800px){.app-shell{padding-left:12px;padding-right:12px}.game-layout{grid-template-columns:1fr}.puzzle-panel,.wheel-panel{min-height:auto}.puzzle-panel{order:0;padding:15px}.wheel-panel{order:1;padding:15px}.puzzle-wrap{min-height:245px}.wheel-stage{min-height:330px}.keyboard{grid-template-columns:repeat(10,1fr)}.key{aspect-ratio:auto;height:34px}.brand-name,.top-actions .level-pill{display:none}}@media(max-width:420px){.topbar{margin-bottom:10px}.puzzle-wrap{min-height:220px;padding:18px 5px}.puzzle-board{gap:10px 10px}.tile{width:min(8.2vw,34px);height:42px;border-radius:7px}.wheel-stage{min-height:300px}.wheel{width:280px}.wheel-pointer{top:10px}.keyboard{gap:5px}.controls{grid-template-columns:1fr 128px}.solve-btn{font-size:11px;padding:0 8px}}@media(orientation:landscape)and (max-height:600px)and (max-width:950px){.game-layout{grid-template-columns:1.1fr .9fr}.puzzle-panel,.wheel-panel{min-height:calc(100vh - 75px)}.puzzle-wrap{min-height:190px}.wheel-stage{min-height:240px}.wheel{width:min(44vh,270px)}.wheel-pointer{top:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}