.puzzle-views{width:100%}.puzzle-page{--monolith-orange:#f88756}.puzzle-section{flex-direction:column;margin-top:3rem;display:flex}.puzzle-intro{gap:.5rem;display:grid}.puzzle-title{color:var(--ink);font-size:1.125rem;font-weight:500;line-height:1.625}.puzzle-description{color:var(--muted);text-wrap:pretty;font-size:1.125rem;line-height:1.625}.monolith-stage{aspect-ratio:7/5;isolation:isolate;width:100%;margin-top:.5rem;position:relative}.monolith-canvas{-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:100%;display:block}.monolith-canvas:focus-visible{outline:1px solid var(--monolith-orange);outline-offset:4px}.monolith-console{margin-top:1.25rem}.monolith-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.monolith-status__meta{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:.8125rem;line-height:1.5;display:flex}.monolith-status__meta [aria-hidden=true]{opacity:.55}.monolith-status__meta .monolith-level-up [aria-hidden=true]{opacity:1}.monolith-level{align-items:baseline;gap:.35rem;display:inline-flex}.monolith-level[hidden]{display:none}.monolith-status__meta .monolith-level-up{min-height:0;font-size:inherit;letter-spacing:inherit}.monolith-level-up{--hold-color:#d4b106}[data-theme=dark] .monolith-level-up{--hold-color:#ffd166}.monolith-controls{pointer-events:none;flex:none;justify-content:center;width:100%;margin-top:.75rem;display:flex}.monolith-stick{--stick-px:4px;--stick-ink:#1b2440;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;place-items:center;display:inline-grid;position:relative}[data-theme=dark] .monolith-stick{--stick-ink:#e8edf7}@media (width>=48rem){.monolith-console{grid-template-columns:minmax(0,1fr) 14rem;display:grid;position:relative}.monolith-status{grid-area:1/1;min-height:2.25rem}.monolith-controls{justify-content:flex-end;width:14rem;margin-top:0;margin-left:0;position:absolute;top:0;right:0}.monolith-note{grid-area:2/1}.monolith-progress{grid-area:3/1}.monolith-share{grid-area:4/1/auto/-1}}.monolith-stick[data-input=keys]:focus-visible{outline:3px dashed var(--stick-ink);outline-offset:-3px}.monolith-stick__stage{touch-action:none;will-change:transform;position:relative}.monolith-stick__hit{cursor:grab;border-radius:50%;position:absolute;top:0;left:0}.monolith-stick__stage[data-dragging],.monolith-stick__hit[data-dragging]{cursor:grabbing}.monolith-stick__canvas{width:calc(var(--stick-px) * 64);height:calc(var(--stick-px) * 52);image-rendering:pixelated;image-rendering:crisp-edges;display:block}.monolith-mono-action{min-height:1.75rem;color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.02em;transition:color .16s var(--ease-out);align-items:center;gap:.35rem;font-size:.75rem;line-height:1.5;text-decoration:none;display:inline-flex}.monolith-mono-action:hover,.monolith-mono-action:focus-visible{color:var(--ink)}.monolith-mono-action kbd{border:1px solid var(--rule);color:var(--muted);border-radius:.24rem;padding:.02rem .24rem;font-family:inherit;font-size:.6875rem;line-height:1.35;text-decoration:none}.monolith-note{min-height:1.5rem;margin-top:.85rem}.monolith-solved{max-width:100%;color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.02em;animation:monolith-solved-in .42s var(--ease-lift) both;align-items:flex-start;gap:.5rem;font-size:.6875rem;line-height:1.5;display:inline-flex}.monolith-solved__text{min-width:0}.monolith-solved[hidden]{display:none}.monolith-solved__dot{background-color:var(--monolith-orange);border-radius:9999px;flex:none;width:.3125rem;height:.3125rem;margin-top:.36rem;box-shadow:0 0 0 3px #f8875629}@keyframes monolith-solved-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.monolith-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:2.25rem;margin-top:1.25rem;display:flex}.monolith-progress__status{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-width:0;display:flex}.monolith-progress__text{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;font-size:.75rem;line-height:1.5}.monolith-progress__group{align-items:center;gap:.5rem;display:inline-flex}.monolith-progress__group[hidden]{display:none}.monolith-progress__dot{color:var(--muted);font-family:var(--font-mono);opacity:.55;font-size:.75rem;line-height:1.5}.monolith-hold{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:0;position:relative}.monolith-hold__text{white-space:nowrap;display:inline-block;position:relative}.monolith-hold__fill{color:var(--hold-color);clip-path:inset(0 calc(100% - var(--hold-fill,0%)) 0 0);pointer-events:none;transition:clip-path .18s ease-out;position:absolute;inset:0}.monolith-hold[data-holding] .monolith-hold__fill{transition:none}.monolith-reset{--hold-color:#bc4a3e}[data-theme=dark] .monolith-reset{--hold-color:#ef7c6f}.monolith-share{margin-top:1.25rem}@media (width>=48rem){.monolith-share{margin-top:1.75rem}}.monolith-seed{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;font-size:.75rem;line-height:1.75}.monolith-seed__code{color:var(--ink-soft);letter-spacing:.05em}.monolith-seed__dot{color:var(--muted);opacity:.55;margin-inline:.175rem;line-height:1.5}.monolith-seed__group{white-space:nowrap;align-items:center;display:inline-flex}@media (width>=48rem){.monolith-seed__dot{margin-inline:.35rem}}.monolith-copy[data-copied=true]{color:var(--ink)}.monolith-foot{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:.3rem .55rem;margin-top:1.75rem;font-size:.75rem;line-height:1.6;display:flex}.monolith-foot__group{white-space:nowrap;align-items:center;gap:.55rem;display:inline-flex}.monolith-noscript{max-width:42rem;color:var(--muted);margin:4rem auto;padding-inline:1.25rem;font-size:.875rem}html:active-view-transition .puzzle-page .portfolio-enter{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.monolith-stick,.monolith-mono-action{transition:none}.monolith-solved{animation:none}}
