:root{--ink:#f5f0eb;--ink-soft:#b9ada4;--ink-faint:rgb(245 240 235/0.14);--canvas:#120f0f;--surface:#1a1615;--brand:#9f2418;--brand-text:#e46558;--brick-bone:#ede4d8;--brick-sand:#b9a48d;--brick-ink:#1a1412;--stud:30px;--ease-out:cubic-bezier(0.23,1,0.32,1)}::selection{background:var(--brand);color:#fff}html{caret-color:var(--brand-text);scrollbar-color:#3a3230 var(--canvas)}:focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}a{text-underline-offset:.2em;text-decoration-thickness:1px}.grain:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.05;background-image: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='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.tnum{font-variant-numeric:tabular-nums}.baseplate{background-color:#1c1716;background-image:radial-gradient(circle at 50% 50%,rgb(255 255 255/.07) 0 6px,rgb(0 0 0/.25) 6.5px 7.5px,transparent 8px);background-size:var(--stud) var(--stud)}.brick{--bg:var(--brick-bone);--fg:var(--brick-ink);position:relative;display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:11px 14px 10px;background:var(--bg);color:var(--fg);border-radius:3px;box-shadow:inset 0 1px 0 rgb(255 255 255/.3),inset 0 -5px 0 rgb(0 0 0/.16),0 14px 22px -12px rgb(8 4 3/.8)}.brick__studs{position:absolute;left:0;right:0;top:-7px;height:8px;display:flex;justify-content:space-around;padding:0 4px;pointer-events:none}.brick__studs i{width:17px;height:8px;border-radius:3px 3px 0 0;background:var(--bg);box-shadow:inset 0 1px 0 rgb(255 255 255/.35),inset -3px 0 0 rgb(0 0 0/.1)}.brick__label{font-weight:650;font-size:15px;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.brick__meta{margin-top:3px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;opacity:.78}.brick--wanted{--bg:var(--brand);--fg:#fff}.brick--partial{--bg:var(--brick-sand)}.brick--slot{--bg:transparent;--fg:rgb(245 240 235/0.66);box-shadow:none;outline:1.5px dashed rgb(245 240 235/.3);outline-offset:-1.5px}.brick--slot .brick__studs i{background:transparent;box-shadow:inset 0 0 0 1.5px rgb(245 240 235/.26)}.heap{--p:0;--mx:0;--my:0}.heap__plane{position:absolute;inset:0;will-change:transform}.heap__plane--back{transform:translate3d(calc(var(--mx) * -6px),calc(var(--p) * -50px + var(--my) * -4px),0) scale(.97);opacity:.55;mask-image:radial-gradient(ellipse at 55% 45%,#000 30%,transparent 72%)}.heap__plane--mid{transform:translate3d(calc(var(--mx) * 10px),calc(var(--p) * -140px + var(--my) * 7px),0)}.heap__plane--front{transform:translate3d(calc(var(--mx) * 22px),calc(var(--p) * -300px + var(--my) * 14px),0);filter:blur(1.5px)}.heap__item{position:absolute;left:var(--x);top:var(--y);rotate:var(--r);animation:brick-in .7s var(--ease-out) both;animation-delay:calc(var(--i) * 60ms + .12s)}.heap__plane--front .heap__item{scale:1.55}@keyframes brick-in{0%{opacity:0;transform:translateY(-28px) scale(.95)}}.board-act{height:300vh}.drop{--t:0;position:absolute;inset:0;transform:translateY(calc((1 - var(--t)) * -55vh)) rotate(calc((1 - var(--t)) * -7deg));opacity:min(1,calc(var(--t) * 6));will-change:transform}.drop[data-landed=true]{animation:settle .22s var(--ease-out)}@keyframes settle{40%{transform:translateY(2px) scaleY(.97)}}.slot-wanted .brick--slot{outline-color:var(--brand-text);--fg:var(--ink)}.slot-wanted .brick--slot .brick__studs i{box-shadow:inset 0 0 0 1.5px var(--brand-text)}.want-btn{font-family:var(--font-mono);font-size:12px;border:1px solid var(--brand-text);color:var(--ink);border-radius:3px;padding:3px 8px;transition:background-color .15s var(--ease-out),transform .12s var(--ease-out)}@media (hover:hover) and (pointer:fine){.want-btn:hover{background:var(--brand)}}.want-btn:active{transform:scale(.97)}.want-btn[aria-pressed=true]{background:var(--brand);border-color:var(--brand)}.inversion-act{height:380vh}.stage{perspective:1400px;--scale:1}.model{left:50%;top:50%;width:0;height:0}.ibrick,.model{position:absolute;transform-style:preserve-3d;will-change:transform}.ibrick__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ibrick__face .brick{height:100%;min-height:0}.ibrick__face--back{transform:rotateX(180deg);border-radius:3px;background-color:var(--under,#b5aa9d);background-image:radial-gradient(circle at 50% 50%,transparent 0 8px,rgb(0 0 0/.28) 8.5px 11px,transparent 11.5px);background-size:var(--stud) 100%;box-shadow:inset 0 0 0 4px rgb(0 0 0/.18)}.ibrick__label{opacity:var(--labels,0)}.ibrick__tag{position:absolute;left:0;top:calc(100% + 8px);width:max-content;line-height:1.25}.caption{transition:opacity .26s var(--ease-out),transform .26s var(--ease-out)}.caption[data-on=false]{opacity:0;transform:translateY(8px);pointer-events:none}.your-slot{outline:2px dashed rgb(245 240 235/.35);outline-offset:-2px;transition:outline-color .2s var(--ease-out)}.your-slot[data-filled=true]{outline-style:solid;outline-color:var(--brand-text)}.your-slot__studs{position:absolute;left:24px;right:24px;top:-9px;display:flex;justify-content:space-between}.your-slot__studs i{width:22px;height:10px;border-radius:3px 3px 0 0;box-shadow:inset 0 0 0 2px rgb(245 240 235/.3);transition:background-color .2s var(--ease-out)}.your-slot[data-filled=true] .your-slot__studs i{background:var(--brand);box-shadow:none}@media (max-width:767px){.board-act{height:260vh}.inversion-act{height:320vh}.stage{--scale:0.7}.heap__plane--mid{transform-origin:0 0;scale:.8}.brick{min-height:50px;padding:9px 11px 8px}.brick__label{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.board-act,.inversion-act{height:auto}.pin{position:relative!important;height:auto!important;min-height:0!important;padding-block:5rem}.heap__item,.heap__plane{transform:none!important;animation:none!important}.drop{--t:1!important}.inversion-act .stage{height:560px}}