main.page-versus{padding-bottom:24px}.strip{margin:0 var(--gutter)}.strip-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 20px;margin-bottom:10px;display:flex}.strip-head h2{font-family:var(--display);letter-spacing:-.01em;font-size:18px;font-weight:900;font-stretch:105%}.strip-count{color:var(--ink-soft);font-family:var(--ui);letter-spacing:0;margin-left:8px;font-size:14px;font-weight:550}.strip-status{color:var(--ink-soft);font-size:14px}.strip-status b{color:var(--ink);font-weight:700}.strip-case{width:fit-content;min-width:min(520px,100%);max-width:100%;padding:0 calc(var(--case-side) + var(--case-gap));background:var(--back);position:relative}.strip-case:before,.strip-case:after{content:"";width:var(--case-side);background:linear-gradient(90deg, var(--upright-hi), var(--upright) 40%, #1f1450);position:absolute;top:0;bottom:0}.strip-case:before{left:0}.strip-case:after{right:0;transform:scaleX(-1)}.strip-scroll{scrollbar-width:thin;background:linear-gradient(#00000080,#00000029 30px,#0000 64px),radial-gradient(120% 95% at 50% 6%,#9678ff24,#0000 64%),linear-gradient(0deg,#0000004d,#0000 28px);overflow:auto hidden}.strip-row{align-items:flex-end;gap:2px;min-width:max-content;height:196px;padding:0 64px 0 6px;display:flex;position:relative}.strip-board{margin-top:0}.sspine{transition:filter .3s ease-out, transform .38s var(--ease-out)}.sspine .spine-band{height:16px;font-size:8.5px}.sspine .spine-title{font-size:clamp(9px, calc(var(--t) * .32), 12px);padding:5px 0 4px}.sspine .sticker{border-radius:2px;min-width:18px;height:16px;padding:0 2px;font-size:11px}.sspine.out{filter:brightness(.42)saturate(.35)}.sspine.vs{transform:translateY(-12px);box-shadow:4px 12px 18px #00000080}.sspine.incoming{visibility:hidden}.sspine.dropping{animation:.56s cubic-bezier(.3,0,.2,1) both drop-in}.sspine.dropping .sticker{animation:slap .36s var(--ease-out) .3s both}@keyframes drop-in{0%{transform:translateY(-90px)}62%{transform:translateY(0)}78%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes slap{0%{transform:rotate(var(--tilt)) scale(1.7);opacity:0}to{transform:rotate(var(--tilt)) scale(1);opacity:1}}.ghost{z-index:2;width:44px;height:56px;transform:translateX(var(--x,0)) rotate(-4deg);transition:transform .52s var(--ease-out);pointer-events:none;position:absolute;top:6px;left:0}.ghost .cover{width:100%;height:100%;box-shadow:0 0 0 2px var(--label), 5px 10px 16px #0000008c;animation:2.4s ease-in-out infinite bob}.ghost .cover-title{font-size:6px}.ghost:after{content:"";border-left:2px dashed var(--label);width:0;height:14px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)rotate(4deg)}@keyframes bob{50%{transform:translateY(-4px)}}.ghost[hidden]{display:none}.stage{margin:0 var(--gutter);outline:none;justify-items:center;padding:clamp(12px,1.6vw,22px) 0 0;display:grid}.stage[hidden]{display:none}.ask{text-align:center}.ask h1{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(32px,4vw,54px);font-weight:900;font-stretch:110%;line-height:.95}.ask p{color:var(--ink-soft);margin-top:6px;font-size:16px}.scale{--tip:0;--drop:26px;--steel:var(--metal-side);width:min(900px,100%);height:372px;margin-top:14px;position:relative}.beam{background:var(--metal-top);width:76%;height:12px;transform:translateX(-50%) rotate(calc(var(--tip) * 6deg));transition:transform .56s var(--ease-out);z-index:1;border-radius:6px;position:absolute;top:306px;left:50%;box-shadow:0 6px 12px #00000073}.beam-cap{background:var(--metal-cap);border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #00000080}.post{background:var(--steel);width:16px;position:absolute;top:312px;bottom:12px;left:50%;transform:translate(-50%)}.post:after{content:"";background:var(--metal-top);border-radius:3px 3px 0 0;width:140px;height:12px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 6px 12px #00000059}.pan{width:40%;transition:transform .56s var(--ease-out);justify-items:center;display:grid;position:absolute;bottom:66px}.pan-a{transform:translate(-50%, calc(var(--tip) * var(--drop) * -1));left:12%}.pan-b{transform:translate(-50%, calc(var(--tip) * var(--drop)));left:88%}.pan-slot{justify-content:center;align-items:flex-end;height:204px;display:flex}.pan-tray{background:var(--metal-top);border-radius:2px 2px 4px 4px;width:82%;max-width:270px;height:10px;box-shadow:0 8px 12px -4px #00000080}.pan-stem{place-items:center;width:100%;height:92px;display:grid;position:relative}.pan-stem:before{content:"";background:var(--steel);width:8px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.pan-plate{background:var(--plate-bg,var(--label));max-width:260px;color:var(--plate-ink,var(--label-ink));text-align:center;text-shadow:var(--plate-glow,none);box-shadow:var(--plate-frame,0 0 0 0 transparent), inset 0 -1px 0 #0000001f, 0 4px 10px #00000059;border-radius:2px;justify-items:center;gap:1px;padding:7px 12px 8px;display:grid;position:relative}.pan-plate b{font-family:var(--display);text-wrap:balance;font-size:15px;font-weight:850;font-stretch:82%;line-height:1.05}.pan-plate span{color:var(--plate-soft,var(--paper-soft));font-variant-numeric:tabular-nums;font-size:12px}.plate-new{background:var(--label-ink);color:var(--label);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:2px;margin-right:6px;padding:0 5px;font-size:10px;font-style:normal;font-weight:850;font-stretch:85%}.wbox{cursor:pointer;transform-origin:50% 100%;transition:transform .3s var(--ease-out);background:0 0;border:0;padding:0;display:block;position:relative}.wbox .cover{width:var(--w);height:var(--h);transition:box-shadow .3s ease-out;box-shadow:inset 0 0 0 1px #00000040,8px 10px 18px #00000073}.wbox:hover,.wbox:focus-visible{outline:none;transform:translateY(-6px)}.wbox:hover .cover,.wbox:focus-visible .cover{box-shadow:inset 0 0 0 1px #00000040, 0 0 0 3px var(--label), 10px 18px 26px #00000080}.wbox>.sticker{position:absolute;top:-12px;right:-12px}.wbox.chosen .cover{box-shadow:inset 0 0 0 1px #00000040, 0 0 0 4px var(--label), 10px 18px 26px #00000080}.wbox.chosen:after{content:"Meant more";background:var(--label);color:var(--label-ink);font-family:var(--display);text-transform:uppercase;white-space:nowrap;animation:chosen-slap .32s var(--ease-out) both;border-radius:2px;padding:6px 12px;font-size:18px;font-weight:900;font-stretch:80%;position:absolute;top:38%;left:50%;transform:translate(-50%)rotate(-6deg);box-shadow:0 3px 8px #0006}@keyframes chosen-slap{0%{opacity:0;transform:translate(-50%)rotate(-6deg)scale(1.8)}to{opacity:1;transform:translate(-50%)rotate(-6deg)scale(1)}}.wbox.enter-a{animation:enter-a .46s var(--ease-out) both}.wbox.enter-b{animation:enter-b .46s var(--ease-out) both}@keyframes enter-a{0%{opacity:0;transform:translate(-70px)rotate(-5deg)}to{opacity:1;transform:none}}@keyframes enter-b{0%{opacity:0;transform:translateY(-60px)rotate(4deg)}to{opacity:1;transform:none}}.flyer{z-index:50;pointer-events:none;transform-origin:50% 0;margin:0;position:fixed}.controls{z-index:2;grid-template-columns:1fr 1fr;column-gap:190px;display:grid;position:absolute;bottom:0;left:0;right:0}.controls-side{gap:10px;display:flex}.controls-side:first-child{justify-content:flex-end}.keys{color:var(--ink-faint);margin-top:2px;font-size:13px}kbd{min-width:22px;height:22px;color:var(--ink);font-family:var(--ui);background:#f3efff1a;border-radius:3px;place-items:center;margin:0 2px;padding:0 5px;font-size:12px;font-weight:700;display:inline-grid;box-shadow:inset 0 -2px #0000004d}.done{margin:0 var(--gutter);text-align:center;justify-items:center;gap:14px;padding:clamp(48px,8vw,96px) 0;display:grid}.done[hidden]{display:none}.done h2{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(32px,4vw,54px);font-weight:900;font-stretch:105%;line-height:.95}.done p{max-width:44ch;color:var(--ink-soft);font-size:17px}.done-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.sample-note a{color:var(--ink)}@media (max-width:720px){.strip-row{height:200px}.strip-case{min-width:100%}.scale{--drop:18px;height:300px;margin-bottom:116px}.beam{width:84%;top:246px}.post{top:252px}.post:after{width:100px}.pan{width:48%;bottom:54px}.pan-a{left:25%}.pan-b{left:75%}.pan-slot{height:138px}.pan-stem{height:96px}.pan-plate{max-width:160px;padding:6px 8px}.pan-plate b{font-size:13px}.pan-plate span{font-size:11px}.wbox.chosen:after{padding:4px 8px;font-size:13px}.wbox>.sticker{min-width:32px;height:28px;font-size:18px;top:-10px;right:-8px}.keys{display:none}.controls{gap:10px;top:calc(100% + 14px);bottom:auto}.controls .btn{padding:0 14px;font-size:14px}}.sspine{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.sspine:focus-visible{outline-offset:2px;transform:translateY(-8px)}.strip-status .link{color:var(--ink)}@media (max-width:720px){.controls{grid-template-columns:1fr;row-gap:8px}.controls-side,.controls-side:first-child{justify-content:center}}.ask h1{color:#fff;text-shadow:.04em .04em 0 var(--you-lit), .08em .08em 0 var(--grape)}.ask p{margin-top:10px}.scale{isolation:isolate}.scale:before,.scale:after{content:"";z-index:-1;pointer-events:none;width:52%;position:absolute;top:-10px;bottom:40px}.scale:before{background:radial-gradient(55% 60% at 40% 45%,#ff2e6a66,#0000 72%);left:-6%}.scale:after{background:radial-gradient(55% 60% at 60% 45%,#3ce6ff57,#0000 72%);right:-6%}.vs-mark{z-index:3;background:radial-gradient(circle at 50% 35%, #2c1b6c, #0d0722 64%, transparent 65%), conic-gradient(var(--cyan) 0 50%, var(--you-lit) 50% 100%);color:#fff;width:86px;height:86px;font-family:var(--display);letter-spacing:-.04em;text-shadow:-.05em .04em 0 var(--you-lit), .05em .08em 0 var(--cyan);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;font-size:34px;font-style:italic;font-weight:900;font-stretch:125%;line-height:1;display:grid;position:absolute;top:312px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #05020e,0 0 26px #ff2e6a66,0 0 26px #3ce6ff4d,0 10px 18px #0009}.pan-plate:before{color:#fff;font-family:var(--display);letter-spacing:.06em;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:900;font-stretch:110%;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.pan-a .pan-plate:before{content:"P1";background:var(--you)}.pan-b .pan-plate:before{content:"P2";background:#0a8fb0}.pan-a .wbox:hover .cover,.pan-a .wbox:focus-visible .cover,.pan-a .wbox.chosen .cover{box-shadow:inset 0 0 0 1px #00000040, 0 0 0 3px var(--you-lit), 10px 18px 26px #0000008c}.pan-b .wbox:hover .cover,.pan-b .wbox:focus-visible .cover,.pan-b .wbox.chosen .cover{box-shadow:inset 0 0 0 1px #00000040, 0 0 0 3px var(--cyan), 10px 18px 26px #0000008c}.pan-a .wbox.chosen:after{background:var(--you);color:#fff}.pan-b .wbox.chosen:after{background:var(--cyan);color:var(--cyan-ink)}kbd{color:#fff;background:#24175a;box-shadow:inset 0 0 0 1px #7c5cff99,0 2px #0d0722}.keys kbd:first-child{background:var(--you);box-shadow:0 2px 0 var(--you-lip)}.keys kbd:nth-child(2){background:#0a8fb0;box-shadow:0 2px #045a70}.strip-case{box-shadow:0 0 0 3px var(--grape), 0 14px 26px -14px #000c;border-radius:4px;transition:box-shadow .26s ease-out}.strip-case:hover,.strip-case:focus-within{box-shadow:0 0 0 3px #a58bff,0 0 30px #7c5cff8c,0 14px 26px -14px #000c}@media (prefers-reduced-motion:no-preference){.vs-mark{animation:2.6s ease-in-out infinite vs-pulse}@keyframes vs-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.07)}}}@media (max-width:720px){.vs-mark{width:64px;height:64px;font-size:25px;top:252px}}@media (max-width:480px){.strip-board .board-label>span{display:none}}@media (prefers-reduced-motion:reduce){.strip-case{transition:none}}.plate-back{min-height:24px;color:inherit;font:700 12px/1 var(--ui);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-self:center;align-items:center;gap:5px;margin-top:3px;padding:0 6px;text-decoration:underline;display:inline-flex}.plate-back .ico{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.plate-back:hover{text-decoration-thickness:2px}.plate-back[aria-expanded=true]{background:var(--plate-ink,var(--label-ink));color:var(--plate-bg,var(--label));text-decoration:none}.vs-back{width:min(1080px,100%);margin:28px auto 6px;scroll-margin:96px}.vback{text-align:left;max-width:none;animation:vback-in .32s var(--ease-out);transform:none}.vback:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@keyframes vback-in{0%{opacity:0;transform:translateY(-10px)}}.vback .bb-grid{padding:20px 22px 16px}.vback .bb-title{font-size:clamp(26px,2.8vw,40px)}.vback .bb-meta{margin-top:10px}.vback .bb-cover{max-width:220px}.vback-player{color:#fff;font-family:var(--display);letter-spacing:.06em;border-radius:4px;padding:1px 7px;font-size:12px;font-weight:900;font-stretch:110%}.vback-a .vback-player{background:var(--you)}.vback-b .vback-player{background:#0a8fb0}.vback-summary{max-width:56ch;color:var(--paper-ink);margin-top:14px;font-size:16px;line-height:1.5}.vback-specs{margin-top:16px}.vback-nav{border-top:1px solid var(--paper-rule);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.vback-step{min-width:0;min-height:44px;color:var(--paper-ink);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:600;display:inline-flex}.vback-step .ico{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.vback-step>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vback-step:hover:not(:disabled){background:#1a103714}.vback-step:disabled{color:var(--paper-soft);cursor:default}.vback-step-title{color:var(--paper-soft);font-weight:450}.vback-close{justify-self:center}.vback-pick{justify-self:end}.vback-pick-a{background:var(--you);color:#fff;box-shadow:0 3px 0 var(--you-lip)}.vback-pick-a:hover{background:var(--you-lit)}.vback-pick-b{background:var(--cyan);color:var(--cyan-ink);box-shadow:0 3px #045a70}.vback-pick-b:hover{background:#7af0ff}@media (max-width:720px){.vs-back{margin-top:14px}.vback .bb-grid{grid-template-columns:1fr;gap:16px;padding:14px 14px 10px}.vback .bb-band{padding:8px 14px}.vback .bb-title{font-size:24px}.vback-summary{font-size:15px}.vback-nav{grid-template-columns:1fr 1fr}.vback-step:first-child{grid-column:1/-1;justify-self:start}.vback-close{justify-self:start}}@media (prefers-reduced-motion:reduce){.vback{animation:none}}.scale{touch-action:pan-y}.vs-swipe-hint{color:var(--ink-soft);text-align:center;margin-top:4px;font-size:14px;display:none}@media (hover:none),(pointer:coarse){.vs-swipe-hint{display:block}}