.pzm-game[data-game=snake]{--sn-tile: var(--g-board);--sn-tile2: #1c2163;--sn-wall: var(--g-line);--sn-body: #3ddc5a;--sn-edge: #1c9438;--sn-mark: #a9f7a4;--sn-pattern: stripe;--sn-food: #ff4d4d;--sn-food2: #c62828;--sn-leaf: #5fe08a;--sn-food-kind: apple;--sn-block: #8f9bf5;--sn-block2: #5562c9}.pzm-game[data-game=snake][data-theme=water]{--sn-tile2: #0b4967;--sn-body: #ffd166;--sn-edge: #b98322;--sn-mark: #14394d;--sn-pattern: bands;--sn-food: #fff7fb;--sn-food2: #ff9eb8;--sn-leaf: #ffd1dd;--sn-food-kind: pearl;--sn-block: #7fa9bd;--sn-block2: #557e92}.pzm-game[data-game=snake][data-theme=forest]{--sn-tile2: #1a4426;--sn-body: #8fd14f;--sn-edge: #3f7d22;--sn-mark: #d9f5a8;--sn-pattern: leaf;--sn-food: #e0407f;--sn-food2: #9c1f52;--sn-leaf: #b6ec7a;--sn-food-kind: berry;--sn-block: #a8733a;--sn-block2: #74491f}.sn-wrap{position:relative;width:min(100%,440px,max(240px,calc(100svh - 292px)));aspect-ratio:1;box-sizing:border-box;border:4px solid var(--sn-wall);border-radius:12px;overflow:hidden;background:var(--sn-tile)}.sn-wrap.sn-open{border-style:dashed;border-color:var(--g-accent)}.sn-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:pointer}.sn-overlay{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:12px;text-align:center;pointer-events:none;background:#000000a8;color:#fff}.sn-overlay[hidden]{display:none}.sn-overlay b{font:800 clamp(16px,4.6vw,20px)/1.2 var(--display, system-ui, sans-serif)}.sn-overlay span{font-size:13px}.sn-pad{display:flex;justify-content:center}.sn-pad .sn-dir{display:none}.sn-pad .pzg-btn{min-height:44px;min-width:96px}@media(hover:none),(pointer:coarse),(max-width:720px){.sn-pad{display:grid;grid-template-columns:repeat(3,76px);grid-template-rows:52px 52px;gap:6px;grid-template-areas:"pause up ." "left down right";touch-action:none}.sn-pad .pzg-btn{min-width:0;min-height:52px;padding:4px}.sn-pad .sn-dir{display:inline-flex;font-size:24px;background:var(--g-cell)}.sn-pad .sn-dir:active{background:var(--g-accent);color:var(--g-accent-ink)}.sn-pause{grid-area:pause;font-size:13px}.sn-up{grid-area:up}.sn-left{grid-area:left}.sn-down{grid-area:down}.sn-right{grid-area:right}}.pzm-game{--g-bg: #1b1f6e;--g-panel: #232a7a;--g-board: #161a52;--g-cell: #2f3a9c;--g-cell2: #3c49b8;--g-ink: #f4f5ff;--g-muted: #c3c8ef;--g-line: #4350b5;--g-accent: #ffc531;--g-accent-ink: #3a2600;--g-good: #2ecc71;--g-bad: #ff5a5a;--g-warn: #ffb020;--g-info: #4aa3ff;--g-a: #ff4d4d;--g-b: #2f8bff;--g-c: #ffd21f;--g-d: #2ecc71;--g-e: #b06cff;--g-f: #ff8a3d;--g-g: #00c2c7;--g-glow: radial-gradient(120% 80% at 50% 0%, #2c35a8 0%, #1b1f6e 60%);display:flex;flex-direction:column;gap:8px;padding:10px;color:var(--g-ink);background:var(--g-bg);background-image:var(--g-glow);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:var(--body, system-ui, sans-serif)}.pzm-game[data-theme=water],.pzg-dialog[data-theme=water]{--g-bg: #0a4d6e;--g-panel: #0f6187;--g-board: #083e59;--g-cell: #15789f;--g-cell2: #2a9bc4;--g-ink: #eefbff;--g-muted: #b5e2f2;--g-line: #2f95bd;--g-accent: #ffd166;--g-accent-ink: #3a2a00;--g-good: #5be3a0;--g-bad: #ff7a7a;--g-info: #8fd8ff;--g-glow: radial-gradient(120% 80% at 50% 0%, #1287b8 0%, #0a4d6e 65%)}.pzm-game[data-theme=forest],.pzg-dialog[data-theme=forest]{--g-bg: #1d4a2a;--g-panel: #2a6238;--g-board: #163a20;--g-cell: #357544;--g-cell2: #4c9358;--g-ink: #f6f8ea;--g-muted: #cfe3c0;--g-line: #4f8f58;--g-accent: #ffb347;--g-accent-ink: #3a2200;--g-good: #9be36a;--g-bad: #ff7b6b;--g-info: #a8e0ff;--g-glow: radial-gradient(120% 80% at 50% 0%, #37804a 0%, #1d4a2a 65%)}.pzm-game.lite{background-image:none}.pzm-game.lite *,.pzm-game.lite *:before,.pzm-game.lite *:after{animation:none!important;transition:none!important;box-shadow:none!important}.pzg-top,.pzg-bottom{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pzg-top{justify-content:space-between}.pzg-modes,.pzg-top-right{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pzg-space{flex:1}.pzg-btn,.pzg-select{font:700 15px/1 var(--display, system-ui, sans-serif);color:var(--g-ink);background:var(--g-panel);border:1px solid var(--g-line);border-radius:12px;min-height:40px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.pzg-select{padding-right:8px;max-width:46vw}.pzg-select option{color:#111;background:#fff}.pzg-btn:hover:not(:disabled){border-color:var(--g-accent)}.pzg-btn:disabled{opacity:.45;cursor:default}.pzg-btn:focus-visible,.pzg-select:focus-visible,.pzg-board :focus-visible{outline:3px solid var(--g-accent);outline-offset:2px}.pzg-new,.pzg-primary,.pzg-btn.on{background:var(--g-accent);color:var(--g-accent-ink);border-color:var(--g-accent)}.pzg-daily.on{background:var(--g-accent);color:var(--g-accent-ink)}.pzg-bottom .pzg-btn{min-width:44px;min-height:44px}@media(max-width:520px){.pzg-stats .pzg-btn-text,.pzg-settings .pzg-btn-text{display:none}}.pzg-status{display:flex;flex-wrap:wrap;gap:6px;min-height:30px;align-items:center}.pzg-chip{font-size:14px;background:#00000038;border-radius:999px;padding:4px 10px;color:var(--g-muted);white-space:nowrap}.pzg-chip b{color:var(--g-ink);font-variant-numeric:tabular-nums}.pzg-chip-daily{background:var(--g-accent);color:var(--g-accent-ink);font-weight:700}.pzg-board-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.pzg-board{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.pzg-toast{position:absolute;left:50%;top:10px;transform:translate(-50%,-8px);background:#000000d1;color:#fff;font-weight:700;font-size:15px;padding:8px 14px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;max-width:92%;text-align:center;z-index:5}.pzg-toast.on{opacity:1;transform:translate(-50%)}.pzg-dialog{border:1px solid var(--g-line);border-radius:20px;padding:0;width:min(92vw,420px);background:var(--g-panel);color:var(--g-ink);--g-panel: #232a7a;--g-ink: #f4f5ff;--g-line: #4350b5;--g-muted: #c3c8ef;--g-accent: #ffc531;--g-accent-ink: #3a2600}.pzg-dialog::backdrop{background:#05081eb3}.pzg-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.pzg-dialog-head h2{font-size:26px}.pzg-x{background:none;border:0;color:var(--g-muted);font-size:20px;min-width:44px;min-height:44px;cursor:pointer}.pzg-dialog-body{padding:6px 16px 12px;display:grid;gap:12px}.pzg-dialog-body p{margin:0}.pzg-dialog-foot{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 16px}.pzg-dialog-foot .pzg-btn{flex:1}.pzg-record{color:var(--g-accent);font-weight:700}.pzg-statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pzg-statgrid>div{background:#00000038;border-radius:12px;padding:8px 6px;text-align:center;display:grid;gap:2px}.pzg-statgrid b{font:800 20px var(--display, system-ui)}.pzg-statgrid span{font-size:12px;color:var(--g-muted)}.pzg-share{display:flex;gap:8px;flex-wrap:wrap}.pzg-share .pzg-btn{flex:1}.pzg-wa{background:#1fa855;border-color:#1fa855;color:#fff}.pzg-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pzg-row small{display:block;color:var(--g-muted);font-weight:400;font-size:12px}.pzg-seg{display:flex;gap:4px}.pzg-help{color:var(--g-muted);font-size:14px}
