.wrp{position:relative;width:100%;aspect-ratio:100/200;container-type:inline-size;pointer-events:none;-webkit-tap-highlight-color:transparent}.wrp-cord{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wrp-cord-edge,.wrp-cord-line,.wrp-cord-shadow{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.wrp-cord-line{stroke:#fdfdfc;stroke-width:max(1.6px,.9cqw)}.wrp-cord-edge{stroke:rgb(0 0 0/.2);stroke-width:max(3px,1.25cqw)}.wrp-cord-shadow{stroke:rgb(0 0 0/.07);stroke-width:max(2px,1.1cqw);filter:blur(.5px)}.wrp-bead-shadow{fill:rgb(0 0 0/.08);filter:blur(.8px)}.wrp-bead{fill:url(#wrp-bead-fill);stroke:rgb(0 0 0/.2);stroke-width:.8px;vector-effect:non-scaling-stroke}.wrp-bead-hit{fill:transparent;pointer-events:auto;cursor:-webkit-grab;cursor:grab;touch-action:none}.wrp[data-pulling] .wrp-bead-hit{cursor:-webkit-grabbing;cursor:grabbing}.wrp-body{position:absolute;left:0;top:0;width:100cqw;height:100cqw;border-radius:13cqw;pointer-events:auto;cursor:pointer;outline:none;background:linear-gradient(165deg,#ffffff,#f7f7f5 55%,#f1f1ee);box-shadow:0 0 0 .35cqw rgb(0 0 0/.045),inset 0 .5cqw 0 rgb(255 255 255/.9),inset 0 -1.1cqw 0 rgb(0 0 0/.04),0 .6cqw 1.2cqw rgb(0 0 0/.05),0 3.2cqw 6cqw -1cqw rgb(0 0 0/.12)}.wrp-body:focus-visible{box-shadow:0 0 0 .35cqw rgb(0 0 0/.045),0 0 0 2.4cqw var(--selection-bg,#E6F5FF),inset 0 -1.1cqw 0 rgb(0 0 0/.04),0 3.2cqw 6cqw -1cqw rgb(0 0 0/.12)}.wrp-grille{position:absolute;inset:0;width:100%;height:100%;fill:#8d8d89}.wrp-well{width:76cqw;height:76cqw;background:radial-gradient(circle at 50% 40%,#fbfbfa 0,#f3f3f1 70%,#ededea 100%);box-shadow:inset 0 .7cqw 1.2cqw rgb(0 0 0/.07),inset 0 -.3cqw .5cqw rgb(255 255 255/.9),0 .3cqw 0 rgb(255 255 255/.8)}.wrp-disc-wrap,.wrp-well{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%}.wrp-disc-wrap{width:66cqw;height:66cqw;box-shadow:0 .9cqw 1.8cqw rgb(0 0 0/.22),0 .2cqw .4cqw rgb(0 0 0/.18)}.wrp-disc{position:absolute;inset:0;border-radius:50%;will-change:transform}.wrp-disc img{position:absolute;display:block;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.wrp-vinyl{inset:0;width:100%;height:100%}.wrp-tint{position:absolute;inset:0;border-radius:50%;background:#97a7b6;mix-blend-mode:screen;pointer-events:none}.wrp-label{left:50%;top:50%;width:44%;height:44%;translate:-50% -50%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 .25cqw rgb(0 0 0/.35);filter:brightness(1.18) contrast(1.04)}.wrp-sheen{inset:0;pointer-events:none;background:conic-gradient(from 20deg,transparent 0deg,rgb(255 255 255/.16) 28deg,transparent 62deg,transparent 180deg,rgb(255 255 255/.1) 210deg,transparent 245deg);-webkit-mask:radial-gradient(circle,transparent 22.5%,#000 23.5%,#000 70%,transparent 100%);mask:radial-gradient(circle,transparent 22.5%,#000 23.5%,#000 70%,transparent 100%);mix-blend-mode:screen}.wrp-hub,.wrp-sheen{position:absolute;border-radius:50%}.wrp-hub{left:50%;top:50%;width:15cqw;height:15cqw;translate:-50% -50%;background:radial-gradient(circle at 50% 38%,#6b6b6a 0,#4e4e4d 55%,#3d3d3c 100%);box-shadow:0 .5cqw 1cqw rgb(0 0 0/.3),inset 0 .3cqw .3cqw rgb(255 255 255/.18),inset 0 -.4cqw .5cqw rgb(0 0 0/.3)}.wrp-hub:before{inset:28%;background:radial-gradient(circle at 50% 35%,#5c5c5b,#333332);box-shadow:inset 0 .25cqw .35cqw rgb(0 0 0/.45),0 .15cqw 0 rgb(255 255 255/.12)}.wrp-hub:after,.wrp-hub:before{content:"";position:absolute;border-radius:50%}.wrp-hub:after{left:50%;top:50%;width:1.6cqw;height:1.6cqw;translate:-50% -50%;background:#1f1f1e}:root[data-theme=dark] .wrp-body{background:linear-gradient(165deg,#ececea,#e2e2df 55%,#d9d9d5);box-shadow:0 0 0 .35cqw rgb(255 255 255/.06),inset 0 .5cqw 0 rgb(255 255 255/.6),inset 0 -1.1cqw 0 rgb(0 0 0/.06),0 3.2cqw 6cqw -1cqw rgb(0 0 0/.5)}:root[data-theme=dark] .wrp-well{background:radial-gradient(circle at 50% 40%,#e6e6e3 0,#dcdcd8 70%,#d4d4d0 100%)}:root[data-theme=dark] .wrp-cord-line{stroke:#dededb}.asb-board{container-type:inline-size;position:absolute;inset:0;z-index:4;pointer-events:none}.asb-sticker{pointer-events:auto;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:var(--z,1);transform:translate(var(--dx,0),var(--dy,0));cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.asb-sticker[data-dragging]{cursor:-webkit-grabbing;cursor:grabbing;will-change:transform}.asb-art{position:absolute;left:50%;top:50%;width:var(--iw,100%);height:var(--ih,100%);transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(1);transform-origin:center center;transition:transform .2s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.asb-sticker:hover:not([data-dragging]) .asb-art{transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(1.03)}}.asb-img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}:root[data-theme=dark] .asb-sticker[data-sticker=text-tool] .asb-art:after{content:"";position:absolute;inset:0;background:#000;pointer-events:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-mode:alpha;mask-mode:alpha;-webkit-mask-image:url(/assets/about-board/text-tool-ink.png);mask-image:url(/assets/about-board/text-tool-ink.png)}.asb-sticker[data-sticker=colors] .asb-img{opacity:.85}.asb-tv-screen{position:absolute;left:20.706%;top:23.463%;width:58.588%;height:53.33%;display:block;object-fit:cover;-webkit-mask-image:url(/assets/about-board/tv-screen-mask.png);mask-image:url(/assets/about-board/tv-screen-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:0;transition:opacity .15s ease-out;pointer-events:none;-webkit-user-drag:none}.asb-tv-screen[data-on]{opacity:1}.asb-hint{position:absolute;left:var(--hx);top:var(--hy);width:var(--hw);height:var(--hh);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.asb-hint__text{position:absolute;margin:0;font-family:Caveat,cursive;font-weight:400;line-height:.9;letter-spacing:.02em;white-space:nowrap;color:#a66565;transform:rotate(-9deg);transform-origin:0 50%}.asb-hint__line{display:block;padding:.18em .12em;margin:-.18em -.12em;-webkit-mask-image:linear-gradient(90deg,#000 46%,transparent 54%);mask-image:linear-gradient(90deg,#000 46%,transparent 54%);-webkit-mask-size:220% 100%;mask-size:220% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}.asb-hint__arrow,.asb-hint__star{position:absolute;overflow:visible}.asb-hint__star{transform:rotate(-19deg)}.asb-hint__arrow path,.asb-hint__star path{fill:none;stroke:#a66565;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.1;stroke-dashoffset:1.01}.asb-hint[data-drawn] .asb-hint__line--1{animation:asb-write .4s cubic-bezier(.4,.1,.6,.95) .1s forwards}.asb-hint[data-drawn] .asb-hint__star path{animation:asb-draw .45s cubic-bezier(.5,.1,.4,1) .15s forwards}.asb-hint[data-drawn] .asb-hint__line--2{animation:asb-write .5s cubic-bezier(.4,.1,.6,.95) .5s forwards}.asb-hint[data-drawn] .asb-hint__shaft{animation:asb-draw .35s cubic-bezier(.45,.05,.4,1) .6s forwards}.asb-hint[data-drawn] .asb-hint__head{animation:asb-draw .2s cubic-bezier(.3,.1,.4,1) .95s forwards}:root[data-theme=dark] .asb-hint__text{color:#fff}:root[data-theme=dark] .asb-hint__arrow path,:root[data-theme=dark] .asb-hint__star path{stroke:#fff}@keyframes asb-draw{to{stroke-dashoffset:0}}@keyframes asb-write{to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){.asb-hint__line{-webkit-mask-image:none;mask-image:none}.asb-hint[data-drawn] .asb-hint__head,.asb-hint[data-drawn] .asb-hint__shaft,.asb-hint[data-drawn] .asb-hint__star path,.asb-hint__arrow path,.asb-hint__star path{animation:none;stroke-dashoffset:0}}.asb-sticker[data-sticker=vinyl]{pointer-events:none}.asb-sticker[data-sticker=vinyl] .asb-art{transform-origin:50% 25%}.asb-book{display:grid;place-items:center}@media (prefers-reduced-motion:reduce){.asb-art,.asb-sticker{transition:none}}@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.asb-sticker:hover:not([data-dragging]) .asb-art{transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(1)}}