.lo-shell{--lo-maxh:min(42svh,22rem);--lo-fr:clamp(0.5rem,2.2vw,0.75rem)}@media (min-width:640px){.lo-shell{--lo-maxh:min(48vh,28rem)}}@media (min-width:900px){.lo-shell{--lo-maxh:min(46vh,30rem)}}.lo-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;margin-bottom:.7rem}.lo-sizes{display:inline-flex;padding:3px;background:var(--pp-board);border-radius:999px}.lo-size{min-width:3.4rem;min-height:44px;padding:0 .65rem;color:var(--pp-muted);font:inherit;font-weight:900;font-size:.95rem;background:transparent;border:0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lo-size.is-on{color:var(--pp-paper);background:var(--pp-walnut);box-shadow:0 2px 0 var(--pp-walnut-edge)}.lo-size:focus-visible{outline:3px solid var(--pp-focus);outline-offset:1px}.lo-stats{display:flex;gap:.4rem}.lo-stat{display:grid;min-width:3.2rem;padding:.2rem .55rem;text-align:center;background:var(--pp-board);border-radius:12px;line-height:1.15}.lo-stat small{color:var(--pp-muted);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.lo-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){.lo-top{justify-content:center}.lo-sizes{width:100%;justify-content:space-between}.lo-size{flex:1 1 0;min-width:0}.lo-stats{width:100%}.lo-stat{flex:1 1 0;min-width:0}}.lo-stage{position:relative;display:flex;justify-content:center;container-type:inline-size;padding-bottom:.5rem}.lo-frame{padding:var(--lo-fr);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)}.lo-board{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:clamp(3px,1.2cqi,6px);width:min(calc(100cqi - 2 * var(--lo-fr)),var(--lo-maxh),28rem);aspect-ratio:1;padding:clamp(4px,1.4cqi,8px);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}.lo-cell{position:relative;min-width:0;min-height:0;aspect-ratio:1;margin:0;padding:0;border:0;border-radius:22%;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 80ms ease,box-shadow .12s ease,background .12s ease}.lo-cell:focus-visible{outline:3px solid var(--pp-focus);outline-offset:2px}.lo-cell.is-off{background:linear-gradient(160deg,#6B4630,#3F2A1C 55%,#2A1B12);box-shadow:inset 0 2px 4px rgb(0 0 0/45%),0 1px 0 rgb(255 255 255/8%)}.lo-cell.is-on{background:radial-gradient(circle at 35% 28%,#FFF3C4 0,#F5D76E 28%,#D9A72B 62%,#A0714F 100%);box-shadow:0 0 0 1px rgb(255 230 150/35%),0 0 12px rgb(217 167 43/55%),inset 0 2px 0 rgb(255 255 255/45%),0 2px 0 rgb(110 60 20/35%)}.lo-cell.is-hint{outline:3px solid #2F6B55;outline-offset:1px;z-index:1}.lo-cell:active{transform:scale(.94)}.lo-cell.is-on:after{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgb(255 255 255/70%),transparent 60%);pointer-events:none}.lo-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem;justify-content:center}.lo-actions .pp-btn{min-height:44px}.lo-help{margin:.55rem 0 0;text-align:center;color:var(--pp-muted);font-size:.9rem;line-height:1.4}.lo-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}.lo-complete,.lo-toast{position:absolute;color:var(--pp-paper)}.lo-complete{inset:var(--lo-fr);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}.lo-complete strong{font-family:var(--font-display),Fraunces,Georgia,serif;font-size:1.35rem}