.bk-wrap{width:min(100%,440px,calc(100svh - 330px));min-width:250px;display:flex;flex-direction:column;gap:8px;touch-action:none}.bk-grid{--n: 8;position:relative;aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:3px;padding:6px;background:var(--g-board);border-radius:14px;touch-action:none;cursor:pointer}.bk-cell{position:relative;min-width:0;border-radius:6px;background:#ffffff12}.bk-c1{--c: var(--g-a)}.bk-c2{--c: var(--g-b)}.bk-c3{--c: var(--g-c)}.bk-c4{--c: var(--g-d)}.bk-c5{--c: var(--g-e)}.bk-c6{--c: var(--g-f)}.bk-c7{--c: var(--g-g)}.bk-f:before,.bk-ghost:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#ffffff80,#fff0 46%,#00000038),var(--c);box-shadow:inset 0 2px #ffffff59,inset 0 -3px #00000040}[data-theme=water] .bk-cell{border-radius:50%}[data-theme=water] .bk-f:before,[data-theme=water] .bk-ghost:before{background:radial-gradient(circle at 32% 28%,#ffffffe6 0 8%,#ffffff47 9% 24%,#fff0 42%),radial-gradient(circle at 50% 50%,#0000 52%,#001e3c52),var(--c);box-shadow:inset 0 0 0 1px #ffffff73}[data-theme=forest] .bk-cell{border-radius:4px}[data-theme=forest] .bk-f:before,[data-theme=forest] .bk-ghost:before{background:repeating-linear-gradient(96deg,#3c1e0029 0 2px,#3c1e0000 2px 7px),linear-gradient(180deg,#ffffff42,#3c1e004d),var(--c);background:repeating-linear-gradient(96deg,#3c1e0029 0 2px,#3c1e0000 2px 7px),linear-gradient(180deg,#ffffff42,#3c1e004d),color-mix(in srgb,var(--c) 82%,#8a5a2b);box-shadow:inset 0 0 0 2px #32190059}.bk-ghost.bk-ok{outline:2px solid var(--g-good);outline-offset:-1px}.bk-ghost.bk-ok:before{opacity:.6}.bk-ghost.bk-no{outline:2px solid var(--g-bad);outline-offset:-1px}.bk-ghost.bk-no:not(.bk-f):before,[data-theme] .bk-ghost.bk-no:not(.bk-f):before{background:var(--g-bad);opacity:.4;box-shadow:none}.bk-line{background:#ffffff4d;outline:2px solid var(--g-accent);outline-offset:-2px}.bk-line.bk-f:before{filter:brightness(1.25)}.bk-hint{animation:bk-pulse .9s ease-in-out infinite;outline-color:var(--g-accent);outline-width:3px}.bk-clear:before{animation:bk-clear .34s ease-in forwards}.bk-pop{position:absolute;z-index:3;transform:translate(-50%,-50%);font:800 28px var(--display, system-ui, sans-serif);color:var(--g-accent);text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 8px rgba(0,0,0,.5);pointer-events:none;white-space:nowrap;animation:bk-rise .85s ease-out forwards}@keyframes bk-pulse{50%{opacity:.45}}@keyframes bk-clear{0%{filter:brightness(1.8)}to{transform:scale(.15) rotate(25deg);opacity:0}}@keyframes bk-rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}to{opacity:0;transform:translate(-50%,-190%) scale(1)}}.bk-tray{--pc: 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;touch-action:none}.bk-slot{position:relative;height:calc(var(--pc) * 5 + 20px);min-height:70px;padding:0;display:grid;place-items:center;color:inherit;font:inherit;background:#0003;border:2px solid var(--g-line);border-radius:14px;cursor:grab;touch-action:none}.bk-slot:disabled{cursor:default;opacity:.5;border-style:dashed}.bk-slot.bk-sel{border-color:var(--g-accent);background:#ffffff24}.bk-num{position:absolute;left:7px;top:4px;font:700 12px var(--display, system-ui, sans-serif);color:var(--g-muted);pointer-events:none}.bk-piece{--pg: 2px;display:grid;grid-template-columns:repeat(var(--w),var(--pc));grid-auto-rows:var(--pc);gap:var(--pg);pointer-events:none}.bk-piece .bk-cell{background:none}.bk-tray .bk-piece .bk-cell{border-radius:4px}[data-theme=water] .bk-tray .bk-piece .bk-cell{border-radius:50%}[data-theme=forest] .bk-tray .bk-piece .bk-cell{border-radius:3px}.bk-nofit .bk-piece{opacity:.38;filter:grayscale(.85)}.bk-dragging .bk-piece{opacity:.18}.bk-float{position:fixed;left:0;top:0;z-index:50;opacity:.93;filter:drop-shadow(0 6px 5px rgba(0,0,0,.4));will-change:transform}.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}
