.wg-grid{--cols: 5;width:min(100%,330px,max(240px,calc((100svh - 420px)*.82)));display:grid;gap:5px}.wg-row{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:5px}.wg-tile,.wg-key{position:relative;--wg-bg: var(--g-cell);--wg-ink: var(--g-ink);background:var(--wg-bg);color:var(--wg-ink)}.wg-tile{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;border:2px solid var(--g-line);font:800 clamp(22px,7.5vw,32px)/1 var(--display, system-ui, sans-serif);background:#0000002e}.wg-filled{border-color:var(--g-muted);animation:wg-pop .1s ease-out}.wg-tile.wg-hit,.wg-key.wg-hit{--wg-bg: var(--g-good);--wg-ink: #04240f;border-color:transparent}.wg-tile.wg-near,.wg-key.wg-near{--wg-bg: var(--g-warn);--wg-ink: #3a2600;border-color:transparent}.wg-tile.wg-miss,.wg-key.wg-miss{--wg-bg: #14172f;--wg-ink: #e6e8f5;border-color:transparent}.wg-tile.wg-hit,.wg-tile.wg-near,.wg-tile.wg-miss{background:var(--wg-bg)}.wg-hit:after{content:"";position:absolute;top:0;right:0;width:28%;height:28%;background:var(--wg-ink);clip-path:polygon(0 0,100% 0,100% 100%);border-top-right-radius:6px;opacity:.85}.wg-near:after{content:"";position:absolute;top:9%;right:9%;width:16%;aspect-ratio:1;border-radius:50%;background:var(--wg-ink);opacity:.85}.wg-key.wg-hit:after{width:10px;height:10px;border-top-right-radius:7px}.wg-key.wg-near:after{top:4px;right:4px;width:6px}.wg-flip{animation:wg-flip .42s ease-in-out var(--d, 0ms) backwards}.wg-flip:after{animation:wg-mark .42s step-end var(--d, 0ms) backwards}@keyframes wg-flip{0%{transform:rotateX(0);background:#0000002e;color:var(--g-ink);border-color:var(--g-muted)}49%{transform:rotateX(90deg);background:#0000002e;color:var(--g-ink);border-color:var(--g-muted)}50%{transform:rotateX(90deg);background:var(--wg-bg);color:var(--wg-ink);border-color:transparent}to{transform:rotateX(0)}}@keyframes wg-mark{0%{opacity:0}50%{opacity:.85}}@keyframes wg-pop{0%{transform:scale(.86)}to{transform:scale(1)}}.wg-shake{animation:wg-shake .32s linear}@keyframes wg-shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.wg-keys{width:min(100% + 12px,500px);min-height:156px;display:grid;gap:6px;touch-action:manipulation}.wg-keyrow{display:flex;justify-content:center;gap:3px}.wg-key{flex:1 1 0;min-width:0;max-width:46px;height:48px;padding:0;border:0;border-radius:8px;font:700 17px/1 var(--display, system-ui, sans-serif);cursor:pointer;--wg-bg: var(--g-cell2);display:grid;place-items:center}.wg-key.wg-wide{flex:1.6 1 0;max-width:74px;font-size:13px}.wg-key.wg-back{font-size:20px}.wg-key:active{filter:brightness(1.25)}.wg-key.wg-miss{--wg-ink: #9aa0c8}.wg-keys[hidden]{display:none}.wg-result{width:min(100%,420px);background:var(--g-panel);border:1px solid var(--g-line);border-radius:14px;padding:10px 12px;display:grid;gap:6px;text-align:center}.wg-result[hidden]{display:none}.wg-result p{margin:0}.wg-result-title{font:800 18px var(--display, system-ui, sans-serif);color:var(--g-accent)}.wg-result-note{color:var(--g-muted);font-size:14px}.wg-result-foot{display:flex;gap:8px;flex-wrap:wrap}.wg-result-foot .pzg-btn{flex:1}[data-theme=water] .wg-tile.wg-miss,[data-theme=water] .wg-key.wg-miss{--wg-bg: #062a3d}[data-theme=forest] .wg-tile.wg-miss,[data-theme=forest] .wg-key.wg-miss{--wg-bg: #10281a}[data-theme=forest] .wg-tile.wg-hit,[data-theme=forest] .wg-key.wg-hit{--wg-ink: #12300a}.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}