:root{color-scheme:light;--ink:#353d33;--muted:#646d5e;--line:#b7b9aa;--paper:#efede3;--mono:ui-monospace,'SFMono-Regular',Consolas,'Liberation Mono',monospace;--surface:linear-gradient(105deg,#eeece3cf,#e2dfd3e5),url('/arcade/polymer.png');--key-shadow:inset 1px 2px 1px #fffaf1,inset -1px -3px 2px #918f7b3d,0 3px 0 #a3a294,0 4px 2px #5b5a4640,0 6px 7px #49493218;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#b8bab0;color:var(--ink);min-width:280px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #9d4b33;outline-offset:4px}button:disabled{cursor:wait;opacity:.65}.shell{margin:18px auto 28px;width:calc(100% - 36px);max-width:1580px;min-height:calc(100dvh - 46px);background:var(--surface);background-size:auto,560px;border:1px solid #999e90;border-radius:14px;box-shadow:inset 2px 2px 1px #ffffffbd,inset -2px -3px 1px #a7a99b,0 5px 0 #909487,0 10px 13px #363f3038,0 28px 60px #333b2720}
.masthead{display:flex;align-items:center;gap:24px;min-height:88px;padding:17px 28px;border-bottom:1px solid #aeb2a2;box-shadow:0 2px 0 #fcfcf3,inset 0 -5px 0 #d3d4c550}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:28px;font-weight:700;letter-spacing:-1.5px;text-shadow:0 1px #fff9}.brand svg{width:30px;height:34px;color:#626e57;flex:none}.brand b{font:400 30px var(--mono);letter-spacing:-6px;color:#858a7b;padding-left:6px}.chassis-label{display:flex;align-items:center;gap:10px;margin:0;font:11px/1.5 var(--mono);letter-spacing:.5px;color:var(--muted)}.spectrum{display:inline-block;width:28px;height:8px;flex:none;background:linear-gradient(90deg,#8eaa6f 0 25%,#d8ba6b 25% 50%,#c4874a 50% 75%,#a7563e 75%);box-shadow:inset 0 1px 1px #685a3329}.vents{flex:1;min-width:30px;height:26px;background:repeating-linear-gradient(0deg,#9ba38f 0 1px,#fefef9 1px 2px,transparent 2px 6px);opacity:.65}.personal-link{font-size:14px;padding:12px 0}.personal-link span{margin-left:8px}.readout{display:flex;align-items:center;gap:12px;border:2px solid #87907a;border-radius:5px;background:linear-gradient(135deg,#344437,#22382b);box-shadow:inset 0 2px 6px #0c1708aa,0 1px #fff;color:#d0debf;font:12px/1.6 var(--mono);padding:8px 15px;white-space:nowrap}.readout small{font-size:10px;color:#bdc9ad}.status-dot{width:6px;height:6px;background:#b0d47c;border-radius:50%;box-shadow:0 0 5px #a7d37355}main{padding:0 28px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:33px 0 30px}.eyebrow{margin:0 0 9px;font:12px/1.5 var(--mono);letter-spacing:1px;color:var(--muted)}h1{font-size:clamp(32px,3.7vw,54px);font-weight:600;line-height:1.1;letter-spacing:-1.9px;margin:0}.intro-note{font-size:17px;color:var(--muted);margin:13px 0 0}.key{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #a5a696;border-radius:5px;background:linear-gradient(105deg,#f8f4e9,#e7e3d7 70%,#dedcd0);color:#4e5a45;font:500 13px/1.4 var(--mono);box-shadow:var(--key-shadow);text-shadow:0 1px #fff9;position:relative}.key:hover{border-color:#788368}.key:active{box-shadow:inset 1px 2px 3px #727e5555,0 1px 0 #8d967d}.key.primary{background:linear-gradient(105deg,#64735b,#4e5c46);border-color:#455039;color:#f3f1dc;box-shadow:inset 1px 1px 0 #a1af82,0 3px 0 #34452c,0 5px 4px #45503244;text-shadow:none;white-space:nowrap}.dice{font-size:26px;line-height:1}.control-bank{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:23px}.filters{display:flex;flex-wrap:wrap;gap:10px}.filter[aria-pressed=true]{background:linear-gradient(105deg,#d1d8bf,#bdc7ad);box-shadow:inset 1px 2px 3px #66745850,inset -1px -1px #fff7,0 1px #fff7;border-color:#99a18b;color:#35462e}.key-count{font-size:11px;opacity:.8;border-left:1px solid #72826466;padding-left:9px}.motion-key{white-space:nowrap}.wall-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:12px 16px;border:1px solid #b5b9a9;border-radius:5px;background:linear-gradient(110deg,#e2e4d8,#d8ddcc);box-shadow:inset 0 1px 2px #77806622,0 1px #fff9}.wall-heading h2{margin:0;white-space:nowrap;font:500 13px/1.5 var(--mono)}#game-count{margin-left:12px;font-size:12px;color:#475940}.wall-heading p{font:12px/1.5 var(--mono);color:#58634f;margin:0}.game-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.game-card{min-width:0;display:flex;flex-direction:column;border:1px solid #aeb2a1;border-radius:8px;padding:10px;background:linear-gradient(110deg,#f2f0e69c,#e6e4d8a8);box-shadow:inset 1px 1px 1px #fffff5,0 2px 3px #5b624b1a}.game-card.featured{grid-column:span 2}.game-wall.filtered{grid-template-columns:repeat(2,minmax(0,1fr))}.game-wall.filtered .featured{grid-column:span 1}.screen{position:relative;display:block;aspect-ratio:16/9;border:3px solid #7f8873;border-radius:4px;background:#182b25;box-shadow:0 1px 0 #ffffed,inset 0 2px 5px #10251588;overflow:hidden}.screen:focus-visible{outline-offset:3px}.screen video,.screen img{display:block;width:100%;height:100%;object-fit:cover}.screen-label,.preview-label,.new-label{position:absolute;z-index:1;font:10px/1.5 var(--mono);letter-spacing:.5px;border:1px solid #ffffff26;border-radius:3px;background:#16211bcd;color:#efefdf;padding:4px 7px;pointer-events:none}.screen-label{left:10px;top:10px}.preview-label{bottom:8px;right:8px;font-size:9px}.new-label{right:10px;bottom:10px;background:#ddc38ee8;color:#3e3928;border-color:#e5d6af}.game-caption{display:flex;gap:15px;padding:16px 7px 15px;flex:1}.game-caption h3{margin:0 0 7px;font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.65px}.game-caption p{font-size:15px;line-height:1.55;color:#626b5a;margin:0}.featured .game-caption{padding:20px 10px 18px}.featured h3{font-size:29px;letter-spacing:-1px}.featured h3 i{font-style:normal;font-weight:400}.game-caption .genre{font:11px/1.5 var(--mono);letter-spacing:.8px;color:#67715c;margin-bottom:8px}.featured .game-caption>div>p:last-child{max-width:510px;font-size:16px}.transport{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #c3c7b7;padding:13px 7px 5px}.transport>span{font:10px/1.5 var(--mono);letter-spacing:.35px;color:#636e56}.play-key{min-height:42px;padding:9px 13px;font-size:12px;white-space:nowrap}.play-key>span{font-size:17px;line-height:1}.featured .transport{padding:14px 10px 7px}.under-wall{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;padding:30px 0;color:var(--muted);font-size:14px}.under-wall p{display:flex;align-items:center;gap:12px;margin:0}.under-wall a{text-decoration:underline;text-decoration-color:#a3aa96;text-underline-offset:5px}.under-wall a:hover,.personal-link:hover{color:#364b2d}.under-wall a span{margin-left:7px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 28px;border-top:1px solid #babdaf;box-shadow:inset 0 1px #fff9;font:11px/1.6 var(--mono);color:#666f5f}.site-footer small{font-size:11px;margin-left:8px}.site-footer>span:last-child{display:flex;align-items:center;gap:12px}.coin-slot{display:inline-block;width:26px;height:6px;border-radius:3px;background:#68715c;box-shadow:inset 0 2px 2px #1c2b1c99,0 1px #fff9}.skip-link{position:fixed;z-index:30;left:20px;top:-100px;padding:12px 20px;background:#f5f1e5;color:#353d33;border:2px solid #8b4c37}.skip-link:focus{top:12px}
@media(min-width:1450px){main{padding:0 36px}.intro{padding:40px 0 35px}.game-wall{gap:26px}.game-caption h3{font-size:23px}.featured h3{font-size:33px}}
@media(max-width:1080px){.chassis-label{display:none}.masthead{gap:18px}.readout{padding:8px 11px}.personal-link{font-size:13px}.game-wall{gap:20px 16px}.game-card{padding:8px}.game-caption{padding:14px 4px}.game-caption h3{font-size:19px}.transport{padding-left:3px;padding-right:3px}.transport>span{font-size:9px}.control-bank{gap:14px}.key{padding:10px 12px;font-size:12px}}
@media(max-width:850px){.game-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card.featured{grid-column:span 1}.featured h3{font-size:25px}.featured .transport{flex-wrap:wrap}.featured .transport>span{font-size:10px}.featured .game-caption{padding:17px 7px}.personal-link{display:none}.intro{align-items:start}.intro-note{max-width:410px}.control-bank{flex-wrap:wrap}.filters{flex:1}.wall-heading p{font-size:11px}.game-caption h3{font-size:23px}.transport>span{font-size:11px}.key{font-size:13px}.site-footer>span:nth-child(2){order:3;width:100%}.screen-label{font-size:9px;max-width:calc(100% - 20px)}}
@media(max-width:600px){.shell{width:calc(100% - 16px);margin:8px auto 18px;border-radius:10px}.masthead{padding:16px;min-height:75px;gap:12px}.brand{font-size:25px;gap:8px}.brand b{font-size:26px}.brand svg{width:25px}.vents{display:none}.readout{margin-left:auto;padding:6px 9px;font-size:10px;gap:8px}.readout small{font-size:8px}.readout .status-dot{display:none}main{padding:0 16px}.intro{padding:27px 0 25px;flex-wrap:wrap;gap:20px}.eyebrow{font-size:10px;letter-spacing:.6px}h1{font-size:36px;letter-spacing:-1.5px}.intro-note{font-size:16px;max-width:310px}.key{min-height:44px}.control-bank{gap:18px;margin-bottom:20px}.filters{width:100%;flex:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.filter{font-size:12px;padding:10px 8px}.motion-key{margin-left:auto;font-size:12px}.wall-heading{padding:12px;align-items:start;gap:6px;flex-direction:column}.wall-heading p{font-size:11px}.game-wall,.game-wall.filtered{grid-template-columns:1fr;gap:20px}.screen{aspect-ratio:16/9}.game-card{padding:8px}.game-caption,.featured .game-caption{padding:17px 8px}.game-caption h3,.featured h3{font-size:27px}.game-caption p{font-size:16px}.featured .transport,.transport{padding:14px 8px 8px;flex-wrap:wrap}.transport>span{font-size:10px}.screen-label{font-size:9px}.preview-label{font-size:9px}.under-wall{padding:25px 0;gap:15px;font-size:13px}.under-wall p{align-items:flex-start;gap:9px}.under-wall .spectrum{margin-top:6px}.site-footer{padding:17px 16px;gap:12px}.site-footer small{display:block;margin-left:0}}
@media(max-width:350px){.readout{display:none}.brand{font-size:27px}.intro h1{font-size:32px}.featured .transport>span{width:100%}.key{font-size:11px}.filters .key{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}