.product-shell:has(.decision-studio){--p-bg:#f5f3ec;--p-ink:#292724;--p-muted:#665039;--p-line:#d2cdc8}.decision-studio{--coin-ink:#77613b;--coin-size:194px;color:#2d2824;text-align:center;background:#f5f3ec;border:1.5px solid #2d2824;border-radius:3px;max-width:1040px;margin:0 auto;padding:18px 32px 0;overflow:hidden;box-shadow:7px 7px #2d2824}.decision-meta,.decision-bottom{letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex}.decision-meta{color:#6b6258}.decision-sound{color:#504942;letter-spacing:0;background:#f1efed;border:1px solid #0000;border-radius:24px;min-height:44px;padding:10px 16px;font-size:11px}.decision-sound[aria-pressed=true]{color:#fff8ee;background:#2d2824;border-color:#2d2824}.decision-stage{perspective:1100px;justify-content:center;align-items:center;gap:clamp(24px,7vw,100px);height:280px;padding-top:98px;display:flex;position:relative}.decision-side-label{z-index:2;letter-spacing:2px;color:#544c44;width:80px;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:2;position:relative}.decision-side-label b{letter-spacing:1px;color:#776d63;font-size:8px;font-weight:400}.decision-lift{width:var(--coin-size);height:var(--coin-size);z-index:2;transform-style:preserve-3d;flex-shrink:0;position:relative}.decision-rotor{width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:rotateX(58deg)rotate(-18deg)}.decision-edge{background:conic-gradient(from 30deg,#554122,#e1c78a 18%,#79623e 31%,#c6ac76 43%,#483719 58%,#e1c78a 80%,#554122);border:1px solid #9c8356;border-radius:50%;position:absolute;inset:0}.decision-face{color:var(--coin-ink);backface-visibility:hidden;background:repeating-radial-gradient(at 45% 45%,#0000 0 .8px,#58432210 1px 1.5px,#0000 2px 3px),conic-gradient(from 25deg at 45% 45%,#c3a76d,#eee2b9 12%,#b49b67 24%,#e4d4a5 40%,#f9edc4 47%,#b19868 61%,#ded0a0 77%,#bca26c 90%,#c3a76d);border:3px solid #cfb783;border-radius:50%;position:absolute;inset:0;transform:translateZ(5px);box-shadow:inset 0 0 0 1px #fff2ca,inset 0 0 0 3px #897041,inset 0 0 0 4px #ecddab,inset 0 0 12px #79603740}.decision-face:after{content:"";pointer-events:none;background:linear-gradient(125deg,#0000 25%,#fffce430 43%,#0000 56%,#4e361615 80%);border-radius:50%;position:absolute;inset:7px}.decision-face svg{filter:drop-shadow(0 1px .35px #fff4cf);width:100%;height:100%}.decision-face>span{letter-spacing:2px;text-shadow:0 1px #f6e7bd;font-family:IBM Plex Mono,monospace;font-size:7px;font-weight:500;position:absolute;bottom:26px;left:0;right:0}.decision-back{transform:rotateX(180deg)translateZ(5px)}.decision-shadow{width:calc(var(--coin-size) * .96);height:calc(var(--coin-size) * .51);opacity:.6;filter:blur(2px);z-index:1;background:#25221e;border-radius:50%;position:absolute;top:calc(50% + 18px)}.decision-floor{pointer-events:none;background:radial-gradient(#83786c18,#0000 65%);border-bottom:1px solid #83786c0b;height:155px;position:absolute;bottom:-18px;left:8%;right:8%;transform:perspective(400px)rotateX(58deg)}.decision-result{min-height:92px;margin-top:18px;position:relative}.decision-kicker{color:#776d63;letter-spacing:2px;font-family:IBM Plex Mono,monospace;font-size:8px}.decision-result h2{letter-spacing:-1.5px;margin:10px 0 20px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.1}.decision-flip{color:#2d2824;background:#f0c976;border:1.5px solid #2d2824;border-radius:3px;justify-content:space-between;align-items:center;gap:62px;min-height:52px;padding:13px 22px;font-size:14px;transition:transform .14s,background .14s;display:inline-flex;box-shadow:4px 4px #2d2824}.decision-flip:not(:disabled):hover{background:#f8d792;transform:translateY(-1px)}.decision-flip:not(:disabled):active{box-shadow:none;transform:translateY(2px)}.decision-flip:disabled{opacity:.65}.decision-studio :focus-visible{outline-color:#7a6e63}.decision-note{color:#6c6259;margin:20px 0 26px;font-size:12px;line-height:1.6}.decision-bottom{color:#776d63;border-top:1px solid #2d282425;min-height:54px;padding:14px 0;font-size:8px}.decision-bottom ol{gap:5px;margin:0;padding:0;list-style:none;display:flex}.decision-bottom li{color:#504942;border:1px solid #2d282430;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}@media (width<=600px){.decision-studio{--coin-size:164px;padding:12px 16px 0}.decision-meta{letter-spacing:.4px;font-size:7px}.decision-stage{gap:10px;height:270px;padding-top:115px}.decision-side-label{letter-spacing:1px;width:46px;font-size:8px}.decision-side-label b{font-size:7px}.decision-shadow{top:calc(50% + 29px)}.decision-result{min-height:80px;margin-top:10px}.decision-result h2{letter-spacing:-1px}.decision-bottom{flex-wrap:wrap;justify-content:center;gap:10px 20px;font-size:7px}.decision-bottom>span:last-child{flex-basis:100%}.decision-face>span{font-size:5px;bottom:23px}}.decision-studio{text-align:left;background:#f5f3ec;border:2px solid #242327;border-radius:0;grid-template-rows:auto 1fr auto auto auto;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);column-gap:30px;max-width:1160px;min-height:560px;padding:20px 30px 0;display:grid;overflow:hidden;box-shadow:7px 7px #242327}.decision-meta,.decision-bottom{grid-column:1/-1}.decision-stage{background:radial-gradient(at 50% 61%,#e7dfcb 0 37%,#0000 37.4%);grid-area:2/1/5;gap:32px;height:390px;margin-block:10px;padding-top:80px}.decision-result{text-align:left;grid-area:2/2;align-self:end;min-height:0;margin:0 0 25px}.decision-result h2{letter-spacing:-2px;font-size:clamp(40px,4vw,58px);line-height:1}.decision-flip{background:#f4d675;grid-area:3/2;align-self:start;gap:20px;min-height:60px;font-weight:600}.decision-note{grid-area:4/2;margin:22px 0 36px;font-size:11px}.decision-bottom{border-top:2px solid #242327;margin-top:5px}.decision-sound{background:#e9e5db;border-radius:0}.decision-shadow{top:calc(50% + 30px)}@media (width<=740px){.decision-studio{text-align:center;grid-template-columns:1fr;min-height:0;padding:12px 18px 0;box-shadow:4px 4px #242327}.decision-meta,.decision-bottom{grid-column:1}.decision-stage{grid-area:auto/1;gap:12px;height:290px;margin:0;padding-top:105px}.decision-result,.decision-flip,.decision-note{text-align:center;grid-area:auto/1}.decision-result{margin:8px 0 22px}.decision-result h2{font-size:42px}.decision-flip{width:100%}.decision-note{margin-block:18px 24px}.decision-bottom{margin-top:0}}
