*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Chalkboard SE,Comic Sans MS,Comic Neue,ui-rounded,Segoe UI,system-ui,sans-serif;background:linear-gradient(160deg,#38bdf8,#818cf8 55%,#c084fc);background-attachment:fixed;min-height:100vh;min-height:100svh;color:#1e1b4b;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}#root{min-height:100vh;min-height:100svh;display:flex;justify-content:center}.screen{width:100%;max-width:860px;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center}.start-screen,.adventure-screen,.learn-screen,.family-screen{gap:20px;padding-top:40px;position:relative}.corner-btn{position:absolute;top:14px;right:14px}.back-btn{position:absolute;top:14px;left:14px}.profile-screen{gap:24px;padding-top:50px;position:relative}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:500px}@media (max-width: 520px){.profile-grid{grid-template-columns:repeat(2,1fr)}}.profile-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px 10px;border:4px solid transparent;border-radius:22px;background:#ffffffd9;box-shadow:0 4px #1e1b4b40;transition:transform .12s ease,border-color .12s ease;min-height:96px}.profile-card:hover{transform:translateY(-2px)}.profile-card.selected{border-color:#fbbf24;background:#fff;transform:scale(1.04)}.profile-avatar{font-size:2.4rem}.profile-name{font-weight:700;font-size:1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-streak{font-size:.8rem;color:#b45309;font-weight:700}.profile-check{position:absolute;top:6px;right:8px;font-size:1rem}.profile-delete{position:absolute;top:4px;left:6px;font-size:.85rem;opacity:.45;padding:4px;border-radius:8px}.profile-delete:hover{opacity:1;background:#0000000f}.profile-card.add-card{border:4px dashed #c4b5fd;background:#ffffff80;color:#6d28d9;cursor:pointer}.profile-card.creating{padding:14px 8px}.profile-card.creating .name-input{width:100%;text-align:center;background:#f5f3ff;border-radius:10px}.photo-thumb{width:52px;height:52px;border-radius:50%;object-fit:cover;display:block}.visually-hidden-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.name-error{color:#b91c1c;font-size:.75rem;font-weight:700}.draft-buttons{display:flex;gap:6px}.small-btn{padding:6px 14px;font-size:.85rem}.customize-toggle{font:inherit;font-size:1.05rem;font-weight:700;color:#fff;background:#ffffff26;border:2px solid rgba(255,255,255,.4);padding:10px 24px;border-radius:999px;text-shadow:0 1px 0 rgba(30,27,75,.3);transition:transform .1s ease}.customize-toggle:hover{transform:translateY(-2px)}.customize-body{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.icon-link-row{display:flex;gap:10px;justify-content:center}.title{font-size:clamp(2.1rem,7vw,3.4rem);color:#fff;text-shadow:0 3px 0 rgba(30,27,75,.3);text-align:center}.bounce{display:inline-block;animation:bounce 1.1s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.subtitle{font-size:1.15rem;color:#f5f3ff;text-shadow:0 1px 0 rgba(30,27,75,.25)}.picker{width:100%;max-width:620px;text-align:center}.picker-title{font-size:1.15rem;color:#fff;text-shadow:0 2px 0 rgba(30,27,75,.25);margin-bottom:10px}.choices{display:grid;gap:12px}.themes{grid-template-columns:repeat(5,1fr)}.theme-strip{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:8px;justify-content:flex-start}.theme-strip .choice-btn{flex:0 0 92px;scroll-snap-align:start}.counts,.difficulties,.speeds{grid-template-columns:repeat(3,1fr)}.modes,.matchtypes,.packs{grid-template-columns:repeat(2,1fr);max-width:360px;margin:0 auto}@media (max-width: 520px){.themes{grid-template-columns:repeat(3,1fr)}}.player-editors{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;margin:0 auto}.player-editor{display:flex;align-items:center;gap:10px;background:#ffffffd9;padding:8px 12px;border-radius:18px;box-shadow:0 3px #1e1b4b33}.avatar-btn{font-size:1.7rem;line-height:1;padding:7px 10px;background:#fff;border:3px solid #ddd6fe;border-radius:14px;transition:transform .1s ease}.avatar-btn:active{transform:scale(.92)}.name-input{flex:1;min-width:0;font:inherit;font-size:1.05rem;font-weight:700;color:#1e1b4b;border:none;background:transparent;padding:6px}.name-input:focus{outline:3px solid #fbbf24;border-radius:10px}.editor-hint{margin-top:8px;font-size:.9rem;color:#ede9fe;text-shadow:0 1px 0 rgba(30,27,75,.25)}.choice-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border:4px solid transparent;border-radius:20px;background:#ffffffd9;box-shadow:0 4px #1e1b4b40;transition:transform .12s ease,border-color .12s ease}.choice-btn:hover{transform:translateY(-2px)}.choice-btn:active{transform:translateY(2px);box-shadow:0 2px #1e1b4b40}.choice-btn.selected{border-color:#fbbf24;background:#fff;transform:scale(1.05)}.choice-icon{font-size:2rem}.choice-name{font-size:.95rem;font-weight:700}.choice-detail{font-size:.8rem;color:#6d28d9}.big-btn{font-size:1.35rem;font-weight:700;color:#fff;padding:16px 36px;border:none;border-radius:999px;background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 6px #c2410c;transition:transform .1s ease,box-shadow .1s ease}.big-btn:hover{transform:translateY(-2px);box-shadow:0 8px #c2410c}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #c2410c}.big-btn.alt{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 6px #4338ca}.big-btn.alt:active{box-shadow:0 2px #4338ca}.play-btn{margin-top:6px}.best-note{color:#fef3c7;font-size:1rem;text-shadow:0 1px 0 rgba(30,27,75,.3)}.link-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.parent-link{font:inherit;font-size:.85rem;color:#ede9fe;background:none;border:none;text-decoration:underline;opacity:.75;padding:4px}.daily-card{background:#ffffffd9;border-radius:22px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px #1e1b4b40;max-width:360px;margin:0 auto}.daily-info{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.daily-pill{background:#ede9fe;color:#4c1d95;font-weight:700;font-size:.9rem;padding:5px 12px;border-radius:999px}.daily-streak{color:#b45309;font-weight:700}.daily-btn{font-size:1.1rem;padding:12px 24px}.daily-best{font-size:.85rem;color:#6d28d9;font-weight:700}.daily-dots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:260px}.daily-dot{width:9px;height:9px;border-radius:50%;background:#e5e7eb}.daily-dot.done{background:#4ade80}.daily-dot.today{box-shadow:0 0 0 2px #fbbf24}.choice-btn:disabled,.choice-btn.locked{opacity:.5;filter:grayscale(.6);transform:none;cursor:default}.big-btn:disabled{opacity:.55;filter:grayscale(.4);transform:none;cursor:default;box-shadow:0 4px #1e1b4b40}.chest-bar{width:100%;max-width:320px;height:16px;border-radius:999px;background:#ede9fe;overflow:hidden}.chest-bar-fill{height:100%;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f59e0b);transition:width .3s ease}.level-ladder{display:flex;flex-direction:column;gap:10px}.level-tile{display:flex;align-items:center;gap:12px;background:#ffffffd9;border-radius:18px;padding:10px 16px}.level-tile.locked{opacity:.55;filter:grayscale(.6)}.level-num{font-size:1.3rem;font-weight:800;color:#7c3aed;width:24px}.level-stars{gap:1px}.star.small{font-size:1.1rem}.level-badges{flex:1;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.lb-btn{font:inherit;font-size:1.05rem;font-weight:700;color:#1e1b4b;padding:10px 22px;border:none;border-radius:999px;background:#ffffffd9;box-shadow:0 4px #1e1b4b40;transition:transform .1s ease}.lb-btn:hover{transform:translateY(-2px)}.lb-btn:active{transform:translateY(2px);box-shadow:0 1px #1e1b4b40}.leaderboard-card{max-width:440px}.lb-empty{font-size:1.05rem;color:#6d28d9}.sync-section{width:100%;background:#f5f3ff;border-radius:16px;padding:14px 16px;text-align:center;margin-top:4px}.sync-title{font-size:1rem;color:#4c1d95;margin-bottom:4px}.sync-status{font-size:.85rem;color:#6d28d9;margin-bottom:8px}.sync-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.big-btn.danger{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px #b91c1c}.big-btn.danger:active{box-shadow:0 2px #b91c1c}.update-toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;background:#1e1b4b;color:#fff;padding:10px 12px 10px 18px;border-radius:999px;box-shadow:0 6px 18px #1e1b4b66;max-width:calc(100% - 32px)}.update-toast-text{font-size:.9rem;font-weight:700;white-space:nowrap}.update-toast-dismiss{background:#ffffff26;border:none;color:#fff;border-radius:999px;width:28px;height:28px;font-size:.9rem;line-height:1}.game-screen{gap:16px}.game-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.header-actions{display:flex;gap:8px}.icon-btn{font-size:1.4rem;line-height:1;padding:10px;border:none;border-radius:16px;background:#ffffffd9;box-shadow:0 3px #1e1b4b40;transition:transform .1s ease}.icon-btn:hover{transform:translateY(-2px)}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #1e1b4b40}.stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.stat{background:#ffffffd9;border-radius:999px;padding:8px 14px;font-size:1rem;font-weight:700;box-shadow:0 3px #1e1b4b33;white-space:nowrap}.scoreboard{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%}.player-chip{display:flex;align-items:center;gap:7px;background:#fffc;border:3px solid transparent;border-radius:999px;padding:6px 14px;font-weight:700;box-shadow:0 3px #1e1b4b33;transition:transform .15s ease,border-color .15s ease,background .15s ease}.player-chip.active{border-color:#fbbf24;background:#fff;transform:scale(1.07)}.chip-avatar{font-size:1.35rem}.chip-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-score{color:#6d28d9;white-space:nowrap}.chip-streak{animation:pop .4s ease;white-space:nowrap}.streak-stat{background:linear-gradient(135deg,#fde68a,#fb923c);color:#7c2d12;animation:pop .4s ease}.peek-btn{font:inherit;font-size:1rem;font-weight:700;color:#1e1b4b;padding:8px 14px;border:none;border-radius:999px;background:#fff;box-shadow:0 3px #1e1b4b33;white-space:nowrap;transition:transform .1s ease,opacity .15s ease}.peek-btn:not(:disabled):hover{transform:translateY(-2px)}.peek-btn:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #1e1b4b33}.peek-btn:disabled{opacity:.45;cursor:default}.speed-track{width:100%;max-width:640px;height:12px;border-radius:999px;background:#ffffff59;overflow:hidden;box-shadow:inset 0 2px 3px #1e1b4b33}.speed-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#4ade80,#facc15);transition:width .1s linear}.speed-bar.urgent{background:#ef4444}.speed-bar.idle{opacity:.35}.board-wrap{position:relative;width:100%}.turn-toast{position:absolute;top:8px;left:50%;z-index:10;background:#fff;color:#1e1b4b;padding:10px 22px;border-radius:999px;font-weight:700;font-size:1.15rem;box-shadow:0 4px #1e1b4b40;white-space:nowrap;pointer-events:none;animation:toast-pop 1.5s ease forwards}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.08)}25%{transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}.praise{position:absolute;top:42%;left:50%;z-index:10;font-size:clamp(1.5rem,5vw,2.3rem);font-weight:700;color:#fff;text-shadow:0 3px 0 rgba(30,27,75,.35);white-space:nowrap;pointer-events:none;animation:praise-float 1.4s ease forwards}.praise.golden-praise{color:#fde68a}@keyframes praise-float{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}35%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-100%) scale(1)}}.peek-banner{background:#fef3c7;color:#92400e;font-size:1.1rem;font-weight:700;padding:8px 20px;border-radius:999px;box-shadow:0 3px #1e1b4b33;animation:bounce .8s ease-in-out infinite alternate}.board{display:grid;gap:clamp(8px,2vw,14px);width:100%;margin:0 auto;max-width:var(--board-max)}.board.easy,.board.medium{grid-template-columns:repeat(4,1fr);--board-max: 540px}.board.hard{grid-template-columns:repeat(4,1fr);--board-max: 560px}.board.expert{grid-template-columns:repeat(5,1fr);--board-max: 640px}.board.master{grid-template-columns:repeat(6,1fr);--board-max: 720px}.board.grandmaster{grid-template-columns:repeat(10,1fr);--board-max: 860px;gap:clamp(6px,1vw,10px)}@media (max-width: 768px){.board.grandmaster{grid-template-columns:repeat(8,1fr)}}@media (max-width: 520px){.board.easy{grid-template-columns:repeat(2,1fr);--board-max: 320px}.board.medium{grid-template-columns:repeat(3,1fr);--board-max: 360px}.board.hard,.board.expert{grid-template-columns:repeat(4,1fr)}.board.master,.board.grandmaster{grid-template-columns:repeat(5,1fr)}}@media (orientation: landscape) and (max-height: 560px){.start-screen,.adventure-screen,.learn-screen,.family-screen,.profile-screen{padding-top:16px}.game-screen{gap:8px}.game-header{gap:6px}.icon-btn{padding:6px 8px;font-size:1.1rem}.stat,.player-chip{padding:5px 10px;font-size:.85rem}.peek-banner{padding:5px 14px;font-size:.9rem}.board.easy{--board-max: min(540px, 120vh )}.board.medium{--board-max: min(540px, 80vh )}.board.hard{--board-max: min(560px, 60vh )}.board.expert{--board-max: min(640px, 75vh )}.board.master{--board-max: min(720px, calc(60vh * 6 / 5))}.board.grandmaster{grid-template-columns:repeat(12,1fr);--board-max: min(960px, 94vw, calc(60vh * 12 / 5))}}@media (min-width: 768px) and (min-height: 900px){.screen{max-width:1000px}.card-back{font-size:clamp(1.8rem,4vw,2.6rem)}.card-front{font-size:clamp(2.4rem,6vw,4rem)}.board.grandmaster{grid-template-columns:repeat(10,1fr);--board-max: 1000px}}.card{aspect-ratio:1;perspective:700px;background:none;border:none;padding:0}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease}.card:not(.flipped):hover .card-inner{transform:scale(1.05)}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-back{background:linear-gradient(135deg,#a78bfa,#7c3aed);border:3px solid #fff;color:#ffffffe6;font-size:clamp(1.4rem,5vw,2.2rem);box-shadow:0 4px #1e1b4b4d}.card-front{background:#fff;border:3px solid #ddd6fe;font-size:clamp(2rem,9vw,3.4rem);transform:rotateY(180deg);box-shadow:0 4px #1e1b4b33}.card.matched{animation:pop .5s ease;cursor:default}.card.matched .card-front{border-color:#4ade80;background:#f0fdf4;box-shadow:0 4px #1665344d}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.card.mismatch{animation:shake .45s ease}.card-front.golden,.card.matched .card-front.golden{background:linear-gradient(135deg,#fffbeb,#fde68a);border-color:#f59e0b}.sparkle{position:absolute;top:4px;right:8px;font-size:1rem;animation:twinkle 1s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.card-front.mystery,.card.matched .card-front.mystery{background:linear-gradient(135deg,#ede9fe,#c4b5fd);border-color:#8b5cf6}.mystery-badge{position:absolute;top:4px;left:8px;font-size:1rem;animation:twinkle 1s ease-in-out infinite alternate}.card-front.word{font-size:clamp(.85rem,4.5vw,1.4rem);padding:6px;text-align:center;line-height:1.15}.card-front.photo{padding:0;overflow:hidden}.card-photo{width:100%;height:100%;object-fit:cover}.word-text{font-weight:700;color:#4c1d95;word-break:break-word}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#1e1b4b8c;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.win-card{background:#fff;border-radius:28px;padding:32px 28px;width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 10px #1e1b4b59;animation:pop .5s ease}.win-title{font-size:1.7rem;color:#7c3aed}.stars{display:flex;gap:6px}.star{font-size:2.6rem;filter:grayscale(1);opacity:.35}.star.on{filter:none;opacity:1;animation:pop .5s ease}.win-stats{font-size:1.15rem;font-weight:700}.new-best{color:#b45309;background:#fef3c7;padding:6px 16px;border-radius:999px;font-weight:700}.win-streak{color:#9a3412;font-weight:700;font-size:.95rem}.new-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.new-badge-pill{background:linear-gradient(135deg,#ede9fe,#c4b5fd);color:#4c1d95;border:2px solid #8b5cf6;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.95rem;animation:pop .5s ease}.dash-list{width:100%;display:flex;flex-direction:column;gap:14px;max-height:60vh;overflow-y:auto}.dash-profile{background:#f5f3ff;border-radius:18px;padding:12px 16px;text-align:left}.dash-header{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:6px}.dash-name{flex:1}.dash-stats{display:flex;gap:10px;flex-wrap:wrap;font-size:.9rem;color:#4c1d95;margin-bottom:6px}.dash-bests{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.dash-best-chip{background:#fff;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700;color:#6d28d9}.dash-best-chip.shaky{background:#fef3c7;color:#b45309}.dash-trend{margin-top:4px}.dash-trend-label{display:block;font-size:.75rem;color:#7c3aed;margin-bottom:2px}.dash-sparkline{width:100%;height:34px}.badge-grid{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:.8rem;font-weight:700;padding:5px 10px;border-radius:999px;background:#e5e7eb;color:#9ca3af;white-space:nowrap}.badge.earned{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#78350f}.rank-rows{width:100%;display:flex;flex-direction:column;gap:8px}.rank-row{display:flex;align-items:center;gap:10px;background:#f5f3ff;border:3px solid transparent;border-radius:16px;padding:10px 14px;font-weight:700;font-size:1.05rem}.rank-row.winner{background:#fef3c7;border-color:#fbbf24;font-size:1.15rem;animation:pop .5s ease}.rank-medal,.rank-avatar{font-size:1.5rem}.rank-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-score{color:#6d28d9;white-space:nowrap}.win-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}.win-buttons .big-btn{font-size:1.1rem;padding:13px 24px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:50}.confetti i{position:absolute;top:-20px;border-radius:2px;animation:fall linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@media (prefers-reduced-motion: reduce){.bounce,.peek-banner,.sparkle,.confetti i{animation:none}.card-inner{transition-duration:.01s}}