@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Darker+Grotesque:wght@700;800;900&display=swap";:root{--bg:#f5f3ee;--ink:#0a0a0a;--border:3px solid var(--ink);--border-thick:4px solid var(--ink);--shadow-sm:4px 4px 0 var(--ink);--shadow-md:6px 6px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink);--c-yellow:#ffe500;--c-blue:#4d7fff;--c-pink:#ff5c8a;--c-purple:#a855f7;--c-green:#6be388;--c-orange:#ff8c42;--font-display:"Darker Grotesque", sans-serif;--font-body:"Space Grotesk", sans-serif;--theme:var(--c-yellow);--theme-text:var(--ink)}[data-theme=yellow]{--theme:var(--c-yellow);--theme-text:var(--ink)}[data-theme=blue]{--theme:var(--c-blue);--theme-text:white}[data-theme=pink]{--theme:var(--c-pink);--theme-text:var(--ink)}[data-theme=purple]{--theme:var(--c-purple);--theme-text:white}[data-theme=green]{--theme:var(--c-green);--theme-text:var(--ink)}[data-theme=orange]{--theme:var(--c-orange);--theme-text:white}[class*=title],.brand,.nav a,.btn-neon,.btn-primary,.btn-signup,.hero-title,.section-title,.card-title,.btn-play,#gameModalTitle,.btn-close-game{font-family:var(--font-display);letter-spacing:-.02em;font-weight:900}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0}body{padding:30px 24px 60px;position:relative;overflow-x:hidden}.deco{pointer-events:none;z-index:0;opacity:.35;position:fixed}.deco-1{border:3px solid #999;width:44px;height:44px;top:8%;right:3%;transform:rotate(45deg)}.deco-2{border-bottom:42px solid #0000;border-left:26px solid #0000;border-right:26px solid #0000;width:0;height:0;position:fixed;top:25%;left:2%}.deco-2:before{content:"";border-bottom:38px solid #bbb;border-left:26px solid #0000;border-right:26px solid #0000;width:0;height:0;position:absolute;top:4px;left:-26px}.deco-3{border:3px solid #999;border-radius:50%;width:56px;height:56px;bottom:25%;right:4%}.deco-4{border:3px solid #999;width:50px;height:50px;bottom:12%;left:5%;transform:rotate(15deg)}.deco-5{border:3px solid #aaa;width:40px;height:40px;top:45%;right:6%;transform:rotate(30deg)}.deco-6{border:3px solid #999;border-radius:50%;width:28px;height:28px;top:60%;left:3%}.container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.top-bar{border:var(--border-thick);box-shadow:var(--shadow-md);background:#fff;border-radius:8px;align-items:center;gap:20px;margin-bottom:30px;padding:14px 22px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);flex-shrink:0;font-size:1.6rem;text-decoration:none}.nav{gap:6px;margin-left:8px;display:flex}.nav a{font-family:var(--font-display);color:var(--ink);border:2px solid #0000;border-radius:6px;padding:6px 14px;font-size:.9rem;text-decoration:none}.nav a.active,.nav a:hover{border-color:var(--ink)}.search-bar{border:3px solid var(--ink);max-width:300px;box-shadow:var(--shadow-sm);background:#fff;border-radius:6px;flex:1;align-items:center;gap:10px;margin-left:auto;padding:8px 14px;display:flex}.search-bar input{font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:.9rem;font-weight:500}.btn-neon,.btn-primary,.btn-signup{font-family:var(--font-display);border:3px solid var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);color:var(--ink);border-radius:6px;align-items:center;gap:8px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-neon{background:#fff;padding:10px 20px;font-size:.9rem}.btn-primary{background:var(--c-yellow);box-shadow:var(--shadow-md);padding:14px 32px;font-size:1.05rem}.btn-signup{background:var(--c-purple);color:#fff;padding:9px 20px;font-size:.9rem}.btn-neon:hover,.btn-primary:hover,.btn-signup:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn-primary:hover{box-shadow:4px 4px 0 var(--ink)}.btn-neon:active,.btn-primary:active,.btn-signup:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.btn-primary:active{transform:translate(6px,6px)}.page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:2.4rem}.page-desc{color:var(--ink);opacity:.7;margin-top:8px;font-size:1rem;font-weight:500}@media (width<=768px){body{padding:16px 14px 40px}.top-bar{flex-wrap:wrap;gap:12px;padding:12px 16px}.brand{font-size:1.3rem}.nav{flex-wrap:wrap;order:3;justify-content:center;width:100%;margin-left:0}.nav a{padding:5px 10px;font-size:.75rem}.search-bar{display:none}.btn-signup{margin-left:auto;padding:7px 14px;font-size:.75rem}.deco{display:none}.page-title{font-size:1.8rem}}@media (width<=480px){.top-bar{padding:10px 14px}.brand{font-size:1.1rem}.btn-signup{padding:6px 12px;font-size:.7rem}}.footer{border-top:3px solid var(--ink);z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:60px auto 0;padding:24px 22px;display:flex;position:relative}.footer-brand{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.2rem;font-weight:900}.footer-nav{gap:24px;display:flex}.footer-nav a{color:var(--ink);font-size:.9rem;font-weight:600;text-decoration:none}.footer-nav a:hover{text-decoration:underline;text-decoration-thickness:3px}.footer-social{gap:10px;display:flex}.footer-social a{border:3px solid var(--ink);width:36px;height:36px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.footer-social a:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}@media (width<=768px){.footer{text-align:center;flex-direction:column;margin-top:40px;padding:20px 16px}.footer-nav{flex-wrap:wrap;order:2;justify-content:center;gap:16px}}.wipe-overlay{z-index:9000;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.wipe-overlay.wipe-in{animation:.35s cubic-bezier(.7,0,.3,1) forwards wipeIn}.wipe-overlay.wipe-out{animation:.35s cubic-bezier(.7,0,.3,1) forwards wipeOut}@keyframes wipeIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes wipeOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes wipeInReverse{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes wipeOutReverse{0%{transform:translate(0)}to{transform:translate(-100%)}}.wipe-overlay.wipe-in-reverse{animation:.35s cubic-bezier(.7,0,.3,1) forwards wipeInReverse}.wipe-overlay.wipe-out-reverse{animation:.35s cubic-bezier(.7,0,.3,1) forwards wipeOutReverse}.circle-overlay{z-index:9000;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.circle-overlay.circle-in{animation:.45s cubic-bezier(.4,0,.2,1) forwards circleIn}.circle-overlay.circle-out{animation:.4s cubic-bezier(.4,0,.2,1) forwards circleOut}@keyframes circleIn{0%{clip-path:circle(0% at var(--cx,50%) var(--cy,50%))}to{clip-path:circle(150% at var(--cx,50%) var(--cy,50%))}}@keyframes circleOut{0%{clip-path:circle(150% at var(--cx,50%) var(--cy,50%))}to{clip-path:circle(0% at var(--cx,50%) var(--cy,50%))}}