:root{--ink:#2b2d42;--muted:#6c6f85;--bg:#fff8ec;--card:#fff;--line:#ece6f5;--primary:#7048e8;--primary-2:#5f3dc4;--ok:#2f9e44;--ok-bg:#ebfbee;--bad:#e03131;--bad-bg:#fff0f0;--info-bg:#fff9db;--radius:20px;--shadow:0 6px 0 #2b2d4214, 0 12px 28px #7048e814;--font-fun:"Fredoka", "Baloo 2", "Comic Sans MS", "Trebuchet MS", system-ui, sans-serif;--font:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background-color:var(--bg);-webkit-tap-highlight-color:transparent;background-image:radial-gradient(circle at 12px 12px,#7048e812 2px,#0000 2.5px);background-size:28px 28px;margin:0;font-size:16px}h1,h2,h3,h4{font-family:var(--font-fun);margin:0 0 .5em;font-weight:600;line-height:1.2}a{color:var(--primary)}code{background:#f3f0ff;border-radius:6px;padding:1px 5px;font-size:.9em}button,input,select,textarea{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;padding:calc(10px + env(safe-area-inset-top,0px)) 20px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:3px solid #f1eaff;align-items:center;gap:16px;display:flex;position:sticky;top:0}.logo{color:var(--ink);font-family:var(--font-fun);align-items:center;gap:8px;font-size:1.35rem;text-decoration:none;display:flex}.logo-icon{font-size:1.7rem;animation:4s ease-in-out infinite wobble;display:inline-block}.logo-text b{color:var(--primary);font-weight:700}.topnav{gap:6px;margin-left:auto;display:flex}.topnav a{color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none}.topnav a.active,.topnav a:hover{color:var(--primary);background:#f3f0ff}.content{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:20px 20px 40px}.bottomnav{display:none}.player{position:relative}.player-chip{cursor:pointer;background:#f3f0ff;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-weight:700;display:flex}.avatar{background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.2rem;display:inline-grid}.avatar.big{background:#fff4e6;width:44px;height:44px;font-size:1.6rem}.points{background:#fff3bf;border-radius:999px;padding:2px 8px;font-size:.9rem}.player-menu{z-index:30;background:#fff;border-radius:16px;flex-direction:column;min-width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #00000026}.player-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px;font-weight:700;display:flex}.player-menu button:hover,.player-menu button.active{background:#f3f0ff}.menu-title{color:var(--muted);padding:4px 8px;font-size:.8rem;font-weight:700}.menu-link{border-top:1px solid var(--line);margin-top:4px;padding:8px;font-weight:700;text-decoration:none}.btn{cursor:pointer;color:var(--ink);background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex;box-shadow:0 3px #0000001f}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0000001f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-2)}.btn.soft{color:var(--primary-2);background:#f3f0ff;box-shadow:0 3px #d0bfff}.btn.ghost{box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn.warn{background:var(--bad);color:#fff;box-shadow:0 3px #a61e1e}.btn.small{border-radius:10px;padding:6px 12px;font-size:.88rem}.btn.big{border-radius:18px;padding:14px 26px;font-size:1.1rem}.btn.round{border-radius:50%;width:42px;height:42px;padding:0;font-size:1.6rem;line-height:1}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.confirm{background:var(--bad-bg);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-weight:700;display:inline-flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.page-title{font-size:2rem}.section-title{margin-top:8px;font-size:1.5rem}.section-title small{color:var(--muted);font-size:.9rem;font-family:var(--font)}.hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#845ef7 0%,#cc5de8 55%,#ff8787 100%);border-radius:28px;align-items:center;gap:20px;padding:28px;display:flex;position:relative;overflow:hidden}.hero h1{font-size:2.2rem}.hero p{opacity:.95;margin:0 0 16px;font-size:1.05rem}.wave{transform-origin:70% 70%;animation:2s ease-in-out infinite wave;display:inline-block}.hero-stats{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.hero-stats div{background:#fff3;border-radius:16px;flex-direction:column;min-width:90px;padding:8px 14px;display:flex}.hero-stats b{font-family:var(--font-fun);font-size:1.4rem}.hero-stats span{opacity:.9;font-size:.8rem}.hero-btn{color:#5c3c00;background:#ffd43b;box-shadow:0 4px #e0a800}.hero-art{grid-template-columns:1fr 1fr;gap:10px;margin-left:auto;font-size:2.6rem;display:grid}.hero-art span{background:#fff3;border-radius:22px;place-items:center;width:76px;height:76px;animation:3s ease-in-out infinite float;display:grid}.hero-art span:nth-child(2){animation-delay:.4s}.hero-art span:nth-child(3){animation-delay:.8s}.hero-art span:nth-child(4){animation-delay:1.2s}.grade-picker,.chips{flex-wrap:wrap;gap:8px;display:flex}.grade-picker{margin:20px 0 16px}.grade-picker button,.chips button,.chip{cursor:pointer;background:#fff;border:0;border-radius:999px;padding:8px 16px;font-weight:800;box-shadow:0 2px #00000014}.grade-picker button.active,.chips button.active{background:var(--c,var(--primary));color:#fff}.daily{color:var(--ink);box-shadow:var(--shadow);border-left:8px solid var(--c);background:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:20px;padding:14px 18px;text-decoration:none;display:flex}.daily-badge{color:#8a5a00;background:#fff3bf;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:800}.daily-title{font-family:var(--font-fun);font-size:1.2rem}.daily-meta{color:var(--muted);margin-left:auto}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.cat-card{color:#fff;border-radius:24px;flex-direction:column;gap:4px;min-height:170px;padding:20px;text-decoration:none;transition:transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #0000001f}.cat-card:after{content:"";background:#ffffff26;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.cat-card:hover{transform:translateY(-4px)rotate(-.5deg)}.cat-emoji{font-size:2.6rem}.cat-name{font-family:var(--font-fun);font-size:1.4rem;font-weight:600}.cat-desc{opacity:.92;font-size:.95rem}.cat-progress{align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.bar{background:#ffffff4d;border-radius:999px;flex:1;height:10px;overflow:hidden}.bar>span{background:#fff;border-radius:999px;height:100%;transition:width .6s;display:block}.cat-count{font-size:.9rem;font-weight:800}.cat-banner{color:#fff;text-align:center;box-shadow:var(--shadow);border-radius:28px;padding:20px 24px 24px}.cat-banner h1{margin-bottom:4px;font-size:2rem}.cat-banner p{opacity:.92;margin:0}.cat-banner-emoji{font-size:3.2rem;animation:3s ease-in-out infinite float}.back{color:inherit;background:#ffffff40;border-radius:999px;padding:6px 12px;font-weight:800;text-decoration:none;display:inline-block}.cat-banner .back{float:left}.filters{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:16px;display:flex}.filters .chips button{padding:6px 14px;font-size:.9rem}.puzzle-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.puzzle-tile{color:var(--ink);box-shadow:var(--shadow);border-bottom:5px solid var(--c);background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:transform .12s;display:flex;position:relative}.puzzle-tile:hover{transform:translateY(-3px)}.puzzle-tile.solved{background:var(--ok-bg)}.puzzle-tile.revealed{background:#fff9db}.puzzle-tile.fresh{animation:.6s ease-out pop,2s ease-in-out 3 glow}.tile-num{background:var(--c);color:#fff;width:34px;height:34px;font-family:var(--font-fun);border-radius:12px;place-items:center;font-size:1.1rem;display:grid}.tile-title{font-size:1.05rem;font-weight:800}.tile-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.tile-status{font-size:1.4rem;position:absolute;top:12px;right:12px}.grade-badge{background:#f1f3f5;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:800}.grade-badge.light{color:#fff;background:#ffffff4d}.ai-badge{color:#fff;background:linear-gradient(90deg,#845ef7,#f06595);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:900}.stars{letter-spacing:1px;color:#dee2e6;font-size:.95rem}.stars .on{color:#fab005}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty-emoji{font-size:3rem}.ai-open{text-align:left;cursor:pointer;background:linear-gradient(90deg,#f8f0fc,#f3f0ff);border:3px dashed #d0bfff;border-radius:20px;align-items:center;gap:14px;width:100%;margin-bottom:18px;padding:14px 18px;display:flex}.ai-open b{font-size:1.05rem;display:block}.ai-open small{color:var(--muted)}.ai-sparkle{font-size:2rem;animation:2.5s ease-in-out infinite wobble}.ai-panel{border:3px solid #e5dbff}.ai-head{justify-content:space-between;align-items:center;display:flex}.ai-busy{color:var(--primary);align-items:center;gap:10px;margin-top:12px;font-weight:700;display:flex}.prompt-view{margin-top:14px}.prompt-view summary{cursor:pointer;font-weight:800}.prompt-view pre{white-space:pre-wrap;word-break:break-word;background:#f8f9fa;border-radius:12px;max-height:360px;padding:12px;font-size:.8rem;overflow:auto}label{flex-direction:column;gap:6px;margin-bottom:12px;font-size:.92rem;font-weight:800;display:flex}label.full{width:100%}label.check{flex-direction:row;align-items:center;gap:10px;font-weight:600}label.check input{width:20px;height:20px;accent-color:var(--primary)}input:not([type=checkbox]),select,textarea{border:2px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:16px;font-weight:600}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #7048e826}.form-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.presets{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{color:var(--primary-2);background:#f3f0ff;padding:6px 12px;font-size:.85rem}.pp-nav{align-items:center;gap:10px;margin-bottom:14px;display:flex}.pp-nav .back{color:var(--ink);background:#fff;box-shadow:0 2px #00000014}.pp-count{color:var(--muted);margin-left:auto;font-weight:800}.pp-arrows{gap:8px;display:flex}.puzzle-card{padding:0;overflow:hidden}.pc-head{color:#fff;padding:18px 22px}.pc-head h1{margin-bottom:6px;font-size:1.7rem}.pc-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pc-meta .stars{color:#ffffff73}.pc-meta .stars .on{color:#ffe066}.status-pill{color:var(--ink);background:#fff;border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:800}.pc-body{padding:22px}.next-btn{background:var(--ok);color:#fff;width:100%;animation:.5s ease-out pop;box-shadow:0 4px #237032}.pp-footer{text-align:center;margin-top:20px}.question{margin:0 0 18px;font-size:1.3rem;font-weight:700;line-height:1.5}.figure-box{justify-content:center;margin-bottom:18px;display:flex}.figure-box .figure{box-shadow:inset 0 0 0 3px var(--line);background:#fff;border-radius:18px;padding:8px}.sequence{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px;display:flex}.seq-item{width:92px;height:92px;box-shadow:inset 0 0 0 3px var(--line);background:#fff;border-radius:16px;place-items:center;display:grid}.seq-q{font-family:var(--font-fun);color:var(--c);box-shadow:inset 0 0 0 3px var(--c);background:#fff9db;font-size:2.6rem;animation:1.6s ease-in-out infinite pulse}.options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.options.fig-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.option{text-align:left;border:3px solid var(--line);cursor:pointer;box-shadow:0 3px 0 var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-size:1.08rem;font-weight:700;transition:transform .1s,border-color .15s,background .15s;display:flex}.fig-options .option{flex-direction:column;justify-content:center;padding:10px}.option:hover:not(:disabled){border-color:var(--c);transform:translateY(-2px)}.option:disabled{cursor:default;opacity:.55}.opt-letter{width:32px;height:32px;color:var(--primary-2);font-family:var(--font-fun);background:#f3f0ff;border-radius:10px;flex:none;place-items:center;display:grid}.option.bad{border-color:var(--bad);background:var(--bad-bg);opacity:.8}.option.bad .opt-letter{background:var(--bad);color:#fff}.option.ok{border-color:var(--ok);background:var(--ok-bg);opacity:1;animation:.4s ease-out pop}.option.ok .opt-letter{background:var(--ok);color:#fff}.answer-form{flex-wrap:wrap;gap:10px;display:flex}.answer-form .answer-input{border-width:3px;border-radius:16px;flex:1;min-width:0;padding:12px 16px;font-size:1.3rem;font-weight:800}.answer-input.ok{border-color:var(--ok);background:var(--ok-bg)}.feedback{border-radius:14px;margin-top:16px;padding:12px 16px;font-weight:700;animation:.3s ease-out pop}.feedback.ok{background:var(--ok-bg);color:#1b6b2c}.feedback.bad{background:var(--bad-bg);color:#b02525}.feedback.info{background:var(--info-bg);color:#7a5200}.hint{color:#1864ab;background:#e7f5ff;border-radius:14px;margin-top:14px;padding:12px 16px;font-weight:600}.explanation{background:#f8f0fc;border-left:6px solid #cc5de8;border-radius:12px;margin-top:14px;padding:12px 16px}.explanation h4{color:#9c36b5;margin-bottom:4px}.explanation p{margin:0;line-height:1.6}.numgrid-wrap{justify-content:center;margin-bottom:18px;display:flex;overflow-x:auto}.numgrid{border-collapse:separate;border-spacing:6px}.numgrid td{text-align:center;width:56px;height:56px;font-family:var(--font-fun);color:#1864ab;background:#e7f5ff;border-radius:14px;font-size:1.5rem}.numgrid td.q{color:#e67700;background:#fff3bf;box-shadow:inset 0 0 0 3px #fcc419}.calendar{background:#fff;border-radius:18px;max-width:380px;margin:0 auto 18px;overflow:hidden;box-shadow:0 0 0 3px #ffe8cc}.calendar-head{color:#fff;text-align:center;font-family:var(--font-fun);background:linear-gradient(135deg,#ffa94d,#f76707);padding:10px;font-size:1.3rem}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;display:grid}.calendar-wd{text-align:center;color:var(--muted);padding:4px 0;font-size:.75rem;font-weight:900}.calendar-wd.sun,.calendar-cell.sun{color:var(--bad)}.calendar-cell{aspect-ratio:1;background:#fff9f0;border:0;border-radius:10px;place-items:center;font-size:1rem;font-weight:800;display:grid}.calendar-cell.empty{background:0 0}button.calendar-cell{cursor:pointer;transition:transform .1s,background .15s}button.calendar-cell:hover:not(:disabled){background:#ffe8cc;transform:scale(1.08)}.calendar-cell.hl{background:#ffd8a8;box-shadow:inset 0 0 0 2px #f76707}.calendar-cell.sel{background:#e5dbff}.calendar-cell.bad{background:var(--bad);color:#fff}.calendar-cell.ok{background:var(--ok);color:#fff;animation:.4s ease-out pop}.cw-current{z-index:5;background:#fff0f6;border-radius:14px;min-height:46px;margin-bottom:14px;padding:10px 14px;position:sticky;top:70px}.cw-scroll{padding-bottom:6px;display:flex;overflow-x:auto}.cw-grid{--cell:clamp(24px, calc((min(100vw, 1000px) - 100px - (var(--cols) - 1) * 2px) / var(--cols)), 42px);gap:2px;margin:0 auto;display:grid}.cw-cell{width:var(--cell);height:var(--cell);background:#fff;border-radius:5px;position:relative;box-shadow:inset 0 0 0 2px #fcc2d7}.cw-cell.blank{box-shadow:none;background:0 0}.cw-cell input{text-align:center;width:100%;height:100%;font-family:var(--font-fun);font-weight:700;font-size:calc(var(--cell) * .55);text-transform:uppercase;caret-color:#0000;cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:5px;padding:0}.cw-cell input::selection{background:0 0}.cw-cell input:focus{box-shadow:none;outline:none}.cw-num{font-size:calc(var(--cell) * .26);color:#a61e4d;pointer-events:none;font-weight:800;position:absolute;top:1px;left:3px}.cw-cell.in-word{background:#ffdeeb}.cw-cell.cur{background:#f783ac}.cw-cell.cur input{color:#fff}.cw-cell.bad{box-shadow:inset 0 0 0 2px var(--bad);background:#ffc9c9}.cw-cell.bad input{color:var(--bad)}.cw-cell.solved{background:#d3f9d8;animation:.5s ease-out pop;box-shadow:inset 0 0 0 2px #69db7c}.cw-cell.revealed{background:#fff3bf}.clues{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.clue-col h4{color:#c2255c}.clue-col ol{margin:0;padding:0;list-style:none}.clue-col li{cursor:pointer;border-radius:10px;padding:8px 10px;line-height:1.4}.clue-col li:hover{background:#fff0f6}.clue-col li.active{background:#ffdeeb}.clue-ans{color:var(--ok);letter-spacing:1px;margin-left:6px;font-weight:900;display:inline-block}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat{box-shadow:var(--shadow);border-top:6px solid var(--c);background:#fff;border-radius:20px;flex-direction:column;padding:16px;display:flex}.stat b{font-family:var(--font-fun);color:var(--c);font-size:2rem}.stat span{color:var(--muted);font-weight:700}.bars{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.bar-row{color:var(--ink);grid-template-columns:180px 1fr 60px;align-items:center;gap:12px;font-weight:700;text-decoration:none;display:grid}.bar.big{background:#f1f3f5;height:16px}.bar.big>span{background:var(--c)}.bar-num{text-align:right;font-weight:800}.grade-rings{flex-wrap:wrap;gap:16px;margin-bottom:8px;display:flex}.ring{background:conic-gradient(var(--primary) calc(var(--p) * 1%), #f1f3f5 0);border-radius:50%;place-items:center;width:100px;height:100px;display:grid}.ring-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.ring-inner b{font-family:var(--font-fun);font-size:1.3rem}.ring-inner span{color:var(--muted);font-size:.75rem;font-weight:700}.badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.badge{text-align:center;filter:grayscale();opacity:.55;background:#f8f9fa;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.badge.got{filter:none;opacity:1;background:linear-gradient(160deg,#fff9db,#fff0f6);box-shadow:inset 0 0 0 3px #ffe066}.badge-icon{font-size:2.2rem}.badge small{color:var(--muted);font-size:.78rem}.recent{margin:0;padding:0;list-style:none}.recent a{color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.recent a:hover{background:#f8f9fa}.recent-title{flex:1;font-weight:800}.danger-zone{text-align:center}.players{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.players li{background:#f8f9fa;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.players li.active{background:#f3f0ff}.players li b{flex:1}.pill{background:var(--primary);color:#fff;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:800}.avatar-pick{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.avatar-pick button{cursor:pointer;background:#f8f9fa;border:0;border-radius:12px;width:42px;height:42px;font-size:1.4rem}.avatar-pick button.active{box-shadow:inset 0 0 0 3px var(--primary);background:#e5dbff}.loading{color:var(--primary);justify-content:center;align-items:center;gap:12px;padding:80px 0;font-weight:800;display:flex}.spinner{border:4px solid #e5dbff;border-top-color:var(--primary);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.error-card{border-top:6px solid var(--bad)}.confetti{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.confetti span{animation-name:fall;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:forwards;position:absolute;top:-20px}.shake-a{animation:.4s shake-a}.shake-b{animation:.4s shake-b}@keyframes fall{to{opacity:.6;transform:translateY(110vh)rotate(720deg)}}@keyframes shake-a{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes shake-b{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pop{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-8deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes glow{50%{box-shadow:0 0 0 5px #b197fc, var(--shadow)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=720px){.topbar{padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px}.topnav{display:none}.player{margin-left:auto}.player-name{display:none}.logo{font-size:1.15rem}.content{padding:14px 16px calc(96px + env(safe-area-inset-bottom,0px))}.bottomnav{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:3px solid #f1eaff;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--muted);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px;font-size:.72rem;font-weight:800;text-decoration:none;display:flex}.bottomnav a.active{color:var(--primary);background:#f3f0ff}.bn-icon{font-size:1.35rem}.hero{border-radius:22px;padding:20px}.hero h1{font-size:1.6rem}.hero-art{display:none}.hero-btn{width:100%}.grade-picker{scrollbar-width:none;flex-wrap:nowrap;margin:16px -16px 12px;padding:2px 16px 6px;overflow-x:auto}.grade-picker button{flex:none}.cat-grid{grid-template-columns:1fr 1fr;gap:12px}.cat-card{border-radius:20px;min-height:150px;padding:14px}.cat-emoji{font-size:2rem}.cat-name{font-size:1.1rem}.cat-desc{font-size:.8rem}.puzzle-grid{grid-template-columns:1fr 1fr;gap:10px}.puzzle-tile{padding:12px}.tile-title{font-size:.95rem}.daily-meta{margin-left:0}.pc-head h1{font-size:1.35rem}.pc-body{padding:16px}.question{font-size:1.12rem}.options{grid-template-columns:1fr}.options.fig-options{grid-template-columns:1fr 1fr}.clues{grid-template-columns:1fr}.cw-current{font-size:.95rem;top:58px}.cw-grid{--cell:clamp(20px, calc((100vw - 68px - (var(--cols) - 1) * 2px) / var(--cols)), 40px)}.bar-row{grid-template-columns:1fr 50px}.bar-row .bar{grid-area:2/1/auto/-1}.page-title{font-size:1.6rem}.numgrid td{width:48px;height:48px;font-size:1.3rem}.sequence{gap:8px}.seq-item{border-radius:12px;width:64px;height:64px}.seq-item .figure{width:56px;height:56px}.seq-q{font-size:2rem}}@media (width<=360px){.cat-grid,.puzzle-grid{grid-template-columns:1fr}}.login{justify-content:center;padding:12px 0 40px;display:flex}.login-card{width:100%;max-width:520px;box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:28px;padding:28px 26px 24px;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg,#845ef7,#f06595,#ffa94d,#69db7c,#4dabf7);height:8px;position:absolute;inset:0 0 auto}.login-logo{font-size:3.4rem;animation:3s ease-in-out infinite wobble;display:inline-block}.login-card h1{margin:6px 0 4px;font-size:1.8rem}.login-card h1 b{color:var(--primary)}.login-card form{text-align:left;margin-top:18px}.login-card label{font-size:1rem}.login-name{border-width:3px!important;border-radius:16px!important;padding:14px 16px!important;font-size:1.3rem!important}.login-match{background:var(--ok-bg);color:#1b6b2c;border-radius:14px;margin:-4px 0 12px;padding:10px 14px;font-weight:700;animation:.3s ease-out pop}.login-label{margin:6px 0 8px;font-weight:800}.login-grades{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.login-grades button{border:3px solid var(--line);cursor:pointer;font-family:var(--font-fun);box-shadow:0 3px 0 var(--line);background:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:8px 4px 6px;font-size:1.9rem;line-height:1.1;transition:transform .1s;display:flex}.login-grades button small{font-family:var(--font);color:var(--muted);font-size:.75rem;font-weight:800}.login-grades button:first-child.active{background:#ff8fab;border-color:#e64980}.login-grades button:nth-child(2).active{background:#ffc078;border-color:#f76707}.login-grades button:nth-child(3).active{background:#74c0fc;border-color:#1c7ed6}.login-grades button:nth-child(4).active{background:#8ce99a;border-color:#2f9e44}.login-grades button.active{color:#fff;transform:translateY(-3px)scale(1.04)}.login-grades button.active small{color:#fff}.login-avatars{justify-content:center}.login-go{width:100%;margin-top:16px}.login-players{border-top:2px dashed var(--line);margin-top:22px;padding-top:16px}.login-player-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.login-player-list button{cursor:pointer;text-align:left;background:#f3f0ff;border:0;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;display:flex}.login-player-list button:hover{background:#e5dbff}.login-player-list span:last-child{flex-direction:column;line-height:1.1;display:flex}.login-player-list small,.player-name small,.menu-me small{color:var(--muted);font-size:.72rem;font-weight:700}.player-name{text-align:left;flex-direction:column;line-height:1.1;display:flex}.hero-class{background:#ffffff40;border-radius:999px;margin:-4px 0 10px;padding:4px 12px;font-weight:800;display:inline-block}.menu-me{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:6px;padding:6px 8px 10px;display:flex}.menu-me span:last-child{flex-direction:column;display:flex}.menu-grades{gap:6px;padding:0 8px 8px;display:flex}.player-menu .menu-grades button{font-family:var(--font-fun);background:#f8f9fa;flex:1;justify-content:center;padding:6px 0;font-size:1.1rem}.player-menu .menu-grades button.active{background:var(--primary);color:#fff}.player-menu .menu-logout{border-top:1px solid var(--line);color:var(--bad);border-radius:0 0 10px 10px;margin-top:2px}.player-class{width:auto!important;padding:6px 10px!important}@media (width<=720px){.login{padding-top:0}.login-card{padding:22px 18px}.login-card h1{font-size:1.45rem}}.show-more{flex-direction:column;align-items:center;gap:8px;margin:20px 0 8px;display:flex}.small-loading{padding:30px 0}.question{white-space:pre-wrap}.pw-wrap{display:block;position:relative}.pw-wrap input{padding-right:52px!important}.pw-eye{cursor:pointer;background:0 0;border:0;padding:6px;font-size:1.3rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-match.new{color:var(--primary-2);background:#f3f0ff}.pw-tip{margin:-4px 0 10px}.profile-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.profile-head b{font-size:1.2rem}.sub-title{margin-top:20px;font-size:1.1rem}.pw-form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.confirm-input{width:160px!important;padding:6px 10px!important}.del-err{color:var(--bad);width:100%}.teacher-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}