.ba-page{padding-bottom:2rem;position:relative;overflow-x:clip}.ba-hero{isolation:isolate;grid-template-areas:"copy""toy""list";gap:.25rem;max-width:72rem;margin-inline:auto;padding:1.25rem 1rem 0;display:grid;position:relative}@media (min-width:40rem){.ba-hero{padding-inline:1.5rem}}@media (min-width:64rem){.ba-hero{grid-template:"copy toy""list toy"1fr/minmax(0,1fr) minmax(0,1.12fr);align-items:start;column-gap:3rem;padding:3rem 1.5rem 0}}.ba-mark{z-index:-1;opacity:.07;width:clamp(15rem,74vw,34rem);height:auto;top:3.5rem;right:-5.5rem}:root[data-theme=dark] .ba-mark{opacity:.1}@media (min-width:64rem){.ba-mark{opacity:.055;width:26rem;top:9rem;left:-11rem;right:auto}:root[data-theme=dark] .ba-mark{opacity:.08}}.ba-copy{grid-area:copy;align-content:start;gap:.7rem;display:grid}@media (min-width:64rem){.ba-copy{gap:1rem;padding-top:2.5rem}}.ba-h1{color:var(--sd-text-primary);font-size:clamp(2rem,8.6vw,3.6rem);line-height:1.04}@media (min-width:64rem){.ba-h1{font-size:3.1rem}}.ba-h1-mark{color:var(--sd-pen-ink)}.ba-lede{max-width:34rem;color:var(--sd-text-secondary);font-size:1.02rem;line-height:1.6}@media (min-width:40rem){.ba-lede{font-size:1.1rem}}.ba-toy{grid-area:toy;min-width:0;position:relative}@media (min-width:40rem) and (max-width:63.99rem){.ba-toy{width:100%;max-width:36rem;margin-inline:auto}}.ba-defs{width:0;height:0;position:absolute;overflow:hidden}.ba-stage{--ba-pw:clamp(144px, 40vw, 168px);--ba-u:calc(var(--ba-pw) / 100);--ba-ph:calc(var(--ba-u) * 206);--ba-r:calc(var(--ba-u) * 15);--ba-t:calc(var(--ba-u) * 8);--ba-in:calc(var(--ba-u) * 5);--ba-lac:#141118;--ba-lac-hi:#2a2430;--ba-gold:#d2a24a;--ba-gold-hi:#f0cf86;--ba-washi:#f6eedb;--ba-ink:#1f1a14;--ba-ink-2:#5d5348;--ba-shu:#d63a22;--ba-ai:#1f2766;--ba-ai-hi:#2e3a8a;--ba-beni:#8e2716;--ba-beni-hi:#b0391f;--ba-rim:#ffffff0f;height:clamp(372px, calc(var(--ba-ph) + 66px), 404px);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:22px;margin-top:.5rem;position:relative}.ba-stage[data-drag]{cursor:grabbing}.ba-stage:focus-visible{outline-offset:2px;border-radius:22px}:root[data-theme=dark] .ba-stage{--ba-rim:#a0b6ff38}@media (min-width:48rem){.ba-stage{--ba-pw:206px;height:520px}}@media (min-width:64rem){.ba-stage{--ba-pw:232px;height:600px;margin-top:0}}.ba-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.ba-backdrop:before{content:"";width:min(92%, calc(var(--ba-pw) * 2.3));aspect-ratio:1;background:radial-gradient(circle closest-side, color-mix(in srgb, var(--sd-pen) 15%, transparent) 0 97%, transparent);border-radius:50%;position:absolute;top:46%;left:50%;translate:-50% -50%}:root[data-theme=dark] .ba-backdrop:before{background:radial-gradient(circle closest-side,#fff3d61a 0 70%,#fff3d60a 90%,#0000)}.ba-backdrop:after{content:"";width:calc(var(--ba-pw) * 1.5);height:calc(var(--ba-pw) * .22);background:radial-gradient(closest-side, var(--sd-card-shadow), transparent);opacity:.55;border-radius:50%;position:absolute;bottom:5%;left:50%;translate:-50%}.ba-scene{z-index:1;perspective:1100px;perspective-origin:50% 42%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.ba-scene{animation:ba-arrive 1.1s var(--ease-out-expo) .1s both}}@keyframes ba-arrive{0%{opacity:0;transform:translateY(34px)scale(.94)}}.ba-rotor{width:var(--ba-pw);height:var(--ba-ph);margin:calc(var(--ba-ph) / -2) 0 0 calc(var(--ba-pw) / -2);transform-style:preserve-3d;position:absolute;top:47%;left:50%;transform:rotateX(14deg)rotateY(-26deg)rotate(-3deg)}.ba-part{border-radius:var(--ba-r);position:absolute;inset:0}.ba-plate{inset:var(--ba-in);border-radius:calc(var(--ba-r) - var(--ba-in))}.ba-back{backface-visibility:hidden;background:radial-gradient(120% 60% at 80% 0%, var(--ba-lac-hi), transparent 60%), var(--ba-lac);box-shadow:inset 0 0 0 calc(var(--ba-u) * 2.2) var(--ba-lac), inset 0 0 0 calc(var(--ba-u) * 2.6) var(--ba-gold);overflow:hidden;transform:translateZ(-.5px)rotateY(180deg)}.ba-back-art{width:100%;height:50%;fill:var(--ba-lac);stroke:var(--ba-gold);stroke-width:.6px;position:absolute;inset:auto 0 0}.ba-cam{top:calc(var(--ba-u) * 8);left:calc(var(--ba-u) * 8);width:calc(var(--ba-u) * 26);height:calc(var(--ba-u) * 26);border-radius:calc(var(--ba-u) * 8);box-shadow:inset 0 0 0 calc(var(--ba-u) * .8) var(--ba-gold);background:#0b0a0e;position:absolute}.ba-cam:before,.ba-cam:after{content:"";aspect-ratio:1;width:40%;box-shadow:0 0 0 calc(var(--ba-u) * .7) var(--ba-gold);background:radial-gradient(circle at 35% 35%,#3a4a8a,#07070b 60%);border-radius:50%;position:absolute}.ba-cam:before{top:9%;left:9%}.ba-cam:after{bottom:9%;right:9%}.ba-back-seal{right:calc(var(--ba-u) * 12);width:calc(var(--ba-u) * 15);aspect-ratio:1;background:var(--ba-shu);color:#fff;border-radius:22%;place-items:center;display:grid;position:absolute;top:34%}.ba-back-seal svg{fill:currentColor;width:76%;height:76%}.ba-floor{backface-visibility:hidden;background:radial-gradient(90% 50% at 30% 20%, var(--ba-lac-hi), transparent 70%), var(--ba-lac);box-shadow:inset 0 0 0 calc(var(--ba-u) * 1.2) var(--ba-gold);transform:translateZ(0)}.ba-chip{width:calc(var(--ba-u) * 34);aspect-ratio:1;border-radius:calc(var(--ba-u) * 3);background:repeating-linear-gradient(90deg, var(--ba-gold) 0 1px, transparent 1px 12.5%) center / 76% 76% no-repeat, #1b1720;box-shadow:inset 0 0 0 calc(var(--ba-u) * .9) var(--ba-gold), 0 0 0 calc(var(--ba-u) * 2.4) #1b1720, 0 0 0 calc(var(--ba-u) * 2.8) color-mix(in srgb, var(--ba-gold) 55%, transparent);position:absolute;top:40%;left:50%;translate:-50%}.ba-chip i{border-radius:calc(var(--ba-u) * 1.4);background:var(--ba-gold);position:absolute;inset:34%}.ba-cell{gap:calc(var(--ba-u) * 2);width:calc(var(--ba-u) * 60);height:calc(var(--ba-u) * 26);padding:calc(var(--ba-u) * 3);border-radius:calc(var(--ba-u) * 4);box-shadow:inset 0 0 0 calc(var(--ba-u) * .9) var(--ba-gold);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:8%;left:50%;translate:-50%}.ba-cell i{border-radius:calc(var(--ba-u) * 1.5);background:color-mix(in srgb, var(--ba-gold) 70%, transparent)}.ba-floor-cam{top:calc(var(--ba-u) * 9);left:calc(var(--ba-u) * 9);width:calc(var(--ba-u) * 10);aspect-ratio:1;box-shadow:inset 0 0 0 calc(var(--ba-u) * .8) var(--ba-gold);border-radius:50%;position:absolute}.ba-ring{border:calc(var(--ba-u) * 2.4) solid #19151d;box-shadow:0 0 0 1px var(--ba-rim);transform:translateZ(calc(var(--ba-t) * var(--i) / 4))}.ba-side{background:linear-gradient(var(--ba-side-dir,90deg), transparent 47%, var(--ba-gold) 47% 53%, transparent 53%), linear-gradient(var(--ba-side-dir,90deg), #0e0c11, #2b2531 50%, #0e0c11);box-shadow:0 0 0 .5px var(--ba-rim);position:absolute}.ba-side-l,.ba-side-r{top:var(--ba-r);bottom:var(--ba-r);width:var(--ba-t)}.ba-side-l{left:calc(var(--ba-t) * -1);transform-origin:100%;transform:rotateY(90deg)}.ba-side-r{transform-origin:0;left:100%;transform:rotateY(-90deg)}.ba-side-t,.ba-side-b{--ba-side-dir:0deg;left:var(--ba-r);right:var(--ba-r);height:var(--ba-t)}.ba-side-t{top:calc(var(--ba-t) * -1);transform-origin:50% 100%;transform:rotateX(-90deg)}.ba-side-b{transform-origin:50% 0;top:100%;transform:rotateX(90deg)}.ba-data{transform:translateZ(calc(var(--ba-t) * .3));background:radial-gradient(100% 50% at 25% 10%, var(--ba-beni-hi), transparent 70%), var(--ba-beni);box-shadow:inset 0 0 0 calc(var(--ba-u) * .8) color-mix(in srgb, var(--ba-gold) 80%, transparent)}.ba-slips{inset:calc(var(--ba-u) * 104) calc(var(--ba-u) * 7) auto;position:absolute}.ba-slip{align-items:center;gap:calc(var(--ba-u) * 3);height:calc(var(--ba-u) * 15);padding:0 calc(var(--ba-u) * 4.5);border-radius:calc(var(--ba-u) * 2.2);background:var(--ba-washi);color:var(--ba-ink);font:600 calc(var(--ba-u) * 5.4) / 1 var(--font-sans);box-shadow:0 calc(var(--ba-u) * 1.2) 0 #00000047;transform:translateY(calc((3 - var(--i)) * var(--ba-u) * 19));transition:transform .5s var(--ease-out-expo), opacity .4s ease;display:flex;position:absolute;inset:0 0 auto}.ba-slip b{font-weight:800}.ba-slip-dot{width:calc(var(--ba-u) * 4.4);aspect-ratio:1;background:var(--ba-shu);border-radius:50%;flex:none}.ba-slip[data-gone]{opacity:0}.ba-slip[data-new]{animation:ba-slip-in .55s var(--ease-out-expo) both}@keyframes ba-slip-in{0%{opacity:0;transform:translateY(calc(var(--ba-u) * 57)) scale(1.22)}}.ba-data[data-hit] .ba-slip:first-child{box-shadow:0 calc(var(--ba-u) * 1.2) 0 #00000047, 0 0 0 calc(var(--ba-u) * 1) var(--ba-gold-hi)}.ba-logic{transform:translateZ(calc(var(--ba-t) * .6));background:radial-gradient(100% 50% at 70% 8%, var(--ba-ai-hi), transparent 70%), var(--ba-ai);box-shadow:inset 0 0 0 calc(var(--ba-u) * .8) color-mix(in srgb, var(--ba-gold) 80%, transparent)}.ba-gear{fill:var(--ba-gold);position:absolute}.ba-gear-a{left:calc(var(--ba-u) * 6);top:calc(var(--ba-u) * 86);width:calc(var(--ba-u) * 50);height:calc(var(--ba-u) * 50)}.ba-gear-b{left:calc(var(--ba-u) * 47);top:calc(var(--ba-u) * 76.5);width:calc(var(--ba-u) * 33.6);height:calc(var(--ba-u) * 33.6);fill:var(--ba-gold-hi);rotate:11deg}.ba-rules{inset:auto calc(var(--ba-u) * 6) calc(var(--ba-u) * 9);gap:calc(var(--ba-u) * 3);display:grid;position:absolute}.ba-rule{gap:calc(var(--ba-u) * 1.2);padding:calc(var(--ba-u) * 3.4) calc(var(--ba-u) * 4);border-radius:calc(var(--ba-u) * 3);border:calc(var(--ba-u) * .6) solid color-mix(in srgb, var(--ba-gold) 60%, transparent);color:var(--ba-gold-hi);font:600 calc(var(--ba-u) * 4.8) / 1.15 var(--font-sans);display:grid}.ba-rule b{font-weight:800;font-size:calc(var(--ba-u) * 4);letter-spacing:.12em;text-transform:uppercase}.ba-rule span:before{content:"→ "}.ba-logic[data-rule=add] .ba-rule[data-rule=add],.ba-logic[data-rule=full] .ba-rule[data-rule=full]{background:var(--ba-gold-hi);color:var(--ba-ai)}.ba-screen{transform:translateZ(var(--ba-t));background:var(--ba-lac);box-shadow:inset 0 0 0 calc(var(--ba-u) * .7) #2c2632, 0 0 0 1px var(--ba-rim)}.ba-glass{inset:calc(var(--ba-u) * 3.4);padding:calc(var(--ba-u) * 4) calc(var(--ba-u) * 7) calc(var(--ba-u) * 9);border-radius:calc(var(--ba-r) - var(--ba-u) * 3.4);background:radial-gradient(120% 70% at 20% 0%, #fffaf0, transparent 70%), var(--ba-washi);color:var(--ba-ink);box-shadow:0 0 0 calc(var(--ba-u) * .5) color-mix(in srgb, var(--ba-gold) 75%, transparent);flex-direction:column;display:flex;position:absolute;overflow:hidden}.ba-glass:after{content:"";left:50%;bottom:calc(var(--ba-u) * 3);width:calc(var(--ba-u) * 32);height:calc(var(--ba-u) * 1.4);background:#1f1a1473;border-radius:9px;position:absolute;translate:-50%}.ba-status{height:calc(var(--ba-u) * 8);font:700 calc(var(--ba-u) * 4.2) / 1 var(--font-sans);justify-content:space-between;align-items:center;display:flex}.ba-island{width:calc(var(--ba-u) * 24);height:calc(var(--ba-u) * 6.4);background:#0d0b10;border-radius:99px}.ba-batt{width:calc(var(--ba-u) * 8);height:calc(var(--ba-u) * 4);border-radius:calc(var(--ba-u) * 1);box-shadow:inset 0 0 0 calc(var(--ba-u) * .6) var(--ba-ink);background:linear-gradient(90deg, var(--ba-ink) 0 70%, transparent 70%) calc(var(--ba-u) * 1.1) 50% / calc(100% - var(--ba-u) * 2.2) calc(100% - var(--ba-u) * 2.2) no-repeat}.ba-app-head{align-items:center;gap:calc(var(--ba-u) * 3);margin-top:calc(var(--ba-u) * 8);display:flex}.ba-app-seal{width:calc(var(--ba-u) * 10);aspect-ratio:1;background:var(--ba-shu);color:#fff;border-radius:22%;flex:none;place-items:center;display:grid}.ba-app-seal svg{fill:currentColor;width:76%;height:76%}.ba-app-name{font-family:var(--font-display);font-size:calc(var(--ba-u) * 8);font-size-adjust:.5;letter-spacing:-.01em;line-height:1}.ba-app-sub{margin-top:calc(var(--ba-u) * 2.4);font:500 calc(var(--ba-u) * 4.8) / 1.25 var(--font-sans);color:var(--ba-ink-2)}.ba-card{gap:calc(var(--ba-u) * 5);margin-top:calc(var(--ba-u) * 7);padding:calc(var(--ba-u) * 4.5) calc(var(--ba-u) * 4.4) calc(var(--ba-u) * 6);border-radius:calc(var(--ba-u) * 4);border-top:calc(var(--ba-u) * 2) solid var(--ba-shu);box-shadow:0 0 0 calc(var(--ba-u) * .5) #1f1a141f, 0 calc(var(--ba-u) * 1.4) 0 #1f1a1414;background:#fffaf0;display:grid;position:relative}.ba-card-head{font:800 calc(var(--ba-u) * 3.8) / 1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ba-ink-2);justify-content:space-between;display:flex}.ba-slots{gap:calc(var(--ba-u) * 3.6) calc(var(--ba-u) * 3.2);grid-template-columns:repeat(4,1fr);display:grid}.ba-slot{aspect-ratio:1;border:calc(var(--ba-u) * .55) dashed #1f1a144d;border-radius:50%;place-items:center;display:grid;position:relative}.ba-stamp{background:var(--ba-shu);fill:#fff7ee;width:112%;height:112%;box-shadow:inset 0 0 0 calc(var(--ba-u) * .6) #ffffff59;opacity:0;transform:rotate(var(--r)) scale(.6);border-radius:50%}.ba-slot[data-on] .ba-stamp{opacity:1;transform:rotate(var(--r))}.ba-slot[data-new] .ba-stamp{animation:.5s cubic-bezier(.2,.9,.25,1.15) both ba-stamp}.ba-slot[data-new]:after{content:"";border:calc(var(--ba-u) * .9) solid var(--ba-shu);border-radius:50%;animation:.6s ease-out .12s both ba-kiss;position:absolute;inset:-12%}@keyframes ba-stamp{0%{opacity:0;transform:rotate(calc(var(--r) - 24deg)) scale(1.9)}55%{opacity:1;transform:rotate(var(--r)) scale(.9)}to{opacity:1;transform:rotate(var(--r)) scale(1)}}@keyframes ba-kiss{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.ba-slot[data-clear] .ba-stamp{opacity:0;transform:rotate(var(--r)) scale(.6);transition:opacity .3s,transform .3s}.ba-full{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ba-full b{width:calc(var(--ba-u) * 40);aspect-ratio:1;border:calc(var(--ba-u) * 1.2) double #8a5a00;color:#4a3000;font:400 calc(var(--ba-u) * 6.2) / 1 var(--font-display);font-size-adjust:.5;text-align:center;opacity:0;background:radial-gradient(circle,#ffe7a6,#e3b456 70%);border-radius:50%;place-items:center;transition:opacity .2s,scale .45s cubic-bezier(.2,.9,.25,1.25);display:grid;rotate:-12deg;scale:.5}.ba-card[data-full] .ba-full b{opacity:1;scale:1}.ba-count{align-items:baseline;gap:calc(var(--ba-u) * 1.8);margin-top:calc(var(--ba-u) * 9);font:600 calc(var(--ba-u) * 5.4) / 1 var(--font-sans);color:var(--ba-ink-2);display:flex}.ba-n{font:400 calc(var(--ba-u) * 17) / .9 var(--font-display);font-size-adjust:.5;color:var(--ba-ink)}.ba-togo{padding:calc(var(--ba-u) * 1.6) calc(var(--ba-u) * 3);font-weight:700;font-size:calc(var(--ba-u) * 4.2);color:var(--ba-ink);background:#1f1a1412;border-radius:99px;margin-left:auto}.ba-btn{height:calc(var(--ba-u) * 27);background:var(--ba-shu);color:#fff;min-height:40px;font:800 calc(var(--ba-u) * 6.4) / 1 var(--font-sans);letter-spacing:.01em;box-shadow:0 calc(var(--ba-u) * 1.6) 0 #9e2814;cursor:pointer;border-radius:999px;margin-top:auto;transition:transform .15s,box-shadow .15s;position:relative}.ba-btn:before{content:"";inset:calc(var(--ba-u) * -5) calc(var(--ba-u) * -5);position:absolute}.ba-btn:active,.ba-btn[data-press]{transform:translateY(calc(var(--ba-u) * 1.2));box-shadow:0 calc(var(--ba-u) * .4) 0 #9e2814}.ba-btn:focus-visible{outline-offset:3px;border-radius:999px}.ba-btn:after{content:"";border-radius:inherit;border:calc(var(--ba-u) * .9) solid var(--ba-shu);opacity:0;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.ba-stage[data-live]:not([data-tapped]) .ba-btn:after{animation:2.2s ease-out 1.6s 6 ba-ping}}@keyframes ba-ping{0%{opacity:.75;transform:scale(1)}70%,to{opacity:0;transform:scale(1.18,1.5)}}.ba-thread{width:calc(var(--ba-u) * 2);height:100px;margin-left:calc(var(--ba-u) * -1);transform-origin:50% 0;background:repeating-linear-gradient(var(--ba-gold-hi) 0 6px, transparent 6px 11px);opacity:0;pointer-events:none;border-radius:2px;position:absolute;top:0;left:0}.ba-bead{width:calc(var(--ba-u) * 24);height:calc(var(--ba-u) * 24);margin:calc(var(--ba-u) * -12) 0 0 calc(var(--ba-u) * -12);background:radial-gradient(circle, #fff 0 11%, #ffe9a8 17%, var(--ba-gold-hi) 25%, color-mix(in srgb, var(--ba-gold-hi) 45%, transparent) 40%, color-mix(in srgb, var(--ba-gold-hi) 14%, transparent) 56%, transparent 70%);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.ba-labels{z-index:2;pointer-events:none;opacity:0;position:absolute;inset:0}.ba-label{white-space:nowrap;text-shadow:0 0 2px var(--sd-bg), 0 0 5px var(--sd-bg), 0 0 9px var(--sd-bg);gap:1px;padding-left:.95rem;display:grid;position:absolute;top:0;left:0;transform:translate(-999px)}.ba-label:before{content:"";background:var(--ba-key);width:.6rem;height:.6rem;box-shadow:0 0 0 1.5px var(--ba-key-ring,transparent);border-radius:50%;position:absolute;top:.32rem;left:0}.ba-label[data-k=screen]{--ba-key:var(--ba-washi);--ba-key-ring:var(--sd-text-secondary)}.ba-label[data-k=logic]{--ba-key:var(--ba-ai-hi)}.ba-label[data-k=data]{--ba-key:var(--ba-beni-hi)}.ba-label[data-k=shell]{--ba-key:var(--ba-lac);--ba-key-ring:var(--ba-gold)}.ba-label-t{font:750 .8rem/1.2 var(--font-sans);color:var(--sd-text-primary)}.ba-label-s{font:500 .74rem/1.2 var(--font-sans);color:color-mix(in srgb, var(--sd-text-secondary) 80%, var(--sd-text-primary))}.ba-label[data-on] .ba-label-t{color:var(--sd-pen-ink)}@media (min-width:64rem){.ba-label-t{font-size:.92rem}.ba-label-s{font-size:.82rem}}.ba-leaders{z-index:2;pointer-events:none;opacity:0;position:absolute;inset:0}.ba-leaders i{transform-origin:0;background:color-mix(in srgb, var(--sd-text-secondary) 70%, transparent);width:100px;height:1px;position:absolute;top:0;left:0;transform:translate(-999px)}.ba-kiru{z-index:3;pointer-events:none;width:5.4rem;height:auto;position:absolute;bottom:.5rem;left:-.25rem}@media (min-width:64rem){.ba-kiru{width:7.5rem;bottom:2rem;left:0}}.ba-say{text-align:center;min-height:2.9em;font:600 .92rem/1.35 var(--font-sans);color:var(--sd-text-secondary);place-items:center;margin-top:.15rem;padding:0 .5rem;display:grid}.ba-say b{color:var(--sd-text-primary)}.ba-say-line{text-wrap:balance;max-width:22rem}.ba-say-line[data-in]{animation:sd-fade-up .4s var(--ease-out-expo) both}.ba-step{background:color-mix(in srgb, var(--sd-pen) 14%, transparent);width:1.35rem;height:1.35rem;color:var(--sd-pen-ink);font:800 .75rem/1 var(--font-sans);vertical-align:.1em;border-radius:50%;place-items:center;margin-right:.35rem;display:inline-grid}.ba-apart{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"label label label""a range b";align-items:center;column-gap:.7rem;max-width:26rem;margin:.4rem auto 0;padding:0 .25rem;display:grid}.ba-apart-label{font:750 .72rem/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--sd-text-secondary);grid-area:label;justify-self:center}.ba-apart-end{font:600 .82rem/1 var(--font-sans);color:var(--sd-text-secondary)}.ba-apart-end:first-of-type{grid-area:a}.ba-apart-end:last-of-type{grid-area:b}.ba-range{--fill:0%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;grid-area:range;width:100%;height:44px;margin:0}.ba-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--sd-accent) 0 var(--fill), var(--sd-border-strong) var(--fill));border-radius:3px;height:6px}.ba-range::-moz-range-track{background:linear-gradient(90deg, var(--sd-accent) 0 var(--fill), var(--sd-border-strong) var(--fill));border-radius:3px;height:6px}.ba-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--sd-surface);background:var(--sd-accent);width:30px;height:30px;box-shadow:0 4px 12px -4px var(--sd-card-shadow);border-radius:50%;margin-top:-12px;transition:scale .15s}.ba-range::-moz-range-thumb{border:3px solid var(--sd-surface);background:var(--sd-accent);width:24px;height:24px;box-shadow:0 4px 12px -4px var(--sd-card-shadow);border-radius:50%}.ba-range:active::-webkit-slider-thumb{scale:1.12}.ba-range:focus-visible{outline:none}.ba-range:focus-visible::-webkit-slider-thumb{outline:2.5px solid var(--sd-pen);outline-offset:3px}.ba-range:focus-visible::-moz-range-thumb{outline:2.5px solid var(--sd-pen);outline-offset:3px}@media (prefers-reduced-motion:reduce){.ba-rotor{transform:translate3d(calc(var(--ba-pw) * -.45), calc(var(--ba-pw) * .56), 0) rotateX(60deg) rotateY(-2deg) rotateZ(-14deg) scale3d(.74, .74, .74)}.ba-data{transform:translateZ(calc(var(--ba-t) * .3 + var(--ba-pw) * .62))}.ba-logic{transform:translateZ(calc(var(--ba-t) * .6 + var(--ba-pw) * 1.24))}.ba-screen{transform:translateZ(calc(var(--ba-t) + var(--ba-pw) * 1.86))}.ba-stage{cursor:default}}@media (prefers-reduced-motion:reduce) and (min-width:48rem){.ba-rotor{transform:translate3d(calc(var(--ba-pw) * -.34), calc(var(--ba-pw) * .53), 0) rotateX(60deg) rotateY(-2deg) rotateZ(-14deg) scale3d(.74, .74, .74)}}.ba-list{border-radius:var(--radius-2xl);scroll-margin-top:calc(var(--sd-header-h) + 1rem);grid-area:list;margin-top:2.75rem;padding:1.35rem 1.2rem 1.25rem;position:relative}@media (min-width:64rem){.ba-list{margin-top:2rem;padding:1.6rem 1.6rem 1.4rem}}.ba-list{border-top:5px solid var(--sd-pen)}.ba-list-slot{aspect-ratio:1;border:1.5px dashed var(--sd-border-strong);border-radius:50%;place-items:center;width:3.4rem;display:grid;position:absolute;top:1.1rem;right:1.1rem}.ba-list-stamp{aspect-ratio:1;color:#fff7ee;opacity:0;background:#d63a22;border-radius:50%;place-items:center;width:112%;display:grid;transform:rotate(-9deg)scale(.6)}.ba-list-stamp svg{width:62%;height:62%}.ba-list[data-joined] .ba-list-slot{border-color:#0000}.ba-list[data-joined] .ba-list-stamp{opacity:1;animation:.55s cubic-bezier(.2,.9,.25,1.15) both ba-list-stamp;transform:rotate(-9deg)}@keyframes ba-list-stamp{0%{opacity:0;transform:rotate(-34deg)scale(1.9)}55%{opacity:1;transform:rotate(-9deg)scale(.9)}to{opacity:1;transform:rotate(-9deg)scale(1)}}.ba-list>.sd-kicker,.ba-list-title{padding-right:3.6rem}.ba-list-title{color:var(--sd-text-primary);margin-top:.6rem;font-size:clamp(1.35rem,5.4vw,1.7rem);line-height:1.15}.ba-list-body{max-width:32rem;color:var(--sd-text-secondary);margin-top:.5rem;font-size:1rem;line-height:1.6}.ba-list-form{margin-top:1rem}.ba-shelf-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.ba-shelf-title{color:var(--sd-text-primary);margin-top:.5rem;font-size:clamp(1.6rem,6vw,2.2rem)}.ba-shelf-count{background:var(--sd-fill);font:800 .72rem/1 var(--font-sans);letter-spacing:.04em;color:var(--sd-text-secondary);border-radius:999px;flex:none;padding:.3rem .7rem}.ba-guides{gap:.85rem;margin-top:1.25rem;display:grid}@media (min-width:48rem){.ba-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.ba-guides{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.ba-guide{height:100%;min-height:11rem;color:var(--sd-text-primary);align-content:start;gap:.45rem;padding:1.2rem 1.25rem;display:grid}.ba-guide-tag{font:750 .68rem/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sd-accent)}.ba-guide-title{font-size:1.25rem;line-height:1.2}.ba-guide-line{color:var(--sd-text-secondary);font-size:.95rem;line-height:1.5}.ba-guide-foot{font:600 .8rem/1 var(--font-sans);color:var(--sd-text-secondary);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.6rem;display:flex}.ba-guide-go{color:var(--sd-pen-ink);transition:translate .4s var(--ease-out-expo)}.ba-guide:hover .ba-guide-go{translate:4px}.ba-empty{margin-top:4.75rem;position:relative}@media (min-width:48rem){.ba-empty{margin-top:6rem}}.ba-empty-kiru{z-index:2;pointer-events:none;width:5.6rem;height:auto;position:absolute;bottom:calc(100% - 1.15rem);left:1.5rem}@media (min-width:48rem){.ba-empty-kiru{width:6.4rem;left:3rem}}.ba-empty-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:0 .6rem;display:grid}@media (min-width:48rem){.ba-empty-slots{gap:1rem;padding:0 1.25rem}}.ba-empty-slot{border:1.5px dashed var(--sd-border-strong);height:5.5rem;color:var(--sd-text-secondary);border-bottom:0;border-radius:14px 14px 0 0;place-items:center;display:grid;position:relative}@media (min-width:48rem){.ba-empty-slot{height:7.5rem}}.ba-empty-slot svg{opacity:.18;width:2.2rem;height:2.2rem}.ba-empty-slot:first-child{border-color:color-mix(in srgb, var(--sd-pen) 55%, transparent);background:color-mix(in srgb, var(--sd-pen) 5%, transparent)}.ba-empty-slot:first-child svg{color:var(--sd-pen);opacity:.5}.ba-plank{height:.9rem;box-shadow:inset 0 1.5px 0 #d2a24a, 0 18px 30px -18px var(--sd-card-shadow);background:linear-gradient(#2a2430,#141118 55%,#0c0a0e);border-radius:6px;position:relative}:root[data-theme=dark] .ba-plank{box-shadow:inset 0 1.5px 0 #d2a24a, 0 0 0 1px #a0b6ff2e, 0 18px 30px -18px var(--sd-card-shadow)}.ba-plank:before,.ba-plank:after{content:"";background:linear-gradient(90deg,#0c0a0e,#2a2430);border-radius:0 0 4px 4px;width:.7rem;height:1.6rem;position:absolute;top:100%}.ba-plank:before{left:8%}.ba-plank:after{right:8%}.ba-empty-note{text-align:center;gap:.35rem;max-width:34rem;margin:2.6rem auto 0;display:grid}.ba-empty-line{color:var(--sd-text-secondary);font-size:1.05rem;line-height:1.6}.ba-empty-line b{color:var(--sd-text-primary);font-weight:650}.ba-empty-link{min-height:44px;color:var(--sd-accent);text-underline-offset:4px;justify-self:center;align-items:center;gap:.4rem;padding:0 .5rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-flex}.ba-empty-link:hover{color:var(--sd-accent-hover)}.ba-empty-link:active{scale:.97}