:root{color-scheme:dark;--bg:#090b20;--pink:#ff4e99;--lime:#deff78;--cyan:#6cfff3;--muted:#a3a7c4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f8f8ff;font:16px/1.55 Arial,sans-serif}a{color:var(--cyan);text-underline-offset:5px}button{font:700 17px Arial;cursor:pointer;border:0;border-radius:10px;background:var(--lime);color:#151932;padding:18px 24px;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:4px}[hidden]{display:none!important}#menu{max-width:1250px;margin:auto;padding:0 32px}nav{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid #282c47;font-size:14px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding:64px 0}.eyebrow{font-size:11px;letter-spacing:2.7px;color:var(--cyan);font-weight:bold}h1{font-size:clamp(62px,7.3vw,106px);line-height:.86;letter-spacing:-6px;margin:35px 0}h1 em{font-style:normal;color:var(--pink)}.tagline{font-size:25px;line-height:1.25;letter-spacing:-.7px}.lede{color:var(--muted)}#start{width:100%;margin:15px 0}#start span{float:right}.meta{display:flex;gap:24px;font-size:10px;letter-spacing:2px;color:var(--muted)}.best{margin-top:28px;font-size:11px;letter-spacing:2px}.best strong{font-size:25px;color:var(--lime);margin-left:12px}.poster{aspect-ratio:4/5;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#45265d,#14162f 65%);border:1px solid #4a395f;border-radius:28px;box-shadow:0 30px 90px #0007;transform:rotate(3deg)}.poster:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 95%,#ffffff08 95%);background-size:100% 6px;pointer-events:none}.poster-label,.poster-bottom{position:absolute;left:25px;right:25px;text-align:center;letter-spacing:3px;font-size:10px;color:var(--cyan)}.poster-label{top:28px}.poster-bottom{bottom:28px;color:var(--muted)}.brick-art{position:absolute;top:18%;left:10%;width:80%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.brick-art i{height:33px;background:var(--pink);border-radius:5px;box-shadow:0 0 18px #ff4e9944;border-top:2px solid #ffffff66}.brick-art i:nth-child(n+5){background:#9b7bff}.brick-art i:nth-child(n+9){background:var(--cyan)}.brick-art i:nth-child(n+13){background:var(--lime)}.brick-art i:nth-child(11){opacity:0}.streak{position:absolute;left:49%;top:40%;width:4px;height:39%;background:linear-gradient(transparent,#fff);transform:rotate(-32deg);box-shadow:0 0 20px var(--cyan)}.orb{position:absolute;left:67%;top:72%;width:16px;height:16px;background:white;box-shadow:0 0 24px var(--cyan);border-radius:50%}.art-paddle{position:absolute;left:49%;bottom:14%;width:31%;height:13px;background:var(--cyan);border-radius:9px;box-shadow:0 0 30px #6cfff377}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #282c47;padding:30px 0}.how b{color:var(--pink);font-size:11px;letter-spacing:2px}.how h2{font-size:19px}.how p,.tip{color:var(--muted);font-size:14px}.settings{display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:#13162c;border-radius:12px;padding:20px;font-size:13px}.settings label{display:flex;gap:10px;align-items:center}input{accent-color:var(--lime)}footer{border-top:1px solid #282c47;padding:25px 0;margin-top:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--muted)}body.playing{overflow:hidden}#game{position:fixed;inset:0;background:#090b20;z-index:20;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;right:15px;display:flex;align-items:center;gap:18px;pointer-events:none}.hud>div:first-child{flex:1}.hud strong{font-size:28px;letter-spacing:-1px}.hud small{margin-left:15px;color:var(--muted);font-size:12px}.hud button{pointer-events:auto;background:#171b3d;color:var(--cyan);padding:8px 14px;font-size:21px}.hud #hearts{font-size:11px;color:var(--pink);letter-spacing:4px}#pulse{position:absolute;left:50%;bottom:28%;font-size:38px;color:var(--cyan);transform:translateX(-50%);pointer-events:none;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:translate(-50%,-12px)}}dialog{background:#151831;color:white;border:1px solid #565076;border-radius:24px;text-align:center;padding:32px;max-width:390px;width:calc(100% - 32px)}dialog::backdrop{background:#090b20cc;backdrop-filter:blur(10px)}dialog h2{font-size:31px;letter-spacing:-1px}dialog strong{font-size:62px;color:var(--lime)}dialog button{display:block;width:100%;margin:12px 0}.secondary{background:#282c48;color:white}dialog a{font-size:13px}dialog p{color:var(--muted)}@media(max-width:750px){#menu{padding:0 20px}.hero{grid-template-columns:1fr;gap:20px;padding:32px 0}.hero .poster{display:none}h1{font-size:clamp(55px,15vw,98px);letter-spacing:-4px}.tagline{font-size:22px}.how{grid-template-columns:1fr;gap:5px}.how h2{margin:7px 0}.how p{margin-top:0}.settings{gap:15px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.share-tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px auto;max-width:520px}.share-tools button,.share-tools a{font:12px Arial;padding:9px 12px;border:1px solid #536479;border-radius:8px;background:#142336;color:#d5ffe8;text-decoration:none}.game-preview{display:block;width:min(90%,500px);height:auto;margin:15px auto;border-radius:16px}.playing>.share-tools,.playing>.game-preview{display:none!important}

[hidden]{display:none!important}.landing-art{display:block;width:min(90%,700px);height:auto;margin:20px auto;border-radius:20px}.playing .landing-art{display:none}.music-volume{font-size:12px;display:flex;gap:8px;align-items:center}.playing .music-volume{display:none}

.return-games{display:block;text-align:center;color:#bbf4d4;margin:10px;font-size:14px}.playing> .return-games{display:none}nav{gap:15px}nav a:last-child{text-align:right}

.activity-bar{font-size:12px;line-height:1.6;color:#b2c8d4;text-align:center;margin:9px auto}.live-players{position:absolute;top:64px;right:18px;font:10px Arial;color:#acbeca;z-index:56;pointer-events:none}.playing>.activity-bar{display:none}.playing .arena>.live-players{display:block!important}

/* Nerdania responsive release: preserve scrolling menus and safe play bounds. */
html{max-width:100%;overflow-x:clip}body{max-width:100%;margin-left:0;margin-right:0}img{max-width:100%}nav{flex-wrap:wrap}nav a{overflow-wrap:anywhere}main>*{min-width:0}.hero>*{min-width:0}.hero img{object-fit:contain!important}.share-tools{flex-wrap:wrap}.settings{max-width:100%;flex-wrap:wrap}.settings>*{max-width:100%}dialog{max-height:90dvh;overflow:auto}.playing{height:100dvh;overflow:hidden}.playing #playfield{height:100dvh;max-width:100vw}.playing .hud{flex-shrink:0}.playing #surface{min-height:0}.live-players{max-width:90%;white-space:normal}@media(max-width:420px){.hud{gap:5px!important}.hud button{padding:8px 10px}.hud small{font-size:10px}.hero h1{overflow-wrap:anywhere}.share-tools a,.share-tools button{min-height:42px}#menu{padding-left:12px;padding-right:12px}#surface{max-width:100%}.settings{gap:12px}}