*,:before,:after{box-sizing:border-box}:root{color:#1a1a2e;-webkit-font-smoothing:antialiased;background:#f5f5f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}body{background:#f5f5f5;min-height:100dvh;margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,p{margin:0}button{font-family:inherit}#root{flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}.hero{text-align:center;padding:48px 24px 20px}.hero-icon{background:#fff;border:8px solid #1a1a2e;border-radius:50%;width:72px;height:72px;margin:0 auto 10px;position:relative;box-shadow:inset 0 0 0 12px #f5f7fb}.hero-icon:after{content:"";transform-origin:0;background:#1a1a2e;border-radius:999px;width:30px;height:8px;position:absolute;bottom:7px;right:-20px;transform:rotate(45deg)}.hero h1{color:#1a1a2e;letter-spacing:-.5px;margin:0 0 6px;font-size:clamp(1.7rem,6vw,2.6rem);font-weight:900}.tagline{color:#555;max-width:46rem;margin:0 auto;font-size:1.05rem;line-height:1.5}.trust-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.trust-strip span{color:#555;background:#fff;border:1px solid #e1e1e1;border-radius:999px;align-items:center;min-height:32px;padding:6px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.login-note{color:#999;margin:6px 0 36px;font-size:.9rem}.login-screen{width:100%;max-width:480px;padding:0 24px;padding-bottom:max(32px, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0 auto;display:flex}.google-btn{color:#333;cursor:pointer;touch-action:manipulation;background:#fff;border:2px solid #ddd;border-radius:12px;align-items:center;gap:12px;padding:14px 28px;font-size:1rem;font-weight:600;transition:box-shadow .2s,border-color .2s;display:flex}.google-mark{color:#4285f4;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#34a853 0 25%,#fbbc05 25% 50%,#ea4335 50% 75%,#4285f4 75% 100%);-webkit-background-clip:text;background-clip:text;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.78rem;font-weight:800;line-height:1;display:inline-grid}@media (hover:hover){.google-btn:hover{border-color:#aaa;box-shadow:0 2px 14px #0000001f}}.tier-select{width:100%;max-width:560px;padding:0 16px;padding-bottom:max(32px, env(safe-area-inset-bottom));margin:0 auto}.tier-cards{flex-direction:column;gap:12px;display:flex}.tier-card{border:2px solid #eee;border-left:5px solid var(--tier-color);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:inherit;background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:box-shadow .18s;display:flex}.tier-card:active{transform:scale(.985);box-shadow:0 1px 4px #00000014}@media (hover:hover){.tier-card:hover{box-shadow:0 4px 18px #00000017}}.tier-mark{background:color-mix(in srgb, var(--tier-color) 16%, #fff);width:44px;height:44px;color:var(--tier-color);border-radius:12px;flex-shrink:0;place-items:center;font-size:1.15rem;font-weight:900;line-height:1;display:grid}.tier-info{flex-direction:column;gap:2px;min-width:0;display:flex}.tier-name{color:#1a1a2e;font-size:1.1rem;font-weight:800}.tier-ages{color:#aaa;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.tier-desc{color:#666;margin-top:3px;font-size:.88rem;line-height:1.4}.tier-seo{color:#777;font-size:.8rem;line-height:1.4}.tier-saved{color:var(--tier-color);margin-top:5px;font-size:.78rem;font-weight:700}.game-pack{max-width:720px}.game-tiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.game-tile{text-align:center;border:2px solid #eee;border-top:5px solid var(--tier-color);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:inherit;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:22px 12px 18px;text-decoration:none;transition:box-shadow .18s;display:flex}.game-tile:active{transform:scale(.985);box-shadow:0 1px 4px #00000014}@media (hover:hover){.game-tile:hover{box-shadow:0 4px 18px #00000017}}.game-tile-mark{background:color-mix(in srgb, var(--tier-color) 16%, #fff);width:52px;height:52px;color:var(--tier-color);border-radius:14px;place-items:center;font-size:1.3rem;font-weight:900;line-height:1;display:grid}.game-tile-name{color:#1a1a2e;font-size:.98rem;font-weight:800;line-height:1.25}.game-tile-desc{color:#777;font-size:.8rem;line-height:1.4}.seo-section{border-top:1px solid #e6e6e6;margin:32px 0 0;padding:24px 0 0}.seo-section h2{color:#1a1a2e;margin:0 0 10px;font-size:1.25rem;font-weight:900}.seo-section p{color:#555;font-size:.96rem;line-height:1.6}.seo-game-list{gap:10px;margin-top:16px;display:grid}.seo-game-link{color:#333;background:#fff;border:1px solid #e7e7e7;border-radius:12px;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.seo-game-link strong{color:#1a1a2e;font-size:.98rem}.seo-game-link span{color:#666;font-size:.88rem;line-height:1.45}.faq-list{gap:10px;display:grid}.faq-list details{background:#fff;border:1px solid #e7e7e7;border-radius:12px;padding:12px 14px}.faq-list summary{cursor:pointer;color:#1a1a2e;font-weight:800}.faq-list p{margin-top:8px}.game-view{width:100%;max-width:600px;height:100dvh;max-height:100dvh;padding:0 14px;padding-bottom:max(20px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex;overflow-y:auto}.game-header{padding:max(16px, env(safe-area-inset-top)) 0 10px;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.back-link{color:#999;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;min-height:44px;margin-left:-12px;padding:10px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.back-link:active{color:#333}.progress-counter{color:#bbb;font-size:.85rem;font-weight:600}.progress-current{color:#555;font-weight:800}.game-card{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.items-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.game-card.is-revealed .items-grid{flex:none;height:min(42dvh,300px)}.item-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #e8e8e8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:12px 8px;transition:border-color .12s,background .12s,transform 80ms;display:flex;position:relative}.item-btn:active{transform:scale(.94)}.item-btn.selected{background:#e3f2fd;border-color:#2196f3}.item-btn.correct{background:#c8f5d4;border-width:4px;border-color:#00c853;animation:.4s ease-out correct-pop}.item-btn.correct:after{content:"";color:#fff;pointer-events:none;background:#00c853;border-radius:50%;width:32px;height:32px;position:absolute;top:10px;right:10px}.item-btn.correct:before{content:"";z-index:1;pointer-events:none;border-bottom:4px solid #fff;border-left:4px solid #fff;border-radius:2px;width:15px;height:9px;position:absolute;top:18px;right:18px;transform:rotate(-45deg)}@keyframes correct-pop{0%{transform:scale(1)}35%{transform:scale(1.1)}65%{transform:scale(.96)}to{transform:scale(1)}}.item-btn:disabled{cursor:default;transform:none}@media (hover:hover){.item-btn:not(:disabled):hover{border-color:#bbb;box-shadow:0 2px 8px #0000000f}}.item-icon{font-size:clamp(3rem,22vh,16rem);line-height:1;overflow:hidden}.item-image{aspect-ratio:1;object-fit:contain;flex-shrink:1;width:min(68%,23vh);max-width:164px}.item-initial{aspect-ratio:1;color:#1a1a2e;background:#f5f7fb;border-radius:22px;place-items:center;width:min(62%,19vh);max-width:140px;font-size:clamp(2rem,12vh,7rem);font-weight:900;display:grid}.game-card.is-revealed .item-icon{font-size:clamp(1.8rem,8vh,3.5rem)}.game-card.is-revealed .item-image{width:min(42%,10vh);max-width:72px}.item-label{color:#333;text-align:center;font-size:clamp(.85rem,3.5vw,1.05rem);font-weight:700;line-height:1.2}.game-card.is-revealed .item-label{font-size:clamp(.72rem,2.8vw,.9rem)}.item-btn.selected .item-label{color:#1565c0}.item-btn.correct .item-label{color:#1b5e20;font-weight:800}.reveal-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.03em;background:#1a1a2e;border:none;border-radius:14px;flex-shrink:0;width:100%;padding:18px;font-size:1.15rem;font-weight:800;transition:opacity .15s}.reveal-btn:disabled{opacity:.28;cursor:default}.reveal-btn:active:not(:disabled){opacity:.75}@media (hover:hover){.reveal-btn:not(:disabled):hover{opacity:.85}}.reveal-panel{background:#f0f0f0;border-radius:18px;flex-direction:column;flex:1;justify-content:space-evenly;gap:12px;min-height:0;padding:16px 16px 14px;display:flex;overflow-y:auto}.reveal-content{flex-direction:column;gap:12px;display:flex}.reveal-prompt{color:#444;margin:0;font-size:.95rem;font-weight:700}.answers-list{flex-direction:column;gap:14px;display:flex}.answer-row{background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.answer-icon{flex-shrink:0;margin-top:1px;font-size:2rem;line-height:1}.answer-icon.item-image{object-fit:contain;width:42px;max-width:42px;height:42px}.game-card.is-revealed .answer-icon.item-image{width:42px;max-width:42px;height:42px}.answer-rule{color:#333;margin:0;padding-top:3px;font-size:.9rem;line-height:1.55}.next-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.02em;background:#43a047;border:none;border-radius:14px;flex-shrink:0;width:100%;padding:16px;font-size:1.1rem;font-weight:800}.next-btn:active{opacity:.78}@media (hover:hover){.next-btn:hover{opacity:.88}}.done-screen{text-align:center;padding:40px 24px;padding-bottom:max(40px, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.done-icon{background:#43a047;border-radius:50%;width:84px;height:84px;position:relative;box-shadow:0 12px 30px #43a0472e}.done-icon:after{content:"";border-bottom:8px solid #fff;border-left:8px solid #fff;border-radius:3px;width:35px;height:20px;position:absolute;top:27px;left:24px;transform:rotate(-45deg)}.done-screen h2{color:#1a1a2e;font-size:2rem;font-weight:900}.done-screen p{color:#666;font-size:1rem}.done-actions{flex-direction:column;gap:10px;width:100%;max-width:320px;margin-top:8px;display:flex}.restart-btn,.back-btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;width:100%;padding:16px;font-size:1rem;font-weight:800}.restart-btn{color:#fff;background:#1a1a2e}.back-btn{color:#444;background:#e8e8e8}.restart-btn:active{opacity:.8}.back-btn:active{background:#ddd}.celebration-overlay{pointer-events:none;z-index:200;flex-direction:column;justify-content:center;align-items:center;animation:1.3s ease-out forwards cel-fade;display:flex;position:fixed;inset:0}@keyframes cel-fade{0%{opacity:0}12%{opacity:1}72%{opacity:1}to{opacity:0}}.celebration-burst{width:0;height:0;position:relative}.celebration-main{filter:drop-shadow(0 4px 16px #ffc80080);background:#ffd24a;border:8px solid #fff;border-radius:50%;width:clamp(72px,18vw,136px);height:clamp(72px,18vw,136px);animation:1.3s ease-out forwards cel-main-pop;position:absolute;transform:translate(-50%,-50%)}.celebration-main:after{content:"";border-bottom:8px solid #1a1a2e;border-left:8px solid #1a1a2e;border-radius:3px;width:42%;height:25%;position:absolute;top:30%;left:27%;transform:rotate(-45deg)}@keyframes cel-main-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}35%{transform:translate(-50%,-50%)scale(1)}72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}.celebration-particle{background:var(--particle-color,#ffd24a);opacity:0;border:4px solid #fff;border-radius:50%;width:clamp(18px,6vw,32px);height:clamp(18px,6vw,32px);animation:1.1s ease-out forwards cel-particle;position:absolute;transform:translate(-50%,-50%)}.cp0{--tx:-110px;--ty:-100px;--particle-color:#ff7a90;animation-delay:50ms}.cp1{--tx:0px;--ty:-130px;--particle-color:#6ec6ff;animation-delay:70ms}.cp2{--tx:110px;--ty:-100px;--particle-color:#ffd24a;animation-delay:50ms}.cp3{--tx:-120px;--ty:60px;--particle-color:#8ed081;animation-delay:80ms}.cp4{--tx:0px;--ty:120px;--particle-color:#b39ddb;animation-delay:60ms}.cp5{--tx:120px;--ty:60px;--particle-color:#ffb86b;animation-delay:80ms}@keyframes cel-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1}80%{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(.8);opacity:0}}.celebration-text{color:#fff;text-shadow:0 2px 12px #00000040,0 0 40px #ffc80066;letter-spacing:-.02em;margin:clamp(3.5rem,14vw,6rem) 0 0;font-size:clamp(2.4rem,12vw,5rem);font-weight:900;animation:1.3s ease-out forwards cel-text-pop}@keyframes cel-text-pop{0%{opacity:0;transform:scale(.5)translateY(10px)}20%{opacity:1;transform:scale(1.1)translateY(0)}38%{transform:scale(1)}72%{opacity:1}to{opacity:0}}.loading{color:#bbb;flex:1;justify-content:center;align-items:center;font-size:1rem;display:flex}@media (width>=768px){.hero-icon{border-width:9px;width:88px;height:88px}.hero-icon:after{width:36px;height:9px;bottom:9px;right:-24px}.tier-card{padding:24px 28px}.tier-mark{width:50px;height:50px;font-size:1.3rem}.tier-name{font-size:1.25rem}.tier-desc{font-size:.95rem}.game-pack{max-width:900px}.game-tiles{grid-template-columns:repeat(3,1fr);gap:16px}.game-tile{padding:26px 16px 22px}.game-tile-mark{width:60px;height:60px;font-size:1.5rem}.game-tile-name{font-size:1.05rem}.game-tile-desc{font-size:.85rem}.game-view{padding:0 24px;padding-bottom:max(32px, env(safe-area-inset-bottom))}.item-icon{font-size:4.5rem}.item-image{width:min(70%,176px)}.item-label{font-size:1.1rem}.items-grid{gap:16px}.answer-icon{font-size:2.4rem}.answer-icon.item-image,.game-card.is-revealed .answer-icon.item-image{width:48px;max-width:48px;height:48px}.answer-rule{font-size:1rem}.reveal-btn{padding:20px;font-size:1.25rem}.next-btn{padding:18px;font-size:1.2rem}}.ttt-view{width:100%;max-width:480px;padding:0 16px;padding-bottom:max(20px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.ttt-mode{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.ttt-status{text-align:center;color:#1a1a2e;min-height:1.4em;margin:12px 0 20px;font-size:1.3rem;font-weight:800}.ttt-board{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:360px;margin:0 auto;display:grid}.ttt-cell{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:#1a1a2e;background:#fff;border:3px solid #e8e8e8;border-radius:16px;place-items:center;font-size:clamp(2.4rem,11vw,3.6rem);font-weight:900;line-height:1;transition:transform .1s,border-color .2s,background .2s;display:grid}.ttt-cell:not(:disabled):active{transform:scale(.96)}@media (hover:hover){.ttt-cell:not(:disabled):hover{border-color:#bbb}}.ttt-cell:disabled{cursor:default}.ttt-cell.is-x{color:#2196f3}.ttt-cell.is-o{color:#ff5722}.ttt-cell.is-winning{background:#fff8d6;border-color:#f0c800}.ttt-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;display:flex}.c4-view{width:100%;max-width:560px;padding:0 16px;padding-bottom:max(20px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.c4-mode{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.c4-status{text-align:center;color:#1a1a2e;min-height:1.4em;margin:12px 0 20px;font-size:1.3rem;font-weight:800}.c4-board{aspect-ratio:7/6;box-sizing:border-box;background:#1565c0;border-radius:16px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:490px;margin:0 auto;padding:8px;display:grid}.c4-cell{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;place-items:center;padding:4%;display:grid}.c4-cell:disabled{cursor:default}.c4-disc{background:#fff;border-radius:50%;width:100%;height:100%;transition:transform .15s,background .15s;box-shadow:inset 0 2px 4px #00000026}.c4-disc.is-r{background:#e53935}.c4-disc.is-y{background:#fdd835}.c4-disc.is-winning{transform:scale(1.06);box-shadow:0 0 0 4px #fff8d6,inset 0 2px 4px #00000026}@media (hover:hover){.c4-cell:not(:disabled):hover .c4-disc:not(.is-r):not(.is-y){background:#e3f2fd}}.c4-cell:not(:disabled):active .c4-disc{transform:scale(.94)}.c4-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;display:flex}.bs-view{width:100%;max-width:420px;padding:0 16px;padding-bottom:max(20px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.bs-mode{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.bs-status{text-align:center;color:#1a1a2e;min-height:1.4em;margin:12px 0 4px;font-size:1.2rem;font-weight:800}.bs-message{text-align:center;color:#c62828;margin-bottom:12px;font-size:.95rem;font-weight:700}.bs-section{margin-top:20px}.bs-section-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.bs-section-header h2{color:#1a1a2e;margin:0;font-size:1rem;font-weight:800}.bs-remaining{color:#666;font-size:.8rem;font-weight:700}.bs-board{aspect-ratio:1;box-sizing:border-box;background:#0d47a1;border-radius:12px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:3px;width:100%;padding:6px;display:grid}.bs-cell{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#64b5f6;border:none;border-radius:4px;transition:background .15s,transform .1s;position:relative}.bs-cell:not(:disabled):active{transform:scale(.92)}@media (hover:hover){button.bs-cell:not(:disabled):hover{background:#90caf9}}.bs-cell:disabled{cursor:default}.bs-cell.is-ship{background:#37474f}.bs-cell.is-miss{background:#bbdefb}.bs-cell.is-miss:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:35%}.bs-cell.is-hit{background:#e53935}.bs-cell.is-hit:before,.bs-cell.is-hit:after{content:"";background:#fff;position:absolute;inset:25% 46%}.bs-cell.is-hit:before{transform:rotate(45deg)}.bs-cell.is-hit:after{transform:rotate(-45deg)}.bs-cell.is-sunk{background:#4a0007}.bs-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;display:flex}.hero-back{position:absolute;top:16px;left:16px}.hero{position:relative}:root{--ink:#253044;--muted:#657286;--paper:#fffdf7;--surface:#ffffffe6;--surface-strong:#fff;--line:#2530441f;--shadow:0 18px 45px #3e4a6524;--shadow-soft:0 10px 24px #3e4a651a;--blue:#2771ff;--green:#20a66a;--coral:#f1664d;--gold:#f5b83d;--lavender:#8c6ff7}body{color:var(--ink);background:radial-gradient(circle at 12% 10%,#ffd36957 0 110px,#0000 112px),radial-gradient(circle at 88% 4%,#45b8b840 0 130px,#0000 132px),radial-gradient(circle at 82% 88%,#f1664d2e 0 160px,#0000 162px),linear-gradient(135deg,#fffaf0 0%,#f3fbff 44%,#fff8f4 100%)}body:before{content:"";pointer-events:none;background-image:linear-gradient(#2530440b 1px,#0000 1px),linear-gradient(90deg,#2530440b 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 72%);mask-image:linear-gradient(#00000080,#0000 72%)}.tier-select{max-width:640px}.game-pack{max-width:980px;padding-inline:18px}.hero{isolation:isolate;padding:52px 18px 26px}.hero:before,.hero:after{content:"";z-index:-1;opacity:.9;border-radius:999px;position:absolute}.hero:before{background:#8bd9c7;width:44px;height:44px;top:70px;left:max(4px,50% - 340px);box-shadow:0 74px 0 -12px #ffd36b}.hero:after{background:#f7a7b7;width:54px;height:18px;top:112px;right:max(6px,50% - 350px);transform:rotate(-14deg);box-shadow:0 62px 0 -2px #96b9ff}.hero-kicker{min-height:30px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffffb8;border:1px solid #2530441f;border-radius:999px;align-items:center;margin-bottom:12px;padding:5px 12px;font-size:.78rem;font-weight:850;display:inline-flex;box-shadow:0 4px 14px #3e4a6514}.pack-logo{object-fit:contain;filter:drop-shadow(0 16px 24px #3e4a6529);border-radius:28px;width:clamp(86px,18vw,132px);height:clamp(86px,18vw,132px);margin:0 auto 12px;display:block}.hero-icon{border:7px solid var(--ink);background:radial-gradient(circle at 54% 48%, transparent 0 21px, var(--paper) 22px), linear-gradient(135deg, #fff 0%, #f7fbff 100%);width:80px;height:80px;margin-bottom:14px;box-shadow:0 14px 28px #3e4a6521,inset 0 0 0 10px #eef6ff}.hero-icon:after{background:var(--ink)}.hero h1{color:var(--ink);letter-spacing:0;text-wrap:balance;font-size:clamp(2rem,7vw,4.15rem);line-height:.98}.tagline{max-width:52rem;color:var(--muted);margin-top:12px;font-size:clamp(1rem,2.4vw,1.22rem);line-height:1.55}.trust-strip{gap:10px;margin-top:20px}.trust-strip span{color:#435066;background:#ffffffc7;border-color:#2530441a;box-shadow:0 6px 18px #3e4a6514}.hero-mini-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(360px,100%);margin:22px auto 0;display:grid}.hero-mini-board span{background:var(--surface);min-height:42px;color:var(--ink);box-shadow:var(--shadow-soft);border:2px solid #2530441a;border-radius:10px;place-items:center;font-weight:900;display:grid}.hero-mini-board span:first-child{color:var(--blue);transform:rotate(-2deg)}.hero-mini-board span:nth-child(2){color:var(--green);transform:translateY(4px)}.hero-mini-board span:nth-child(3){color:var(--coral);transform:rotate(2deg)}.game-tiles{gap:14px}.game-tile,.tier-card,.seo-game-link,.faq-list details,.answer-row{background:var(--surface);border-color:var(--line);box-shadow:0 1px 0 #fffc inset, var(--shadow-soft)}.game-tile{border:1px solid var(--line);text-align:left;border-top:0;border-radius:8px;align-items:flex-start;min-height:184px;padding:20px 16px 18px;position:relative;overflow:hidden}.game-tile:before{content:"";background:var(--tier-color);height:7px;position:absolute;inset:0 0 auto}.game-tile:after{content:"";background:color-mix(in srgb, var(--tier-color) 18%, transparent);border-radius:28px;width:112px;height:112px;position:absolute;bottom:-34px;right:-24px;transform:rotate(16deg)}.game-tile-mark{z-index:1;background:linear-gradient(145deg, #fff 0%, color-mix(in srgb, var(--tier-color) 11%, #fff) 100%);width:58px;height:58px;color:var(--tier-color);box-shadow:0 10px 18px color-mix(in srgb, var(--tier-color) 18%, transparent);border-radius:14px;position:relative}.game-tile-name{z-index:1;color:var(--ink);margin-top:6px;font-size:1.08rem;position:relative}.game-tile-desc{z-index:1;color:var(--muted);font-size:.88rem;position:relative}@media (hover:hover){.game-tile:hover,.tier-card:hover,.seo-game-link:hover{box-shadow:var(--shadow);transform:translateY(-2px)}}.tier-card{border:1px solid var(--line);border-left:0;border-radius:8px;padding:18px;position:relative;overflow:hidden}.tier-card:before{content:"";background:var(--tier-color);border-radius:999px;flex:0 0 7px;align-self:stretch;width:7px;min-height:64px}.tier-mark{background:color-mix(in srgb, var(--tier-color) 15%, #fff);box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--tier-color) 10%, transparent);border-radius:14px}.tier-name,.seo-section h2,.seo-game-link strong,.faq-list summary,.done-screen h2{color:var(--ink)}.tier-ages{color:color-mix(in srgb, var(--tier-color) 72%, #333)}.tier-desc,.seo-section p,.seo-game-link span,.answer-rule,.done-screen p{color:var(--muted)}.seo-section{border-top-color:#2530441a;margin-top:38px}.seo-game-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.seo-game-link,.faq-list details{border-radius:8px}.game-view,.ttt-view,.c4-view,.bs-view,.m3-view{color:var(--ink)}.game-header{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffaf0f5,#fffaf0cc);margin-inline:-14px;padding-inline:14px;position:sticky;top:0}.back-link{color:#5b687a;border-radius:999px;font-weight:800}.back-link:active{color:var(--ink);background:#ffffffb8}.progress-counter{color:#8a96a8}.progress-current{color:var(--ink)}.item-btn{border:1px solid var(--line);box-shadow:0 1px 0 #ffffffdb inset, var(--shadow-soft);background:linear-gradient(#fffffffa,#fffdf7eb);border-radius:8px}.item-btn.selected{box-shadow:0 0 0 4px #2771ff1f, var(--shadow-soft);background:linear-gradient(#f7fbff,#e9f2ff);border-color:#2771ffb8}.item-btn.correct{box-shadow:0 0 0 4px #20a66a21, var(--shadow-soft);background:#e9f8f0;border-color:#20a66ac7}.item-btn.neutral{opacity:.46;background:#ffffff9e;border-color:#25304414}.item-initial{color:var(--ink);background:radial-gradient(circle at 35% 28%,#fffffff2,#0000 42%),linear-gradient(135deg,#fff5cc,#dff7ff);border-radius:18px}.item-label{color:var(--ink)}.reveal-btn,.restart-btn,.m3-close-btn{background:linear-gradient(135deg,#253044,#45546d);border-radius:8px;box-shadow:0 12px 26px #25304433}.reveal-btn:disabled{box-shadow:none;background:#b8c1cf}.reveal-panel{box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff5,#fafcffe6);border:1px solid #2530441a;border-radius:8px}.reveal-prompt{color:var(--ink)}.next-btn{background:linear-gradient(135deg, var(--green), #38bd81);border-radius:8px;box-shadow:0 12px 24px #20a66a2e}.done-icon{background:linear-gradient(135deg,#20a66a,#8bd9c7)}.back-btn,.m3-rules-btn,.m3-new-btn{color:var(--ink);box-shadow:var(--shadow-soft);background:#ffffffd1;border:1px solid #2530441f;border-radius:8px}.ttt-status,.c4-status,.bs-status,.bs-section-header h2,.m3-modal-content h2,.htp-title{color:var(--ink)}.ttt-cell,.m3-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#ffffffe6;border-radius:8px}.m3-view{width:100%;max-width:540px;padding:0 16px max(20px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;overflow-x:hidden}.m3-score{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.m3-status{text-align:center;color:#555;min-height:1.4em;margin:8px 0 14px;font-size:1.05rem;font-weight:700}.m3-status-correct{color:#2e7d32}.m3-status-wrong{color:#c62828}.m3-status-prompt{color:#777;font-weight:500}.m3-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0;display:grid}.m3-card{cursor:pointer;aspect-ratio:2/3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:3px solid #e8e8e8;border-radius:14px;justify-content:center;align-items:center;min-width:0;max-height:200px;padding:8px 4px;transition:transform .1s,border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden}.m3-card svg{width:100%;min-width:0;height:100%;display:block}.m3-card.is-selected{border-color:#1a1a2e;transform:translateY(-2px);box-shadow:0 4px 14px #0000001f}.m3-card.is-correct{background:#e8f5e9;border-color:#2e7d32}.m3-card.is-wrong{background:#ffebee;border-color:#c62828;animation:.4s m3-shake}@keyframes m3-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.m3-card:not(:disabled):active{transform:scale(.97)}.m3-actions{gap:10px;margin-top:16px;display:flex}.m3-rules-btn,.m3-new-btn{color:#444;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #ddd;border-radius:12px;flex:1;min-height:48px;padding:14px 16px;font-size:1rem;font-weight:700}.m3-rules-btn:active,.m3-new-btn:active{background:#f5f5f5;transform:scale(.98)}.m3-modal{z-index:10;background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.m3-modal-content{background:#fff;border-radius:18px;width:100%;max-width:440px;padding:28px 24px;box-shadow:0 8px 30px #0003}.m3-modal-content h2{color:#1a1a2e;margin:0 0 14px}.m3-modal-content p{color:#444;margin:0 0 12px;line-height:1.5}.m3-close-btn{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:12px;width:100%;margin-top:12px;padding:14px;font-size:1rem;font-weight:700}.htp-modal{background:#fff;border-radius:18px;flex-direction:column;gap:10px;width:100%;max-width:440px;max-height:calc(100dvh - 32px);padding:20px 18px 16px;display:flex;overflow-y:auto;box-shadow:0 8px 30px #0003}.htp-progress{justify-content:center;gap:6px;margin-bottom:4px;display:flex}.htp-dot-step{background:#e0e0e0;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.htp-dot-step.is-active{background:#1a1a2e;transform:scale(1.4)}.htp-dot-step.is-done{background:#aaa}.htp-title{color:#1a1a2e;text-align:center;margin:0;font-size:1.35rem;font-weight:800}.htp-body{color:#555;text-align:center;margin:0;font-size:.98rem;line-height:1.4}.htp-single{justify-content:center;align-items:center;gap:18px;padding:10px 0;display:flex}.htp-single .htp-card-slot{width:90px}.htp-attr-list{color:#333;flex-direction:column;gap:8px;margin:0;padding:0;font-size:1rem;font-weight:600;list-style:none;display:flex}.htp-cards{grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 0;display:grid}.htp-card-slot{opacity:0;transition:opacity .32s ease-out,transform .32s ease-out;transform:translateY(8px)scale(.95)}.htp-card-slot.is-revealed{opacity:1;transform:translateY(0)scale(1)}.htp-card-slot .m3-card{pointer-events:none;aspect-ratio:2/3;padding:6px 4px}.htp-chips{flex-direction:column;gap:6px;margin:6px 0 0;display:flex}.htp-chip{border-radius:10px;align-items:center;gap:8px;padding:7px 12px;font-size:.92rem;font-weight:600;display:inline-flex}.htp-chip-ok{color:#2e7d32;background:#e8f5e9}.htp-chip-bad{color:#c62828;background:#ffebee}.htp-chip-mark{background:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.78rem;font-weight:800;display:inline-grid}.htp-verdict{text-align:center;border-radius:12px;margin-top:4px;padding:10px;font-size:1.1rem;font-weight:800}.htp-verdict-match{color:#2e7d32;background:#e8f5e9}.htp-verdict-bad{color:#c62828;background:#ffebee}.htp-teach{color:#666;text-align:center;margin:6px 0 0;font-size:.9rem;font-style:italic}.htp-nav{gap:8px;margin-top:8px;display:flex}.htp-back,.htp-skip,.htp-next{cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;flex:1;padding:13px 10px;font-size:.98rem;font-weight:700}.htp-back{color:#666;background:#f0f0f0}.htp-back:disabled{opacity:.4;cursor:default}.htp-skip{color:#999;background:0 0;flex:none;padding:13px 14px}.htp-next{color:#fff;background:#1a1a2e;flex:1.4}.pack-logo{object-fit:contain;width:140px;height:140px;margin:0 auto 10px;display:block}.hm-view{width:100%;max-width:540px;padding:0 12px max(20px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;overflow-x:hidden}.hm-tier{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.hm-figure-wrap{justify-content:center;margin:8px 0 4px;display:flex}.hangman-figure{aspect-ratio:1;width:100%;max-width:180px;height:auto;display:block}.hm-tries{text-align:center;color:#555;min-height:1.4em;margin:4px 0 12px;font-size:.98rem;font-weight:600}.hm-tries-win{color:#2e7d32;font-size:1.05rem;font-weight:800}.hm-tries-lose{color:#c62828;font-weight:700}.hm-word{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 18px;padding:0 4px;display:flex}.hm-letter{color:#1a1a2e;border-bottom:3px solid #1a1a2e;place-items:center;min-width:clamp(20px,7vw,32px);padding-bottom:2px;font-size:clamp(1.4rem,6.5vw,2rem);font-weight:800;line-height:1.1;display:inline-grid}.hm-letter.is-revealed{border-bottom-color:#0000}.hm-word.is-won .hm-letter{color:#2e7d32}.hm-word.is-lost .hm-letter{color:#c62828}.hm-keyboard{flex-direction:column;gap:6px;margin-top:auto;padding-top:12px;display:flex}.hm-keyboard-row{justify-content:center;gap:4px;display:flex}.hm-key{color:#1a1a2e;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #ddd;border-radius:8px;flex:1 1 0;min-width:0;max-width:44px;height:48px;padding:0;font-size:1rem;font-weight:700;transition:transform 80ms,background .15s,border-color .15s}.hm-key:not(:disabled):active{background:#f0f0f0;transform:scale(.94)}.hm-key:disabled{cursor:default;opacity:.55}.hm-key.is-correct{color:#2e7d32;opacity:1;background:#e8f5e9;border-color:#2e7d32}.hm-key.is-wrong{color:#c62828;opacity:.85;background:#ffebee;border-color:#c62828}.hm-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:20px;display:flex}.hm-restart-btn,.hm-change-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;width:100%;padding:16px;font-size:1rem;font-weight:700}.hm-restart-btn{color:#fff;background:#1a1a2e}.hm-change-btn{color:#444;background:#fff;border:2px solid #ddd}.hm-restart-btn:active,.hm-change-btn:active{transform:scale(.98)}.ms-view{width:100%;max-width:620px;padding:0 12px max(20px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;overflow-x:hidden}.ms-tier{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.ms-panel{border:2px solid #e9e2dc;border-top:6px solid var(--ms-color);background:#fff;border-radius:16px;padding:16px 10px 14px;box-shadow:0 8px 28px #50342114}.ms-rule{text-align:center;color:#3b2d25;margin:0 0 14px;font-size:1rem;font-weight:700}.ms-rule strong{background:color-mix(in srgb, var(--ms-color) 15%, #fff);min-width:30px;height:30px;color:var(--ms-color);border-radius:9px;place-items:center;margin:0 2px;display:inline-grid}.ms-board{grid-template-columns:minmax(42px,1fr) minmax(32px,.62fr) minmax(42px,1fr) minmax(32px,.62fr) minmax(42px,1fr);align-items:center;gap:clamp(5px,1.8vw,12px);width:100%;max-width:560px;margin:0 auto;padding:10px 2px 8px;display:grid}.ms-digit,.ms-operator,.ms-equals{aspect-ratio:.58;width:100%;min-height:104px;position:relative}.ms-operator,.ms-equals{aspect-ratio:.5;min-height:74px}.ms-slot{--match-fill:linear-gradient(90deg, #f4ddb9 0%, #f8e9cf 46%, #d8ae72 100%);--match-end-fill:#c58f55;--match-head-fill:radial-gradient(circle at 35% 35%, #ff8a80 0 18%, #e53935 50%, #a31515 100%);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#78564014;border:0;border-radius:999px;padding:0;transition:transform .1s,opacity .15s,box-shadow .15s,background .15s;display:block;position:absolute}.ms-slot:before,.ms-slot:after{content:"";opacity:0;border-radius:50%;position:absolute}.ms-slot:before{background:var(--match-head-fill);box-shadow:inset -1px -1px 2px #52000040,0 1px 2px #52000033}.ms-slot:after{background:var(--match-end-fill)}.ms-slot.is-active{background:var(--match-fill);box-shadow:inset 0 0 0 1px #ffffff80,0 2px 4px #52301929}.ms-slot.is-active:before,.ms-slot.is-active:after{opacity:1}.ms-slot.is-open{opacity:.32}.ms-slot.is-target{opacity:1;outline-offset:2px;background:#fff8d6;outline:3px solid #f0c800;box-shadow:0 0 0 4px #f0c8001f}.ms-slot.is-held{opacity:.48;outline:3px solid var(--ms-color);outline-offset:2px;transform:scale(.92)}.ms-slot:disabled{cursor:default}.ms-slot:not(:disabled):active{transform:scale(.92)}.ms-top,.ms-middle,.ms-bottom{width:70%;height:10%;left:15%}.ms-top{top:0}.ms-middle{top:45%}.ms-bottom{bottom:0}.ms-upperLeft,.ms-upperRight,.ms-lowerLeft,.ms-lowerRight{width:15%;height:40%}.ms-upperLeft,.ms-lowerLeft{left:0}.ms-upperRight,.ms-lowerRight{right:0}.ms-upperLeft,.ms-upperRight{top:6%}.ms-lowerLeft,.ms-lowerRight{bottom:6%}.ms-upperLeft,.ms-upperRight,.ms-lowerLeft,.ms-lowerRight,.ms-opV{--match-fill:linear-gradient(180deg, #f4ddb9 0%, #f8e9cf 46%, #d8ae72 100%)}.ms-top:before,.ms-middle:before,.ms-bottom:before,.ms-opH:before{width:12px;height:12px;top:50%;left:-3px;transform:translateY(-50%)}.ms-top:after,.ms-middle:after,.ms-bottom:after,.ms-opH:after{width:8px;height:8px;top:50%;right:-3px;transform:translateY(-50%)}.ms-upperLeft:before,.ms-upperRight:before,.ms-lowerLeft:before,.ms-lowerRight:before,.ms-opV:before{width:12px;height:12px;top:-3px;left:50%;transform:translate(-50%)}.ms-upperLeft:after,.ms-upperRight:after,.ms-lowerLeft:after,.ms-lowerRight:after,.ms-opV:after{width:8px;height:8px;bottom:-3px;left:50%;transform:translate(-50%)}.ms-opH{width:80%;height:14%;top:44%;left:10%}.ms-opV{width:16%;height:74%;top:13%;left:43%}.ms-equals{align-content:center;place-items:center;gap:14px;display:grid}.ms-equals span{background:#3b2d25;border-radius:999px;width:84%;height:10px;display:block}.ms-status{text-align:center;color:#5b514b;place-items:center;min-height:56px;margin:10px 0 0;padding:8px 10px;font-size:.98rem;font-weight:700;display:grid}.ms-status-good{color:#2e7d32;font-size:1.08rem}.ms-status-bad{color:#c62828}.ms-hint{text-align:center;color:#6d5d52;max-width:440px;margin:0 auto 8px;font-size:.92rem;font-weight:600;line-height:1.45}.ms-actions{grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-top:10px;display:grid}.ms-primary-btn,.ms-light-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;min-height:48px;padding:12px 10px;font-size:.95rem;font-weight:800}.ms-primary-btn{color:#fff;background:#1a1a2e}.ms-light-btn{color:#4d4036;background:#f5f1ed;border:2px solid #e4d7cd}.ms-light-btn:disabled{opacity:.45;cursor:default}.ms-primary-btn:not(:disabled):active,.ms-light-btn:not(:disabled):active{transform:scale(.98)}@media (hover:hover){.ms-slot:not(:disabled):hover{box-shadow:0 0 0 4px #7955481f,0 2px 6px #52301929}}@media (width>=520px){.ms-panel{padding:20px 18px 18px}.ms-digit{min-height:140px}.ms-operator,.ms-equals{min-height:96px}}@media (width<=360px){.ms-view{padding-left:8px;padding-right:8px}.ms-panel{padding-left:6px;padding-right:6px}.ms-board{gap:4px}.ms-digit{min-height:94px}.ms-operator,.ms-equals{min-height:66px}.ms-actions{grid-template-columns:1fr}.hm-view{padding:0 8px max(20px, env(safe-area-inset-bottom))}.hm-key{max-width:none;height:44px;font-size:.88rem}.hm-keyboard-row{gap:2px}.hangman-figure{max-width:140px}}.game-seo-wrap{box-sizing:border-box;gap:20px;width:100%;max-width:560px;margin:24px auto 0;padding:0 16px;display:grid}.game-seo-wrap .seo-section{margin:0;padding:20px 0 0}.more-games{width:100%;max-width:560px;padding:24px 16px max(24px, env(safe-area-inset-bottom));box-sizing:border-box;border-top:1px solid #eee;margin:32px auto 0}.more-games-title{text-transform:uppercase;letter-spacing:.06em;color:#999;margin:0 0 12px;font-size:.8rem;font-weight:700}.more-games-list{flex-wrap:wrap;gap:10px;display:flex}.more-games-link{border:2px solid #eee;border-left:5px solid var(--tier-color);color:#333;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px 10px 12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:box-shadow .18s;display:inline-flex}.more-games-link:active{transform:scale(.985);box-shadow:0 1px 4px #00000014}@media (hover:hover){.more-games-link:hover{box-shadow:0 4px 14px #00000017}}.more-games-mark{background:color-mix(in srgb, var(--tier-color) 16%, #fff);width:30px;height:30px;color:var(--tier-color);border-radius:9px;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:900;line-height:1;display:grid}