/* Independent work: Roblox arcade, playable sketch and the Kalshi fleet board. */
.sc-marquee{overflow:hidden;background:#080a09;border-top:1px solid #343e38;border-bottom:1px solid #343e38;padding:22px 0 16px;position:relative;z-index:2}
.sc-marquee:before,.sc-marquee:after{content:'';position:absolute;top:0;bottom:0;width:12vw;z-index:1;pointer-events:none}
.sc-marquee:before{left:0;background:linear-gradient(90deg,#080a09,transparent)}.sc-marquee:after{right:0;background:linear-gradient(-90deg,#080a09,transparent)}
.sc-marquee-track{display:flex;align-items:center;gap:.55em;width:max-content;font:400 clamp(44px,8.5vw,128px)/1 CourierPrime,monospace;letter-spacing:-.06em;white-space:nowrap;animation:sc-marquee 46s linear infinite}
.sc-marquee-track span{color:transparent;-webkit-text-stroke:1px #a1bbac;text-shadow:0 0 34px #73a08640}
.sc-marquee-track span:nth-of-type(3n+1){color:#e1eae5;-webkit-text-stroke:0;text-shadow:0 0 28px #8cb09b66}
.sc-marquee-track b{font-weight:400;font-size:.45em;color:#c0392b;text-shadow:0 0 18px #e0402f99}
@keyframes sc-marquee{to{transform:translateX(-50%)}}

.side-section .side-grid{margin-top:110px;padding-top:56px;border-top:1px solid #434c474d}
.sc-arcade{margin-top:24px}
.sc-head{display:grid;grid-template-columns:1.1fr 1fr;gap:32px 64px;align-items:end;margin-bottom:54px}
.sc-head h3{font:400 clamp(30px,3.9vw,54px)/1.08 CourierPrime,monospace;letter-spacing:-.05em;color:#ebf1ed;margin:0}
.sc-head>p{font:15px/1.75 Arial,sans-serif;color:#b3bcb7;max-width:52ch;margin:0}

.sc-cabinets{display:grid;grid-template-columns:1fr 1fr;gap:72px 56px}
.sc-cab{position:relative;min-width:0;isolation:isolate}
.sc-spill{position:absolute;z-index:-1;inset:-9% -12% 34%;background-size:cover;background-position:center;filter:blur(64px) saturate(1.7);opacity:.42;border-radius:50%;animation:sc-breathe 9s ease-in-out infinite alternate;pointer-events:none}
.sc-cab-squishy .sc-spill{animation-delay:-4s;opacity:.3}
@keyframes sc-breathe{from{opacity:.24;transform:scale(.94)}to{opacity:.5;transform:scale(1.04)}}
.sc-screen{position:relative;perspective:1100px}
.sc-screen-inner{position:relative;overflow:hidden;aspect-ratio:16/9;background:#0b0d0c;border:1px solid #b6ccbf55;border-radius:5px;transform:rotateX(calc(var(--ry,0)*-1deg)) rotateY(calc(var(--rx,0)*1deg));transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;box-shadow:0 30px 70px -30px #000,0 0 0 6px #0c0f0d,0 0 0 7px #434f4888;will-change:transform}
.sc-screen:hover .sc-screen-inner{transition-duration:.12s;box-shadow:0 44px 90px -30px #000,0 0 0 6px #0c0f0d,0 0 0 7px #b6ccbfaa}
.sc-screen-inner img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.sc-screen-inner img.sc-swapping{opacity:0}
.sc-screen-inner:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 2px,#090d0b26 2px 3px);mix-blend-mode:multiply;pointer-events:none}
.sc-glare{position:absolute;inset:0;background:radial-gradient(circle at var(--gx,30%) var(--gy,0%),#ffffff3d,transparent 42%);mix-blend-mode:screen;pointer-events:none;opacity:.7}
.sc-live{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:8px;font:10px/1 CourierPrime,monospace;letter-spacing:.1em;color:#f1f6f3;background:#090c0acc;border:1px solid #b6ccbf66;padding:8px 10px 7px;backdrop-filter:blur(6px);border-radius:2px}
.sc-live i{width:7px;height:7px;border-radius:50%;background:#ff4a3d;box-shadow:0 0 10px #ff4a3d;animation:sc-lamp 1.6s ease-in-out infinite}
@keyframes sc-lamp{50%{opacity:.35}}
.sc-corner{position:absolute;right:-9px;bottom:-9px;width:34px;height:34px;border-right:1px solid #b6ccbf;border-bottom:1px solid #b6ccbf;pointer-events:none}
.sc-shots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}
.sc-shots button{padding:0;border:1px solid #434f48;background:#0b0d0c;aspect-ratio:16/9;overflow:hidden;border-radius:3px;opacity:.55;transition:opacity .2s,border-color .2s,transform .2s}
.sc-shots button img{display:block;width:100%;height:100%;object-fit:cover}
.sc-shots button:hover{opacity:.9;transform:translateY(-2px)}
.sc-shots button[aria-pressed=true]{opacity:1;border-color:#d4e1d9;box-shadow:0 0 18px #8cb09b55}
.sc-shots button:focus-visible{outline:2px solid #dbe6e0;outline-offset:3px;opacity:1}
.sc-cab-copy{display:grid;grid-template-columns:64px 1fr;gap:6px 18px;margin-top:30px;align-items:center}
.sc-icon{width:64px;height:64px;border-radius:14px;border:1px solid #b6ccbf55;box-shadow:0 10px 30px -10px #000}
.sc-cab-copy h4{font:400 clamp(25px,2.5vw,34px)/1.1 CourierPrime,monospace;letter-spacing:-.04em;color:#eef3f0;margin:0}
.sc-tag{font:12px/1.5 CourierPrime,monospace;color:#b7cabf;margin:5px 0 0}
.sc-body,.sc-specs,.sc-play{grid-column:1/-1}
.sc-body{font:15px/1.75 Arial,sans-serif;color:#b3bcb7;margin:16px 0 0;max-width:58ch}
.sc-specs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.sc-specs li{font:11px/1.4 CourierPrime,monospace;color:#cad5cf;border:1px solid #434f48;padding:7px 10px 6px;border-radius:2px}
.sc-play{justify-self:start;display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding:14px 20px 13px;font:13px/1 CourierPrime,monospace;letter-spacing:.02em;color:#0e1411;background:#dbe6e0;border-radius:2px;position:relative;transition:background .2s,gap .25s,box-shadow .25s;box-shadow:0 0 0 #8cb09b00}
.sc-play:hover,.sc-play:focus-visible{background:#fff;gap:20px;box-shadow:0 0 34px #8cb09b88}
.sc-play svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}

.sc-mini{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px 56px;align-items:center;margin-top:96px;padding:38px;border:1px solid #434f4888;background:radial-gradient(ellipse at 78% 60%,#25372d55,transparent 60%),#0b0e0c;position:relative;border-radius:4px}
.sc-mini:before{content:'INSERT COIN';position:absolute;top:-8px;left:32px;font:10px/1 CourierPrime,monospace;letter-spacing:.14em;color:#b7cabf;background:#0b0d0c;padding:0 10px}
.sc-mini-copy h4{font:400 clamp(26px,2.9vw,40px)/1.1 CourierPrime,monospace;letter-spacing:-.045em;color:#ebf1ed;margin:0 0 18px}
.sc-mini-copy>p:not(.eyebrow){font:15px/1.75 Arial,sans-serif;color:#b3bcb7;margin:0;max-width:44ch}
.sc-mini-copy .sc-keys{display:grid;gap:4px;margin:20px 0 0!important;font:11px/1.6 CourierPrime,monospace!important;color:#b7cabf!important}
.sc-mini-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:24px;min-height:44px}
.sc-mini-controls .demo-button{margin:0;min-height:44px;padding:11px 18px;font-size:13px;color:#0e1411;background:#dbe6e0;border-color:#dbe6e0}
.sc-mini-controls .demo-button:hover{background:#fff;border-color:#fff}
.sc-mini-controls p{font:12px/1.5 CourierPrime,monospace;color:#e1ebe5;margin:0}
.sc-mini-copy .sc-fineprint{font:10px/1.6 CourierPrime,monospace!important;color:#87928c!important;margin-top:22px!important;letter-spacing:.03em}
.sc-mini-stage{min-width:0}
.sc-mini-stage canvas{display:block;width:100%;aspect-ratio:3/2;border-radius:3px;cursor:crosshair;touch-action:pan-y;background:#070908}
.sc-mini-stage canvas.sc-aiming{touch-action:none}
.sc-mini-stage canvas:focus-visible{outline:2px solid #dbe6e0;outline-offset:4px}

.sc-shelf{margin-top:72px}
.sc-shelf ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:1px solid #434c47}
.sc-shelf li{padding:18px 14px 20px 0;border-bottom:1px solid #434c474d;display:grid;gap:6px;align-content:start;transition:background .3s}
.sc-shelf li+li{padding-left:14px;border-left:1px solid #434c474d}
.sc-shelf li:hover{background:linear-gradient(#202a2440,transparent)}
.sc-shelf li span{font:10px/1 CourierPrime,monospace;color:#919d96}
.sc-shelf li strong{font:400 16px/1.25 CourierPrime,monospace;color:#e3ebe6;letter-spacing:-.02em}
.sc-shelf li small{font:11px/1.5 Arial,sans-serif;color:#a2aca6}
.sc-shelf .prototype-notes{margin-top:0;border-top:0}

@media(max-width:1100px){.sc-shelf ol{grid-template-columns:repeat(4,minmax(0,1fr))}.sc-shelf li:nth-child(5){padding-left:0;border-left:0}.sc-cabinets{gap:60px 36px}}
@media(max-width:820px){.sc-head,.sc-cabinets,.sc-mini{grid-template-columns:minmax(0,1fr)}.sc-head{gap:20px;margin-bottom:40px}.sc-mini{padding:30px 22px 22px;margin-top:70px}.sc-mini-stage{order:-1}.side-section .side-grid{margin-top:70px;padding-top:40px}.sc-spill{inset:-4% 0 40%;filter:blur(46px)}}
@media(max-width:650px){.sc-shelf ol{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-shelf li:nth-child(odd){padding-left:0;border-left:0}.sc-shelf li:nth-child(even){padding-left:14px;border-left:1px solid #434c474d}.sc-shelf li:last-child{grid-column:1/-1}.sc-body,.sc-head>p,.sc-mini-copy>p:not(.eyebrow){font-size:14px}.sc-cab-copy{grid-template-columns:52px 1fr;gap:6px 14px}.sc-icon{width:52px;height:52px;border-radius:11px}.sc-shots{gap:6px}.sc-live{font-size:9px;left:10px;top:10px;padding:6px 8px 5px}.sc-marquee{padding:14px 0 10px}.sc-mini:before{left:18px}}
@media(max-width:350px){.sc-mini{padding:26px 14px 16px}.sc-play{padding:13px 16px 12px}}

.motion-paused .sc-marquee-track,.motion-paused .sc-spill,.motion-paused .sc-live i,.motion-paused .sc-heartbeat i,.page-sleeping .sc-marquee-track,.page-sleeping .sc-spill{animation:none!important}
.motion-paused .sc-screen-inner{transform:none!important}
.motion-paused .sc-marquee-track{transform:none}
@media(prefers-reduced-motion:reduce){.sc-marquee-track,.sc-spill,.sc-live i,.sc-heartbeat i{animation:none!important}.sc-screen-inner{transform:none!important;transition:none}.sc-shots button,.sc-play,.sc-screen-inner img{transition:none}}


/* Compact development entry: one gameplay image, no collection catalog. */
.sc-new-game{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:32px;align-items:center;margin-top:56px;padding:28px 0;border-top:1px solid #56695e;border-bottom:1px solid #434c47}
.sc-new-game figure{margin:0;min-width:0}
.sc-new-game img{display:block;width:100%;height:auto;border:1px solid #677a6f;border-radius:3px}
.sc-new-game figcaption,.sc-new-status{font:11px/1.6 CourierPrime,monospace;color:#adbab2;margin:9px 0 0}
.sc-new-game h4{font:400 clamp(25px,3vw,36px)/1.15 CourierPrime,monospace;color:#ebf1ed;letter-spacing:-.04em;margin:0 0 14px}
.sc-new-game p:not(.eyebrow):not(.sc-new-status){font:15px/1.75 Arial,sans-serif;color:#b3bcb7;max-width:66ch;margin:0}
.sc-new-game .sc-specs{margin:18px 0}
@media(max-width:650px){.sc-new-game{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:38px}.sc-new-game figure{max-width:240px}.sc-new-game p:not(.eyebrow):not(.sc-new-status){font-size:14px}}