.pocket-games{padding-bottom:2rem}.pocket-back-link{color:var(--muted-text);margin:.5rem 0 1rem;font-size:.9rem;display:inline-block}.pocket-hero{padding:.5rem 0 1rem}.pocket-hero h1{letter-spacing:-.035em;margin:0 0 .65rem;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15}.pocket-lead{color:var(--muted-text);margin:0}.pocket-jump{gap:1.25rem;margin-top:1rem;font-size:.9rem;display:flex}.pocket-section{margin:2rem 0;scroll-margin-top:6rem}.pocket-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.pocket-section-heading h2{letter-spacing:-.02em;margin:0;font-size:1.35rem}.pocket-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.pocket-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:10px;min-width:0;overflow:hidden}.pocket-card.is-selected{outline:2px solid var(--primary-color);outline-offset:2px}.pocket-card__art{background:var(--surface-muted);place-items:center;height:112px;display:grid;position:relative;overflow:hidden}.pocket-card__art img{object-fit:contain;width:100%;height:112px;max-height:112px;image-rendering:pixelated;display:block}.pocket-snake{background:var(--primary-color);width:14px;height:14px;box-shadow:-16px 0 var(--primary-color),-32px 0 var(--primary-color),-32px 16px var(--primary-color),-32px 32px var(--primary-color),-48px 32px var(--primary-color),-64px 32px var(--primary-color);transform:translate(32px,-16px)}.pocket-food{background:var(--accent-color);width:12px;height:12px;position:absolute;top:40px;left:calc(50% + 64px)}.pocket-discs{grid-template-columns:repeat(4,15px);gap:7px;display:grid}.pocket-discs i{background:var(--card-border);border-radius:50%;width:15px;height:15px}.pocket-discs i:nth-child(3n){background:var(--accent-color)}.pocket-discs i:nth-child(5n){background:var(--primary-color)}.pocket-cells{background:var(--primary-color);width:12px;height:12px;box-shadow:-14px 0 var(--primary-color),14px 0 var(--primary-color),14px -14px var(--primary-color),0 -28px var(--primary-color),-42px 28px var(--muted-text),-56px 28px var(--muted-text),-42px 42px var(--muted-text),-56px 42px var(--muted-text),56px -14px var(--accent-color),56px 0 var(--accent-color),56px 14px var(--accent-color)}.pocket-card__body{padding:1rem}.pocket-card h3{overflow-wrap:anywhere;margin:0 0 .65rem;font-size:1.1rem}.pocket-card__actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.pocket-card__actions button{flex:1}.pocket-card__actions a{justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:.8rem;display:inline-flex}.pocket-source{color:var(--muted-text)}.pocket-card button,.pocket-player button{font:600 .85rem/1.4 var(--font-sans);border:1px solid var(--primary-strong);background:var(--primary-strong);min-height:44px;color:var(--bg-elevated);cursor:pointer;border-radius:7px;padding:.6rem .8rem}.pocket-games [hidden]{display:none}.pocket-games button:focus-visible,.pocket-player canvas:focus-visible{outline:3px solid var(--primary-color);outline-offset:4px}.pocket-games button:hover:not(:disabled){filter:brightness(1.12)}.pocket-credit{color:var(--muted-text);font-size:.8rem;line-height:1.6}.pocket-player{border:1px solid var(--card-border);background:var(--card-bg);border-radius:10px;margin:1.5rem 0 2rem;padding:1.25rem;scroll-margin-top:6rem}.pocket-player__display{background:#29302f;border-radius:8px;max-width:640px;margin:1rem auto;padding:8px}.pocket-player canvas{aspect-ratio:320/222;width:100%;height:auto;image-rendering:pixelated;background:#fff;display:block}.pocket-player :is([data-player-status],[data-ti-status],.pocket-player__help){color:var(--muted-text);margin:.5rem 0;font-size:.85rem;line-height:1.6}.pocket-ti-display iframe{aspect-ratio:3/2;background:#fff;border:0;width:100%;display:block}.pocket-ti-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:420px;margin:1rem auto;display:flex}.pocket-ti-controls button{touch-action:none;user-select:none;background:var(--surface-muted);border-color:var(--input-border);min-width:48px;color:var(--text-color)}.pocket-ti-controls button.is-pressed{background:var(--primary-strong);color:var(--bg-elevated)}.pocket-keypad{grid-template-rows:repeat(2,minmax(48px,auto));grid-template-columns:repeat(5,minmax(44px,58px));gap:6px;width:fit-content;margin:1rem auto;display:grid}.pocket-keypad button{touch-action:none;user-select:none;overflow-wrap:anywhere;background:var(--surface-muted);color:var(--text-color);border-color:var(--input-border);padding:.35rem .1rem}.pocket-keypad button.is-pressed{background:var(--primary-strong);color:var(--bg-elevated)}.pocket-key--up{grid-area:1/2}.pocket-key--left{grid-area:2/1}.pocket-key--down{grid-area:2/2}.pocket-key--right{grid-area:2/3}.pocket-key--ok{grid-area:2/4/auto/6}.pocket-key--pause{grid-area:1/4/auto/6;font-size:.72rem!important}.pocket-keypad[data-layout=horizontal]{justify-content:center;gap:.5rem;display:flex}.pocket-keypad[data-layout=horizontal] button{min-width:64px}.pocket-player__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pocket-player__actions a{align-items:center;min-height:44px;padding:0 .2rem;font-size:.85rem;display:inline-flex}.pocket-player button.pocket-secondary,.pocket-player [data-stop],.pocket-player [data-restart]{background:var(--surface-muted);color:var(--text-color);border-color:var(--border-color)}.pocket-player button:disabled{cursor:default;opacity:.5}.pocket-player:fullscreen{background:var(--bg-color);border:0;border-radius:0;padding:1.25rem max(1rem,50vw - 450px);overflow:auto}.pocket-details{border-top:1px solid var(--divider-color);margin-top:2rem;padding:1.25rem 0}.pocket-details>summary{box-sizing:border-box;cursor:pointer;min-height:44px;color:var(--primary-color);padding:.65rem 0;font-size:.9rem;font-weight:600}.pocket-details__body{max-width:74ch;color:var(--muted-text);padding-top:.75rem;font-size:.9rem;line-height:1.65}.pocket-details__body h2{color:var(--text-color);margin:1rem 0 .5rem;font-size:1rem}.pocket-notice{color:var(--muted-text);font-size:.85rem}@media (width<=720px){.pocket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.pocket-hero h1{font-size:2rem}.pocket-grid{grid-template-columns:1fr}.pocket-card{grid-template-columns:88px minmax(0,1fr);display:grid}.pocket-card__art{height:100%;min-height:112px}.pocket-card__art img{height:auto}.pocket-card__body{padding:.75rem}.pocket-card__actions{gap:.5rem}.pocket-snake{transform:translate(16px,-12px)scale(.65)}.pocket-food{width:8px;height:8px;top:calc(50% - 20px);left:calc(50% + 28px)}.pocket-discs{grid-template-columns:repeat(4,10px);gap:5px}.pocket-discs i{width:10px;height:10px}.pocket-cells{transform:scale(.65)}.pocket-player{padding:16px}.pocket-keypad{grid-template-columns:repeat(5,minmax(0,1fr));width:100%}}.pocket-blocks{grid-template-columns:repeat(3,20px);gap:3px;display:grid;transform:rotate(-8deg)}.pocket-blocks i{background:#8b5cf6;border-radius:2px;width:20px;height:20px;box-shadow:inset 2px 2px #ffffff40}.pocket-blocks i:nth-child(3n){background:#f59e0b}.pocket-blocks i:nth-child(4n){background:#22b8cf}.pocket-blocks i:first-child{visibility:hidden}.pocket-mines{grid-template-columns:repeat(3,22px);gap:2px;display:grid}.pocket-mines i{color:#1550a4;background:#cbd5e1;place-items:center;width:22px;height:22px;font:700 16px/1 monospace;display:grid;box-shadow:inset 2px 2px #ffffff80}.pocket-mines i:nth-child(5){color:#b91c1c}.pocket-keypad[data-layout=mines]{flex-wrap:wrap;justify-content:center;width:100%;max-width:440px;display:flex}.pocket-keypad[data-layout=mines] button{min-width:64px;padding:.5rem}.pocket-casio-player canvas{aspect-ratio:2}.pocket-keypad[data-layout=casio]{flex-wrap:wrap;justify-content:center;width:100%;max-width:440px;display:flex}.pocket-keypad[data-layout=casio] button{min-width:52px;padding:.5rem}.pocket-tiles{grid-template-columns:repeat(2,32px);gap:4px;display:grid;transform:rotate(-6deg)}.pocket-tiles i{color:#776e65;background:#eee4da;border-radius:4px;place-items:center;width:32px;height:32px;font:700 20px/1 monospace;display:grid}.pocket-tiles i:nth-child(2){background:#ede0c8}.pocket-tiles i:nth-child(3){color:#fff;background:#f2b179}.pocket-tiles i:nth-child(4){color:#fff;background:#f59563}.pocket-breakout{grid-template-columns:repeat(3,22px);align-content:start;gap:3px;width:72px;height:76px;display:grid;position:relative}.pocket-breakout i{background:#e85d75;border-radius:2px;height:10px}.pocket-breakout i:nth-child(n+4){background:#f6b44b}.pocket-breakout b{background:var(--primary-color);border-radius:50%;width:7px;height:7px;position:absolute;top:42px;left:45px}.pocket-breakout em{background:var(--primary-color);border-radius:3px;width:30px;height:6px;position:absolute;bottom:0;left:20px}.pocket-install-link{min-height:44px;color:var(--primary-color);align-items:center;font-size:.9rem;display:inline-flex}.pocket-install-guide{max-width:860px;color:var(--text-color);padding-bottom:2rem}.pocket-install-header h1{letter-spacing:-.03em;margin:.5rem 0 1rem;font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.15}.pocket-install-header p{color:var(--muted-text)}.pocket-install-nav{flex-wrap:wrap;gap:.25rem 1.5rem;margin:1rem 0;display:flex}.pocket-install-nav a{align-items:center;min-height:44px;display:inline-flex}.pocket-install-section{border:1px solid var(--card-border);background:var(--card-bg);border-radius:10px;margin:1.5rem 0;padding:1.5rem;scroll-margin-top:6rem}.pocket-install-section h2{letter-spacing:-.02em;margin-top:0;font-size:1.45rem}.pocket-install-section h3{font-size:1.1rem}.pocket-install-section :is(p,li){line-height:1.7}.pocket-install-section ol{padding-left:1.4rem}.pocket-install-section li+li{margin-top:.75rem}.pocket-install-guide :is(a,code){overflow-wrap:anywhere}.pocket-install-guide code{font-size:.9em}.pocket-install-help{border-top:1px solid var(--divider-color);padding-top:.75rem}.pocket-install-sources,.pocket-install-note{color:var(--muted-text);font-size:.9rem;line-height:1.7}@media (width<=480px){.pocket-install-section{padding:1rem}}.pocket-playback-options{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0;display:flex}.pocket-playback-options label{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.pocket-playback-options select{max-width:100%;min-height:44px;font:inherit;border:1px solid var(--input-border);color:var(--text-color);background:var(--surface-muted);border-radius:7px;padding:.5rem;font-size:1rem}.pocket-keypad[data-layout=mines]{grid-template-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pocket-keypad[data-layout=mines] button{min-width:0}.pocket-keypad[data-layout=mines] [data-key="4"]{grid-area:3/1}.pocket-keypad[data-layout=mines] [data-key="16"]{grid-area:3/2}.pocket-keypad[data-layout=mines] [data-key="17"]{grid-area:3/3}.pocket-keypad[data-layout=mines] [data-key="12"]{grid-area:4/1}.pocket-keypad[data-layout=mines] [data-key="13"]{grid-area:4/2}.pocket-keypad[data-layout=mines] [data-key="14"]{grid-area:4/3}.pocket-keypad[data-layout=directional]{grid-template-columns:repeat(3,minmax(44px,64px));width:fit-content;max-width:100%}.pocket-keypad[data-layout=directional] .pocket-key--pause{grid-area:3/1/auto/3}.pocket-keypad[data-layout=directional] .pocket-key--ok{grid-area:3/3}