.sb{padding-block:clamp(96px,12vw,160px) clamp(24px,4vw,48px)}.sb-mock-note{font-size:.78rem;line-height:1.6;color:#6b6a63;border:1px dashed var(--paper-line);padding:.7em 1em;margin-block-end:clamp(32px,5vw,56px)}mark{background:var(--lemon-light);color:inherit;padding:.05em .35em;border-radius:2px}.sb-head{margin-block-end:clamp(24px,4vw,40px)}.sb-title{font-family:var(--font-en-display);font-weight:700;font-size:var(--fs-hero);line-height:.9;letter-spacing:-.02em;display:inline-flex;align-items:flex-end;gap:.04em}.sb-title-dot{width:.2em;height:.2em;border-radius:50%;background:var(--signal);margin-block-end:.06em}.sb-lead{margin-block-start:1.2em;line-height:1.9}.sb-pit{position:relative;height:clamp(560px,80svh,860px);margin-inline:clamp(0px,1vw,16px);overflow:hidden;touch-action:none}.sb-stage{position:absolute;inset:0}.sb-stage canvas{display:block;width:100%;height:100%;cursor:crosshair}.sb-pit.is-holding .sb-stage canvas{cursor:grabbing}.sb-label{position:absolute;top:0;left:0;display:grid;justify-items:center;gap:4px;pointer-events:none;transition:opacity .2s ease;will-change:transform}.sb-label.is-lifted{opacity:.35}.sb-label-name{font-family:var(--font-en-display);font-weight:700;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.1;color:var(--ink);text-shadow:0 1px 0 rgba(255,250,235,.9)}.sb-label-state{font-family:var(--font-label);font-size:.72rem;letter-spacing:.08em;line-height:1;white-space:nowrap;padding:.4em .7em;border-radius:999px;background:var(--base);border:1px solid var(--ink)}.sb-label-state--wip{background:var(--signal);border-color:var(--signal)}.sb-label-state--ended{background:#d6d3cc;color:#4a4943;border:none}.sb-hint{position:absolute;top:14px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);font-size:.8rem;line-height:1.6;text-align:center;color:#55544d;pointer-events:none}.sb-rake{position:absolute;left:22px;bottom:22px;z-index:6;font-size:.82rem;font-weight:700;line-height:1;padding:.75em 1.2em;border-radius:999px;background:var(--base);border:1px solid var(--ink)}.sb-rake:hover{background:var(--signal);border-color:var(--signal)}.sb-pit.is-reading .sb-label,.sb-pit.is-reading .sb-hint,.sb-pit.is-reading .sb-rake{opacity:0;pointer-events:none;transition:opacity .25s ease}.sb-pit.is-flat{height:auto}.sb-pit.is-flat .sb-label,.sb-pit.is-flat .sb-hint,.sb-pit.is-flat .sb-rake{display:none}.sb-index{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:18px}.sb-index-btn{font-family:var(--font-en-display);font-weight:500;font-size:.85rem;padding:.6em 1.2em;border:1px solid var(--ink);border-radius:999px}.sb-index-btn:hover{background:var(--signal);border-color:var(--signal)}.sb-board{position:absolute;top:0;left:0;z-index:4;transform-origin:0 0;will-change:transform,clip-path}.sb-board-face{position:relative;width:880px;height:500px;overflow:auto;overscroll-behavior:contain;padding:22px 26px 64px;background:radial-gradient(circle at 18px 18px,#b08a55 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 18px) 18px,#b08a55 0 3px,transparent 4px),#fbf4e2;border-radius:4px;box-shadow:inset 0 0 0 1px #5a3c1440,inset 0 -30px 40px -30px #785a2840;touch-action:pan-y}.sb-board-face .sb-card{gap:8px}.sb-board-face .sb-card-title{font-size:2rem}.sb-board-face .sb-issue{font-size:1rem}.sb-board-face p{font-size:.9rem;line-height:1.75}.sb-board-face .sb-shot{aspect-ratio:16 / 5}.sb-bury{position:absolute;right:22px;bottom:16px;z-index:1;box-shadow:0 0 0 6px #fbf4e2,0 6px 14px #3c280a40;font-size:.82rem;font-weight:700;line-height:1;padding:.75em 1.2em;border-radius:999px;background:var(--ink);color:var(--base)}.sb-bury:hover{background:#3a2a14}.sb-tagline{font-family:var(--font-jp-display);font-weight:900;font-size:1.35rem!important;line-height:1.4!important;margin-block-start:2px}.sb-card--rich .sb-issue{margin-block-start:10px}.sb-phones{display:grid;grid-template-columns:repeat(3,minmax(0,170px));gap:16px;margin-block:8px 4px}.sb-phones li{display:grid;gap:6px;justify-items:center}.sb-phones img{width:100%;height:auto;border-radius:14px;background:#fff;box-shadow:0 6px 16px #5a3c142e}.sb-phones span{font-size:.72rem;color:#6b6a63}.sb-split{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start}.sb-split .sb-phones{grid-template-columns:repeat(3,140px)}.sb-mac{width:220px;margin:0}.sb-mac img{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 16px #5a3c142e}.sb-feedframe-shot{width:320px;max-width:100%;margin:0}.sb-feedframe-shot img{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 16px #5a3c142e}.sb-feedframe-shot figcaption{margin-block-start:6px;font-size:.72rem;line-height:1.6;color:#6b6a63}.sb-points{display:grid;gap:2px}.sb-points dt{font-weight:700;font-size:.92rem;margin-block-start:8px}.sb-points dt:before{content:"";display:inline-block;width:.5em;height:.5em;margin-inline-end:.5em;border-radius:50%;background:var(--signal);vertical-align:.1em}.sb-points dd{margin:0;font-size:.86rem;line-height:1.7;color:#3a3a35}.sb-build{display:grid;gap:6px}.sb-build li{position:relative;padding-inline-start:1em;font-size:.86rem;line-height:1.7}.sb-build li:before{content:"\2014";position:absolute;left:0;color:#8a887f}.sb-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-bottom:14px}.sb-feats li{font-size:.84rem;line-height:1.7;color:#3d3c37}.sb-feats b{display:block;font-size:.92rem;color:var(--ink)}.sb-feats b:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--signal);vertical-align:.15em}.sb-k small{font-size:.9em;letter-spacing:0}.sb-links{display:flex;flex-wrap:wrap;gap:8px}.sb-links a{font-size:.82rem;font-weight:700;padding:.55em 1em;border:1px solid var(--ink);border-radius:999px}.sb-links a:hover{background:var(--signal);border-color:var(--signal)}.sb-logs{display:grid;gap:4px;font-size:.86rem}.sb-logs time{display:inline-block;min-width:5em;font-family:var(--font-en-display);font-weight:500}.sb-pit.is-flat .sb-board{position:static;transform:none!important;clip-path:none!important}.sb-pit.is-flat .sb-board-face{width:auto;height:auto}.sb-pit.is-flat .sb-bury{display:none}.sb-card{display:grid;gap:12px}.sb-k{font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:.12em;color:#8a887f}.sb-card-title{font-family:var(--font-en-display);font-size:clamp(2rem,4vw,2.6rem);line-height:1}.sb-issue{font-family:var(--font-jp-display);font-weight:700;font-size:1.08rem;line-height:1.7;padding-inline-start:12px;border-inline-start:4px solid var(--signal)}.sb-shot{display:grid;place-items:center;aspect-ratio:16 / 10;border:1px solid var(--paper-line);background:repeating-linear-gradient(-45deg,transparent 0 10px,color-mix(in srgb,var(--paper-line) 55%,transparent) 10px 11px);font-size:.85rem}.sb-facts{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:.9rem;line-height:1.6}.sb-facts dt{font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:.12em;color:#8a887f;padding-block-start:.15em}.sb-log{font-size:.9rem}.sb-log time{font-family:var(--font-en-display);font-weight:500;margin-inline-end:1em}.sb-more{margin-block-start:28px;font-size:.9rem;color:#6b6a63}@media(max-width:720px){.sb-pit{height:74svh}.sb-label-state{display:none}.sb-label-name{font-size:.68rem;letter-spacing:-.03em}.sb-hint{inset:auto 14px 18px auto;transform:none;text-align:right;max-width:58%;font-size:.68rem}.sb-hint br,.sb-hint-more{display:none}.sb-rake{left:14px;bottom:14px}.sb-board-face{width:380px;height:560px;padding:20px 20px 64px}.sb-bury{right:16px;bottom:14px}.sb-split{grid-template-columns:minmax(0,1fr);gap:8px}.sb-split .sb-phones{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-feats{grid-template-columns:minmax(0,1fr)}.sb-mac{width:60%;justify-self:center}}.sb-board[hidden],.sb-card[hidden]{display:none}.sb-wide{margin:0}.sb-wide video{width:100%;height:auto;border-radius:10px;background:#000;box-shadow:0 6px 16px #5a3c142e}.sb-arch{margin:10px 0}.sb-arch ol{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:24px;margin:0;padding:0;list-style:none}.sb-arch li{position:relative;padding:12px;border:1px solid rgba(90,60,20,.25);border-radius:10px;background:#fffaf0}.sb-arch li:not(:last-child):after{content:"\2192";position:absolute;top:50%;right:-25px;width:24px;text-align:center;transform:translateY(-50%);color:#6b6a63}.sb-arch b{display:block;margin-bottom:4px;font-size:.9rem;font-weight:700}.sb-arch span{display:block;font-size:.76rem;line-height:1.6;color:#6b6a63}.sb-arch--keys ol{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sb-arch--keys li:not(:last-child):after{display:none}.sb-arch--keys b:before{content:"";display:inline-block;width:10px;height:10px;margin-right:7px;vertical-align:.05em}.sb-arch--keys li:nth-child(1) b:before{background:#1f6b40}.sb-arch--keys li:nth-child(2) b:before{background:#2a5fc0}.sb-arch--keys li:nth-child(3) b:before{background:#d03030}.sb-arch--keys li:nth-child(4) b:before{background:#a07a18}.sb-card-title small{font-size:.5em;color:#6b6a63;font-weight:500;letter-spacing:.04em}.sb-feats small{font-size:.78em;color:#6b6a63}@media(max-width:720px){.sb-arch ol{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}.sb-arch--keys ol{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-arch li:not(:last-child):after{content:"\2193";inset:auto auto -25px 50%;height:24px;line-height:24px;transform:translate(-50%)}}