.ol-shell{--ol-maxh:min(48svh,24rem)}@media (min-width:640px){.ol-shell{--ol-maxh:min(52vh,28rem)}}.ol-top{align-items:center;justify-content:space-between;gap:.5rem .75rem;margin-bottom:.7rem}.ol-levels,.ol-top{display:flex;flex-wrap:wrap}.ol-levels{gap:.35rem;max-width:100%}.ol-level{min-width:2.6rem;min-height:44px;padding:0 .55rem;color:var(--pp-muted);font:inherit;font-weight:900;font-size:.9rem;background:var(--pp-board);border:0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.ol-level.is-on{color:var(--pp-paper);background:var(--pp-walnut);box-shadow:0 2px 0 var(--pp-walnut-edge)}.ol-level.is-done:not(.is-on){color:var(--pp-ink);box-shadow:inset 0 0 0 2px #2F6B55}.ol-level:focus-visible{outline:3px solid var(--pp-focus);outline-offset:1px}.ol-stats{display:flex;gap:.4rem}.ol-stat{display:grid;min-width:3.2rem;padding:.2rem .55rem;text-align:center;background:var(--pp-board);border-radius:12px;line-height:1.15}.ol-stat small{color:var(--pp-muted);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ol-stat strong{font-family:var(--font-display),Fraunces,Georgia,serif;font-size:1.05rem;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:420px){.ol-top{justify-content:center}.ol-stats{width:100%}.ol-stat{flex:1 1 0;min-width:0}}.ol-stage{position:relative;display:flex;justify-content:center;container-type:inline-size;padding-bottom:.5rem}.ol-frame{padding:clamp(.45rem,2vw,.75rem);background:repeating-linear-gradient(100deg,rgb(255 255 255/4%) 0 7px,transparent 7px 15px),var(--pp-walnut);border-radius:18px;box-shadow:inset 0 2px 0 rgb(255 255 255/18%),0 6px 0 var(--pp-walnut-edge);width:min(100%,28rem)}.ol-board{display:block;width:100%;height:var(--ol-maxh);background:repeating-linear-gradient(92deg,rgb(255 255 255/8%) 0 8px,rgb(0 0 0/3%) 8px 14px,transparent 14px 24px),var(--pp-board);border-radius:10px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.ol-board.is-solved{filter:saturate(1.05)}.ol-edge{stroke:#6B4630;stroke-width:.12;stroke-linecap:round;opacity:.55}.ol-edge.is-used{stroke:#D9A72B;stroke-width:.16;opacity:1;filter:drop-shadow(0 0 .04px #F5D76E)}.ol-edge.is-hint{stroke:#2F6B55;stroke-width:.18;opacity:1;stroke-dasharray:.12 .1}.ol-node{fill:#3F2A1C;stroke:#A0714F;stroke-width:.05;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:fill .12s ease,stroke .12s ease}.ol-node-hit{fill:transparent;stroke:none;cursor:pointer}.ol-node.is-cur,.ol-node.is-start{fill:#D9A72B;stroke:#FFF3C4;stroke-width:.07}.ol-node.is-legal{fill:#6B8F71;stroke:#E8F0E4;stroke-width:.07}.ol-node.is-hint{fill:#2F6B55;stroke:#B8E0CC;stroke-width:.09}.ol-node.is-dim{opacity:.45}.ol-node:focus{outline:none}.ol-node-hit:focus-visible+.ol-node,.ol-node:focus-visible{stroke:var(--pp-focus);stroke-width:.1}.ol-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem;justify-content:center}.ol-actions .pp-btn{min-height:44px}.ol-help{margin:.55rem 0 0;text-align:center;color:var(--pp-muted);font-size:.9rem;line-height:1.4}.ol-toast{left:50%;bottom:.4rem;transform:translateX(-50%);z-index:5;max-width:92%;padding:.45rem .85rem;background:var(--pp-walnut);font-weight:800;font-size:.9rem;border-radius:999px;box-shadow:0 4px 0 var(--pp-walnut-edge);pointer-events:none}.ol-complete,.ol-toast{position:absolute;color:var(--pp-paper)}.ol-complete{inset:.5rem;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:rgb(40 24 14/72%);border-radius:12px;text-align:center;padding:1rem}.ol-complete strong{font-family:var(--font-display),Fraunces,Georgia,serif;font-size:1.35rem}