.cb{--cb-wall:#efe7d4;--cb-ink:#2d3a33;--cb-muted:#6c6a5d;--cb-board:#2f4b3f;--cb-wood:#b0814f;--cb-wood-dark:#835c35;--cb-paper:#fbf7ec;--cb-accent:#e0a63b;--cb-ok:#3f8f6b;--play-ink:var(--cb-ink);--play-icon-bg:#fff9;border-radius:var(--radius-xl);background:linear-gradient(180deg, #f3ecdc, var(--cb-wall) 70%, #e5dbc3);color:var(--cb-ink);isolation:isolate;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.cb p{margin:0}.cb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cb :focus-visible{outline:3px solid var(--color-focus,#2b6cb0);outline-offset:3px}.cb-desk{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-5) 0;flex-direction:column;display:flex}.cb-board{width:100%;padding:10px}.cb-surface{aspect-ratio:4/3;background:radial-gradient(ellipse 40% 30% at 30% 35%, #ffffff0d, transparent 70%), radial-gradient(ellipse 35% 25% at 72% 62%, #ffffff0a, transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"), linear-gradient(160deg, #35554a, var(--cb-board) 55%, #29443a);box-shadow:inset 0 0 36px #00000059, 0 0 0 7px var(--cb-wood), 0 0 0 10px var(--cb-wood-dark), 0 10px 22px 8px #3c281438;touch-action:none;border-radius:4px;position:relative;overflow:hidden}.cb .cb-surface:focus{outline:none}.cb .cb-surface:focus-visible{outline-offset:-3px;outline:3px solid #fff3c4}.cb-layer,.cb-guide{width:100%;height:100%;display:block;position:absolute;inset:0}.cb-guide path{stroke:#f3f1e961;stroke-width:3.5px;stroke-dasharray:2 11;stroke-linecap:round;stroke-linejoin:round}.cb-guide circle{fill:none;stroke:#f6dc6ebf;stroke-width:3px}.cb:not([data-mode=trace]) .cb-guide,.cb[data-phase=preview] .cb-guide{display:none}.cb-wait{padding:4px var(--space-4);border-radius:var(--radius-full);color:#f3f1e9;white-space:nowrap;pointer-events:none;background:#0000004d;font-size:.9rem;font-weight:700;position:absolute;bottom:6%;left:50%;translate:-50%}.cb:not([data-waiting=true]) .cb-wait{display:none}.cb[data-tool=eraser] .cb-surface{cursor:grab}.cb:not([data-tool=eraser]) .cb-surface{cursor:crosshair}.cb:not([data-play-mode]) .cb-surface{cursor:pointer}.cb:not([data-play-mode]) :is(.cb-hud,.cb-tray,.cb-sheet){display:none}.cb-entry{padding:var(--space-5) var(--space-4) var(--space-5);justify-items:center;display:grid}.cb[data-play-mode=on] .cb-entry{display:none}.cb-cta{min-width:160px;min-height:56px;padding-inline:var(--space-6);border-radius:var(--radius-full);background:var(--cb-board);color:#f6f2e6;font:inherit;cursor:pointer;touch-action:manipulation;border:0;font-size:1.15rem;font-weight:800;transition:translate 60ms,box-shadow 60ms;box-shadow:0 5px #1d3029}.cb-cta:active{translate:0 3px;box-shadow:0 2px #1d3029}.cb-cta--alt{background:var(--cb-accent);color:#2c2414;box-shadow:0 5px #a87618}.cb-cta--alt:active{box-shadow:0 2px #a87618}.cb-link{min-height:48px;padding:0 var(--space-3);color:var(--cb-ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.cb[data-play-mode=on]{--cb-reserve:236px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:0;flex-direction:column;animation:.3s ease-out cb-fade;display:flex}@keyframes cb-fade{0%{opacity:0}to{opacity:1}}.cb[data-play-mode=on] .play-bar{z-index:6;padding:calc(env(safe-area-inset-top) + var(--space-2)) calc(env(safe-area-inset-right) + var(--space-3)) 0 calc(env(safe-area-inset-left) + var(--space-3));position:relative}.cb[data-play-mode=on] .cb-desk{min-height:0;padding:0 calc(env(safe-area-inset-right) + var(--space-3)) calc(env(safe-area-inset-bottom) + var(--space-2)) calc(env(safe-area-inset-left) + var(--space-3));flex:1;justify-content:center}.cb[data-play-mode=on] .cb-board{width:min(100%, calc((100dvh - var(--cb-reserve)) * 4 / 3 + 20px))}.cb-hud{justify-content:center;align-items:center;gap:6px var(--space-3);flex-wrap:wrap;width:100%;min-height:48px;font-weight:800;display:flex}.cb-hud__title{font-size:1rem}.cb-meter{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:.85rem;display:flex}.cb-meter__bar{background:#2d3a3326;border-radius:99px;width:84px;height:10px;position:relative;overflow:hidden}.cb-meter__bar i{width:var(--cb-fill,0%);background:var(--cb-ok);border-radius:inherit;transition:width .15s;position:absolute;inset:0 auto 0 0}.cb-meter__value{min-width:3.2em}.cb-timer{font-variant-numeric:tabular-nums;text-align:center;min-width:4.5em;font-size:1.05rem}.cb[data-hurry=true] .cb-timer{color:#b4462b}.cb-pill{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--cb-accent);color:#2c2414;font:inherit;cursor:pointer;touch-action:manipulation;border:0;font-weight:800;box-shadow:0 3px #a87618}.cb-pill:active{translate:0 2px;box-shadow:0 1px #a87618}.cb-pill--quiet{color:var(--cb-ink);box-shadow:none;background:#2d3a331a}.cb:not([data-mode=trace]) [data-done],.cb:not([data-mode=free]) [data-wipe-all],.cb[data-mode=free] .cb-meter,.cb:not([data-mode=cleanup]) .cb-timer{display:none}.cb:is([data-phase=menu],[data-phase=preview]) .cb-hud{visibility:hidden}.cb-tray{padding:2px var(--space-3);background:linear-gradient(180deg, #c19262, var(--cb-wood) 45%, var(--cb-wood-dark));border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:min(100%,300px);margin:0;display:flex;box-shadow:0 4px 8px #3c281440}.cb-tool{cursor:pointer;touch-action:manipulation;border-radius:10px;place-items:center;width:52px;height:52px;display:grid;position:relative}.cb-tool input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cb-tool__stick{border-radius:4px 6px 6px 4px;width:36px;height:11px;transition:translate .12s,rotate .12s;display:block;rotate:-8deg;box-shadow:0 2px 2px #0000004d}.cb-tool--white .cb-tool__stick{background:linear-gradient(#fffdf6,#e4e0d2)}.cb-tool--yellow .cb-tool__stick{background:linear-gradient(#fbe998,#e6c650)}.cb-tool--pink .cb-tool__stick{background:linear-gradient(#fbc4d2,#e58ca4)}.cb-tool--eraser .cb-tool__stick{background:linear-gradient(#3d5fa8 0 45%,#f0e6cf 45% 58%,#6b6b66 58%);border-radius:3px;width:40px;height:20px;rotate:0deg}.cb-tool:has(input:checked){background:#ffffff38;box-shadow:inset 0 0 0 2px #fffaebd9}.cb-tool:has(input:checked) .cb-tool__stick{translate:0 -3px;rotate:0deg}.cb-tool:has(input:focus-visible){outline-offset:1px;outline:3px solid #fff7d6}.cb-tool:has(input:disabled){opacity:.3;cursor:not-allowed}.cb-tool__key{color:#fff8e6cc;font-size:.65rem;font-weight:800;position:absolute;bottom:1px;right:2px}@media (hover:none),(pointer:coarse){.cb-tool__key{display:none}}.cb[data-mode=cleanup] .cb-tool:not(.cb-tool--eraser){display:none}.cb-menu-btn{width:48px;height:48px;margin-left:var(--space-2);color:#fff8e8;cursor:pointer;touch-action:manipulation;background:#ffffff40;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.cb-sheet{z-index:5;padding:calc(env(safe-area-inset-top) + 64px) var(--space-3) calc(env(safe-area-inset-bottom) + var(--space-3));overscroll-behavior:contain;touch-action:pan-y;background:#242e2873;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.cb-sheet[hidden],.cb-sheet>.cb-card{display:none}.cb[data-phase=menu] [data-menu-panel],.cb[data-phase=paused] [data-paused-panel],.cb[data-phase=result] [data-result-panel]{display:grid}.cb-card{gap:var(--space-3);width:min(100%,520px);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--cb-paper);text-align:center;justify-items:center;animation:.22s cubic-bezier(.2,.9,.3,1.2) cb-pop;box-shadow:0 10px 30px #1e1e144d}@keyframes cb-pop{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.cb-card__title{font-size:1.25rem;font-weight:800}.cb-card__sub{color:var(--cb-muted);font-weight:700}.cb-card__big{letter-spacing:.02em;font-size:1.7rem;font-weight:800}.cb-card__big[data-stars-big]{color:var(--cb-accent);letter-spacing:.12em;font-size:2.2rem}.cb-card__note{color:var(--cb-muted);font-size:.9rem;font-weight:600}.cb-card__note:empty,.cb-card [data-opt]{display:none}.cb[data-menu-mode=trace] [data-opt=trace],.cb[data-menu-mode=cleanup] [data-opt=cleanup]{display:grid}.cb[data-menu-mode=free] [data-opt=free]{display:block}.cb-choices{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin:0;padding:0;display:grid}.cb-choices legend{color:var(--cb-muted);grid-column:1/-1;margin-bottom:4px;padding:0;font-size:.8rem;font-weight:700}.cb-choices--stages{grid-template-columns:repeat(6,minmax(0,1fr))}.cb-choice{border-radius:var(--radius-md);cursor:pointer;background:#fff;border:2px solid #2d3a332e;align-content:center;gap:1px;min-height:52px;padding:4px 2px;display:grid;position:relative}.cb-choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cb-choice__name{font-size:.95rem;font-weight:800}.cb-choice__note,.cb-choice__best{color:var(--cb-muted);font-size:.72rem;font-weight:600}.cb-choice__best:empty{display:none}.cb-choice--stage .cb-choice__name{white-space:nowrap;font-size:.85rem}.cb-choice__stars{letter-spacing:1px;color:var(--cb-accent);font-size:.75rem}.cb-choice:has(input:checked){border-color:var(--cb-board);background:#e6efe8}.cb-choice:has(input:focus-visible){outline:3px solid var(--color-focus,#2b6cb0);outline-offset:2px}.cb-choice:has(input:disabled){opacity:.45;cursor:not-allowed;background:0 0}.cb-choice:has(input:disabled) input{cursor:not-allowed}.cb-badge{padding:2px var(--space-4);border-radius:var(--radius-full);background:var(--cb-accent);color:#2c2414;font-weight:800}.cb-stats{justify-content:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin:0;display:flex}.cb-stats div{gap:1px;display:grid}.cb-stats dt{color:var(--cb-muted);font-size:.8rem;font-weight:700}.cb-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.2rem;font-weight:800}.cb-actions{gap:var(--space-2) var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.cb-actions .cb-link{flex-basis:100%}.cb-actions [hidden]{display:none}@media (width<=480px){.cb-choices--stages{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-card__big{font-size:1.4rem}.cb-cta{min-width:132px}}@media (width<=360px){.cb-tool{width:48px;height:48px}.cb-tray{padding-inline:var(--space-2);gap:2px}.cb-meter__bar{width:60px}}@media (orientation:landscape) and (height<=520px){.cb[data-play-mode=on]{--cb-reserve:76px}.cb[data-play-mode=on] .play-bar{padding-left:0;position:absolute;inset:0 0 auto auto}.cb[data-play-mode=on] .play-bar [data-exit]{order:2}.cb[data-play-mode=on] .cb-desk{justify-content:center;align-items:center;column-gap:var(--space-4);padding-top:calc(env(safe-area-inset-top) + var(--space-2));grid-template:"board."1fr"board hud""board tray""board."1fr/auto minmax(150px,210px);display:grid}.cb[data-play-mode=on] .cb-board{width:min(calc(100vw - 260px), calc((100dvh - var(--cb-reserve)) * 4 / 3 + 20px));grid-area:board}.cb[data-play-mode=on] .cb-hud{flex-direction:column;grid-area:hud}.cb[data-play-mode=on] .cb-tray{flex-wrap:wrap;grid-area:tray;min-width:0}.cb-sheet{padding-top:calc(env(safe-area-inset-top) + 12px);padding-right:76px}.cb-card{gap:var(--space-2);padding:var(--space-3)}.cb-choice{min-height:48px}.cb-cta{min-height:50px}}