.canvas.waffle{--cv-ink:#3b1e0e;--cv-btn-bg:#fff6e6;--cv-btn-ink:#3b1e0e;--cv-btn-edge:#c9a26b;--cv-main-bg:#5a2a0e;--cv-main-ink:#fff6e6;--cv-main-edge:#2e1405;--cv-well:#6e370033;--cv-on-bg:#fff6e6;--cv-on-ink:#3b1e0e;--cv-on-edge:#c9a26b;--cv-card-bg:#fff6e6;--cv-card-ink:#3b1e0e;--cv-card-edge:#c9a26b;--cv-card-sub:#f6e7c8;--cv-card-mute:#8a6a4a;--cv-ok:#5a2a0e;--cv-ok-edge:#2e1405;background:radial-gradient(120% 90% at 20% 0,#f7c95a 0%,#e8b11c 40%,#c88614 100%)}.canvas.waffle .scene{background-image:linear-gradient(90deg,#ffffff21 50%,#0000 50%),linear-gradient(#ffffff21 50%,#0000 50%);background-size:44px 44px}.canvas.waffle .s1{background:#9650002e;width:360px;height:360px;bottom:-170px;right:-120px}.canvas.waffle .s2{background:#fff0c840;width:240px;height:240px;top:-110px;left:-80px}.canvas.waffle .s3{display:none}.canvas.waffle .stage{flex-wrap:wrap;align-content:flex-start;align-items:center}.canvas.waffle .plate,.canvas.waffle .swaps{position:relative;left:clamp(0px,50% - 318px,114px)}.canvas.waffle .plate{--wc:68px;--wg:8px;box-sizing:content-box;border-radius:var(--rl);background:#b86e1e;flex:none;padding:18px;transition:box-shadow .3s;box-shadow:inset 0 2px #ffdca059,0 8px #7e4510,0 18px 30px #5a2d0066}.canvas.waffle .plate.done,.canvas.done.waffle .plate{box-shadow:inset 0 2px #ffdca059,0 8px #7e4510,0 18px 30px #5a2d0066,0 0 0 6px #fff6e68c}.canvas.waffle .wb{border-radius:var(--radius);box-sizing:border-box;grid-template-columns:repeat(5, var(--wc));grid-template-rows:repeat(5, var(--wc));gap:var(--wg);display:grid;position:relative}.canvas.waffle .wb:focus{outline:none}.canvas.waffle .wb:focus-visible{outline-offset:8px;outline:3px solid #3b1e0e}.canvas.waffle .whole{box-sizing:border-box;border-radius:var(--radius);background:#8a4a12 radial-gradient(60% 50% at 70% 80%,#ffc46e47,#0000 70%);position:relative;box-shadow:inset 0 6px 9px #3214008c,inset 0 -2px #ffd29640}.canvas.waffle .wt{box-sizing:border-box;border-radius:var(--radius);color:#3b1e0e;cursor:pointer;-webkit-user-select:none;user-select:none;font:700 30px/1 var(--game,"Rubik Variable", system-ui, sans-serif);touch-action:none;-webkit-tap-highlight-color:transparent;background:#fff6e6;border:0;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 4px #d6b98a,0 7px 10px #5a2d004d}.canvas.waffle .wt .lt{z-index:1;pointer-events:none;position:relative}.canvas.waffle .wt svg{pointer-events:none}.canvas.waffle .wt.ok{cursor:default;touch-action:auto;box-shadow:0 2px #d6b98a,0 4px 6px #5a2d0042}.canvas.waffle .wt.ok:before{content:"";border-radius:var(--r-sm);border:2.5px solid #7e4510;position:absolute;inset:5px}.canvas.waffle .wt.near:before{content:"";border-radius:var(--r-sm);border:2.5px dashed #c2571a;position:absolute;inset:6px}.canvas.waffle .wbadge{z-index:2;width:16px;height:16px;position:absolute;top:5px;right:5px}.canvas.waffle .wt.sel{color:#fff6e6;background:#4a2208;transform:translateY(-8px);box-shadow:0 4px #1f0d03,0 18px 20px #5a2d0073}.canvas.waffle .wt.sel:before{display:none}.canvas.waffle .wt.target:not(.ok){transform:translateY(-4px);box-shadow:0 4px #d6b98a,0 14px 16px #5a2d0066,0 0 0 3px #4a2208}.canvas.waffle .wt.drag-from{opacity:.35}.canvas.waffle .wt.hinted{box-shadow:0 4px #d6b98a,0 0 0 4px #fff,0 0 18px 6px #ffffffd9}.canvas.waffle .wb:focus-visible .wt.cur{outline-offset:3px;outline:3px solid #3b1e0e}.canvas.waffle .wt.ghost{z-index:50;pointer-events:none;margin:0;position:fixed;transform:translateY(-8px)scale(1.06);box-shadow:0 4px #1f0d03,0 22px 24px #5a2d0080}.canvas.waffle .swaps{box-sizing:border-box;border-radius:var(--rl);color:#3b1e0e;background:#fff6e6;flex:none;justify-items:center;gap:4px;width:200px;padding:18px;display:grid;box-shadow:0 6px #c9a26b,0 16px 24px #5a2d004d}.canvas.waffle .swaps b{font-variant-numeric:tabular-nums;font-size:56px;line-height:1}.canvas.waffle .sw-l{font-weight:600;font-size:var(--fs-s);letter-spacing:.08em;text-transform:uppercase;color:#8a6a4a}.canvas.waffle .sw-d{grid-template-columns:repeat(5,12px);gap:6px;margin-top:10px;display:grid}.canvas.waffle .sw-d i{box-sizing:border-box;border:2px solid #c9a26b;border-radius:50%;width:12px;height:12px}.canvas.waffle .sw-d i.f{background:#5a2a0e;border-color:#5a2a0e}.canvas.waffle .sw-note{font-weight:600;font-size:var(--fs-s);color:#8a3a12;text-align:center;margin-top:10px}.canvas.waffle .again{box-sizing:border-box;border-radius:var(--radius);cursor:pointer;height:36px;font:600 var(--fs-m)/1 var(--game,"Rubik Variable", system-ui, sans-serif);color:#fff6e6;background:#5a2a0e;border:0;margin-top:6px;padding:0 14px;box-shadow:0 3px #2e1405}.canvas.waffle .again:active{transform:translateY(3px);box-shadow:0 0 #2e1405}.canvas.waffle .again:focus-visible{outline-offset:3px;outline:3px solid #3b1e0e}@media (width<=640px){.canvas.waffle .stage{align-content:center}.canvas.waffle .plate{--wc:56px;--wg:6px;border-radius:var(--rl);padding:14px}.canvas.waffle .wt{border-radius:10px;font-size:25px}.canvas.waffle .whole{border-radius:10px}.canvas.waffle .wbadge{width:14px;height:14px;top:4px;right:4px}.canvas.waffle .wt.ok:before{inset:4px}.canvas.waffle .wt.near:before{inset:5px}.canvas.waffle .swaps{grid-template-columns:auto 1fr auto;place-items:center start;gap:12px;width:100%;max-width:332px;padding:8px 16px}.canvas.waffle .swaps b{font-size:32px}.canvas.waffle .sw-d,.canvas.waffle .sw-note{display:none}.canvas.waffle .again{grid-column:3;justify-self:end;height:32px;margin-top:0}}@media (width>=641px) and (width<=700px){.canvas.waffle .stage{gap:20px}.canvas.waffle .plate,.canvas.waffle .swaps{left:clamp(0px,50% - 284px,80px)}.canvas.waffle .swaps{width:140px;padding:14px}.canvas.waffle .swaps b{font-size:48px}}@media (prefers-reduced-motion:reduce){.canvas.waffle .wt,.canvas.waffle .plate{transition:none}}