.arcade{--a-ink:var(--c-ink,#1c1917);--a-paper:var(--c-ivory,#fafaf7);--a-bone:var(--c-bone,#f5f3ee);--a-bronze:var(--c-bronze,#8b7355);--a-muted:var(--c-ink-60,#78716c);--a-coin:#ffd23f;--a-indigo:#1e1b4b;--a-violet:#4c2a85;--a-saffron:#f5b700;--a-terracotta:#c56b4a;--a-teal:#2ec4b6;background:var(--a-paper);color:var(--a-ink);font-family:var(--font-sans);overflow-x:hidden}.arcade-marquee{background:var(--a-indigo);color:var(--a-paper);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:8px 0;font-size:12px;font-weight:700;overflow:hidden}.arcade-marquee-track{animation:40s linear infinite arcade-marquee;display:inline-block}@keyframes arcade-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.arcade-marquee-track{animation:none}}.arcade-hero{isolation:isolate;text-align:center;color:#fff6de;background:linear-gradient(180deg, var(--a-indigo) 0%, var(--a-violet) 48%, #c2410c 82%, var(--a-saffron) 100%);border-bottom:4px solid var(--a-ink);padding:44px 20px 200px;position:relative;overflow:hidden}.arcade-hero:before{content:"";z-index:-1;background-image:radial-gradient(circle at 12% 18%,#fff6dee6 0 1px,#0000 2px),radial-gradient(circle at 28% 8%,#fff6deb3 0 1px,#0000 2px),radial-gradient(circle at 44% 22%,#fff6decc 0 1px,#0000 2px),radial-gradient(circle at 63% 12%,#fff6de99 0 1px,#0000 2px),radial-gradient(circle at 78% 26%,#fff6dee6 0 1px,#0000 2px),radial-gradient(circle at 90% 9%,#fff6deb3 0 1px,#0000 2px),radial-gradient(circle at 70% 40%,#fff6de80 0 1px,#0000 2px),radial-gradient(circle at 20% 38%,#fff6de80 0 1px,#0000 2px);position:absolute;inset:0}.arcade-skyline{z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='110' viewBox='0 0 520 110'%3E%3Cg fill='%231e1b4b'%3E%3Crect x='0' y='70' width='60' height='40'/%3E%3Crect x='70' y='40' width='12' height='70'/%3E%3Cpolygon points='64,42 76,22 88,42'/%3E%3Crect x='90' y='60' width='70' height='50'/%3E%3Cellipse cx='125' cy='60' rx='30' ry='20'/%3E%3Crect x='123' y='30' width='4' height='12'/%3E%3Crect x='170' y='75' width='40' height='35'/%3E%3Crect x='220' y='50' width='90' height='60'/%3E%3Cellipse cx='265' cy='50' rx='40' ry='24'/%3E%3Crect x='263' y='16' width='4' height='14'/%3E%3Crect x='320' y='35' width='10' height='75'/%3E%3Cpolygon points='314,37 325,18 336,37'/%3E%3Crect x='340' y='68' width='55' height='42'/%3E%3Crect x='405' y='55' width='60' height='55'/%3E%3Cellipse cx='435' cy='55' rx='25' ry='16'/%3E%3Crect x='475' y='45' width='10' height='65'/%3E%3Cpolygon points='469,47 480,30 491,47'/%3E%3Crect x='495' y='78' width='25' height='32'/%3E%3C/g%3E%3Cg fill='%23ffd23f'%3E%3Crect x='20' y='84' width='4' height='5'/%3E%3Crect x='110' y='80' width='4' height='5'/%3E%3Crect x='250' y='76' width='4' height='5'/%3E%3Crect x='285' y='90' width='4' height='5'/%3E%3Crect x='360' y='86' width='4' height='5'/%3E%3Crect x='425' y='82' width='4' height='5'/%3E%3C/g%3E%3C/svg%3E");background-position:bottom;background-repeat:repeat-x;background-size:520px 110px;height:110px;position:absolute;bottom:0;left:0;right:0}.arcade-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--a-coin);margin:0;font-size:13px;font-weight:700}.arcade-title{font-family:var(--font-display);letter-spacing:-.01em;color:#fff6de;text-shadow:-2px 0 0 var(--a-ink), 2px 0 0 var(--a-ink), 0 -2px 0 var(--a-ink), 0 2px 0 var(--a-ink), 5px 6px 0 var(--a-ink);margin:4px 0 12px;font-size:clamp(56px,14vw,104px);font-style:italic;font-weight:700;line-height:.95}.arcade-lede{color:#fff6ded9;max-width:44ch;margin:0 auto;font-size:16px;line-height:1.5}.arcade-section{max-width:960px;margin:0 auto;padding:28px 16px 8px}.arcade-h2{letter-spacing:.14em;text-transform:uppercase;color:var(--a-ink);align-items:center;gap:10px;margin:0 0 14px;font-size:13px;font-weight:800;display:flex}.arcade-dot{border:2px solid var(--a-ink);background:#4cbb47;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 3px #4cbb4740}.arcade-dot-off{background:var(--a-bone);box-shadow:none}.arcade-grid{grid-template-columns:1fr;gap:18px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.arcade-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.arcade-grid{grid-template-columns:repeat(3,1fr)}}.arcade-cabinet{--cab:var(--a-bronze)}.arcade-cabinet-link{color:inherit;background:linear-gradient(180deg, var(--a-indigo) 0 12px, #fff 12px);border:3px solid var(--a-ink);box-shadow:6px 6px 0 var(--a-ink);border-radius:18px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:block;overflow:hidden}a.arcade-cabinet-link:hover,a.arcade-cabinet-link:focus-visible{box-shadow:8px 8px 0 var(--a-ink);outline:none;transform:translate(-2px,-2px)}a.arcade-cabinet-link:focus-visible{box-shadow:8px 8px 0 var(--a-ink), 0 0 0 4px var(--a-coin)}a.arcade-cabinet-link:active{box-shadow:2px 2px 0 var(--a-ink);transform:translate(2px,2px)}.arcade-screen{clip-path:polygon(0 100%,0 26%,12% 12%,30% 4%,50% 0,70% 4%,88% 12%,100% 26%,100% 100%);background:repeating-linear-gradient(0deg, #0000000f 0 2px, transparent 2px 4px), radial-gradient(120% 90% at 50% 20%, color-mix(in srgb, var(--cab) 82%, white) 0%, var(--cab) 70%);border-bottom:3px solid var(--a-ink);color:#fff;text-shadow:0 2px #00000059;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:168px;margin-top:10px;padding:22px 16px;display:flex;position:relative}.arcade-mark{filter:drop-shadow(3px 3px #00000059);font-size:44px;line-height:1}.arcade-screen-title{font-family:var(--font-display);font-size:34px;font-style:italic;font-weight:700;line-height:1}.arcade-insert{letter-spacing:.16em;text-transform:uppercase;color:var(--a-coin);margin-top:4px;font-size:11px;font-weight:800;animation:1.6s steps(2,start) infinite arcade-blink}@keyframes arcade-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.arcade-insert{animation:none}}.arcade-cabinet-body{padding:14px 16px 16px}.arcade-tagline{color:var(--a-ink);margin:0 0 4px;font-size:16px;font-weight:800;line-height:1.3}.arcade-howto{color:var(--a-muted);margin:0;font-size:14px;line-height:1.45}.arcade-cabinet.is-soon .arcade-cabinet-link{background:var(--a-bone);box-shadow:4px 4px 0 var(--a-ink)}.arcade-cabinet.is-soon .arcade-screen{filter:saturate(.55)}.arcade-cabinet.is-soon .arcade-insert{color:#fff;opacity:.9;animation:none}.arcade-boards{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:720px){.arcade-boards{grid-template-columns:repeat(2,minmax(0,1fr))}}.arcade-board-card{border:3px solid var(--a-ink);box-shadow:6px 6px 0 var(--a-ink);background:#fff;border-radius:18px;padding:14px 14px 12px}.arcade-board-title{font-family:var(--font-display);color:var(--a-ink);margin:0 0 10px;font-size:22px;font-style:italic;font-weight:700}.arcade-fine{color:var(--a-muted);margin:10px 2px 0;font-size:12px}.arcade .lb{flex-direction:column;gap:8px;display:flex}.arcade .lb-tabs{gap:6px;display:flex}.arcade .lb-tab{font:800 12px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--a-ink);border:2.5px solid var(--a-ink);cursor:pointer;background:#fff;border-radius:999px;padding:5px 12px}.arcade .lb-tab.is-on{background:var(--a-ink);color:#fff}.arcade .lb-empty{color:var(--a-muted);margin:4px 0 0;font-size:14px}.arcade .lb-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.arcade .lb-row{border:2px solid var(--a-ink);background:var(--a-paper);border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:7px 10px;font-size:15px;font-weight:700;display:grid}.arcade .lb-row:first-child{background:var(--a-coin)}.arcade .lb-rank{font-family:var(--font-display);text-align:center;font-size:17px;font-weight:700}.arcade .lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arcade .lb-score{font-variant-numeric:tabular-nums;font-weight:800}.arcade-foot{max-width:960px;color:var(--a-muted);margin:0 auto;padding:28px 16px 48px;font-size:14px}.arcade-foot p{margin:0}.arcade-foot-link{color:var(--a-ink);text-underline-offset:3px;text-decoration:underline}.arcade-game{background:#6db9ff}.arcade-game-dusk{background:#1e1b4b}.arcade-back-dusk{background:#fff6de}.arcade-game-nav{padding:10px 16px 0}.arcade-back{color:#2b1b3d;background:#fff6de;border:2.5px solid #2b1b3d;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:2px 2px #2b1b3d}@media (orientation:landscape) and (max-height:520px){.arcade-game-nav{display:none}}.arcade-shell{color:#fafaf7;font-family:var(--font-sans);background:#1e1b4b}.arcade-skip{z-index:100;color:#1c1917;background:#fafaf7;border-radius:6px;padding:8px 14px;font-weight:600;position:absolute;top:8px;left:-9999px}.arcade-skip:focus{left:8px}.arcade-bar{color:#fff6de;background:#1e1b4b;border-bottom:1px solid #fff6de24;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.arcade-bar-brand{color:inherit;font-family:var(--font-display,Georgia, serif);letter-spacing:.01em;align-items:center;gap:8px;font-size:18px;font-style:italic;font-weight:800;text-decoration:none;display:inline-flex}.arcade-bar-shop{color:#1c1917;letter-spacing:.04em;text-transform:uppercase;background:#ffd23f;border:2px solid #1c1917;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;text-decoration:none;box-shadow:2px 2px #1c1917}.arcade-bar-shop:active{transform:translate(1px,1px);box-shadow:1px 1px #1c1917}.arcade-foot{color:#fff6deb8;letter-spacing:.08em;text-transform:uppercase;background:#1e1b4b;justify-content:center;align-items:center;gap:16px;padding:18px 16px 28px;font-size:12px;display:flex}.arcade-foot a{color:inherit}.arcade-404{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:48px 20px;display:flex}.arcade-404-title{font-family:var(--font-display,Georgia, serif);margin:8px 0 12px;font-size:clamp(32px,8vw,56px);font-style:italic;font-weight:900}.arcade-404-link{color:#1c1917;background:#ffd23f;border:2px solid #1c1917;border-radius:999px;margin-top:20px;padding:12px 22px;font-weight:800;text-decoration:none;box-shadow:3px 3px #1c1917}.arcade-404 .arcade-kicker{color:var(--a-bronze)}.arcade-404 .arcade-lede{color:var(--a-muted)}.arcade-cast{z-index:0;pointer-events:none;height:150px;position:absolute;bottom:44px;left:0;right:0}.arcade-cast canvas{width:100%;height:150px;display:block}.arcade-tapcue{z-index:6;pointer-events:none;filter:drop-shadow(0 2px #2b1b3db3);flex-direction:column;align-items:center;gap:2px;width:132px;display:flex;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%)}.arcade-tapcue[hidden]{display:none}.arcade-tapcue svg{width:96px;height:96px;overflow:visible}.arcade-tapcue .ring{transform-origin:60px 84px;animation:1.4s ease-out infinite arcade-tap-ring}.arcade-tapcue .dot{transform-origin:60px 84px;animation:1.4s ease-in-out infinite arcade-tap-dot}.arcade-tapcue .squiggle{stroke-dasharray:150;stroke-dashoffset:150px;animation:2.1s ease-in-out infinite arcade-tap-draw}.arcade-tapcue .tip{animation:2.1s ease-in-out infinite arcade-tap-tip}.arcade-tapcue-label{font-family:var(--font-sans,system-ui, sans-serif);color:#fff6de;text-align:center;white-space:nowrap;background:#2b1b3de0;border:2px solid #fff6de;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:800;line-height:1.2}@keyframes arcade-tap-ring{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}@keyframes arcade-tap-dot{0%,to{transform:scale(1)}50%{transform:scale(.78)}}@keyframes arcade-tap-draw{0%{stroke-dashoffset:150px;opacity:0}15%{opacity:1}65%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes arcade-tap-tip{0%,55%{opacity:0}65%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.arcade-tapcue .ring,.arcade-tapcue .dot,.arcade-tapcue .squiggle,.arcade-tapcue .tip{animation:none}.arcade-tapcue .squiggle{stroke-dashoffset:0}.arcade-tapcue .tip{opacity:1}}
