.arcade-page{background:#171018;color:#f6e7d7;font-family:'Be Vietnam Pro',system-ui,sans-serif;line-height:1.6}
.arcade-page::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 0%,#7a364325,transparent 55%),radial-gradient(ellipse at 100% 45%,#6d4b4320,transparent 60%);z-index:-1}
.arcade-page a{color:inherit;text-decoration:none}.arcade-page button{font:inherit;cursor:pointer}.arcade-page :focus-visible{outline:2px solid #ffd49c;outline-offset:4px}
.arcade-header{max-width:1440px;margin:auto;box-shadow:none;background:#171018e8;border-bottom:1px solid #4c343a80;padding:24px 5%;gap:18px;backdrop-filter:blur(12px)}
.arcade-brand{font:700 27px 'Cormorant Garamond',serif;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.arcade-brand>span{color:#e68a78;font-size:35px;font-weight:400}
.arcade-header nav{display:flex;align-items:center;gap:28px}.arcade-header nav>a{font-size:12px;color:#beadb4}.arcade-header nav>a[aria-current]{color:#ffe1b8}
.arcade-header button{background:none;color:#d8c3ba;border:1px solid #61434c;border-radius:8px;padding:6px 10px;font-size:10px}
.arcade-main{max-width:1220px;margin:auto;padding:0 36px}.arcade-eyebrow{color:#d29c89;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin:0 0 16px}
.arcade-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:30px;min-height:540px;padding:45px 0 55px;border-bottom:1px solid #4e353e}
.arcade-hero h1{font:600 clamp(42px,5.3vw,72px)/1.06 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.7px;margin:0 0 22px}.arcade-hero h1 em{display:block;color:#f0b195;font-weight:500}
.arcade-intro{max-width:460px;color:#c1aeb6;font-size:13px;line-height:1.9;margin-bottom:25px}.arcade-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #dba28b;border-radius:8px;padding:11px 21px;color:#27141b!important;background:#efc9a5;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.arcade-primary:hover{background:#ffe2bf;transform:translateY(-2px)}
.arcade-hero-note{display:flex;gap:30px;margin-top:30px;color:#f2c4a3}.arcade-hero-note>span{font:28px 'Cormorant Garamond',serif}.arcade-hero-note small{display:block;color:#9c858f;font:8px 'Be Vietnam Pro',sans-serif;letter-spacing:1px;margin-top:4px}
.arcade-hero-art{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.arcade-moon{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at 60% 38%,#b3746266,#6f3b4b55 55%,#39203020 70%);outline:1px solid #a7786255;outline-offset:18px}
.arcade-hero-art>img{position:relative;z-index:1;width:300px;height:352px;object-fit:contain;filter:drop-shadow(0 14px 30px #10061080)}.arcade-art-flower{position:absolute;right:0;top:2px;font-size:100px;color:#b46d6045;transform:rotate(18deg)}.arcade-art-caption{position:absolute;bottom:8px;font:italic 17px 'Cormorant Garamond',serif;color:#b89490;letter-spacing:.5px}
.arcade-library{padding:42px 0 25px;scroll-margin-top:110px}.arcade-section-line{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.arcade-section-line h2{font:500 36px 'Cormorant Garamond',serif;margin:0}.arcade-section-line .arcade-eyebrow{margin-bottom:6px}.arcade-save-note{font-size:10px;color:#ab929e;padding-bottom:6px}
.arcade-game-list{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.arcade-game-card{border:1px solid #513740;border-radius:15px;overflow:hidden;background:#211820;transition:transform .2s,border-color .2s}.arcade-game-card:hover{transform:translateY(-5px);border-color:#ba8979}.arcade-game-art{height:160px;position:relative;display:grid;place-items:center;border-bottom:1px solid #513740;background:radial-gradient(ellipse at 40% 20%,#8c5c6140,transparent 70%),#2a202b;overflow:hidden}.arcade-card-number{position:absolute;left:18px;top:14px;font-size:9px;letter-spacing:2px;color:#b69b9d}.arcade-game-copy{padding:21px}.arcade-game-tag{font-size:9px;color:#c0998d}.arcade-game-copy h3{font:600 29px 'Cormorant Garamond',serif;margin:5px 0 8px}.arcade-game-copy p{font-size:11px;color:#b69eaa;margin:0;min-height:36px}.arcade-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding-top:14px;border-top:1px solid #54394160;font-size:12px}.arcade-card-bottom small{font-size:8px;letter-spacing:1px;color:#a58c98;margin-right:6px}.arcade-play-link{color:#edbc99;font-size:11px}.card-runner .arcade-game-art{background-color:#2b242c}.card-flash .arcade-game-art{background-color:#262338}.card-tetris .arcade-game-art{background-color:#232c32}.card-jumper .arcade-game-art{background-color:#322739}
.arcade-mini-hero{height:143px;position:relative;z-index:1;transform:rotate(-8deg)}.card-jumper .arcade-mini-hero{height:125px;transform:translateY(-10px) rotate(6deg)}.arcade-art-line{position:absolute;width:80%;height:1px;background:#bd9e8580;bottom:18px}.card-jumper .arcade-art-line{width:45%;height:9px;border-radius:9px;bottom:16px;transform:rotate(-4deg)}
.card-mini-grid{display:grid;grid-template-columns:repeat(2,51px);gap:7px;transform:rotate(-12deg)}.card-mini-grid i{height:51px;display:grid;place-items:center;font-style:normal;color:#dda38c;border:1px solid #bd8e7c70;border-radius:7px;background:#402a34}.card-mini-grid img{width:41px;height:41px;object-fit:contain}.flash-mini-grid{display:grid;grid-template-columns:repeat(3,31px);gap:5px;transform:rotate(8deg)}.flash-mini-grid i{height:31px;border:1px solid #8d799780;border-radius:5px;font-size:23px;line-height:30px;text-align:center;font-style:normal;color:#f0c8a6}.flash-mini-grid i:nth-child(5){background:#a87d9950;border-color:#d5aaa3}.tetris-mini-grid{display:grid;grid-template-columns:repeat(4,22px);gap:3px}.tetris-mini-grid i{height:22px;border-radius:3px;background:#b28bce}.tetris-mini-grid i:nth-child(4n){visibility:hidden}.tetris-mini-grid i:nth-child(4n+1){background:#cba177}.tetris-mini-grid i:nth-child(n+9){background:#85b6ad}.tetris-mini-grid i:nth-child(-n+2){visibility:hidden}
.arcade-footer{padding:32px 0 16px;margin-top:38px;border-top:1px solid #4d363e;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px;color:#aa8b96}.arcade-footer a{letter-spacing:0}.arcade-footer>span>span{color:#d18a73;margin:0 8px}
.arcade-breadcrumb{display:flex;justify-content:space-between;margin:30px 0;color:#c6aaa9;font-size:11px}.arcade-breadcrumb>span{font-size:9px;color:#916f7f;letter-spacing:1px}.arcade-game-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.arcade-game-heading h1{font:600 53px/1.1 'Cormorant Garamond',serif;margin:0}.arcade-game-heading .arcade-eyebrow{margin-bottom:8px}.arcade-game-heading>p{font-size:12px;color:#bda6b1;max-width:260px;text-align:right}
.arcade-session{max-width:880px;margin:auto;border:1px solid #58404d;background:#211922;border-radius:17px;padding:20px}.arcade-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.arcade-hud>div{background:#19131d;border:1px solid #4e3741;border-radius:9px;padding:11px 16px}.arcade-hud small{display:block;font-size:8px;color:#ae8d9b;letter-spacing:1px}.arcade-hud strong{font:600 27px 'Cormorant Garamond',serif;color:#f0c9a5}
.arcade-stage{position:relative;border:1px solid #654755;border-radius:12px;overflow:hidden;background:#17131f;min-height:300px}.arcade-stage canvas{display:block;width:100%;height:auto;touch-action:none;max-height:600px;object-fit:contain}.game-tetris .arcade-stage,.game-jumper .arcade-stage{max-width:480px;margin:auto}.arcade-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:25px;z-index:3;background:#1b1420ed;backdrop-filter:blur(6px);text-align:center}.arcade-overlay[hidden]{display:none}.arcade-overlay h2{font:600 36px 'Cormorant Garamond',serif;margin:7px 0 10px}.arcade-overlay p{font-size:12px;color:#c6afba;max-width:360px;margin:0 auto 22px}.overlay-flower{font:55px Georgia;color:#df9d86}.arcade-grid{padding:20px;display:grid;gap:12px;max-width:650px;margin:auto}.memory-grid{grid-template-columns:repeat(4,1fr)}.memory-card{position:relative;aspect-ratio:1.04;border:1px solid #795463;border-radius:11px;background:linear-gradient(135deg,#492d3b,#2d2130);transform-style:preserve-3d;transition:transform .25s,border-color .2s,background .2s;padding:0;color:#dba58e;font-size:32px;min-width:0}.card-back,.card-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;transition:opacity .18s}.card-face{opacity:0;pointer-events:none}.card-face img{width:80%;height:80%;object-fit:contain}.memory-card.flipped{background:#5b3f4e;transform:rotateY(0)}.memory-card.flipped .card-face{opacity:1}.memory-card.flipped .card-back{opacity:0}.memory-card.matched{border-color:#b4bf9b;background:#3c4946;opacity:.8}.memory-card:not(:disabled):hover{border-color:#ecc2a6}.flash-grid{grid-template-columns:repeat(3,1fr);max-width:510px;padding:25px;gap:13px}.flash-cell{position:relative;aspect-ratio:1.12;background:#302334;border:1px solid #715366;border-radius:12px;color:#a9859b;overflow:hidden}.flash-cell img{position:absolute;width:78%;height:78%;left:11%;top:11%;object-fit:contain;opacity:0;transition:opacity .1s}.flash-cell>span{position:absolute;right:10px;bottom:6px;font-size:11px}.flash-cell.lit{border-color:#f6c4a0;background:#8b605e;box-shadow:0 0 22px #f1a67f25}.flash-cell.lit img{opacity:1}.flash-cell.wrong{border-color:#e26876;background:#7d304a}.arcade-live-hint{min-height:22px;text-align:center;color:#e4c1b0;font-size:11px;margin:13px 0}.arcade-touch-controls{display:flex;justify-content:center;gap:10px;margin:13px 0;flex-wrap:wrap}.arcade-touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;min-width:51px;min-height:47px;padding:7px 15px;border:1px solid #8f6977;border-radius:9px;background:#443040;color:#f5d7bf;font-size:19px}.arcade-touch-controls button:active{background:#906258}.arcade-toolbar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:6px 0 18px}.arcade-toolbar button{background:#362735;border:1px solid #72515e;border-radius:7px;color:#dbc2cd;padding:8px 15px;font-size:11px;min-height:39px}.arcade-toolbar button:disabled{opacity:.35;cursor:default}.arcade-howto{border-top:1px solid #65404f;padding:14px 0 0}.arcade-howto summary{cursor:pointer;font-size:12px;color:#e5bb9f}.arcade-howto p{font-size:11px;color:#bca5b2;margin:10px 0 0;line-height:1.8}.arcade-howto .arcade-small{font-size:10px;color:#997f8f}.arcade-other-games{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:24px auto;max-width:880px}.arcade-other-games a{border:1px solid #533846;border-radius:8px;padding:8px 13px;font-size:10px;color:#b69aaa}.arcade-other-games a[aria-current]{background:#523243;color:#f0c9b2}
@media(max-width:850px){.arcade-header{padding:17px 22px}.arcade-header nav{gap:18px}.arcade-hero{gap:0;min-height:460px}.arcade-hero-art{height:370px}.arcade-hero-art>img{width:230px;height:290px}.arcade-moon{width:220px;height:220px}.arcade-game-list{grid-template-columns:repeat(2,1fr)}.arcade-hero h1{font-size:48px}.arcade-intro{font-size:12px}.arcade-hero-note{gap:18px}.arcade-main{padding:0 24px}}
@media(max-width:600px){.arcade-header{position:relative;padding:16px 18px;gap:12px}.arcade-brand{font-size:23px}.arcade-brand>span{font-size:26px}.arcade-header nav{display:flex!important;position:static!important;transform:none!important;opacity:1!important;width:auto!important;overflow:visible!important;background:none!important;padding:0!important;gap:15px}.arcade-header nav>a{font-size:10px}.arcade-header nav>a:first-child{display:none}.arcade-header button{font-size:9px;padding:4px 7px}.arcade-main{padding:0 17px}.arcade-hero{grid-template-columns:1fr;gap:0;padding:35px 0 25px}.arcade-hero h1{font-size:48px;letter-spacing:-1px}.arcade-eyebrow{font-size:9px}.arcade-intro{max-width:100%;margin-bottom:19px}.arcade-hero-note{gap:25px;margin-top:23px}.arcade-hero-art{height:270px;margin-top:4px}.arcade-hero-art>img{height:250px;width:213px}.arcade-moon{height:205px;width:205px}.arcade-art-flower{font-size:60px;right:25px;top:15px}.arcade-art-caption{bottom:0;font-size:15px}.arcade-library{padding-top:28px}.arcade-section-line{align-items:flex-start;flex-direction:column;gap:7px}.arcade-section-line h2{font-size:33px}.arcade-save-note{font-size:9px}.arcade-game-list{gap:12px}.arcade-game-art{height:125px}.arcade-game-copy{padding:15px 12px}.arcade-game-copy h3{font-size:23px;line-height:1.1;min-height:50px}.arcade-game-tag{font-size:8px;display:block;min-height:25px}.arcade-game-copy p{font-size:10px;min-height:48px}.arcade-card-bottom{margin-top:12px;flex-direction:column;align-items:flex-start;gap:8px}.arcade-card-number{left:10px;top:9px}.arcade-mini-hero{height:111px}.card-jumper .arcade-mini-hero{height:100px}.card-mini-grid{grid-template-columns:repeat(2,38px);gap:5px}.card-mini-grid i{height:38px}.card-mini-grid img{width:31px;height:31px}.flash-mini-grid{grid-template-columns:repeat(3,25px);gap:4px}.flash-mini-grid i{height:25px;line-height:24px}.arcade-footer{font-size:8px;flex-direction:column;margin-top:25px}.arcade-breadcrumb{font-size:10px;margin:22px 0}.arcade-breadcrumb>span{display:none}.arcade-game-heading{display:block;margin-bottom:20px}.arcade-game-heading h1{font-size:44px}.arcade-game-heading>p{text-align:left;max-width:100%;margin:8px 0 0;font-size:11px}.arcade-session{padding:11px;border-radius:12px}.arcade-hud{gap:6px;margin-bottom:11px}.arcade-hud>div{padding:8px 7px}.arcade-hud small{font-size:6px;letter-spacing:.5px}.arcade-hud strong{font-size:23px}.arcade-grid{padding:11px;gap:8px}.memory-card{border-radius:7px;font-size:26px}.flash-grid{padding:15px;gap:9px}.arcade-overlay{padding:18px}.arcade-overlay h2{font-size:30px}.arcade-overlay p{font-size:11px}.arcade-stage{min-height:240px}.game-cards .arcade-stage{min-height:290px}.game-flash .arcade-stage{min-height:300px}.arcade-toolbar{gap:6px}.arcade-toolbar button{padding:7px 10px;font-size:10px}.arcade-touch-controls{gap:7px}.arcade-touch-controls button{min-width:44px;padding:7px 11px}.arcade-other-games{gap:6px}.arcade-other-games a{font-size:9px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.arcade-page *{scroll-behavior:auto!important;transition:none!important}.arcade-primary:hover,.arcade-game-card:hover{transform:none}}
