:root{--ink:#2a221c;--ink-soft:#6b5a4e;--paper:#efeaf6;--paper-2:#e4dcf0;--teal:#3d342e;--teal-bright:#6b5a4e;--lemon:#f5c84c;--coral:#f28ba0;--mint:#9dcea0;--cheese:#f5c84c;--nose:#f28ba0;--fur:#c4b7ae;--fog:#2a221c1a;--radius:18px;--shadow:0 16px 36px #3d342e29;--font-display:"Baloo 2", "Trebuchet MS", sans-serif;--font-body:"Nunito", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--touch:48px;--pad:clamp(.75rem, 2.5vw, 1.25rem);--shell-max:1120px;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100dvh}body{background:radial-gradient(circle at 12% 8%, #f5c84c59, transparent 32%), radial-gradient(circle at 88% 4%, #f28ba047, transparent 30%), radial-gradient(circle at 50% 100%, #c4b7ae59, transparent 40%), linear-gradient(180deg, #f4f0fa 0%, var(--paper) 42%, #e7e0f2 100%);background-attachment:fixed;margin:0;overflow-x:hidden}@media (width<=900px){body{background-attachment:scroll}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;font-size:16px}img,svg{max-width:100%;display:block}.shell{width:min(var(--shell-max), calc(100% - (var(--pad) * 2)));padding-top:max(.35rem, var(--safe-top));padding-bottom:max(1.5rem, var(--safe-bottom));padding-left:max(0px, var(--safe-left));padding-right:max(0px, var(--safe-right));margin-inline:auto}.site-header{z-index:50;margin:0 calc(-1 * max(var(--pad), var(--safe-left))) .35rem calc(-1 * max(var(--pad), var(--safe-right)));padding:.55rem max(var(--pad), var(--safe-left)) .7rem max(var(--pad), var(--safe-right));background:linear-gradient(90deg,#f6edd4 0%,#f4f0fa 42%,#f3e6ee 100%);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.site-header.is-stuck{border-bottom-color:var(--fog)}.brand{align-items:center;gap:.65rem;min-width:0;margin-right:auto;display:inline-flex}.brand-mark{background:var(--teal);border-radius:16px;flex:none;place-items:center;width:48px;height:48px;animation:3.2s ease-in-out infinite bob;display:grid;box-shadow:0 8px 16px #3d342e29}.brand-mouse{width:36px;height:36px}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.55rem,4vw,2rem);font-weight:800;line-height:1}.brand-tag{color:var(--ink-soft);margin-top:.1rem;font-size:.78rem;font-weight:800;display:block}.nav-links{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.35rem;max-width:min(100%,520px);padding:2px 2px 4px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{min-height:var(--touch);color:var(--ink-soft);border-radius:999px;flex:none;align-items:center;padding:.45rem .9rem;font-weight:800;transition:background .2s,color .2s,transform .2s;display:inline-flex}.nav-links a:hover,.nav-links a.active{background:var(--teal);color:#fff;transform:translateY(-1px)}.nav-toggle{width:var(--touch);height:var(--touch);border:0;border:1px solid var(--fog);cursor:pointer;z-index:91;touch-action:manipulation;background:#ffffffb8;border-radius:14px;flex:none;place-items:center;padding:0;display:none}.nav-toggle-bars{align-content:space-between;width:18px;height:12px;display:grid}.nav-toggle-bars span{background:var(--ink);transform-origin:50%;border-radius:99px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-toggle.open .nav-toggle-bars span:first-child{transform:translateY(5px)rotate(45deg)}.nav-toggle.open .nav-toggle-bars span:nth-child(2){opacity:0}.nav-toggle.open .nav-toggle-bars span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.shell.nav-open .site-header{z-index:85}.nav-drawer-head{border-bottom:1px solid var(--fog);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;padding:0 .2rem .65rem;display:none}.nav-drawer-title{font-family:var(--font-display);margin:0;font-size:1.35rem;font-weight:800}.nav-close,.sheet-close{width:var(--touch);height:var(--touch);border:0;border:1px solid var(--fog);cursor:pointer;color:var(--ink);touch-action:manipulation;background:#fffc;border-radius:14px;font-size:1.55rem;line-height:1}.header-tools{flex:none;align-items:center;gap:.25rem;display:flex}.nav-account{min-height:var(--touch);min-width:var(--touch);color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 .7rem;font-weight:800;display:none}.nav-account.active{background:var(--teal);color:#fff;border-color:#0000}.nav-scrim{z-index:70;cursor:pointer;appearance:none;background:#2a221c6b;border:0;margin:0;padding:0;display:block;position:fixed;inset:0}.nav-scrim[hidden]{display:none!important}.hero{align-content:end;gap:.85rem;min-height:min(58vh,480px);padding:clamp(1.1rem,3vw,2rem) 0 1.25rem;display:grid;position:relative;overflow:hidden}.hero-kicker{color:var(--ink-soft);letter-spacing:.02em;margin:0;font-weight:800;animation:.6s both rise}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;max-width:8ch;margin:0;font-size:clamp(2.6rem,11vw,5rem);line-height:.92;animation:.7s 50ms both rise}.hero>p{max-width:36ch;color:var(--ink-soft);margin:0;padding-right:min(28vw,140px);font-size:clamp(1rem,2.8vw,1.15rem);font-weight:700;animation:.7s .1s both rise}.hero-cheese{aspect-ratio:1;background:radial-gradient(circle at 30% 35%, #3d342e 0 8%, transparent 9%), radial-gradient(circle at 62% 58%, #3d342e 0 6%, transparent 7%), radial-gradient(circle at 48% 28%, #3d342e 0 5%, transparent 6%), linear-gradient(145deg, #ffd76a, var(--cheese));width:min(32vw,160px);box-shadow:var(--shadow);opacity:.92;pointer-events:none;border-radius:42% 58% 55% 45%;animation:4s ease-in-out infinite bob;position:absolute;bottom:.8rem;right:-.5rem}.cta-row{z-index:1;flex-wrap:wrap;gap:.65rem;animation:.7s .16s both rise;display:flex;position:relative}.btn{appearance:none;cursor:pointer;min-height:var(--touch);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.75rem 1.15rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--teal);color:#fff;box-shadow:var(--shadow)}.btn-lemon{background:var(--lemon);color:var(--ink)}.btn-ghost{color:var(--ink);border:1px solid var(--fog);background:#ffffff9e}.btn.on,.btn-ghost.on{background:var(--teal);color:#fff;border-color:#0000}.section{padding:1.15rem 0 2rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;margin-bottom:.9rem;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,4vw,2.15rem)}.section-head p{color:var(--ink-soft);margin:.2rem 0 0;font-weight:700}.home-temas{grid-template-columns:repeat(auto-fill,minmax(9.4rem,1fr));gap:.5rem;display:grid}.home-tema{min-height:var(--touch);border:1px solid var(--fog);color:var(--ink);touch-action:manipulation;background:#ffffffb8;border-radius:16px;justify-content:space-between;align-items:center;gap:.45rem;padding:.5rem .8rem;font-weight:800;text-decoration:none;display:flex}.home-tema strong{font-family:var(--font-display);font-size:1.02rem;font-weight:800}.home-tema span{color:var(--ink-soft);font-size:.78rem}.home-tema.tema-lingua{background:#ba7a2a2e}.home-tema.tema-logica{background:#4e6e9129}.home-tema.tema-espacial{background:#7eb8c947}.home-tema.tema-tabuleiro{background:#3d342e1a}.home-tema.tema-math{background:#1a7a8c24}.home-tema.tema-atencao{background:#f28ba02e}.home-tema.tema-geo{background:#9dcea052}.home-tema.tema-arte{background:#b57edc2e}.home-tema.tema-arcade{background:#f28ba038}.home-tema.tema-musica{background:#785ac82e}.home-tema.tema-idade-kids{background:#f5c84c47}.home-tema.tema-idade-teens{background:#7eb8c947}.home-tema.tema-idade-adults{background:#4e6e912e}.home-tema.tema-idade-all{background:#9dcea047}.home-tema.tema-skill-memoria{background:#f28ba033}.home-tema.tema-skill-vocabulario{background:#ba7a2a2e}.home-tema.tema-skill-logica{background:#4e6e9129}.home-tema.tema-skill-calculo{background:#1a7a8c24}.home-tema.tema-skill-atencao{background:#f5c84c47}.home-tema.tema-cog-sustentada{background:#9dcea047}.home-tema.tema-cog-dividida{background:#f28ba033}.home-tema.tema-cog-trabalho{background:#7eb8c947}.home-tema.tema-cog-velocidade{background:#f5c84c4d}.home-cogs .home-tema{align-items:flex-start;min-height:4.6rem;padding-top:.7rem;padding-bottom:.7rem}.home-cogs .home-tema em{color:var(--ink-soft);margin-top:.15rem;font-size:.78rem;font-style:normal;font-weight:700;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hub{position:relative}.hub-head{flex-wrap:wrap;align-items:flex-end;gap:.7rem 1rem;margin-bottom:.75rem;display:flex}.hub-titles{flex:12rem}.hub-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,4vw,2.15rem)}.hub-head p{color:var(--ink-soft);margin:.2rem 0 0;font-weight:700}.hub-head input[type=search]{max-width:28rem;min-height:var(--touch);border:1px solid var(--fog);background:#ffffffd6;border-radius:999px;flex:16rem;min-width:0;padding:.55rem 1rem;font-weight:700}.hub-toolbar{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .75rem;padding:0;display:flex}.hub-filter-block{flex-direction:column;align-items:stretch;gap:.4rem;min-width:0;display:flex}.hub-filter-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.68rem;font-weight:800}.hub-toolbar-inline .chip{background:#fff}.hub-filter-launch{min-height:var(--touch);border:1px solid var(--fog);color:var(--ink);cursor:pointer;touch-action:manipulation;background:#ffffffd6;border-radius:999px;align-items:center;gap:.4rem;padding:0 .9rem;font-weight:800;display:inline-flex}.hub-filter-launch.has-filters{background:var(--teal);color:#fff;border-color:#0000}.hub-filter-badge{background:var(--lemon);min-width:1.25rem;height:1.25rem;color:var(--ink);border-radius:999px;place-items:center;padding:0 .28rem;font-size:.72rem;font-weight:800;display:inline-grid}.hub-filter-tags{flex-wrap:wrap;gap:.35rem;margin:-.25rem 0 .85rem;display:flex}.hub-filter-tag{border:1px solid var(--fog);min-height:36px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#ffffffd6;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem .2rem .75rem;font-size:.86rem;font-weight:800;display:inline-flex}.hub-filter-tag span{color:var(--ink-soft);font-size:1.1rem;line-height:1}.sheet-root{z-index:100;align-items:end;display:grid;position:fixed;inset:0}.sheet-scrim{cursor:pointer;appearance:none;background:#2a221c6b;border:0;margin:0;padding:0;position:absolute;inset:0}.sheet{z-index:1;overscroll-behavior:contain;max-height:min(92dvh,780px);padding:.2rem 1.15rem calc(1.15rem + var(--safe-bottom));background:#f7f3fb;border-radius:22px 22px 0 0;flex-direction:column;gap:.85rem;display:flex;position:relative;overflow:auto;box-shadow:0 -18px 40px #2a221c2e}.sheet-handle{background:#2a221c2e;border-radius:99px;width:40px;height:4px;margin:.55rem auto .15rem}@media (width>=841px){.sheet-root{place-items:center}.sheet{border-radius:22px;width:min(38rem,100% - 2.4rem);max-height:min(86vh,720px);padding-top:.85rem;box-shadow:0 24px 48px #2a221c33}.sheet-handle{display:none}}.sheet-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sheet-head h3{font-family:var(--font-display);margin:0;font-size:1.45rem}.sheet-actions{background:linear-gradient(#0000,#f7f3fb 28%);gap:.5rem;margin-top:.2rem;padding-top:.7rem;display:flex;position:sticky;bottom:0}.sheet-actions .btn{flex:1}.sheet .hub-chips{width:100%}.sheet .hub-filter-block{gap:.4rem}.hub-chips{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.chip{border:1px solid var(--fog);cursor:pointer;min-width:0;min-height:40px;color:var(--ink-soft);touch-action:manipulation;white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-self:center;align-items:center;gap:.35rem;padding:.32rem .85rem;font-weight:800;display:inline-flex}.chip.active{background:var(--teal);color:#fff;border-color:#0000}.chip.active .chip-n{color:#ffffffc7}.chip-n{color:var(--ink-soft);font-size:.75rem;font-weight:800}.hub-jump{flex-wrap:wrap;gap:.4rem;margin:0 0 1.1rem;display:flex}.hub-jump-link{border:1px solid var(--fog);min-height:40px;color:var(--ink);background:#fff;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.88rem;font-weight:800;display:inline-flex}.hub-jump-link span{color:inherit;opacity:.72;font-size:.75rem}.hub-shelf{margin-bottom:1.5rem;scroll-margin-top:5.2rem}.shelf-head{align-items:baseline;gap:.55rem;margin-bottom:.6rem;display:flex}.shelf-head h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.15rem,2.6vw,1.45rem)}.shelf-head p{color:var(--ink-soft);margin:0 auto 0 0;font-weight:800}.game-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:.85rem;display:grid}.game-card{border-radius:var(--radius);border:1px solid var(--fog);background:#fff;flex-direction:column;gap:.55rem;min-height:168px;padding:1rem;transition:box-shadow .2s;display:flex}.game-card:hover,.game-card:focus-visible{box-shadow:var(--shadow)}.game-card .accent{border-radius:999px;width:100%;height:8px}.game-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.28rem}.game-card p{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.92rem;font-weight:700;display:-webkit-box;overflow:hidden}.meta-row{flex-wrap:wrap;gap:.35rem;display:flex}.pill{background:var(--paper-2);color:var(--ink-soft);border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:800}.pill.avancado{color:var(--teal);background:#3d342e1f}.pill.trivial{color:#7a5a00;background:#f5c84c52}.pill.arcade,.pill.tema-arcade,.chip.tema-arcade,.hub-jump-link.tema-arcade{color:#8a3044;background:#f28ba047}.pill.tema-lingua,.chip.tema-lingua,.hub-jump-link.tema-lingua{color:#6d4814;background:#ba7a2a38}.pill.tema-logica,.chip.tema-logica,.hub-jump-link.tema-logica{color:#2c4460;background:#4e6e9138}.pill.tema-espacial,.chip.tema-espacial,.hub-jump-link.tema-espacial{color:#215968;background:#7eb8c959}.pill.tema-tabuleiro,.chip.tema-tabuleiro,.hub-jump-link.tema-tabuleiro{color:var(--teal);background:#3d342e24}.pill.tema-math,.chip.tema-math,.hub-jump-link.tema-math{color:#0b4d58;background:#1a7a8c2e}.pill.tema-atencao,.chip.tema-atencao,.hub-jump-link.tema-atencao{color:#7a3044;background:#f28ba038}.pill.tema-geo,.chip.tema-geo,.hub-jump-link.tema-geo{color:#2b5a32;background:#9dcea061}.pill.tema-arte,.chip.tema-arte,.hub-jump-link.tema-arte{color:#5b2d78;background:#b57edc38}.pill.tema-musica,.chip.tema-musica,.hub-jump-link.tema-musica{color:#3d2a78;background:#785ac838}.chip.active[class*=tema-]{background:var(--teal);color:#fff;border-color:#0000}.pill.tag{background:#ffffffb8}.pill.new{background:var(--lemon);color:var(--ink)}.hub-jump-link:hover{border-color:var(--teal-bright)}.game-card{position:relative}.fav-btn{z-index:3;appearance:none;cursor:pointer;touch-action:manipulation;background:#fffffff0;border:0;border-radius:999px;width:44px;min-width:44px;height:44px;min-height:44px;font-size:1.15rem;line-height:1;position:absolute;top:.55rem;right:.55rem;box-shadow:0 4px 12px #2a221c1f}.profile-grid{gap:1rem;display:grid}.profile-hero{border:1px solid var(--fog);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);background:#ffffffdb;gap:.95rem;padding:1.15rem 1.2rem 1.05rem;display:grid}.profile-hero-main{flex-wrap:wrap;align-items:flex-start;gap:1rem 1.2rem;display:flex}.profile-face{background:var(--paper-2);border:3px solid #fff;border-radius:28px;flex:none;place-items:center;width:88px;height:88px;font-size:3.1rem;line-height:1;display:grid;box-shadow:0 8px 18px #3d342e1f}.profile-id{flex:220px;min-width:0}.profile-name{max-width:16rem;font-family:var(--font-display);min-height:44px;padding:.35rem .7rem;font-size:1.35rem;font-weight:800}.profile-level{color:var(--ink-soft);margin:.35rem 0 .4rem;font-weight:800}.profile-xp{width:min(100%,18rem)}.profile-kpis{flex-wrap:wrap;gap:.45rem .35rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.profile-kpis li{background:var(--paper-2);border-radius:14px;gap:.05rem;min-width:5.4rem;padding:.4rem .7rem;display:grid}.profile-kpis em{font-style:normal;font-family:var(--font-display);font-size:1.35rem;line-height:1}.profile-kpis span{color:var(--ink-soft);font-size:.72rem;font-weight:800}.profile-session{border-top:1px solid var(--fog);color:var(--ink-soft);flex-wrap:wrap;flex:100%;align-items:center;gap:.45rem .7rem;padding-top:.35rem;font-size:.86rem;font-weight:800;display:flex}.profile-session .btn{min-height:40px;padding:.28rem .75rem}.profile-h{font-family:var(--font-display);margin:0 0 .55rem;font-size:1.15rem}.profile-skills{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.55rem;display:grid}.profile-skill{color:inherit;border:1px solid var(--fog);background:#ffffffdb;border-radius:16px;grid-template-columns:1.6rem 1fr;grid-template-areas:"mark name""mark lvl""bar bar";align-items:center;gap:.12rem .5rem;min-height:44px;padding:.7rem .8rem .8rem;text-decoration:none;display:grid}.profile-skill-mark{grid-area:mark;align-self:start;padding-top:.12rem;font-size:1.25rem;line-height:1}.profile-skill strong{font-family:var(--font-display);grid-area:name;font-size:1rem;line-height:1.15}.profile-skill span{color:var(--ink-soft);grid-area:lvl;font-size:.78rem;font-weight:800}.profile-skill .xp-bar{grid-area:bar;width:100%;margin-top:.28rem}.profile-shelf-wrap{gap:1rem;display:grid}.profile-shelf{flex-wrap:wrap;gap:.45rem;display:flex}.profile-play{border:1px solid var(--fog);background:#fff;border-radius:999px;align-items:center;gap:.45rem;max-width:100%;min-height:44px;padding:.28rem .75rem .28rem .45rem;font-weight:800;display:inline-flex}.profile-play i{border-radius:99px;flex:none;width:10px;height:10px}.profile-play strong{font-size:.92rem}.profile-play span{color:var(--ink-soft);font-size:.78rem}.profile-badges{flex-wrap:wrap;gap:.4rem;display:flex}.profile-badge{border:1px solid var(--fog);background:#fff;border-radius:999px;align-items:center;gap:.32rem;min-height:36px;padding:.22rem .7rem;font-size:.82rem;font-weight:800;line-height:1.2;display:inline-flex}.profile-badge.more{background:var(--paper-2);color:var(--ink-soft);border-style:dashed}.profile-rank{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.profile-rank li{border:1px solid var(--fog);background:#fff;border-radius:12px;grid-template-columns:1.8rem 1fr auto;align-items:center;gap:.45rem;min-height:44px;padding:.25rem .55rem;font-weight:800;display:grid}.profile-rank li.on{border-color:var(--lemon);background:#fff8e4}.profile-rank-n{font-family:var(--font-display);color:var(--ink-soft)}.profile-avatar-pick{flex-wrap:wrap;gap:.35rem;display:flex}.profile-avatar-pick button{border:2px solid var(--fog);cursor:pointer;background:#fff;border-radius:12px;width:44px;height:44px;font-size:1.3rem}.profile-avatar-pick button.on{border-color:var(--teal);background:var(--paper-2)}.xp-bar{background:var(--fog);border-radius:999px;width:min(100%,280px);height:10px;overflow:hidden}.xp-bar>i{background:linear-gradient(90deg, var(--lemon), var(--coral));height:100%;display:block}.skill-bars{gap:.55rem;display:grid}.skill-bar{color:inherit;border:1px solid var(--fog);background:#ffffffb8;border-radius:16px;padding:.7rem .85rem;text-decoration:none;display:block}.skill-bar-head{font-family:var(--font-display);justify-content:space-between;gap:.5rem;display:flex}.skill-bar p{color:var(--ink-soft);margin:.2rem 0 .45rem;font-size:.82rem;font-weight:700}.skill-bar .xp-bar{width:100%}.badge-grid{flex-wrap:wrap;gap:.5rem;display:flex}.badge-chip{border:2px solid var(--fog);background:#fff;border-radius:14px;flex:148px;min-width:148px;max-width:240px;padding:.55rem .75rem}.badge-chip.off{opacity:.45}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;display:grid}.stat-box{border:2px solid var(--fog);text-align:center;background:#fff;border-radius:14px;padding:.7rem;font-weight:800}.stat-box em{font-style:normal;font-family:var(--font-display);font-size:1.4rem;display:block}.site-footer{padding:1.5rem 0 max(2rem, calc(1rem + var(--safe-bottom)));color:var(--ink-soft);align-items:flex-start;gap:.5rem;font-size:.92rem;font-weight:700;line-height:1.35;display:flex}.site-footer p{margin:0}.footer-credit{margin-top:.35rem;font-weight:700}.footer-credit a{color:var(--teal);font-weight:800}.footer-mouse{font-size:1.25rem;line-height:1}.footer-links{flex-wrap:wrap;gap:.45rem .9rem;margin-top:.45rem;display:flex}.footer-links a{color:var(--teal);font-weight:800}.sfx-btn{appearance:none;min-height:var(--touch);min-width:var(--touch);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;font-size:1.1rem}.sfx-btn.off{opacity:.45}.notice-bell{flex:none;position:relative}.notice-bell-btn{appearance:none;min-height:var(--touch);min-width:var(--touch);cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:999px;font-size:1.15rem;position:relative}.notice-bell-btn.has-unread{border-color:var(--coral)}.notice-dot{background:var(--coral);color:#fff;border-radius:999px;place-items:center;min-width:1.1rem;height:1.1rem;padding:0 .2rem;font-size:.62rem;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;top:4px;right:4px}.notice-panel{border:2px solid var(--fog);z-index:40;background:#fff;border-radius:16px;width:min(22rem,100vw - 1.4rem);max-height:min(24rem,70vh);padding:.55rem .55rem .7rem;position:absolute;top:calc(100% + .35rem);right:0;overflow:auto;box-shadow:0 12px 32px #2d241c29}.notice-panel-head{font-family:var(--font-display);justify-content:space-between;align-items:center;gap:.5rem;padding:.2rem .35rem .45rem;display:flex}.notice-empty{margin:.4rem .35rem .2rem}.notice-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.notice-list li{border:1px solid var(--fog);background:var(--paper-2);border-radius:12px;padding:.45rem .55rem}.notice-list li.unread{background:#f5c84c38;border-color:#c48c1459}.notice-body{color:inherit;gap:.15rem;font-size:.9rem;font-weight:800;text-decoration:none;display:grid}.notice-body em{color:var(--ink-soft);font-size:.72rem;font-style:normal;font-weight:700}.notice-actions{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.sfx-btn:hover{background:var(--paper-2)}.shell.playing{--shell-max:1320px;min-height:100svh;padding-bottom:max(.45rem, var(--safe-bottom));box-sizing:border-box;flex-direction:column;display:flex;overflow-x:hidden}.shell.playing .site-header{background:0 0;border-bottom:0;flex:none;margin:0;padding:.18rem 0 .04rem;position:relative}.shell.playing>main{flex-direction:column;flex:auto;min-width:0;display:flex}.shell.playing .brand-mark{border-radius:12px;width:38px;height:38px;animation:none}.shell.playing .brand-mouse{width:28px;height:28px}.shell.playing .brand-name{font-size:1.28rem}.shell.playing .brand-tag{display:none}.shell.playing .nav-links a{min-height:40px;padding:.28rem .72rem}.play-layout{flex:auto;grid-template-columns:minmax(0,1fr);align-items:start;gap:.5rem;width:100%;min-width:0;display:grid}@media (width>=1100px){.play-layout{grid-template-columns:minmax(0,1fr) 188px}}.play-main{flex-direction:column;min-width:0;display:flex}.play-main>*{min-width:0}.suggest-rail{display:none}.suggest-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .35rem;font-size:.72rem;font-weight:800;display:none}.suggest-card{border:1px solid var(--fog);background:#ffffffc7;border-radius:14px;flex:none;gap:.15rem;min-width:0;min-height:0;padding:.5rem .6rem .55rem;display:grid}.suggest-card strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:.92rem;line-height:1.15}.suggest-card span{color:var(--ink-soft);font-size:.72rem;font-weight:800}.suggest-accent{border-radius:99px;width:40%;height:4px}@media (width>=1100px){.suggest-rail{align-content:start;align-self:start;gap:.4rem;padding-bottom:0;display:grid;position:sticky;top:.4rem}.suggest-kicker{display:block}}.game-shell{flex-direction:column;width:100%;min-width:0;padding:.04rem 0 0;display:flex}.game-shell-top{flex-wrap:nowrap;flex:none;align-items:center;gap:.22rem .45rem;min-height:40px;margin-bottom:.14rem;display:flex}.game-back{color:var(--ink-soft);white-space:nowrap;flex:none;align-items:center;min-height:44px;font-weight:800;display:inline-flex}.game-shell-top h1{font-family:var(--font-display);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:clamp(1.1rem,3.4vw,1.45rem);line-height:1.1;overflow:hidden}.game-help-btn{appearance:none;border:1px solid var(--fog);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink-soft);cursor:pointer;touch-action:manipulation;background:#ffffffe0;border-radius:999px;flex:none;margin:0;padding:0;font-size:1.05rem;font-weight:800;line-height:1}.game-help-root{z-index:80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.game-help-scrim{cursor:pointer;appearance:none;background:#2a221c6b;border:0;margin:0;padding:0;position:absolute;inset:0}.game-help-dialog{z-index:1;border:1px solid var(--fog);background:#fffaf4;border-radius:18px;width:min(32rem,100%);max-height:min(78dvh,560px);padding:1rem 1.1rem 1.15rem;position:relative;overflow:auto;box-shadow:0 18px 40px #2a221c33}.game-help-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.game-help-head h2{font-family:var(--font-display);margin:0;font-size:1.35rem}.game-help-close{appearance:none;cursor:pointer;width:40px;height:40px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;font-size:1.6rem;line-height:1}.game-help-body{color:var(--ink);gap:.55rem;font-weight:700;display:grid}.game-help-body p,.game-help-body li{margin:0;font-size:.92rem;line-height:1.45}.game-help-body ol,.game-help-body ul{margin:0;padding-left:1.15rem}.game-blurb{flex:100%;margin:0;font-size:.82rem;display:none}.game-panel{border:1px solid var(--fog);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);background:#ffffffdb;flex-direction:column;min-width:0;padding:clamp(.32rem,1.2vw,.65rem);display:flex}.game-stage{flex-direction:column;justify-content:flex-start;width:100%;min-width:0;display:flex}.game-stage>*{min-width:0;max-width:100%}.game-toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:.22rem;margin-bottom:.28rem;display:flex}.game-toolbar .btn,.game-toolbar .stat{min-height:44px;padding:.28rem .62rem;font-size:.84rem}.game-toolbar .g-input,.game-toolbar select{flex:7.5rem;min-width:0;max-width:12rem}.diff-picker{flex-wrap:wrap;align-items:center;gap:.28rem;display:inline-flex}.diff-picker .btn{min-height:44px;padding:.28rem .58rem;font-size:.84rem}.stat{background:var(--paper-2);color:var(--ink-soft);border-radius:999px;align-items:center;min-height:36px;padding:.28rem .58rem;font-size:.8rem;font-weight:800;display:inline-flex}.board-center{place-items:center;gap:.55rem;display:grid}.win-banner{text-align:center;border-radius:var(--radius);font-family:var(--font-display);background:linear-gradient(135deg,#9dcea066,#f5c84c66);padding:.55rem .7rem;font-size:clamp(1rem,3.2vw,1.22rem)}.muted{color:var(--ink-soft);font-weight:700}.g-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.g-input,select.g-input{border:2px solid var(--fog);background:#fff;border-radius:12px;min-width:0;max-width:100%;min-height:44px;padding:.5rem .7rem;font-weight:800}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=641px) and (width<=1024px){.hero{min-height:min(48vh,420px)}.hero-cheese{width:min(26vw,150px)}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-panel{padding:.65rem .8rem}.g-board,.mem-board,.su-board,.cm-board,.cp-board,.t48-board,.si-board{width:min(100%,480px)!important}}@media (width>=900px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=840px){.nav-toggle{display:grid}.brand-tag{display:none}.nav-account{display:inline-flex}.nav-drawer-head{display:flex}.nav-links{width:min(20.5rem,100vw - 3.25rem);max-width:none;padding:calc(var(--safe-top) + .85rem) .9rem calc(var(--safe-bottom) + 1.25rem);overscroll-behavior:contain;z-index:90;pointer-events:none;visibility:hidden;background:#f7f3fb;flex-flow:column;align-items:stretch;gap:.3rem;margin:0;transition:transform .28s cubic-bezier(.32,.72,0,1);position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;transform:translate(-105%);box-shadow:16px 0 40px #2a221c2e}.nav-links.is-open{pointer-events:auto;visibility:visible;transform:none}.nav-links a{width:100%;min-height:var(--touch);border-radius:14px;justify-content:flex-start;padding:.75rem .95rem}.nav-links a:hover,.nav-links a.active{transform:none}.hub-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem .7rem;display:grid}.hub-head input[type=search]{flex:none;grid-column:1/-1;width:100%;max-width:none}.hub-toolbar-inline{display:none}.hub-jump{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;margin-inline:-.15rem;padding:.1rem .15rem .35rem;overflow-x:auto}.hub-jump::-webkit-scrollbar{display:none}.hub-shelf{scroll-margin-top:4.5rem}.shell.playing .nav-account,.shell.playing .nav-toggle,.shell.playing .brand{display:none}.shell.playing{width:100%;padding-top:0;padding-left:max(.5rem, var(--safe-left));padding-right:max(.5rem, var(--safe-right));position:relative}.shell.playing .game-shell{padding-top:max(.08rem, var(--safe-top))}.shell.playing .site-header{top:max(.08rem, var(--safe-top));right:max(.15rem, var(--safe-right));z-index:40;pointer-events:none;background:0 0;border:0;justify-content:flex-end;width:auto;min-height:0;margin:0;padding:0;position:absolute;left:auto}.shell.playing .header-tools{pointer-events:auto;margin-left:0}.shell.playing .game-shell-top{padding-right:calc(var(--touch) + .2rem);margin-bottom:.12rem}.shell.playing:has(.notice-bell) .game-shell-top{padding-right:calc(var(--touch) * 2 + .35rem)}.game-toolbar{flex-wrap:wrap;max-height:none;overflow:visible}.game-toolbar .btn,.game-toolbar .stat,.game-toolbar label,.game-toolbar .g-input,.game-toolbar select,.game-toolbar .diff-picker{flex:none}.shell.playing .nav-links a{min-height:var(--touch);padding:.75rem .95rem}.shell.nav-open .nav-toggle,.shell.nav-open .header-tools{visibility:hidden}.sheet .hub-chips{flex-wrap:wrap;gap:.4rem;display:flex}.sheet .chip{border-radius:999px;justify-content:center;min-width:0}}@media (width<=720px){.game-shell-top .muted{display:none}.game-panel{box-sizing:border-box;border-radius:14px;width:auto;max-width:100%;margin-inline:0;padding:.28rem .32rem .36rem}.game-toolbar{flex-wrap:wrap;gap:.22rem;max-height:none;margin-bottom:.22rem;padding-bottom:0;overflow:visible}.game-toolbar .btn,.game-toolbar .stat,.game-toolbar label,.game-toolbar .g-input,.game-toolbar select,.game-toolbar .diff-picker{flex:none}.game-toolbar .g-input,.game-toolbar select{min-width:7.5rem;max-width:11rem}.cp-board,.su-board,.cm-board,.mem-board,.t48-board,.nn-table-wrap{max-width:100%!important}.site-header{padding-top:.55rem}.shell.playing .sfx-btn,.shell.playing .notice-bell-btn{min-width:44px;min-height:44px}.hero{min-height:auto;padding-top:.9rem;padding-bottom:.85rem}.hero>p{max-width:100%;padding-right:0}.hero-cheese{opacity:.55;width:84px;bottom:.2rem;right:0}.cta-row .btn,.section-head .btn{text-align:center;flex:140px}.hub-head input[type=search]{flex:100%;max-width:none}.hub-shelf{scroll-margin-top:5.2rem}.game-card{min-height:150px;padding:.85rem}.game-card h3{font-size:1.1rem}.game-card p{-webkit-line-clamp:2;font-size:.82rem}.brand-tag{white-space:nowrap;text-overflow:ellipsis;max-width:46vw;overflow:hidden}}@media (width<=480px){.game-grid{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.brand-tag{display:none}.site-footer{font-size:.85rem}.pill:last-child{display:none}}.chip{min-height:var(--touch);touch-action:manipulation;min-width:0}.g-cell,.btn,.mem-card,.si-pad,.cm-cell,.nn-cell,.su-cell,.cp-cell,.mb-pad button,.ppt-hand,.cc-btn,.tr-pad,.t48-cell,.gb-opt,.vf-btns .btn,.sq-opts .btn,.st-opts .btn{min-height:var(--touch);min-width:var(--touch);touch-action:manipulation}.g-board,.mem-board,.si-board,.cm-board,.su-board,.cp-board,.t48-board{max-width:100%;margin-inline:auto;width:min(100%,420px)!important}.game-toolbar .g-input,.game-toolbar select{font-size:16px}@media (width<=640px){.mem-board,.su-board,.cm-board,.cp-board,.t48-board{gap:4px!important}.vf-btns,.sq-opts,.st-opts{gap:.4rem;width:100%;grid-template-columns:1fr 1fr!important;display:grid!important}.su-pad .btn,.mb-pad button{width:100%}.ppt-arena{grid-template-columns:1fr!important;gap:.65rem!important}.si-board{width:min(100%,300px)!important}.si-center{width:72px!important;height:72px!important;font-size:.68rem!important}.nn-table-wrap{margin-inline:-.25rem}.coin{width:100px!important;height:100px!important}}@media (hover:none){.btn:hover,.game-card:hover,.nav-links a:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.arcade-stage{touch-action:none;background:#1a1816;border-radius:12px;width:100%;max-width:100%;margin:0 auto;display:block}.arcade-hud{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.pwa-hint{padding:.4rem var(--pad);padding-left:calc(var(--pad) + var(--safe-left));padding-right:calc(var(--pad) + var(--safe-right));max-width:var(--shell-max);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem .55rem;width:100%;margin:0 auto;display:flex}.pwa-hint p{color:var(--ink-soft);flex:16rem;margin:0;font-size:.86rem;font-weight:800;line-height:1.35}.pwa-hint-actions{flex-wrap:wrap;gap:.35rem;display:flex}.profile-gate.is-open{gap:1rem;display:grid}@media (width>=900px){.profile-gate.is-open{grid-template-columns:minmax(0,1fr) minmax(21rem,25rem);align-items:start}}.auth-card{border:1px solid var(--fog);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);background:#ffffffeb;gap:.85rem;padding:1.15rem 1.2rem 1.1rem;display:grid}.auth-intro h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.22rem}.auth-intro p{color:var(--ink-soft);margin:.28rem 0 0;font-size:.9rem;font-weight:700;line-height:1.35}.auth-tabs{background:var(--paper-2);border:1px solid var(--fog);border-radius:999px;grid-template-columns:1fr 1fr;gap:.22rem;padding:.22rem;display:grid}.auth-tabs button{appearance:none;min-height:44px;font:inherit;color:var(--ink-soft);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;font-weight:800}.auth-tabs button.on{background:var(--ink);color:#fff;box-shadow:0 4px 12px #2a221c29}.auth-form{gap:.55rem;width:100%;display:grid}.auth-form .g-input{width:100%;max-width:none}.auth-or{color:var(--ink-soft);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;margin:.85rem 0 0;font-size:.78rem;font-weight:800;display:grid}.auth-or:before,.auth-or:after{content:"";background:var(--fog);height:1px}.google-signin{width:100%}.google-signin.is-busy{opacity:.55;pointer-events:none}.google-signin-slot{width:100%;min-height:44px;display:block}.google-signin-slot>div{width:100%!important}.auth-form label{gap:.25rem;font-size:.86rem;font-weight:800;display:grid}.auth-pass{display:block;position:relative}.auth-pass .g-input{padding-right:4.4rem}.auth-eye{min-width:44px;min-height:44px;font:inherit;color:var(--ink-soft);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 .55rem;font-size:.74rem;font-weight:800;position:absolute;top:50%;right:.2rem;transform:translateY(-50%)}.auth-submit{justify-content:center;width:100%;margin-top:.15rem}.auth-note{color:var(--ink-soft);margin:0;font-size:.8rem;font-weight:700;line-height:1.4}.auth-error{color:#b42318;margin:0;font-weight:800}.admin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--fog);vertical-align:top;padding:.45rem .5rem}.admin-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.76rem}.admin-kpis{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.35rem;display:grid}.admin-kpis span{border:1px solid var(--fog);background:#fff;border-radius:12px;min-width:0;padding:.4rem .5rem;font-size:.82rem;font-weight:700}.admin-kpis strong{font-family:var(--font-display);font-size:1.15rem;font-weight:800;display:block}.admin-bounce-list{color:var(--ink-soft);margin:.55rem 0 0;padding-left:1.1rem;font-size:.8rem;font-weight:700}@media (width<=640px){.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.friends-card,.mp-card{border:1px solid var(--fog);border-radius:var(--radius);background:#ffffffc7;padding:1rem;scroll-margin-top:5.5rem}.friends-card h3,.mp-card h3{font-family:var(--font-display);margin:0 0 .25rem}.friends-sub{font-family:var(--font-display);margin:1rem 0 .4rem;font-size:1.05rem}.friend-code-wrap{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.4rem 0 .7rem;display:flex}.friend-code{font-family:var(--font-display);letter-spacing:.16em;background:var(--paper-2);border:2px dashed var(--fog);border-radius:14px;padding:.35rem .8rem;font-size:1.7rem;font-weight:800}.friend-ok{color:#2f6b3a;margin:.4rem 0 0;font-weight:800}.friend-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.friend-row{border:2px solid var(--fog);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .8rem;padding:.65rem .75rem;display:flex}.friend-actions{flex-wrap:wrap;gap:.35rem;display:flex}.lb-you td{background:var(--paper-2);font-weight:800}.mp-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.45rem 0;display:flex}.mp-row .g-input{flex:10rem;min-width:0}.mp-inbox{gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.mp-bar{flex-wrap:wrap;align-items:center;gap:.4rem .7rem;font-weight:800;display:flex}.mp-who{align-items:center;gap:.3rem;display:inline-flex}.mp-code{font-family:var(--font-display);letter-spacing:.12em;background:var(--paper-2);border-radius:10px;padding:.2rem .5rem}.mp-turn{color:var(--teal)}