.pzm-game{--ck-a: #c8202a;--ck-a2: #7d0f17;--ck-a-ink: #ffe9a8;--ck-b: #f6f1df;--ck-b2: #b9ad8a;--ck-b-ink: #5a4a1c;--ck-pale: #c9cff5}.pzm-game[data-theme=water]{--ck-a: #1a2440;--ck-a2: #05080f;--ck-a-ink: #ffd166;--ck-b: #fff6dc;--ck-b2: #c9b98a;--ck-b-ink: #6a4d00;--ck-pale: #c4ecf8}.pzm-game[data-theme=forest]{--ck-a: #7a1f16;--ck-a2: #3d0b06;--ck-a-ink: #ffd9a0;--ck-b: #fbf3cf;--ck-b2: #bfb27c;--ck-b-ink: #5c4a10;--ck-pale: #dcecc4}.ck-board{position:relative;width:min(100%,440px,calc(100svh - 296px));min-width:250px;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:10px;overflow:hidden;box-shadow:0 0 0 4px var(--g-board),0 6px 18px #00000059;margin:4px;touch-action:manipulation}.ck-board:focus-visible{outline:3px solid var(--g-accent);outline-offset:5px}.ck-sq{position:relative;background:var(--ck-pale);min-width:0;min-height:0}.ck-play{background:var(--g-cell);cursor:pointer}.ck-last{background:color-mix(in srgb,var(--g-accent) 38%,var(--g-cell))}.ck-sel{background:color-mix(in srgb,var(--g-accent) 70%,var(--g-cell))}.ck-must:before,.ck-hint:before,.ck-cur:before{content:"";position:absolute;inset:3px;border-radius:50%;border:3px solid var(--g-warn);z-index:3;pointer-events:none}.ck-must:before{animation:ck-pulse 1.1s ease-in-out infinite}.ck-hint:before{border-color:var(--g-good);border-style:dashed}.ck-hint-from:before{border-style:solid}.ck-cur:before{inset:1px;border-radius:6px;border:3px solid var(--g-ink);box-shadow:0 0 0 2px var(--g-board) inset}.ck-target:after{content:"";position:absolute;left:34%;top:34%;width:32%;height:32%;border-radius:50%;background:var(--g-accent);box-shadow:0 0 0 3px #0000004d;z-index:3;pointer-events:none}.ck-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.ck-piece{position:absolute;width:12.5%;height:12.5%;display:grid;place-items:center;transition:opacity .22s}.ck-disc{width:80%;height:80%;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 0 1px #00000073,inset 0 0 0 2px #ffffff47}.ck-disc:before{content:"";grid-area:1 / 1;width:68%;height:68%;border-radius:50%;border:2px solid;opacity:.5}.ck-disc svg{grid-area:1 / 1;width:62%;height:62%;display:none;fill:currentColor}.ck-a .ck-disc{background:var(--ck-a);border:2px solid var(--ck-a2);color:var(--ck-a-ink)}.ck-a .ck-disc:before{border-color:var(--ck-a2);opacity:.9}.ck-b .ck-disc{background:var(--ck-b);border:2px solid var(--ck-b2);color:var(--ck-b-ink)}.ck-b .ck-disc:before{border-color:var(--ck-b2);opacity:.9}.ck-king .ck-disc svg{display:block}.ck-king .ck-disc:before{display:none}.ck-king .ck-disc{box-shadow:0 2px 0 1px #00000073,0 0 0 2px var(--g-accent)}.ck-out{opacity:0}.ck-taken{opacity:.3}@keyframes ck-pulse{50%{opacity:.35}}.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}
