@font-face{font-family:'Arcade Pixel';src:url('/assets/press-start-2p.ttf') format('truetype');font-display:swap}
.arcade-launch{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:90;width:76px;height:76px;padding:4px;border:1px solid #baff8980;border-radius:22px;background:#163821;box-shadow:0 8px 28px #0005,0 0 20px #8bff3820;cursor:pointer;transition:transform .2s,box-shadow .2s}
.arcade-launch:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0006,0 0 24px #a8ff4850}
.arcade-launch:focus-visible,.arcade-close:focus-visible{outline:3px solid #c7ff78;outline-offset:5px}
.arcade-launch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:17px}
.arcade-popup{box-sizing:border-box;padding:0;border:1px solid #90d64a70;border-radius:28px;overflow:hidden;background:#092416;color:#13351d;width:min(800px,calc(100vw - 32px),calc(100dvh - 32px));max-width:none;max-height:none;aspect-ratio:1;margin:auto;box-shadow:0 30px 100px #000b,0 0 45px #97ff3020}
.arcade-popup::backdrop{background:#020d0bba;backdrop-filter:blur(10px)}
.arcade-cabinet{position:relative;width:100%;height:100%;aspect-ratio:1;isolation:isolate}
.arcade-art{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-1}
.arcade-screen{position:absolute;left:16%;right:16%;top:30%;height:35%;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.arcade-screen h2{margin:0;font-family:'Arcade Pixel',monospace;font-size:clamp(14px,3.7vw,38px);line-height:1.8;letter-spacing:-.045em;text-shadow:0 2px #baff8340;transform:rotate(-1deg)}
.arcade-screen:after{content:'';position:absolute;inset:0;border-radius:18%;background:repeating-linear-gradient(0deg,transparent 0 3px,#0c2b150a 3px 4px);pointer-events:none}
.arcade-close{position:absolute;right:16px;top:16px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid #bbff8160;border-radius:50%;background:#052413cc;color:#ddffb0;font:26px/1 sans-serif;cursor:pointer}
@media(max-width:600px){.arcade-launch{width:60px;height:60px;right:14px;bottom:14px;border-radius:18px}.arcade-launch img{border-radius:13px}.arcade-popup{border-radius:18px}.arcade-close{top:10px;right:10px;width:34px;height:34px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.arcade-launch{transition:none}}
.arcade-screen{pointer-events:auto;overflow:hidden;border-radius:12px;background:#101019}.arcade-game{display:block;width:100%;height:100%;border:0;background:#101019}.arcade-screen:after{display:none}
.arcade-game-link{color:#dfffbd;font:16px/1.5 Arial,sans-serif;padding:16px}.arcade-game-link a{display:inline-block;padding:12px 16px;border:1px solid #baff8980;border-radius:12px;color:inherit;text-decoration:none;background:#163821}
.arcade-screen{left:17%;right:17%;top:25%;height:39%;border-radius:12% / 10%;background:#04170f}.arcade-game{background:#04170f}
.arcade-screen{left:15.8%;right:15.8%;top:24%;height:42.5%;border-radius:0;clip-path:polygon(5% 5%,15% 2.5%,30% 1%,50% 0%,70% 1%,85% 2.5%,95% 5%,97% 8%,98% 17%,99% 35%,100% 65%,100% 91%,98% 95%,90% 97%,70% 99%,50% 100%,30% 99%,10% 97%,2% 95%,0% 91%,0% 65%,1% 35%,2% 17%,3% 8%)}
.arcade-popup{width:min(720px,calc(100vw - 24px),calc((100dvh - 24px)*1100/1430));aspect-ratio:1100/1430;border:0;border-radius:22px;background:#04170f}.arcade-cabinet{aspect-ratio:1100/1430}.arcade-art{object-fit:fill}.arcade-screen{left:24.4%;right:25.8%;top:25.1%;height:23.8%;clip-path:none;border-radius:7% / 11%;background:#04170f}.arcade-close{right:12px;top:12px}
.arcade-popup{background:linear-gradient(135deg,#d7ffe51f,#739b8612);border:1px solid #d5ffe950;backdrop-filter:blur(24px) saturate(1.2);box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #b4f5ce18,0 24px 80px #0006}.arcade-cabinet{background:transparent}
.arcade-game-tabs{position:absolute;left:80.9%;top:26.9%;width:8.4%;height:34%;display:flex;flex-direction:column;gap:8%;z-index:1}.arcade-cartridge{box-sizing:border-box;width:100%;height:47%;flex-shrink:0;padding:10% 18%;border:2px solid #f69b8b;border-radius:0 12px 12px 0;background:linear-gradient(100deg,#852324,#e44d45 50%,#ad2426);box-shadow:inset -3px -4px 0 #661819,2px 4px 5px #0005;cursor:pointer}.arcade-cartridge:nth-child(2){background:linear-gradient(100deg,#243e28,#669347 50%,#355b30);border-color:#a5c77e;box-shadow:inset -3px -4px 0 #1c3421,2px 4px 5px #0005}.arcade-cartridge span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#faf7ed;border-radius:3px;writing-mode:vertical-rl;color:#342b2b;font:bold clamp(8px,1.1vw,15px)/1 Arial,sans-serif;white-space:nowrap}.arcade-cartridge[aria-pressed=true]{filter:brightness(1.12);outline:2px solid #f0ffdba0;outline-offset:2px}.arcade-cartridge:hover{filter:brightness(1.18)}.arcade-cartridge:focus-visible{outline:3px solid #d9ffa0;outline-offset:3px}
.arcade-popup.game-expanded{width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;aspect-ratio:auto}.game-expanded .arcade-cabinet{width:100%;height:100%;aspect-ratio:auto}.game-expanded .arcade-art,.game-expanded .arcade-game-tabs{display:none}.game-expanded .arcade-screen{inset:0;width:100%;height:100%;border-radius:0;clip-path:none}.game-expanded .arcade-close{top:auto;bottom:12px;right:12px;z-index:3}