:root{--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--paper:#fff;--soft:#f5f5f7;--blue:#3276f6;--green:#32a778;--purple:#8b5cf6}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--soft);-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}.skip-link{position:fixed;top:-60px;left:16px;z-index:99;background:var(--ink);color:#fff;padding:10px 14px;border-radius:9px}.skip-link:focus{top:12px}.app-shell{min-height:100dvh}.topbar{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);position:relative;z-index:10}.brand{width:max-content;color:var(--ink);font-weight:600;text-decoration:none}.product-brand{display:flex;align-items:center;gap:9px;font-size:.84rem;font-weight:600}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:#fff;font-size:.95rem}.site-nav{display:flex;justify-content:flex-end;gap:1.35rem}.site-nav a{color:var(--muted);font-size:.75rem;text-decoration:none}.site-nav a:hover{color:var(--ink)}.mobile-home{display:none;color:var(--ink)}svg{width:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.library{max-width:1180px;margin:auto;padding:clamp(54px,8vw,96px) 28px 44px}.library-copy{text-align:center;max-width:720px;margin:0 auto 52px}.eyebrow{display:block;color:#86868b;font-size:.68rem;font-weight:700;letter-spacing:.16em;margin-bottom:12px}.library h1{font-size:clamp(2.8rem,6.2vw,5rem);line-height:.96;letter-spacing:-.055em;margin:0 0 24px}.library h1 span{color:#86868b}.library-copy p{max-width:570px;margin:auto;color:var(--muted);font-size:1.03rem;line-height:1.65}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{min-width:0;padding:0;border:1px solid rgba(0,0,0,.09);border-radius:22px;overflow:hidden;background:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 32px rgba(0,0,0,.06);transition:transform .25s,box-shadow .25s}.game-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(0,0,0,.12)}.game-card:focus-visible,.round-button:focus-visible,.back-button:focus-visible,.touch-button:focus-visible,#overlay-button:focus-visible{outline:3px solid rgba(50,118,246,.35);outline-offset:3px}.card-art{height:230px;display:block;position:relative;overflow:hidden}.snake-card .card-art{background:#dff7ea;background-image:radial-gradient(#b0dcc5 1px,transparent 1px);background-size:18px 18px}.snake-pixel{position:absolute;width:38px;height:38px;border-radius:11px;background:#25865f;box-shadow:inset 0 -4px rgba(0,0,0,.09)}.s1{left:24%;top:45%}.s2{left:34%;top:45%}.s3{left:44%;top:45%}.s4{left:44%;top:29%}.s4:after{content:'•  •';position:absolute;left:8px;top:2px;color:#fff;font-weight:900;font-size:12px;letter-spacing:4px}.snake-food{position:absolute;width:27px;height:27px;left:67%;top:35%;border-radius:50% 50% 48% 48%;background:#ee5b55;box-shadow:inset 0 -3px rgba(0,0,0,.08)}.snake-food:before{content:'';position:absolute;width:3px;height:9px;background:#5b7741;left:13px;top:-6px;transform:rotate(18deg)}.tetris-card .card-art{background:#f1eaff}.blocks-art{display:grid;grid-template-columns:repeat(6,34px);grid-auto-rows:34px;align-content:center;justify-content:center;gap:4px}.blocks-art i{border-radius:7px;background:#7556d9;box-shadow:inset 0 -4px rgba(0,0,0,.1)}.blocks-art i:nth-child(1){grid-column:2;grid-row:1}.blocks-art i:nth-child(2){grid-column:2;grid-row:2}.blocks-art i:nth-child(3){grid-column:3;grid-row:2}.blocks-art i:nth-child(4){grid-column:4;grid-row:2;background:#d75691}.blocks-art i:nth-child(5){grid-column:4;grid-row:3;background:#d75691}.blocks-art i:nth-child(6){grid-column:5;grid-row:3;background:#d75691}.blocks-art i:nth-child(7){grid-column:3;grid-row:4;background:#edaa32}.blocks-art i:nth-child(8){grid-column:4;grid-row:4;background:#edaa32}.blocks-art i:nth-child(9){grid-column:5;grid-row:4;background:#edaa32}.space-card .card-art{background:#e5edff;background-image:radial-gradient(#fff 1.5px,transparent 1.5px);background-size:31px 31px}.planet{position:absolute;border:4px solid #315b9f;border-radius:50%}.p1{width:58px;height:58px;left:16%;top:27%}.p2{width:34px;height:34px;right:15%;bottom:22%}.ship-shape{position:absolute;left:48%;top:42%;width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:45px solid #2d5fbd;transform:rotate(-14deg);filter:drop-shadow(-8px 2px 0 #89a9e7)}.laser{position:absolute;width:54px;height:4px;background:#e75d57;left:63%;top:39%;transform:rotate(-14deg);border-radius:4px}.star{position:absolute;width:5px;height:5px;background:#5d7db6;border-radius:50%}.x1{left:33%;top:20%}.x2{left:76%;top:22%}.x3{left:28%;bottom:20%}.card-meta{min-height:130px;display:flex;align-items:center;justify-content:space-between;padding:24px}.card-meta small,.card-meta strong,.card-meta em{display:block}.card-meta small{color:#86868b;font-size:.6rem;letter-spacing:.13em;font-weight:700;margin-bottom:7px}.card-meta strong{font-size:1.42rem;letter-spacing:-.025em}.card-meta em{font-size:.78rem;color:var(--muted);font-style:normal;margin-top:5px}.play-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--soft);font-size:1.1rem;transition:.2s}.game-card:hover .play-icon{background:var(--ink);color:#fff}.library-note{text-align:center;color:#86868b;font-size:.7rem;margin:34px 0 0}.library-note span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32a778;margin-right:7px}.player{min-height:calc(100dvh - 66px);padding:22px max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));max-width:1440px;margin:auto}.player-bar{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:16px}.back-button{justify-self:start;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;padding:10px}.back-button span{font-size:1.1rem;margin-right:6px}.game-identity{display:flex;align-items:center;gap:9px;font-size:.88rem}.game-dot{width:10px;height:10px;border-radius:3px;background:var(--green)}.player-actions{justify-self:end;display:flex;align-items:center;gap:10px}.score-box{min-width:66px;padding-right:10px;border-right:1px solid var(--line)}.score-box small,.score-box strong{display:block}.score-box small{font-size:.52rem;color:#86868b;letter-spacing:.13em}.score-box strong{font-size:1rem;font-variant-numeric:tabular-nums}.round-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;font-weight:700}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;min-height:calc(100dvh - 158px)}.stage-shell{position:relative;min-height:0;border-radius:20px;background:#11151d;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.12);display:grid;place-items:center}.stage-shell:fullscreen{border-radius:0}canvas{display:block;width:100%;height:100%;max-height:calc(100dvh - 158px);object-fit:contain;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(13,17,24,.7);backdrop-filter:blur(8px);color:#fff;padding:24px}.game-overlay[hidden]{display:none}.overlay-kicker{font-size:.63rem;letter-spacing:.18em;color:#9ba9ba;font-weight:700}.game-overlay h2{font-size:clamp(2.3rem,6vw,4.8rem);letter-spacing:-.055em;margin:10px 0}.game-overlay p{color:#c7cfda;font-size:.86rem;margin:0 0 24px}.game-overlay button{border:0;border-radius:980px;background:#fff;color:var(--ink);font-weight:600;padding:12px 25px;cursor:pointer}.game-guide{border:1px solid var(--line);border-radius:20px;background:#fff;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.game-guide h2{font-size:1.35rem;letter-spacing:-.025em;margin:0 0 10px}.game-guide p{font-size:.8rem;line-height:1.6;color:var(--muted);margin:0}.key-guide{display:grid;gap:10px;margin:26px 0}.key-row{display:flex;align-items:center;justify-content:space-between;color:#6e6e73;font-size:.72rem}.keys{display:flex;gap:4px}.key{min-width:28px;height:27px;padding:0 6px;display:grid;place-items:center;border:1px solid #c9c9ce;border-bottom-width:3px;border-radius:6px;background:#fafafa;color:#424245;font-size:.66rem;font-style:normal}.best-note{border-top:1px solid #e8e8ed;padding-top:18px!important}.touch-controls{display:none}.touch-button{border:1px solid rgba(255,255,255,.15);background:#282e39;color:#fff;border-radius:16px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}.touch-button.active{background:#485368;transform:scale(.96)}
@media(max-width:900px){.site-nav{display:none}.mobile-home{display:block;justify-self:end}.game-grid{grid-template-columns:1fr;max-width:580px;margin:auto}.card-art{height:190px}.game-card{display:grid;grid-template-columns:44% 56%}.card-meta{height:100%;min-height:190px}.play-area{grid-template-columns:1fr}.game-guide{display:none}.stage-shell{min-height:calc(100dvh - 270px)}canvas{max-height:calc(100dvh - 270px)}.touch-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;height:88px;padding-top:10px}.touch-button{font-size:1.15rem}.touch-button.wide{grid-column:span 2;font-size:.72rem}.player{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.player-bar{margin-bottom:8px}.secondary-stat{display:none}.play-area{min-height:0}.library{padding-top:50px}.library-copy{margin-bottom:36px}}
@media(max-width:560px){.topbar{height:58px;padding:0 15px}.product-brand{position:absolute;left:50%;transform:translateX(-50%)}.brand{font-size:.85rem}.brand-mark{width:28px;height:28px}.library{padding:42px 16px 30px}.library h1{font-size:2.4rem}.library-copy p{font-size:.9rem}.game-card{grid-template-columns:40% 60%;border-radius:18px}.card-art,.card-meta{height:150px;min-height:150px}.card-meta{padding:18px}.card-meta strong{font-size:1.18rem}.card-meta em{font-size:.68rem}.play-icon{display:none}.blocks-art{grid-template-columns:repeat(6,20px);grid-auto-rows:20px;gap:3px}.snake-pixel{width:25px;height:25px;border-radius:7px}.s4:after{display:none}.snake-food{width:18px;height:18px}.player{min-height:calc(100dvh - 58px)}.player-bar{grid-template-columns:auto 1fr auto;height:46px}.game-identity{justify-self:center}.back-button{font-size:0;width:40px}.back-button span{font-size:1.25rem;margin:0}.score-box{min-width:44px}.player-actions{gap:6px}.round-button{width:32px;height:32px}.game-identity strong{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-shell{border-radius:15px;min-height:calc(100dvh - 212px)}canvas{max-height:calc(100dvh - 212px)}.touch-controls{height:88px}.game-overlay h2{font-size:2.5rem}.game-overlay p{max-width:270px}.game-overlay button{padding:11px 22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}