:root{--ink: #1f1747;--text: #1f1747;--muted: #5f5890;--pink: #ff5fa2;--yellow: #ffd23f;--green: #34d399;--blue: #38bdf8;--purple: #8b7bff;--orange: #ff9a3c;--card: #ffffff;--gutter: 16px;--bw: 2.5px;--soft: 0 8px 24px rgba(31, 23, 71, .16);--font: "Outfit", "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent}body{min-height:100vh;background:linear-gradient(160deg,#7cd4ff,#a9a3ff 52%,#ff9fd0);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bg:before,.bg:after{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(60px);opacity:.55;animation:float 24s ease-in-out infinite alternate}.bg:before{left:-15vmax;top:-10vmax;background:radial-gradient(circle,#ffe28a,transparent 65%)}.bg:after{right:-20vmax;bottom:-20vmax;background:radial-gradient(circle,#ff7ac6,transparent 65%);animation-duration:30s}@keyframes float{to{transform:translate(6vmax,5vmax) scale(1.1)}}@media (prefers-reduced-motion: reduce){.bg:before,.bg:after{animation:none}.featured .f-shot,.card:hover{animation:none;transform:none}}.page{max-width:1080px;margin:0 auto;padding:0 var(--gutter) 48px}.hero{text-align:center;padding:36px 0 20px}.brand-mark{display:block;width:84px;height:84px;margin:0 auto 16px;transform:rotate(-4deg);filter:drop-shadow(0 10px 18px rgba(31,23,71,.35))}.logo{margin:0;font-size:clamp(54px,14vw,116px);line-height:1;font-weight:800;letter-spacing:.06em;background:linear-gradient(90deg,#fff,#fff4b8 40%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(31,23,71,.85)) drop-shadow(0 10px 22px rgba(31,23,71,.25))}.tagline{display:inline-block;margin:18px 0 0;padding:7px 20px;background:#ffffffd9;border-radius:999px;font-size:17px;font-weight:500;box-shadow:var(--soft)}.featured{display:flex;align-items:center;gap:28px;margin:18px 0 30px;padding:26px 30px;border-radius:24px;color:#fff;background:radial-gradient(circle at 92% 12%,rgba(255,255,255,.28),transparent 38%),linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#2a1b6e));box-shadow:0 14px 34px color-mix(in srgb,var(--c) 45%,rgba(31,23,71,.3));transition:transform .18s,box-shadow .18s}.featured:hover{transform:translateY(-4px);box-shadow:0 20px 40px color-mix(in srgb,var(--c) 55%,rgba(31,23,71,.3))}.f-shot{flex:none;width:min(340px,42%);aspect-ratio:16 / 10;overflow:hidden;border-radius:20px;background:#ffffff40;box-shadow:0 10px 26px #00000047;transform:rotate(-2deg)}.f-shot img{display:block;width:100%;height:100%;object-fit:cover}.f-kicker{display:inline-block;padding:4px 12px;border-radius:999px;background:#ffffffeb;color:var(--ink);font-size:13px;font-weight:700}.f-text h2{margin:10px 0 6px;font-size:clamp(28px,5vw,42px);font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.25)}.f-text p{margin:0 0 18px;font-size:17px;max-width:52ch;opacity:.95}.f-btn{display:inline-block;padding:12px 28px;border-radius:999px;background:#fff;color:var(--ink);font-size:17px;font-weight:700;box-shadow:0 6px 14px #0003}.section-title{font-size:22px;font-weight:700;color:var(--ink);margin:8px 0 12px}.rail{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 22px;scrollbar-width:thin}.pill{flex:none;display:flex;align-items:center;gap:10px;padding:7px 18px 7px 8px;border-radius:999px;background:#fff;color:var(--ink);font-size:15px;font-weight:600;box-shadow:var(--soft);transition:transform .15s}.pill:hover{transform:translateY(-2px)}.pill svg{width:30px;height:30px;color:var(--c)}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.bar .section-title{margin:0}.count{color:var(--muted);font-weight:500}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#fffc;color:var(--ink);border:0;border-radius:999px;padding:7px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s,background .12s}.chip:hover{transform:translateY(-2px);background:#fff}.chip.on{background:var(--ink);color:#fff}.search{width:100%;margin:4px 0 20px;padding:13px 20px;border-radius:14px;border:0;background:#ffffffe6;color:var(--ink);font-family:inherit;font-size:16px;outline:none;box-shadow:var(--soft)}.search:focus{background:#fff;box-shadow:0 0 0 3px var(--ink),var(--soft)}.search::placeholder{color:var(--muted)}.empty{grid-column:1 / -1;text-align:center;color:var(--ink);font-size:18px;padding:30px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.card{display:flex;flex-direction:column;background:var(--card);border-radius:22px;overflow:hidden;box-shadow:var(--soft);transition:transform .18s,box-shadow .18s}.card:hover,.card:focus-visible{transform:translateY(-6px);box-shadow:0 18px 36px color-mix(in srgb,var(--c) 40%,rgba(31,23,71,.25));outline:none}.thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;display:grid;place-items:center;color:var(--c);background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.45),transparent 40%),linear-gradient(135deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c))}.thumb:before{content:"";position:absolute;width:96px;height:96px;border-radius:30px;background:#fff;transform:rotate(-6deg);box-shadow:0 8px 18px #1f174733;transition:transform .2s}.card:hover .thumb:before{transform:rotate(4deg) scale(1.05)}.thumb svg{position:relative;width:68px;height:68px}.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover .thumb img{transform:scale(1.06)}.tag{z-index:2;position:absolute;top:10px;right:10px;font-size:12px;font-weight:700;letter-spacing:.05em;color:#fff;background:var(--ink);border-radius:999px;padding:3px 10px}.info{padding:14px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.info h3{margin:0;font-size:20px;font-weight:700}.info p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.4;flex:1}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.best{color:var(--muted);font-size:14px;font-weight:500}.go{background:var(--c);color:var(--ink);border-radius:999px;padding:4px 14px;font-size:14px;font-weight:700}.foot{text-align:center;color:var(--ink);font-size:14px;font-weight:500;margin-top:44px;opacity:.75}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:8px;font-weight:600}.foot-links a{text-decoration:underline;text-underline-offset:3px}.foot p{margin:0}.doc{max-width:760px;margin:8px auto 0;padding:30px clamp(18px,4vw,40px) 36px;background:#fffffff0;border-radius:22px;box-shadow:var(--soft);line-height:1.6;font-size:17px}.doc h1{margin:0 0 6px;font-size:clamp(30px,6vw,42px);font-weight:800}.doc h2{margin:28px 0 6px;font-size:22px;font-weight:700}.doc p,.doc ul{margin:8px 0}.doc li{margin:6px 0}.doc a{color:#2d4fd6;text-decoration:underline;text-underline-offset:3px}.doc .meta{color:var(--muted);font-size:15px;margin-bottom:18px}.doc .big{font-size:clamp(20px,4.5vw,28px);font-weight:700;margin:18px 0;word-break:break-word}.skip-link{position:fixed;left:12px;top:-80px;z-index:200;padding:10px 18px;border-radius:10px;background:#fff;color:#000;font-weight:700;box-shadow:var(--soft)}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}#app:focus{outline:none}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.a11y-btn{position:fixed;left:14px;bottom:14px;z-index:60;width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;background:#1d4ed8;cursor:pointer;box-shadow:0 6px 18px #0000004d}.a11y-panel{position:fixed;left:14px;bottom:76px;z-index:60;width:min(250px,calc(100vw - 28px));display:flex;flex-direction:column;gap:8px;padding:14px;background:#fff;color:#111;border:2px solid #111;border-radius:14px;box-shadow:0 14px 36px #0000004d;font-family:Arial,Helvetica,sans-serif}.a11y-panel[hidden]{display:none}.a11y-panel strong{font-size:17px;margin-bottom:2px}.a11y-panel button{padding:10px 12px;text-align:left;font:600 15px Arial,Helvetica,sans-serif;color:#111;background:#f0f0f0;border:0;border-radius:8px;cursor:pointer}.a11y-panel button[aria-pressed=true]{background:#1d4ed8;color:#fff}.a11y-panel a{padding:2px;font-size:14px;color:#111;text-decoration:underline}body.imm .a11y-btn,body.imm .a11y-panel,body.playing .a11y-btn,body.playing .a11y-panel{display:none}html.a11y-z0 .page>:not(.game-area){zoom:.9}html.a11y-z2 .page>:not(.game-area){zoom:1.18}html.a11y-z3 .page>:not(.game-area){zoom:1.36}html.a11y-links a{text-decoration:underline!important;text-underline-offset:3px}html.a11y-font body,html.a11y-font button:not(.a11y-panel button),html.a11y-font input,html.a11y-font .page *{font-family:Arial,Verdana,sans-serif!important}html.a11y-contrast{--ink: #000;--text: #000;--muted: #1a1a1a}html.a11y-contrast body{background:#fff}html.a11y-contrast .bg{display:none}html.a11y-contrast .logo{background:none;filter:none;color:#000;-webkit-text-fill-color:#000}html.a11y-contrast .tagline,html.a11y-contrast .card,html.a11y-contrast .doc,html.a11y-contrast .chip,html.a11y-contrast .search{border:2px solid #000;background:#fff}html.a11y-contrast .chip.on{background:#000}html.a11y-contrast .featured{background:#1f1747}html.a11y-contrast .go,html.a11y-contrast .f-btn{background:#ffd23f;color:#000;border:2px solid #000}html.a11y-contrast .doc a,html.a11y-contrast .foot a{color:#0030c0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.ad-slot{display:flex;align-items:center;justify-content:center;min-height:100px;margin:22px 0;border-radius:14px;background:#ffffff59;overflow:hidden}.game-page .ad-slot{min-height:280px}.seo{max-width:760px;margin:0 auto;padding:40px var(--gutter);color:var(--ink)}.seo a{text-decoration:underline}.game-page{max-width:760px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 10px}.topbar h2{margin:0;flex:1;text-align:center;font-size:clamp(22px,5vw,30px);font-weight:800;color:var(--ink)}.back,.icon-btn{background:#ffffffe6;border:0;color:var(--ink);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #1f174726;transition:transform .1s,background .1s}.back:hover,.icon-btn:hover{background:#fff;transform:translateY(-1px)}.back:active,.icon-btn:active{transform:translateY(1px)}.tools{display:flex;gap:8px}.icon-btn{padding:8px 12px}.scorebar{display:flex;justify-content:space-between;gap:10px;padding:6px 0 14px;font-weight:600;font-size:15px}.scorebar span{background:#ffffffe6;border-radius:999px;padding:4px 16px;box-shadow:0 3px 10px #1f17471f}.scorebar b{font-size:19px;font-weight:800}.game-area{position:relative;min-height:300px;border-radius:22px;box-shadow:0 0 0 4px var(--c),0 16px 34px #1f17474d;overflow:hidden;background:color-mix(in srgb,var(--c) 28%,#fff)}.game-area:has(.stage){min-height:0}.play{position:relative;touch-action:none}.stage{display:flex;justify-content:center}.stage canvas{display:block;width:min(100%,calc((100vh - 220px) * var(--ar, 1)));height:auto;touch-action:none}.hud3d{position:absolute;left:14px;top:10px;color:#fff;font:700 16px var(--font);letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.7),0 0 2px rgba(0,0,0,.8);pointer-events:none;white-space:pre}.loading{display:grid;place-items:center;min-height:260px;color:var(--ink);font-size:20px;font-weight:600}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:#1f174780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.overlay.show{display:grid}.panel{text-align:center;padding:26px 28px;max-width:320px;margin:14px;background:#fff;border-radius:22px;box-shadow:0 16px 40px #0000004d}.panel h3{margin:0 0 8px;font-size:30px;font-weight:800;color:var(--ink)}.panel p{margin:0 0 18px;color:var(--muted);font-size:16px}.panel .goal{margin:0 0 12px;text-align:left;line-height:1.4}.panel .goal b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}.panel.howto{max-width:380px;padding:20px 22px}.panel.howto h3{font-size:26px}.panel.howto .goal{font-size:15px}.panel.howto .btn{margin-top:6px}.game-area:has(.overlay.show .howto){min-height:430px}.btn{background:var(--c);color:var(--ink);border:0;border-radius:999px;padding:13px 36px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--c) 55%,rgba(31,23,71,.3));transition:transform .1s,box-shadow .1s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px);box-shadow:0 2px 6px #1f174740}.controls{display:block;width:fit-content;max-width:100%;margin:16px auto 0;padding:6px 18px;text-align:center;background:#ffffffbf;border-radius:999px;color:var(--ink);font-size:14px;font-weight:500}.more-title{margin-top:38px}.touch-controls{display:flex;justify-content:space-between;align-items:flex-end;padding:14px 12px 12px;user-select:none;-webkit-user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:5px}.tbtn{background:#ffffffeb;border:0;color:var(--ink);border-radius:16px;font-size:22px;font-weight:700;touch-action:none;box-shadow:0 4px 10px #1f174733}.tbtn:active{background:var(--c);transform:translateY(2px)}.tbtn.up{grid-column:2;grid-row:1}.tbtn.left{grid-column:1;grid-row:2}.tbtn.right{grid-column:3;grid-row:2}.tbtn.down{grid-column:2;grid-row:3}.tbtn.action{margin-left:auto;width:96px;height:96px;border-radius:50%;font-size:17px;background:var(--c)}.dg{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;align-content:center;gap:14px;padding:20px 14px;min-height:340px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.dg-hud{display:flex;gap:10px;font-weight:600;font-size:16px;color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center}.dg-hud>span{background:#ffffffeb;border-radius:999px;padding:3px 14px;box-shadow:0 2px 8px #1f17471f}.dg-hud b{color:var(--ink);font-weight:800}.dbtn{background:#fff;color:var(--ink);border:0;border-radius:999px;padding:6px 16px;font-weight:600;cursor:pointer;font-size:15px;box-shadow:0 2px 8px #1f174726}.dbtn.on{background:var(--ink);color:#fff}.whack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(100%,480px)}.hole{aspect-ratio:1;border-radius:50%;background:#6b4226;border:var(--bw) solid var(--ink);position:relative;overflow:hidden;cursor:pointer;padding:0;box-shadow:inset 0 8px #00000040}.mole{position:absolute;top:20%;right:16%;bottom:-30%;left:16%;background:#c08657;border:var(--bw) solid var(--ink);border-radius:50% 50% 0 0;transform:translateY(105%);transition:transform .09s}.mole:before,.mole:after{content:"";position:absolute;top:30%;width:12%;height:12%;background:var(--ink);border-radius:50%}.mole:before{left:28%}.mole:after{right:28%}.hole.up .mole{transform:translateY(0)}.hole.hit .mole{background:#fff}.mem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,500px)}.mcard{aspect-ratio:1;border-radius:16px;border:0;background:var(--c);font-size:clamp(26px,8vw,40px);color:#fffffff2;font-weight:700;cursor:pointer;padding:0;display:grid;place-items:center;transition:transform .15s,background .15s;box-shadow:0 4px color-mix(in srgb,var(--c) 60%,var(--ink))}.mcard:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.mcard.show{background:#fff}.mcard.done{background:#d8ffe0}.ms{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;width:min(100%,540px)}.mcell{aspect-ratio:1;border-radius:8px;border:0;background:#7dd3fc;font-family:inherit;font-weight:700;font-size:clamp(13px,4vw,19px);cursor:pointer;padding:0;color:#111;box-shadow:inset 0 -3px #0000001f}.mcell.open{background:#fffbe6;cursor:default;box-shadow:none}.mcell.boom{background:#ff4d6d}.c4{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:min(100%,560px);background:#2d7cf0;padding:10px;border-radius:18px;box-shadow:0 6px #1b4fa8}.c4c{aspect-ratio:1;border-radius:50%;border:0;padding:0;background:#e8f1ff;cursor:pointer;box-shadow:inset 0 3px #00000026}.c4c.r{background:#ff4d6d}.c4c.y{background:#ffd23f}.c4c.win{animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(.82)}}.simon{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:min(100%,420px)}.pad{aspect-ratio:1;border:0;border-radius:26px;opacity:.6;cursor:pointer;transition:transform .08s,opacity .08s;box-shadow:0 6px #1f174759}.pad.lit{opacity:1;filter:brightness(1.2);transform:scale(1.05)}.slide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(100%,460px)}.tile{aspect-ratio:1;border:0;border-radius:14px;cursor:pointer;padding:0;background:hsl(var(--h, 30) 85% 62%);color:var(--ink);font-family:inherit;font-weight:700;font-size:clamp(22px,6vw,32px);box-shadow:0 4px #1f174759}.tile:active{transform:translateY(3px);box-shadow:0 1px #1f174759}.tile.empty{visibility:hidden}.meter{position:relative;height:22px;margin:12px 16px;border-radius:12px;background:#fff;box-shadow:inset 0 2px 6px #00000026}.meter i{position:absolute;left:41%;width:18%;top:0;bottom:0;background:#34d399;border-radius:12px}.meter b{position:absolute;top:-5px;bottom:-5px;width:10px;margin-left:-5px;background:var(--pink);border:2px solid #fff;border-radius:6px;box-shadow:0 2px 6px #00000059}.wr-input{display:block;width:calc(100% - 28px);margin:12px 14px;padding:12px 14px;border-radius:14px;border:0;background:#fff;color:var(--ink);font-family:inherit;font-size:20px;font-weight:600;text-align:center;outline:none;box-shadow:0 0 0 3px var(--c)}.game-area:fullscreen:not(.immersive){display:grid;place-items:center;border-radius:0;box-shadow:none}.game-area:fullscreen:not(.immersive) .stage canvas{width:min(100vw,calc(100vh * var(--ar, 1)))}.game-area.immersive:fullscreen{border-radius:0;box-shadow:none}.imm-bar,.rotate-hint{display:none}body.imm{overflow:hidden}.game-area.immersive{--bar: calc(56px + env(safe-area-inset-top, 0px)) ;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;height:100vh;height:100dvh;min-height:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;background:linear-gradient(165deg,color-mix(in srgb,var(--c) 45%,#1f1747),#120c33)}.immersive .imm-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;height:var(--bar);padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));padding-top:env(safe-area-inset-top);position:relative;z-index:20}.imm-btn{width:40px;height:40px;border:0;border-radius:50%;background:#ffffffeb;color:var(--ink);font-size:18px;font-weight:700;box-shadow:0 3px 10px #00000040}.imm-score{color:#fff;font-weight:600;font-size:16px;background:#ffffff29;border-radius:999px;padding:6px 18px}.imm-score b{font-size:20px;font-weight:800}.immersive .play{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;overflow:auto;padding-bottom:env(safe-area-inset-bottom,0px)}.immersive .play:has(.stage){overflow:hidden}.immersive .stage canvas{width:min(100vw,calc((100vh - var(--bar) - var(--reserve, 0px)) * var(--ar, 1)));width:min(100vw,calc((100dvh - var(--bar) - var(--reserve, 0px) - env(safe-area-inset-bottom,0px)) * var(--ar, 1)))}.immersive .play:has(.touch-controls){--reserve: 214px}.immersive .play:has(.touch-controls):not(:has(.dpad)){--reserve: 128px}.immersive .play:has(.stage.fluid){justify-content:flex-start}.immersive .stage.fluid canvas{width:100vw;height:calc(100dvh - var(--bar) - var(--reserve, 0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - var(--bar))}.immersive .dg{padding:12px 6px}.immersive .c4{gap:4px;padding:7px}.immersive.wide .rotate-hint{display:block;position:absolute;left:50%;top:calc(var(--bar) + 14px);transform:translate(-50%);z-index:4;margin:0;width:max-content;max-width:86vw;text-align:center;color:#fff;font-weight:600;font-size:15px;background:#ffffff29;border-radius:999px;padding:8px 18px;pointer-events:none}@media (orientation: landscape){.immersive .imm-bar{position:absolute;left:0;right:0;top:0;z-index:20;pointer-events:none}.immersive .imm-bar>*{pointer-events:auto}.immersive .stage canvas{width:min(100vw,calc(100dvh * var(--ar, 1)))}.immersive .play:has(.touch-controls),.immersive .play:has(.touch-controls):not(:has(.dpad)){--reserve: 0px}.immersive .stage.fluid canvas{width:100vw;height:100dvh}.immersive .touch-controls{position:absolute;left:0;right:0;bottom:0;padding:0 max(22px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left));pointer-events:none;z-index:3}.immersive .tbtn{pointer-events:auto;opacity:.72}.immersive .dpad{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px)}.immersive .tbtn.action{width:84px;height:84px}.immersive.wide .rotate-hint{display:none}}@media (max-width: 560px){.featured{flex-direction:column;text-align:center;padding:22px;gap:14px}.f-shot{width:100%;transform:none}.f-text p{margin-left:auto;margin-right:auto}.tagline{font-size:15px}}@media (max-width: 520px){.hero{padding:28px 0 14px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.info{padding:10px 12px 14px}.info h3{font-size:17px}.info p{display:none}}.qz{gap:12px;align-content:start;width:100%}.qz-bar{width:min(100%,520px);height:10px;background:#ffffffb3;border-radius:99px;overflow:hidden}.qz-bar i{display:block;height:100%;background:linear-gradient(90deg,#34d399,#fbbf24);width:100%;transition:width .1s linear}.qz-q{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:22px;font-weight:700;color:var(--ink);width:min(100%,520px)}.qz-big{font-size:clamp(40px,11vw,64px);font-weight:800;letter-spacing:1px}.qz-big.sm{font-size:clamp(26px,7vw,40px)}.qz-emoji{font-size:54px;line-height:1.1}.qz-emoji.big{font-size:96px}.qz-word{font-size:36px;font-weight:800;letter-spacing:6px}.qz-count{font-size:34px;line-height:1.25;word-break:break-all;max-width:100%}.qz-text{font-size:clamp(20px,5vw,26px)}.qz-opts{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:10px;width:min(100%,520px)}.qz-btn{border:0;border-radius:16px;padding:16px 8px;font:inherit;font-size:24px;font-weight:800;background:#fff;color:var(--ink);box-shadow:0 4px #1f17472e;cursor:pointer;touch-action:manipulation;min-height:60px}.qz-btn:active{transform:translateY(2px);box-shadow:0 2px #1f17472e}.qz-btn.good{background:#86efac}.qz-btn.bad{background:#fca5a5}.qz-opts.tall .qz-btn{min-height:120px}.qz-opts.list .qz-btn{font-size:19px;text-align:left;padding:14px 18px}.qz-opts.grid .qz-btn{font-size:clamp(24px,7vw,38px);padding:6px 0;min-height:0;aspect-ratio:1}.rx{width:min(100%,520px);min-height:280px;border:0;border-radius:28px;font:inherit;font-size:32px;font-weight:800;color:#fff;cursor:pointer;touch-action:manipulation;box-shadow:0 6px #0000002e}.rx small{font-size:18px;font-weight:600;opacity:.9}.rx.wait{background:#ef4444}.rx.go{background:#22c55e}.rx.early{background:#f59e0b}.rx.shown{background:#3b82f6}.frenzy{width:min(70vw,260px);aspect-ratio:1;border-radius:50%;border:0;font:inherit;font-size:44px;font-weight:800;color:#fff;background:radial-gradient(circle at 35% 30%,#fb7185,#e11d48);box-shadow:0 10px #9f1239;cursor:pointer;touch-action:manipulation;transition:transform .06s}.frenzy.pop,.frenzy:active{transform:scale(.94) translateY(6px);box-shadow:0 4px #9f1239}.chimp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(100%,420px)}.cc{aspect-ratio:1;border:0;border-radius:12px;background:#ffffff59;font:inherit;font-size:26px;font-weight:800;color:var(--ink);padding:0;touch-action:manipulation}.cc.on{background:#fff;box-shadow:0 3px #1f174733}.chimp.hide .cc.on{color:transparent;background:#fff}.cc.done{visibility:hidden}.rps-fight{display:flex;align-items:center;gap:22px;font-size:80px}.rps-fight .vs{font-size:22px;font-weight:800;color:var(--muted)}.rps-msg{margin:0;font-size:20px;font-weight:700;color:var(--ink);text-align:center}.rps-pick{display:flex;gap:10px;width:min(100%,460px)}.rps-pick .qz-btn{flex:1}.rps-pick small{font-size:14px;font-weight:700}.cards{display:flex;gap:18px}.pc{width:108px;height:150px;border-radius:14px;background:#fff;box-shadow:0 5px #1f174733;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:54px;font-weight:800;color:var(--ink)}.pc small{font-size:28px}.pc.nxt{background:#c7d2fe;color:#6366f1}.pc.nxt.flip{background:#fff;color:var(--ink)}.gn-hint{font-size:18px;font-weight:700;color:var(--ink);text-align:center;min-height:48px}.gn-disp{font-size:54px;font-weight:800;color:var(--ink);background:#fff;border-radius:16px;padding:4px 24px;min-width:160px;text-align:center}.gn-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,340px)}.gn-pad .qz-btn{min-height:52px;font-size:24px;padding:8px}.gn-pad .go{background:#34d399}.gem{font-size:110px;background:none;border:0;cursor:pointer;touch-action:manipulation;transition:transform .06s;filter:drop-shadow(0 8px 10px rgba(124,58,237,.4));line-height:1}.gem.pop,.gem:active{transform:scale(.88)}.shop{display:grid;grid-template-columns:1fr;gap:8px;width:min(100%,420px)}.qz-btn.up{font-size:17px;padding:10px;min-height:0;text-align:left}.qz-btn.up small{font-size:13px;font-weight:600;color:var(--muted)}.qz-btn:disabled{opacity:.5}.hanoi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,520px)}.hpeg{height:260px;background:#ffffff8c;border-radius:16px;display:flex;flex-direction:column-reverse;align-items:center;padding:8px 6px;gap:4px;position:relative;cursor:pointer;touch-action:manipulation}.hpeg:before{content:"";position:absolute;left:50%;top:14px;bottom:6px;width:8px;margin-left:-4px;background:#cbd5e1;border-radius:4px}.hpeg.sel{outline:4px solid #6366f1}.hpeg i{position:relative;height:24px;border-radius:12px;box-shadow:0 2px #0003}.hpeg i.lift{box-shadow:0 0 0 3px #fff,0 4px 10px #0000004d}.flood{display:grid;grid-template-columns:repeat(var(--n, 7),1fr);width:min(100%,420px);aspect-ratio:1;border-radius:12px;overflow:hidden}.flood i{display:block;transition:background .15s}.flood-pal{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.fcol{width:48px;height:48px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px #0003;cursor:pointer;touch-action:manipulation}.cb-hist{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:hidden}.cb-row{display:flex;gap:8px;align-items:center;justify-content:center}.cb-row>i,.cbp{width:40px;height:40px;border-radius:50%;border:0;display:block;padding:0;box-shadow:inset 0 -3px #0000002e}.cbp{cursor:pointer;touch-action:manipulation}.cbp.pick{width:46px;height:46px;border:3px solid transparent}.cbp.pick.on{border-color:var(--ink)}.cb-pal{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.fb{display:grid;grid-template-columns:repeat(2,12px);gap:3px;margin-left:6px}.fb u{width:12px;height:12px;border-radius:50%;display:block}.fb u.b{background:#111827}.fb u.w{background:#fff;border:2px solid #111827;box-sizing:border-box}.cb-go{width:min(100%,240px);background:#34d399}.ws-ans,.ws-let{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.ws-ans.ok .wtile{background:#86efac}.ws-ans.no .wtile{background:#fca5a5}.wtile{width:46px;height:54px;border:0;border-radius:12px;background:#fff;font:inherit;font-size:28px;font-weight:800;color:var(--ink);box-shadow:0 4px #1f174733;cursor:pointer;padding:0;touch-action:manipulation}.wtile.slot{background:#ffffff80;box-shadow:inset 0 2px #0000001a}.wtile.slot.on{background:#fff;box-shadow:0 4px #1f174733}.wtile.gone{visibility:hidden}.hm-fig{display:flex;gap:20px;align-items:center;font-size:60px}.hm-left{font-size:16px;max-width:140px}.hm-word{font-size:clamp(26px,8vw,40px);font-weight:800;letter-spacing:3px;color:var(--ink);text-align:center;word-break:break-all}.hm-keys{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:min(100%,480px)}.hk,.wk{min-width:38px;height:46px;border:0;border-radius:10px;background:#fff;font:inherit;font-size:18px;font-weight:800;color:var(--ink);box-shadow:0 3px #1f174733;cursor:pointer;touch-action:manipulation;padding:0 4px}.hk:disabled{opacity:.5}.hk.good,.wk.g{background:#86efac}.hk.bad,.wk.x{background:#cbd5e1;color:#64748b}.wk.y{background:#fde68a}.wg-board{display:grid;gap:5px}.wg-row{display:flex;gap:5px;justify-content:center}.wg-row i{width:46px;height:46px;border-radius:8px;background:#fff9;border:2px solid rgba(31,23,71,.15);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:26px;font-weight:800;color:var(--ink);box-sizing:border-box}.wg-row i.f{border-color:var(--ink);background:#fff}.wg-row i.g{background:#4ade80;border-color:#4ade80;color:#fff}.wg-row i.y{background:#facc15;border-color:#facc15;color:#fff}.wg-row i.x{background:#94a3b8;border-color:#94a3b8;color:#fff}.wg-msg{min-height:22px;font-weight:700;color:var(--ink)}.wg-keys{display:grid;gap:6px;width:min(100%,480px)}.wg-krow{display:flex;gap:5px;justify-content:center}.wk{min-width:0;flex:1;max-width:42px;height:50px;font-size:16px}.wk.wide{max-width:64px;font-size:12px}.su{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,320px);aspect-ratio:1;gap:3px;background:var(--ink);padding:3px;border-radius:12px}.suc{border:0;background:#fff;font:inherit;font-size:34px;font-weight:800;color:#3b82f6;padding:0;touch-action:manipulation}.suc.fx{color:var(--ink);background:#e2e8f0}.suc.sel{background:#bfdbfe}.suc.r{margin-left:3px}.suc.d{margin-top:3px}.su-pad{display:flex;gap:8px}.su-pad .qz-btn{min-width:56px;min-height:52px;font-size:24px;padding:6px 12px}.peg-board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:min(100%,400px)}.hole{aspect-ratio:1;border-radius:50%;border:0;padding:0;background:#78350f;box-shadow:inset 0 3px 4px #00000080;touch-action:manipulation}.hole.void{visibility:hidden}.hole.peg{background:radial-gradient(circle at 35% 30%,#fde68a,#f59e0b);box-shadow:0 3px #92400e}.hole.sel{background:radial-gradient(circle at 35% 30%,#fecaca,#ef4444)}.hole.tgt{background:#16a34a}.tubes{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:min(100%,520px)}.tube{width:52px;height:170px;border:4px solid rgba(31,23,71,.35);border-top-color:transparent;border-radius:4px 4px 26px 26px;background:#ffffff80;display:flex;flex-direction:column-reverse;padding:0;overflow:hidden;touch-action:manipulation}.tube.sel{transform:translateY(-14px);border-color:#6366f1;border-top-color:transparent}.tube i{display:block;height:25%}.msg3d{position:absolute;left:0;right:0;top:8px;text-align:center;font-weight:800;font-size:18px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);pointer-events:none}