:root{--bg:#fffaf0;--paper:#ffffff;--ink:#33285c;--ink2:#6a5f92;--ink3:#9a90b8;--indigo:#1d8fd8;--indigo-soft:#e2f5ff;--coral:#ff7a3d;--coral-soft:#ffeedd;--mint:#1aa552;--mint-soft:#e2fbea;--sun:#f0a800;--sun-soft:#fff3cd;--line:#ffe6bd;--line2:#fff3e0;--r:18px;--r-sm:12px;--shadow:0 1px 2px rgba(27,34,51,.05),0 8px 24px -12px rgba(27,34,51,.18);--shadow-lg:0 24px 60px -24px rgba(27,34,51,.35);--sans:"Segoe UI","Noto Naskh Arabic","Noto Sans Arabic",Tahoma,"Geeza Pro",Arial,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;--mono:ui-monospace,"SF Mono",Consolas,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.85;-webkit-text-size-adjust:100%;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.35;letter-spacing:-.2px}p{margin:0 0 14px}a{color:var(--indigo);text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.topbar{position:sticky;top:0;z-index:50;background:rgba(253,248,242,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar .wrap{display:flex;align-items:center;gap:18px;height:68px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;white-space:nowrap}.brand .logo{width:38px;height:38px;flex:0 0 auto}.nav{display:flex;gap:4px;margin-inline-start:auto;align-items:center}.nav a{font-size:14.5px;color:var(--ink2);padding:8px 11px;border-radius:10px;font-weight:600}.nav a:hover{background:var(--line2);color:var(--ink)}.hud{display:flex;align-items:center;gap:10px;padding-inline-start:14px;border-inline-start:1px solid var(--line);margin-inline-start:4px}.xp-mini{min-width:132px}.xp-mini .lvl{font-size:11.5px;font-weight:800;color:var(--indigo);letter-spacing:.02em}.xp-mini .track{height:7px;border-radius:99px;background:#ffe9c4;overflow:hidden;margin-top:4px}.xp-mini .track i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--indigo),#63c8ff);transition:width .45s cubic-bezier(.4,0,.2,1)}.badge-count{font-size:13px;font-weight:800;color:var(--sun);white-space:nowrap}@media(max-width:900px){.nav{display:none}.xp-mini{min-width:96px}.brand{font-size:16px}}.hero{padding:56px 0 30px;position:relative;overflow:hidden}.hero .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0}.hero .b1{width:320px;height:320px;background:#ffe0d3;top:-90px;inset-inline-start:-80px}.hero .b2{width:280px;height:280px;background:#ded9ff;top:40px;inset-inline-end:-70px}.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.06em;background:var(--mint-soft);color:var(--mint);padding:6px 12px;border-radius:99px}h1{font-size:clamp(27px,3.6vw,42px);margin:16px 0 14px;line-height:1.32}h1 em{font-style:normal;position:relative;white-space:nowrap;color:var(--indigo)}h1 em::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:11px;background:var(--sun-soft);z-index:-1;border-radius:4px}.lede{font-size:18px;color:var(--ink2);max-width:56ch}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:13px;font-weight:800;font-size:15.5px;transition:transform .12s,filter .15s}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:var(--indigo);color:#fff;box-shadow:0 10px 22px -12px rgba(75,63,158,.9)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:#fff;color:var(--indigo);border:1.5px solid #bde7ff}.btn.ghost:hover{background:var(--indigo-soft)}.hero-stats{display:flex;gap:24px;margin-top:32px;flex-wrap:wrap}.hero-stats div{font-size:13.5px;color:var(--ink2)}.hero-stats b{display:block;font-size:24px;color:var(--ink);line-height:1.2}.hero-art{position:relative}.hero-art .board{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:22px}.hero-art{order:-1;max-width:280px}.hero{padding-top:20px}.lede{max-width:38ch;font-size:16px}.hero-stats{gap:18px;margin-top:24px}}section{padding:52px 0}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}.sec-head h2{font-size:clamp(24px,3vw,32px)}.sec-head p{margin:6px 0 0;color:var(--ink2);max-width:62ch;font-size:15.5px}.sec-num{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--coral);text-transform:uppercase}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1000px){.cats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cats{grid-template-columns:1fr}}.cat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.cat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cat .icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:12px}.cat h3{font-size:17.5px;margin-bottom:2px}.cat .en{font-size:11.5px;color:var(--ink3);letter-spacing:.04em;font-weight:700;text-transform:uppercase}.cat p{font-size:14px;color:var(--ink2);margin:10px 0 12px}.cat .eni{direction:ltr;unicode-bidi:isolate;display:inline-block;font-size:12.5px;color:var(--ink3);font-weight:600;letter-spacing:.01em}.cat ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.cat li{font-size:13.5px;color:var(--ink2);position:relative;padding-inline-start:15px;line-height:1.7}.cat li::before{content:"";position:absolute;inset-inline-start:3px;top:10px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--ink2)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:1000px){.games{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.games{grid-template-columns:1fr}}.game{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.game:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.game .top{padding:16px 18px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.game .thumb{height:104px;margin:0 18px;border-radius:14px;display:grid;place-items:center;position:relative;overflow:hidden}.game .body{padding:14px 18px 18px;display:flex;flex-direction:column;flex:1}.game h3{font-size:17px;margin-bottom:2px}.game .tagline{font-size:11.5px;color:var(--ink3);font-weight:700;letter-spacing:.03em}.game .desc{font-size:14px;color:var(--ink2);margin:9px 0 12px;flex:1}.game .meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.pill{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--line2);color:var(--ink2)}.pill.play{background:var(--mint-soft);color:var(--mint)}.pill.soon{background:var(--sun-soft);color:#8a5a00}.game .foot{display:flex;align-items:center;gap:10px;justify-content:space-between}.game .best{font-size:12px;color:var(--ink3)}.btn.sm{padding:8px 16px;font-size:14px;border-radius:11px}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.rewards{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}@media(max-width:900px){.rewards{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}.levelbar{height:14px;border-radius:99px;background:#ffe9c4;overflow:hidden;margin:14px 0 8px}.levelbar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--indigo),#3fb6f5);transition:width .5s cubic-bezier(.4,0,.2,1)}.lvlrow{display:flex;justify-content:space-between;font-size:13px;color:var(--ink2);font-weight:700}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}@media(max-width:560px){.badges{grid-template-columns:repeat(3,1fr)}}.badge{background:#fff8ec;border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center;filter:grayscale(1);opacity:.55;transition:.25s}.badge.on{filter:none;opacity:1;background:#fff;border-color:#cdeeff;box-shadow:0 6px 18px -12px rgba(75,63,158,.6)}.badge .b-ic{font-size:22px;line-height:1.2}.badge .b-nm{font-size:11px;font-weight:800;color:var(--ink2);margin-top:4px;line-height:1.35}.lb{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}.lb li{display:flex;align-items:center;gap:10px;background:#fff8ec;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:14px}.lb .rank{width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:11.5px;font-weight:800;color:var(--ink2);flex:0 0 auto}.lb li:nth-child(1) .rank{background:var(--sun);color:#fff;border-color:var(--sun)}.lb .nm{flex:1;font-weight:700}.lb .sc{font-weight:800;color:var(--indigo);font-variant-numeric:tabular-nums}.lb .gm{font-size:11.5px;color:var(--ink3)}.empty{font-size:13.5px;color:var(--ink3);text-align:center;padding:18px 8px;border:1.5px dashed var(--line);border-radius:12px;margin-top:12px}.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:720px){.tips{grid-template-columns:1fr}}.tip{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}.tip .tnum{width:30px;height:30px;border-radius:9px;background:var(--coral-soft);color:var(--coral);display:grid;place-items:center;font-weight:800;font-size:14px;margin-bottom:10px}.tip h3{font-size:16.5px;margin-bottom:6px}.tip p{font-size:14px;color:var(--ink2);margin:0}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal .backdrop{position:absolute;inset:0;background:rgba(20,24,38,.55);backdrop-filter:blur(3px)}.sheet{position:relative;background:#fff;border-radius:22px;width:min(860px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 40px 100px -30px rgba(0,0,0,.5)}.sheet-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2;border-radius:22px 22px 0 0}.sheet-head h3{font-size:18px;flex:1}.sheet-head .sub{font-size:12px;color:var(--ink3);font-weight:700}.xbtn{width:36px;height:36px;border-radius:10px;background:var(--line2);display:grid;place-items:center;font-size:18px;color:var(--ink2);flex:0 0 auto}.xbtn:hover{background:#f6e6c8}.sheet-body{padding:20px}.hintbox{font-size:13.5px;background:var(--indigo-soft);color:#0d5b80;border-radius:12px;padding:10px 14px;margin-bottom:16px;line-height:1.7}.hintbox b{font-weight:800}.gamehud{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.stat{background:#fff8ec;border:1px solid var(--line);border-radius:11px;padding:6px 12px;font-size:13.5px;font-weight:700;color:var(--ink2)}.stat b{color:var(--ink);font-variant-numeric:tabular-nums}.stat.warn{background:var(--coral-soft);border-color:#ffcfb4;color:#a63c09}.stat.good{background:var(--mint-soft);border-color:#b6f0c6;color:var(--mint)}.center{text-align:center}.big{font-size:clamp(26px,5vw,40px);font-weight:800;letter-spacing:-.5px}.track{position:relative;height:120px;border-radius:16px;overflow:hidden;direction:ltr;background:linear-gradient(180deg,#2b2f45,#22263a);margin-bottom:16px;border:1px solid #191c2b}.track .lane{position:absolute;inset-inline:0;bottom:34px;height:5px;background:#3b4160}.track .dash{position:absolute;inset-inline:0;bottom:44px;height:3px;background:repeating-linear-gradient(90deg,#4a5070 0 22px,transparent 22px 44px)}.track .fin{position:absolute;bottom:28px;right:10px;left:auto;width:12px;height:64px;background:repeating-linear-gradient(0deg,#fff 0 8px,#2b2f45 8px 16px)}.car{position:absolute;bottom:26px;left:6%;width:62px;height:34px;transition:left .4s cubic-bezier(.3,.7,.3,1)}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ans{background:#fff8ec;border:1.5px solid var(--line);border-radius:14px;padding:14px;font-size:20px;font-weight:800;color:var(--ink);transition:.15s;font-variant-numeric:tabular-nums}.ans:hover{background:#fff;border-color:#a9dcff}.ans.ok{background:var(--mint-soft);border-color:#7fdca0;color:#0b6b3a}.ans.no{background:var(--coral-soft);border-color:#ffb493;color:#a63c09}.catch-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid #e6dfd3;background:#fffdf9}canvas#catchCv{display:block;width:100%;height:auto;touch-action:none}.balance-svg{width:100%;max-width:520px;margin:0 auto;display:block}#bBeam{transform-box:view-box;transform-origin:260px 54px;transition:transform .45s cubic-bezier(.34,1.3,.64,1)}.ops{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}@media(max-width:520px){.ops{grid-template-columns:1fr}}.op{background:#fff;border:1.5px solid var(--line);border-radius:13px;padding:12px 14px;font-weight:800;font-size:15px;color:var(--ink);text-align:center;transition:.15s}.op:hover{border-color:#a9dcff;background:var(--indigo-soft)}.op.no{animation:shake .35s;border-color:#ffb493;background:var(--coral-soft)}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.steps{font-family:var(--mono);font-size:14px;background:#fff8ec;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:14px;direction:ltr;text-align:left;line-height:1.9;color:#2b3448}.steps .done{color:var(--mint)}.steps .cur{font-weight:800}.gridhunt{display:grid;grid-template-columns:1fr;gap:12px}svg#huntSv{width:100%;max-width:520px;margin:0 auto;display:block;border-radius:16px;background:#fbf8f2;border:1px solid var(--line);cursor:crosshair;touch-action:manipulation}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:560px){.tiles{grid-template-columns:repeat(3,1fr)}}.tile{aspect-ratio:1.15/1;border-radius:14px;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:17px;color:var(--ink);box-shadow:0 2px 6px -4px rgba(0,0,0,.25);transition:.18s;position:relative;user-select:none}.tile:hover{border-color:#a9dcff;transform:translateY(-2px)}.tile.sel{border-color:var(--indigo);background:var(--indigo-soft);transform:translateY(-2px)}.tile.ok{background:var(--mint-soft);border-color:#7fdca0;color:#0b6b3a}.tile.gone{opacity:0;transform:scale(.85);pointer-events:none}.tile.no{animation:shake .35s;border-color:#ffb493;background:var(--coral-soft)}.tile .det{position:absolute;bottom:5px;font-size:10.5px;font-weight:700;color:var(--ink3);opacity:.85}.frac{display:inline-flex;flex-direction:column;align-items:center;font-size:16px;line-height:1.15}.frac span:first-child{border-bottom:2px solid currentColor;padding:0 4px}.result{text-align:center;padding:26px 20px}.result .ico{font-size:46px;line-height:1}.result h4{font-size:24px;margin:8px 0 6px}.result p{color:var(--ink2);margin:0 auto 18px;max-width:44ch}.result .xp{display:inline-flex;align-items:center;gap:8px;background:var(--sun-soft);color:#8a6400;font-weight:800;padding:7px 16px;border-radius:99px;margin-bottom:18px}.toasts{position:fixed;inset-inline-start:50%;transform:translateX(50%);bottom:22px;z-index:300;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#33285c;color:#fff;font-size:14px;font-weight:700;padding:11px 18px;border-radius:12px;box-shadow:var(--shadow-lg);animation:up .3s ease;display:flex;gap:8px;align-items:center}.toast.b{background:linear-gradient(135deg,#1d8fd8,#63c8ff)}@keyframes up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}footer{border-top:1px solid var(--line);padding:30px 0 44px;color:var(--ink3);font-size:13.5px}footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:root{--bg:#fff8ec;--paper:#ffffff;--ink:#33285c;--ink2:#6a5f92;--ink3:#9a90b8;--sky:#3fb6f5;--sky-d:#1d8fd8;--sky-l:#e2f5ff;--sun:#ffca28;--sun-d:#f0a800;--sun-l:#fff3cd;--grass:#3ecf6b;--grass-d:#1aa552;--grass-l:#e2fbea;--orange:#ff7a3d;--orange-d:#e2561b;--orange-l:#ffeedd;--pink:#ff6fae;--pink-l:#ffe6f1;--berry:#a855f7;--berry-d:#7e2ddc;--berry-l:#f1e6ff;--indigo:#3fb6f5;--indigo-soft:#e2f5ff;--mint:#3ecf6b;--mint-soft:#e2fbea;--coral:#ff7a3d;--coral-soft:#ffeedd;--sun-soft:#fff3cd;--amber:#f0a800;--line:#ffe6bd;--line2:#fff3e0;--r:28px;--r-sm:20px;--shadow:0 6px 0 rgba(51,40,92,.10),0 14px 30px -16px rgba(51,40,92,.35);--shadow-lg:0 10px 0 rgba(51,40,92,.10),0 26px 44px -22px rgba(51,40,92,.45);--sans:"Segoe UI","Noto Naskh Arabic","Noto Sans Arabic",Tahoma,"Geeza Pro",Arial,sans-serif;--mono:ui-monospace,Consolas,monospace}body{background:radial-gradient(circle at 8% 4%,#fff0c9 0 18%,transparent 18.5%),radial-gradient(circle at 92% 2%,#dff5ff 0 16%,transparent 16.5%),radial-gradient(circle at 50% 100%,#e9ffe9 0 22%,transparent 22.5%),#fff8ec;font-size:18px;line-height:1.8;color:var(--ink)}.wrap{max-width:1200px}.topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border-bottom:4px solid var(--line)}.topbar .wrap{height:82px;gap:14px}.brand{font-size:22px;gap:12px;font-weight:800;letter-spacing:-.2px}.brand .logo{width:52px;height:52px;filter:drop-shadow(0 4px 0 rgba(51,40,92,.12))}.brand b{background:linear-gradient(90deg,var(--sky-d),var(--berry));-webkit-background-clip:text;background-clip:text;color:transparent}.nav a{font-size:16px;font-weight:800;padding:9px 16px;border-radius:99px;background:var(--line2);color:var(--ink2)}.nav a:hover{background:var(--sun-l);color:var(--ink);transform:translateY(-2px)}.hud{gap:12px;border-inline-start:3px dashed var(--line)}.xp-mini{min-width:150px}.xp-mini .lvl{font-size:13px;color:var(--ink2);font-weight:800}.xp-mini .track{height:14px;border-radius:99px;border:0;background:#ffe9c4;box-shadow:inset 0 2px 4px rgba(51,40,92,.12);margin-top:5px;overflow:hidden}.xp-mini .track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--grass),#8fe06b);box-shadow:0 0 12px rgba(62,207,107,.55);transition:width .45s cubic-bezier(.4,0,.2,1)}.badge-count{font-size:15px;font-weight:800;color:#8a5a00;background:var(--sun-l);border:3px solid var(--sun);border-radius:99px;padding:5px 12px}.soundbtn{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:var(--sky-l);border:3px solid #bde7ff;color:var(--sky-d);transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .2s}.soundbtn:hover{transform:translateY(-3px) rotate(-4deg);background:#cdefff}.soundbtn.off{background:#f1eef7;border-color:#e3ddf0;color:#9a90b8}@media(max-width:820px){.topbar .wrap{height:auto;flex-wrap:wrap;padding:10px 18px;gap:10px}.nav{order:3;width:100%;overflow:auto}.xp-mini{min-width:110px}.brand{font-size:19px}.brand .logo{width:44px;height:44px}}.hero2{position:relative;overflow:hidden;padding:34px 0 18px}.hero2 .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.hero2 h1{font-size:clamp(38px,6.4vw,68px);line-height:1.12;margin:0 0 10px;font-weight:800;letter-spacing:-1px;color:var(--ink)}.hero2 h1 .c1{color:var(--sky-d)}.hero2 h1 .c2{color:var(--grass-d)}.hero2 h1 .c3{color:var(--orange)}.hero2 .sub{font-size:19px;color:var(--ink2);font-weight:700;margin:0 0 20px}.bigbtns{display:flex;gap:14px;flex-wrap:wrap}.bigbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:21px;font-weight:800;padding:18px 34px;border-radius:26px;color:#fff;box-shadow:0 8px 0 rgba(0,0,0,.16),0 18px 26px -18px rgba(0,0,0,.5);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;border:3px solid rgba(255,255,255,.55)}.bigbtn:hover{transform:translateY(-5px) scale(1.03)}.bigbtn:active{transform:translateY(3px) scale(.98);box-shadow:0 3px 0 rgba(0,0,0,.18)}.bigbtn.green{background:linear-gradient(180deg,#4ede7b,var(--grass-d))}.bigbtn.yellow{background:linear-gradient(180deg,#ffd75e,var(--sun-d));color:#6b4700}.bigbtn.blue{background:linear-gradient(180deg,#63c8ff,var(--sky-d))}.heroArt{position:relative;display:grid;place-items:center}.heroArt .bubble{position:absolute;top:-6px;inset-inline-end:0;background:#fff;border:4px solid var(--line);border-radius:22px 22px 22px 6px;padding:10px 16px;font-weight:800;font-size:15px;color:var(--ink2);box-shadow:var(--shadow);animation:float 4.5s ease-in-out infinite}.heroArt svg.mascot{width:min(320px,80%);height:auto;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 16px 22px rgba(51,40,92,.18))}.floaty{position:absolute;border-radius:50%;opacity:.85;animation:float 6s ease-in-out infinite}.f1{width:54px;height:54px;background:var(--sun);top:8%;inset-inline-start:4%}.f2{width:36px;height:36px;background:var(--pink);top:64%;inset-inline-start:12%;animation-delay:-2s}.f3{width:28px;height:28px;background:var(--sky);top:22%;inset-inline-end:8%;animation-delay:-1s}.f4{width:44px;height:44px;background:var(--grass);bottom:8%;inset-inline-end:4%;animation-delay:-3s}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}@media(max-width:880px){.hero2 .wrap{grid-template-columns:1fr;text-align:center;gap:8px}.heroArt{order:-1}.heroArt svg.mascot{width:190px}.bigbtns{justify-content:center}.heroArt .bubble{font-size:13.5px;padding:8px 12px;top:-2px;inset-inline-end:-4px}}section{padding:44px 0}.sec-head{margin-bottom:22px}.sec-head h2{font-size:clamp(26px,3.6vw,40px);letter-spacing:-.6px}.sec-num{display:none}.sec-head p{font-size:16px;color:var(--ink2);font-weight:700;max-width:52ch}.cats2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:960px){.cats2{grid-template-columns:repeat(2,1fr)}}.cattile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 14px 20px;border-radius:30px;text-decoration:none;color:#fff;box-shadow:0 9px 0 rgba(0,0,0,.14),var(--shadow);transition:transform .2s cubic-bezier(.34,1.56,.64,1);border:4px solid rgba(255,255,255,.5);overflow:hidden}.cattile::after{content:"";position:absolute;inset-inline-start:-30%;top:-60%;width:80%;height:180%;background:rgba(255,255,255,.18);transform:rotate(18deg)}.cattile:hover{transform:translateY(-8px) scale(1.03) rotate(-1deg)}.cattile:active{transform:translateY(2px) scale(.98)}.cattile svg{width:64px;height:64px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.15))}.cattile b{font-size:22px;font-weight:800;letter-spacing:-.3px}.cattile small{font-size:14px;font-weight:800;opacity:.9}.cattile.c-action{background:linear-gradient(170deg,#ffd75e,#ff8a3d)}.cattile.c-rpg{background:linear-gradient(170deg,#7dd3fc,#1d8fd8)}.cattile.c-puzzle{background:linear-gradient(170deg,#8ff0b0,#1aa552)}.cattile.c-cards{background:linear-gradient(170deg,#cbb3ff,#7e2ddc)}.filters{gap:10px;margin-bottom:22px}.chip{font-size:16px;font-weight:800;padding:11px 20px;border-radius:99px;background:#fff;border:3px solid var(--line);color:var(--ink2);box-shadow:0 4px 0 rgba(51,40,92,.07);transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.chip:hover{transform:translateY(-3px);border-color:var(--sun)}.chip.on{background:linear-gradient(180deg,#63c8ff,var(--sky-d));color:#fff;border-color:#8ad8ff;box-shadow:0 5px 0 var(--sky-d)}.games{grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:1040px){.games{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.games{grid-template-columns:1fr}}.game{border:4px solid #fff;border-radius:30px;box-shadow:0 8px 0 rgba(51,40,92,.10),var(--shadow);background:#fff;position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s}.game::before{content:"";position:absolute;inset-inline:0;top:0;height:150px;background:var(--g-bg,linear-gradient(160deg,#fff0c9,#ffe0d3))}.game:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 14px 0 rgba(51,40,92,.10),var(--shadow-lg)}.game:active{transform:translateY(2px) scale(.985)}.game .top{display:none}.game .thumb{position:relative;height:150px;margin:0;border-radius:0;background:transparent;display:grid;place-items:center}.game .thumb svg{width:86%;max-height:132px;filter:drop-shadow(0 6px 0 rgba(51,40,92,.10));animation:float 6s ease-in-out infinite}.game:nth-child(2n) .thumb svg{animation-delay:-2s}.game .body{padding:16px 18px 18px;position:relative}.game h3{font-size:21px;letter-spacing:-.4px;margin-bottom:2px;color:var(--ink)}.game .tagline{display:none}.game .desc{font-size:15px;color:var(--ink2);font-weight:700;margin:4px 0 12px;line-height:1.6}.game .meta{display:none}.game .foot{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.game .best{font-size:12.5px;font-weight:800;color:var(--ink3)}.game .btn.sm{font-size:17px;font-weight:800;padding:12px 22px;border-radius:20px;box-shadow:0 5px 0 rgba(0,0,0,.18);border:3px solid rgba(255,255,255,.55);color:#fff;background:linear-gradient(180deg,#4ede7b,var(--grass-d));transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.game .btn.sm:hover{transform:translateY(-3px) scale(1.04)}.game .btn.sm:active{transform:translateY(2px)}.game .btn.ghost[disabled],.game .btn.sm[disabled]{background:#f2eefb;color:#a9a0c4;box-shadow:0 4px 0 #e6e0f3;border-color:#fff;font-size:15px;padding:10px 18px}.game[data-cat="action"]{--g-bg:linear-gradient(160deg,#ffe9a8,#ffc9a3)}.game[data-cat="rpg"]{--g-bg:linear-gradient(160deg,#cdeeff,#a9dcff)}.game[data-cat="puzzle"]{--g-bg:linear-gradient(160deg,#d3fbd9,#b3f2c6)}.game[data-cat="cards"]{--g-bg:linear-gradient(160deg,#ece0ff,#d9c4ff)}.playpill{font-size:13px;font-weight:800;color:#0b6b3a;background:var(--grass-l);border:3px solid #b6f0c6;border-radius:99px;padding:4px 12px;display:inline-block;margin-top:8px}.rewards{gap:22px}.panel{border-radius:30px;border:4px solid #fff;box-shadow:0 8px 0 rgba(51,40,92,.08),var(--shadow);padding:24px}.levelbar{height:26px;border-radius:99px;background:#ffe9c4;box-shadow:inset 0 3px 6px rgba(51,40,92,.12)}.levelbar i{background:linear-gradient(90deg,var(--grass),#8fe06b);box-shadow:0 0 16px rgba(62,207,107,.5)}#lvlTitle{font-size:clamp(22px,3vw,32px)!important;letter-spacing:-.6px}#xpTotal{font-size:34px!important}.badges{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}@media(max-width:760px){.badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}@media(max-width:430px){.badges{grid-template-columns:repeat(2,minmax(0,1fr))}}.badge{background:#faf6ff;border:4px solid #efe8fb;border-radius:26px;padding:16px 8px;min-width:0;overflow:hidden;filter:none;opacity:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.badge .b-ic{font-size:30px;filter:grayscale(1) opacity(.45)}.badge .b-nm{font-size:12.5px;font-weight:800;color:var(--ink3);margin-top:6px;word-break:break-word;line-height:1.35}.badge.on{background:linear-gradient(170deg,#fff7d6,#ffe9a8);border-color:var(--sun);box-shadow:0 6px 0 #f2c94c,var(--shadow);transform:translateY(-3px)}.badge.on .b-ic{filter:none}.badge.on .b-nm{color:#7a5200}.lb li{background:#faf6ff;border:3px solid #f0eafb;border-radius:20px;padding:12px 14px;font-size:16px}.lb .rank{width:32px;height:32px;font-size:15px;background:#fff;border:3px solid #efe8fb}.lb li:nth-child(1) .rank{background:var(--sun);border-color:var(--sun);color:#6b4700}.lb .sc{font-size:18px;color:var(--grass-d)}.empty{border:4px dashed #efe8fb;border-radius:22px;font-size:15px;font-weight:700;padding:26px 12px}#playerName{font-size:16px;padding:13px 16px;border:3px solid var(--line);border-radius:20px;background:#fffaf0;font-weight:700}#saveName,#resetAll{font-size:16px;font-weight:800;border-radius:20px;padding:12px 20px}#saveName{background:var(--sky-l);color:var(--sky-d);border:3px solid #bde7ff}#resetAll{background:#fff;border:3px solid var(--line);color:var(--ink2)}.parents{background:#fff;border:4px solid var(--line);border-radius:28px;padding:6px 22px;box-shadow:0 8px 0 rgba(51,40,92,.08),var(--shadow);margin-top:8px}.parents summary{cursor:pointer;font-size:19px;font-weight:800;color:var(--ink2);padding:16px 0;list-style:none;display:flex;align-items:center;gap:10px}.parents summary::-webkit-details-marker{display:none}.parents summary::after{content:"+";margin-inline-start:auto;font-size:26px;color:var(--sky-d)}.parents[open] summary::after{content:"−"}.parents .ptips{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:4px 0 18px}@media(max-width:760px){.parents .ptips{grid-template-columns:1fr}}.parents .ptip{background:#fbf7ff;border:3px solid #f1eafc;border-radius:20px;padding:14px 16px}.parents .ptip b{display:block;font-size:15.5px;margin-bottom:2px}.parents .ptip p{font-size:14px;color:var(--ink2);margin:0;font-weight:600;line-height:1.7}.privacy{border-radius:20px;background:var(--sky-l);border:3px solid #bde7ff;padding:14px 16px;font-size:14px;color:#0d5b80;font-weight:700;margin:0 0 16px}footer{border-top:4px solid var(--line);padding:26px 0 40px;font-size:14px;font-weight:700;color:var(--ink3)}footer a{font-weight:800}.modal .backdrop{background:rgba(40,26,70,.55);backdrop-filter:blur(4px)}.sheet{border-radius:34px;border:5px solid #fff;box-shadow:0 30px 80px -28px rgba(40,26,70,.6)}.sheet-head{padding:18px 22px;border-bottom:4px dashed var(--line2);border-radius:34px 34px 0 0}.sheet-head h3{font-size:22px;letter-spacing:-.4px}.sheet-head .sub{font-size:13px;font-weight:800;color:var(--ink3)}.xbtn{width:48px;height:48px;border-radius:18px;background:var(--line2);font-size:22px;color:var(--ink2);border:3px solid var(--line);transition:transform .16s}.xbtn:hover{transform:rotate(90deg) scale(1.05);background:var(--coral-soft)}.sheet-body{padding:22px}.hintbox{font-size:16px;font-weight:700;background:var(--sky-l);color:#0d5b80;border:4px solid #bde7ff;border-radius:22px;position:relative;line-height:1.75;padding-block:14px;padding-inline-start:62px;padding-inline-end:18px}.hintbox::before{content:"";position:absolute;inset-inline-start:12px;top:14px;width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='21' r='15' fill='%233fb6f5'/%3E%3Ccircle cx='14.5' cy='18' r='4' fill='%23fff'/%3E%3Ccircle cx='25.5' cy='18' r='4' fill='%23fff'/%3E%3Ccircle cx='14.5' cy='19' r='2' fill='%2333285c'/%3E%3Ccircle cx='25.5' cy='19' r='2' fill='%2333285c'/%3E%3Cpath d='M14 27 q6 5 12 0' stroke='%23fff' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M20 6 v-3' stroke='%2333285c' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='2.5' r='2.6' fill='%23ffca28'/%3E%3C/svg%3E") center/contain no-repeat}.gamehud{gap:10px;margin-bottom:16px}.stat{font-size:15px;font-weight:800;padding:9px 16px;border-radius:99px;background:var(--line2);border:3px solid var(--line);color:var(--ink2)}.stat b{color:var(--ink);font-size:17px}.stat.warn{background:var(--coral-soft);border-color:#ffcfb4;color:#a63c09}.stat.good{background:var(--grass-l);border-color:#b6f0c6;color:#0b6b3a}.btn{font-weight:800;border-radius:20px}.btn.primary{background:linear-gradient(180deg,#4ede7b,var(--grass-d));border:3px solid rgba(255,255,255,.5);box-shadow:0 6px 0 rgba(0,0,0,.16);font-size:18px;padding:14px 26px}.btn.ghost{background:#fff;border:3px solid var(--line);color:var(--ink2);font-size:17px;padding:13px 22px}.ans{border-radius:22px;border:4px solid var(--line);background:#fffdf7;font-size:26px;padding:18px;font-weight:800}.ans:hover{border-color:var(--sky);background:#fff}.ans.ok{background:var(--grass-l);border-color:#7fdca0;color:#0b6b3a}.ans.no{background:var(--coral-soft);border-color:#ffb493;color:#a63c09}.track{border-radius:24px;border:4px solid #1b2140}.op{border-radius:20px;border:4px solid var(--line);font-size:17px;padding:18px 14px;background:#fffdf7}.op:hover{border-color:var(--sky);background:var(--sky-l)}.steps{border-radius:20px;border:4px solid var(--line);background:#fffdf7;font-size:15px}.tile{border-radius:22px;border:4px solid var(--line);font-size:20px;background:#fffdf7}.tile.sel{border-color:var(--sky);background:var(--sky-l);box-shadow:0 0 0 6px rgba(63,182,245,.18)}.tile.ok{background:var(--grass-l);border-color:#7fdca0}.tile.no{background:var(--coral-soft);border-color:#ffb493}.result .ico{font-size:58px}.result h4{font-size:28px;letter-spacing:-.5px}.result .xp{background:var(--sun-l);color:#7a5200;font-size:17px;padding:10px 20px;border:3px solid var(--sun)}.big{font-size:clamp(30px,6vw,48px)}.catch-wrap{border-radius:24px;border:4px solid var(--line);background:#0f1a3d;overflow:hidden}#shCv{display:block;width:100%;height:auto;touch-action:none}svg#huntSv{border-radius:24px;border:4px solid var(--line);background:#fffdf7}.toast{background:#33285c;font-size:16px;padding:14px 22px;border-radius:18px}.toast.b{background:linear-gradient(135deg,#a855f7,#ff6fae)}.mascot-corner{position:fixed;bottom:18px;inset-inline-start:18px;z-index:120;display:flex;align-items:flex-end;gap:10px;max-width:min(92vw,420px)}.mascot-corner svg{width:86px;height:86px;cursor:pointer;flex:0 0 auto;animation:float 4.5s ease-in-out infinite;filter:drop-shadow(0 10px 16px rgba(51,40,92,.22));transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.mascot-corner svg:hover{transform:scale(1.08) rotate(-5deg)}.mascot-bubble{background:#fff;border:4px solid var(--line);border-radius:22px 22px 6px 22px;padding:10px 16px;font-size:15px;font-weight:800;color:var(--ink2);box-shadow:var(--shadow);opacity:0;transform:translateY(8px) scale(.96);transition:opacity .25s,transform .25s;pointer-events:none}.mascot-bubble.show{opacity:1;transform:translateY(0) scale(1)}@media(max-width:820px){.mascot-corner{bottom:12px;inset-inline-start:10px}.mascot-corner svg{width:66px;height:66px}.mascot-bubble{font-size:13.5px;padding:8px 12px}}@media(max-width:520px){.mascot-bubble{display:none}}#confetti{position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:100vw;height:100vh;max-width:100vw;display:block;pointer-events:none;z-index:400}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}@keyframes wiggle{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.playpill{display:none}.game .thumb{overflow:hidden;border-radius:26px 26px 0 0}.game .thumb svg{max-height:126px}.mascot-corner{transition:transform .35s ease,opacity .35s ease}.mascot-corner.mini{transform:translateY(10px) scale(.72);opacity:.6;pointer-events:none}.mascot-corner.mini .mascot-bubble{opacity:0!important}@media(max-width:820px){.mascot-corner.mini{transform:translateY(8px) scale(.7)}}section{scroll-margin-top:96px}html{scroll-padding-top:96px}@media(max-width:820px){section{scroll-margin-top:150px}html{scroll-padding-top:150px}}@media(max-width:430px){.panel{padding:18px}.lb li{font-size:15px}.game .desc{font-size:14.5px}}.rewards>*,.panel,.panel>div{min-width:0}#playerName{min-width:0;width:100%;flex:1 1 auto}#lvlTitle{word-break:break-word}.lb .nm{min-width:0;overflow:hidden;text-overflow:ellipsis}.livebanner{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff;background:linear-gradient(120deg,#7e2ddc,#3fb6f5 55%,#1aa552);border:4px solid rgba(255,255,255,.6);border-radius:28px;padding:18px 22px;margin-bottom:20px;box-shadow:0 9px 0 rgba(51,40,92,.16),var(--shadow);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.livebanner:hover{transform:translateY(-5px) scale(1.01)}.livebanner:active{transform:translateY(2px) scale(.995)}.livebanner .lb-ic{flex:0 0 auto;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.22);display:grid;place-items:center}.livebanner .lb-txt{flex:1;min-width:0;display:flex;flex-direction:column}.livebanner .lb-txt b{font-size:22px;letter-spacing:-.3px}.livebanner .lb-txt small{font-size:14px;font-weight:700;opacity:.92;line-height:1.5}.livebanner .lb-go{flex:0 0 auto;background:#fff;color:#4a1d8f;font-weight:800;font-size:16px;padding:12px 20px;border-radius:18px;box-shadow:0 4px 0 rgba(0,0,0,.14)}@media(max-width:700px){.livebanner{flex-wrap:wrap;gap:12px;padding:16px}.livebanner .lb-txt b{font-size:19px}.livebanner .lb-go{width:100%;text-align:center}}.picker{background:#fff;border:4px solid var(--line);border-radius:28px;padding:16px 18px;margin-bottom:22px;box-shadow:0 6px 0 rgba(51,40,92,.07)}.pick-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0}.pick-label{font-size:14px;font-weight:800;color:var(--ink2);min-width:92px}.grades{display:flex;gap:8px;flex-wrap:wrap}.gchip{font-family:inherit;font-weight:800;font-size:19px;width:52px;height:52px;border-radius:18px;cursor:pointer;background:#fffdf7;border:3px solid var(--line);color:var(--ink2);transition:transform .15s,background .15s}.gchip:hover{transform:translateY(-2px);border-color:var(--sky)}.gchip.active{background:linear-gradient(180deg,#63c8ff,var(--sky-d));color:#fff;border-color:#8ad8ff;box-shadow:0 4px 0 var(--sky-d)}.gchip[data-grade="all"]{width:auto;padding:0 18px;font-size:16px}.skills{display:flex;gap:8px;flex-wrap:wrap}.skill{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-weight:800;font-size:14px;padding:8px 13px;border-radius:99px;cursor:pointer;background:#fffdf7;border:3px solid var(--line);color:var(--ink2)}.skill svg{width:22px;height:22px;border-radius:7px}.skill.active{background:var(--grass-l);border-color:#b6f0c6;color:#0b6b3a}.pick-info{font-size:13.5px;font-weight:800;color:var(--ink3);margin-top:8px}.game{position:relative}.game-link{position:absolute;inset:0;z-index:1;border-radius:30px}.game .body,.game .thumb{position:relative;z-index:2;pointer-events:none}.game .foot .btn{pointer-events:auto}.ghead{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.grade{font-size:12px;font-weight:800;background:var(--sun-l);border:2px solid var(--sun);color:#7a5200;border-radius:99px;padding:2px 10px}.pill.sk{font-size:11.5px;font-weight:800;background:#f4f2ff;border:2px solid #e6e0f7;color:#6a5f92;border-radius:99px;padding:2px 9px;display:inline-block}.game .thumb svg{filter:drop-shadow(0 4px 0 rgba(51,40,92,.07))}.game .best{font-size:12.5px;font-weight:800;color:var(--sun-d)}.game .best.has{color:#8a5a00}body.dark{--bg:#141322;--ink:#f2eefb;--ink2:#c2b9dd;--ink3:#8c83a8;--line:#2c2942;--line2:#211f33;--paper:#1c1a2c;background:radial-gradient(circle at 8% 4%,#241f3a 0 18%,transparent 18.5%),radial-gradient(circle at 92% 2%,#1b2a3d 0 16%,transparent 16.5%),#141322}body.dark .game,body.dark .panel,body.dark .picker,body.dark .parents,body.dark .cattile,body.dark .livebanner,body.dark .sheet,body.dark .stat,body.dark .opt,body.dark .ans,body.dark .tile,body.dark .q,body.dark .bar,body.dark .badge,body.dark .empty,body.dark input,body.dark select,body.dark .steps{background:#1c1a2c;border-color:#2c2942;color:var(--ink)}body.dark .game::before{opacity:.35}body.dark .topbar{background:rgba(20,19,34,.92);border-bottom-color:#2c2942}body.dark .nav a,body.dark .chip{background:#211f33;border-color:#2c2942;color:#c2b9dd}body.dark .gchip{background:#211f33;color:#c2b9dd}body.dark .gchip.active{background:linear-gradient(180deg,#2f7fbf,#1d5f96);color:#fff}body.dark .pill.sk{background:#211f33;border-color:#2c2942;color:#a99fd0}body.dark .badge.on{background:linear-gradient(170deg,#3a3320,#4a3f1e);border-color:var(--sun);color:#fff}body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}.toprow{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;margin-bottom:18px}.daily{flex:1;min-width:260px;display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#fff3cd,#ffe9a8);border:4px solid #fff;border-radius:24px;padding:14px 18px;box-shadow:0 6px 0 rgba(51,40,92,.08),var(--shadow)}.daily.continue{background:linear-gradient(120deg,#e2fbea,#d3f7dd)}.daily-ic svg,.cc-ic svg{width:44px;height:44px;border-radius:14px}.daily-txt{flex:1;min-width:0;display:flex;flex-direction:column}.daily-txt b{font-size:17px}.daily-txt small{font-size:13.5px;font-weight:700;color:#7a5200}.daily.continue .daily-txt b,.continue .cc-txt b{font-size:16px}.cc-txt{flex:1;display:flex;flex-direction:column}.cc-txt small{font-weight:700;color:#0b6b3a;font-size:13px}.daily-streak{display:flex;flex-direction:column;align-items:center;line-height:1.1}.daily-streak svg{width:34px;height:34px}.daily-streak b{font-size:20px}.daily-streak small{font-size:11px;font-weight:800;color:#9a6a00}.prefbar{display:flex;gap:8px;align-items:center}.pbtn{width:54px;height:54px;border-radius:18px;background:#fff;border:3px solid var(--line);cursor:pointer;display:grid;place-items:center;transition:transform .15s}.pbtn svg{width:30px;height:30px;border-radius:9px}.pbtn:hover{transform:translateY(-2px)}.pbtn.on{background:var(--sky-l);border-color:#bde7ff}body.dark .pbtn{background:#1c1a2c;border-color:#2c2942}body.dark .daily{background:linear-gradient(120deg,#3a3320,#2c2a1c);border-color:#2c2942}body.dark .daily.continue{background:linear-gradient(120deg,#1d3a2a,#1a2f24)}body.dark .daily-txt small{color:#d8c393}.codebox{margin-top:18px;background:#fffdf7;border:3px solid var(--line);border-radius:20px;padding:14px}.codehead{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--ink2)}.codehead svg{width:26px;height:26px;border-radius:8px}.codesub{font-size:12.5px;font-weight:700;color:var(--ink3);margin:6px 0 10px}#codeOut{margin-top:10px;width:100%;font-family:monospace;font-size:11.5px;border:3px solid var(--line);border-radius:12px;padding:8px;background:#fff;color:var(--ink);word-break:break-all}.coderow{display:flex;gap:8px;margin-top:10px}.coderow input{flex:1;min-width:0;font-size:13px;padding:10px 12px;border:3px solid var(--line);border-radius:14px;background:#fff}.codemsg{font-size:12.5px;font-weight:800;color:var(--grass-d);margin:8px 0 0}body.dark .codebox,body.dark #codeOut,body.dark .coderow input{background:#211f33;border-color:#2c2942;color:var(--ink)}body.dark .skill{background:#211f33;border-color:#2c2942;color:#c2b9dd}body.dark .skill.active{background:#1d3a2a;border-color:#2f6b4a;color:#a9e8c0}body.dark .pick-info,body.dark .pick-label{color:#8c83a8}body.dark .grade{background:#3a3320;border-color:#6b5a1e;color:#e8cf8a}body.dark .game .desc{color:#c2b9dd}@media(min-width:821px){.mascot-corner{max-width:96px}.mascot-corner svg{width:74px;height:74px}}.daily{position:relative;z-index:3}.toprow{position:relative;z-index:3}.game .ghead .skicon svg{width:22px;height:22px;border-radius:7px;vertical-align:-5px;margin-inline-end:2px}