@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{font-family:Space Mono,monospace;color:#edf1e5;background:#0c100b;font-synthesis:none;--green:#c7f76d;--muted:#87957c;--line:#c7f76d25}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{height:100dvh;position:relative}button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}button:hover:not(:disabled){color:var(--green)}[hidden]{display:none!important}button,input{touch-action:manipulation}.accent,em{color:var(--green)}em{font-style:normal}.eyebrow{display:block;color:var(--green);font-size:10px;letter-spacing:2px}.shell-header,.shell-footer{position:absolute;left:4vw;right:4vw;z-index:10;display:flex;align-items:center;justify-content:space-between;transition:opacity .25s}.shell-header{top:28px}.wordmark{color:var(--green);font-size:23px;letter-spacing:-4px;display:flex;gap:16px;align-items:center}.wordmark b{font-size:12px;letter-spacing:1px;color:#d6dfca}.build{font-size:9px;letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:12px}.build i{height:5px;width:5px;background:var(--green);border-radius:50%}.build>span{border:1px solid var(--line);padding:4px 7px;margin-left:14px}.shell-footer{bottom:23px;font-size:8px;letter-spacing:1px;color:#81916f}.shell-footer>div{display:flex;align-items:center;gap:34px}.shell-footer button{font-size:10px;color:#b1c29e}.shell-footer button span{font-size:8px;margin-left:6px}.footer-hint{display:flex;align-items:center;gap:7px}kbd{font:inherit;font-size:8px;border:1px solid #70855955;background:#c7f76d08;min-width:20px;line-height:20px;display:inline-block;text-align:center;padding:0 5px;color:#bccaaa}.ambient{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,#26361950,transparent 57%);transition:opacity .5s;pointer-events:none}.ambient-line{position:absolute;left:67%;height:100%;border-left:1px dashed #c7f76d17}.ambient-floor{position:absolute;inset:58% -30% -60%;background-image:linear-gradient(#c7f76d09 1px,transparent 1px),linear-gradient(90deg,#c7f76d09 1px,transparent 1px);background-size:65px 65px;transform:perspective(350px) rotateX(54deg);-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}.ambient-paddle{position:absolute;width:9px;height:100px;background:#c7f76d30;box-shadow:0 0 26px #c7f76d0d;top:37%;animation:float 10s ease-in-out infinite}.ambient-paddle.left{left:58%}.ambient-paddle.right{right:6%;top:60%;animation-delay:-5s}.ambient-ball{width:13px;height:13px;position:absolute;top:43%;left:74%;background:#c7f76d65;box-shadow:0 0 30px #c7f76d40;animation:ball 14s ease-in-out infinite}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(transparent 0,transparent 2px,#0002 3px,#0002 4px);opacity:.4}.no-crt .scanlines{display:none}.screen{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .24s ease,transform .35s ease,visibility 0s .35s;pointer-events:none;padding:100px 8vw 84px;display:flex;align-items:center;overflow-y:auto}.screen.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition-delay:0s}.home-content{width:52%;position:relative;z-index:1}.home-content>.eyebrow{font-size:9px;letter-spacing:2.6px}h1{font-family:DM Sans,sans-serif;font-size:clamp(70px,9.5vw,146px);font-weight:700;line-height:.81;letter-spacing:-.085em;margin:30px 0 25px}h1>span:not(.title-divider):not(.title-dot){color:var(--green)}.title-divider{font-size:.75em;font-weight:400;color:#6e8354;margin-left:15px}.title-dot{font-size:.17em;margin-left:22px;vertical-align:baseline;color:var(--green)}.tagline{font-size:12px;color:#95a387;margin:0 0 34px}.main-menu{width:345px;max-width:100%;display:flex;flex-direction:column;gap:5px}.menu-button{display:flex;align-items:center;gap:23px;padding:16px 20px;font-size:18px;text-align:left;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s}.menu-button .menu-index{font-size:9px;color:#7e8e6c}.menu-button .arrow{margin-left:auto;opacity:0}.menu-button.selected{background:#c7f76d09;border-color:#c7f76d30}.menu-button:focus,.menu-button:hover{background:#c7f76d;border-color:var(--green);color:#15210b!important;outline:none;transform:translate(5px)}.menu-button:focus .menu-index,.menu-button:hover .menu-index{color:#4a652d}.menu-button:focus .arrow,.menu-button:hover .arrow{opacity:1}.main-menu:focus-within .selected:not(:focus){background:none;border-color:transparent}.home-aside{margin-left:8%;align-self:center;padding-top:60px}.home-aside>.eyebrow{font-size:8px;color:#8da177;letter-spacing:1.6px}.home-aside p{font-family:DM Sans,sans-serif;font-size:clamp(24px,2.7vw,42px);line-height:1.35;letter-spacing:-1px;color:#c1cbb6;margin:24px 0 35px}.home-aside p span{color:#7c9069}.record{border-top:1px solid var(--line);padding-top:21px;display:grid;gap:10px}.record>span{font-size:8px;letter-spacing:1px;color:#8b9d79}.record strong{font-size:48px;line-height:1.1;font-weight:400;letter-spacing:-3px;color:var(--green)}.record small{font-size:8px;color:#70815f;letter-spacing:1px}.page-content{width:100%;max-width:1200px;margin:auto}.page-content.settings-content{max-width:680px}.back{display:block;color:#8c9e7b;font-size:9px;letter-spacing:1px;padding:0 0 30px}.back:hover{color:var(--green)}h2{font-family:DM Sans,sans-serif;font-size:clamp(36px,4.3vw,65px);font-weight:500;line-height:1.05;letter-spacing:-2.5px;margin:17px 0}.subtitle{font-family:DM Sans,sans-serif;font-size:14px;color:#95a587;line-height:1.5;margin:0 0 32px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.mode-card{display:flex;flex-direction:column;text-align:left;border:1px solid #c7f76d1c;background:#11180e88;padding:25px;min-height:320px;transition:background .2s,transform .2s,border-color .2s}.mode-card:disabled{opacity:.48}.mode-card.available{border-color:#c7f76d66;background:#c7f76d06}.mode-card.available:hover,.mode-card.available:focus-visible{background:#c7f76d10;transform:translateY(-5px)}.card-top{display:flex;justify-content:space-between;font-size:10px;color:#a0b487}.card-top>span{font-size:7px;letter-spacing:1px;color:var(--green)}.mode-art{position:relative;display:block;height:100px;width:100%;margin:26px 0}.mode-art i{position:absolute;width:5px;height:37px;background:#9cae89;left:10%;top:20px}.mode-art i:last-child{left:auto;right:10%;top:40px}.mode-art b{position:absolute;width:8px;height:8px;left:56%;top:44px;background:var(--green)}.wall-art i:last-child{height:88px;width:3px;top:0;box-shadow:5px 0 #c7f76d20}.ai-art b{background:none;width:auto;height:auto;font-size:32px;top:20px;left:45%;color:var(--green)}.mode-card strong{display:flex;justify-content:space-between;font-size:24px;letter-spacing:-1px;font-weight:400}.available strong{color:var(--green)}.card-description{font-family:DM Sans,sans-serif;font-size:13px;line-height:1.6;color:#8c9b7e;margin:15px 0 27px;max-width:240px}.card-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:7px;letter-spacing:.6px;color:#a5b696}.card-foot>span{color:#728763}.settings-list{border-top:1px solid var(--line)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:22px 0}.setting-row label,.setting-row>div>span{font-size:15px}.setting-row p{font-family:DM Sans,sans-serif;color:#8a9a7e;font-size:12px;margin:7px 0 0}.volume-control{display:flex;align-items:center;gap:15px}.volume-control input{width:130px;accent-color:var(--green);cursor:pointer}.volume-control output{font-size:11px;width:40px;text-align:right;color:var(--green)}.toggle{border:1px solid #c7f76d50;background:#c7f76d10;color:var(--green);width:70px;height:36px;font-size:11px}.toggle[aria-pressed=false]{color:#839472;background:none;border-color:var(--line)}.outline-button{border:1px solid var(--line);padding:13px 20px;font-size:10px}.outline-button:hover{background:#c7f76d0a;border-color:#c7f76d70}.saved-note{font-size:9px;line-height:1.8;color:#798c69;margin-top:23px}.instructions{margin:28px 0 30px}.instructions>div{display:flex;gap:24px;border-top:1px solid var(--line);padding:20px 0}.instructions>div>span{font-size:10px;color:var(--green);padding-top:5px}.instructions p{font-family:DM Sans,sans-serif;color:#91a082;font-size:14px;line-height:1.65;margin:0}.instructions strong{display:block;color:#e1ead7;font-weight:500;margin-bottom:6px}.primary{padding:17px 23px;background:var(--green);color:#17210c;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:60px;min-width:240px}.primary:hover{background:#dbffa2;color:#17210c!important}.primary>span{font-size:20px;line-height:1}.in-game .shell-header,.in-game .shell-footer{opacity:0;visibility:hidden;pointer-events:none}.in-game .ambient{opacity:0}.game-screen{padding:0;display:flex;flex-direction:column;overflow:hidden;background:#090e08}.hud{width:100%;height:90px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #c7f76d1b}.hud-mode{display:flex;flex-direction:column;gap:10px}.hud-mode>.eyebrow{font-size:9px}.hud-mode>span:last-child{font-size:8px;color:#7e9569;letter-spacing:1px}.hud-scores{display:flex;gap:54px;position:absolute;left:50%;transform:translate(-50%);top:19px}.hud-scores>div{display:flex;flex-direction:column;align-items:center;gap:4px}.hud-scores span{font-size:8px;letter-spacing:1px;color:#7e9569}.hud-scores strong{font-size:32px;line-height:1;font-weight:400;letter-spacing:-2px;color:var(--green)}.hud-scores>div:last-child strong{color:#99ac84}.hud-end{display:flex;align-items:center;gap:24px}.hud-end>span{font-size:13px;color:#8ba575}.icon-button{font-size:19px;border:1px solid var(--line);width:39px;height:35px}.court{flex:1;min-height:0;position:relative;width:100%;background-image:linear-gradient(#c7f76d04 1px,transparent 1px),linear-gradient(90deg,#c7f76d04 1px,transparent 1px);background-size:48px 48px}.court canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.court-label{position:absolute;top:15px;font-size:8px;letter-spacing:1px;pointer-events:none;color:#70895b}.player-label{left:4.4%;color:var(--green)}.wall-label{right:5.5%}.game-footer{height:46px;width:100%;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-top:1px solid var(--line);color:#849875;font-size:8px;letter-spacing:1px}.move-label{margin-left:8px}.overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#080e08cf;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:24px;overflow:auto}.pause-panel{text-align:center;width:380px;max-width:100%;margin:auto}.pause-panel h2{font-size:60px}.pause-panel .subtitle{font-size:13px}.pause-actions{display:flex;flex-direction:column;gap:10px}.pause-actions .outline-button{padding:16px}.text-button{color:#849875;font-size:10px;letter-spacing:1px;padding:20px}.pause-panel .eyebrow{font-size:9px}.screen::-webkit-scrollbar{width:4px}.screen::-webkit-scrollbar-thumb{background:#c7f76d35}@keyframes float{0%,to{transform:translateY(-35px)}50%{transform:translateY(55px)}}@keyframes ball{0%,to{transform:translate(-80px,-50px)}50%{transform:translate(100px,160px)}}@media(max-width:800px){.screen{padding:90px 7vw 75px}.home-aside{display:none}.home-content{width:100%;max-width:430px;margin:auto}.home-content h1{font-size:clamp(80px,18vw,130px)}.home-content>.eyebrow{font-size:8px}.main-menu{width:100%}.ambient-line{left:70%}.ambient-paddle.left{left:9%}.ambient-paddle.right{right:8%}.ambient-ball{left:75%}.mode-grid{gap:12px}.mode-card{padding:16px;min-height:290px}.mode-card strong{font-size:18px}.card-description{font-size:12px}.card-top>span{font-size:6px;letter-spacing:0}.card-foot>span{display:none}.game-screen{padding:0}.footer-hint{display:none}.shell-header{top:23px}.build{font-size:7px;gap:6px}.build>span{margin-left:4px}.wordmark b{font-size:10px}.wordmark{gap:10px}.hud{height:78px}.hud-scores{top:15px}.hud-scores strong{font-size:30px}.hud-mode>.eyebrow{font-size:8px}.game-footer{height:44px}.move-label{display:none}}@media(max-width:540px){.screen{padding:90px 7vw 72px}.game-screen{padding:0}.home-content h1{font-size:104px;margin:27px 0}.tagline{font-size:11px;margin-bottom:27px}.menu-button{padding:15px 18px;font-size:17px}.home-content{max-width:330px}.shell-header,.shell-footer{left:6vw;right:6vw}.build{display:none}.shell-footer{font-size:6px;bottom:20px}.shell-footer>div{gap:10px}.shell-footer button span{font-size:7px}.mode-grid{grid-template-columns:1fr;gap:12px;margin-top:23px}.mode-card{min-height:0;padding:17px;position:relative}.mode-art{display:none}.mode-card strong{font-size:22px;margin-top:15px}.card-description{max-width:100%;font-size:12px;margin:9px 0 0}.card-foot{display:none}.card-top{font-size:9px}.card-top>span{font-size:7px;letter-spacing:1px}.subtitle{font-size:12px;margin-bottom:23px}h2{font-size:40px;letter-spacing:-1.8px}.back{padding-bottom:24px}.eyebrow{font-size:8px;letter-spacing:1.2px}.settings-content{align-self:flex-start;margin:auto}.setting-row{gap:15px;padding:20px 0}.setting-row label,.setting-row>div>span{font-size:13px}.setting-row p{font-size:11px;max-width:190px}.volume-control{gap:5px}.volume-control input{width:80px}.volume-control output{width:32px;font-size:9px}.toggle{flex-shrink:0;width:60px}.setting-row .outline-button{padding:12px;font-size:9px}.hud{padding:0 5vw;height:76px}.hud-scores{gap:24px;top:17px;left:53%}.hud-scores strong{font-size:28px}.hud-mode>.eyebrow{font-size:7px;letter-spacing:.5px}.hud-mode>span:last-child{font-size:7px}.hud-end>span{display:none}.hud-end{gap:0}.icon-button{width:33px;font-size:16px}.game-footer{font-size:7px;letter-spacing:0}.game-footer kbd{min-width:16px;padding:0 3px;font-size:7px}.pause-panel h2{font-size:48px}.instructions>div{gap:15px;padding:16px 0}.instructions p{font-size:12px}.saved-note{font-size:8px}.ambient-paddle{opacity:.5}}@media(max-height:700px)and (min-width:801px){.screen{padding-top:75px;padding-bottom:60px}.game-screen{padding:0}.home-content h1{font-size:91px;margin:22px 0}.tagline{margin-bottom:20px}.menu-button{padding:12px 18px;font-size:16px}.home-aside{padding-top:0}.back{padding-bottom:18px}h2{font-size:44px;margin:12px 0}.mode-grid{margin-top:20px}.mode-card{min-height:270px;padding:20px}.mode-art{height:65px;margin:18px 0}.wall-art i:last-child{height:64px}.card-description{margin:12px 0 18px}.subtitle{margin-bottom:22px}.setting-row{padding:15px 0}.hud{height:70px}.hud-scores{top:11px}.game-footer{height:36px}}@media(max-height:520px){.screen:not(.game-screen){align-items:flex-start;padding-top:70px;padding-bottom:60px}.home-content{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;max-width:700px;width:100%;margin:auto}.home-content>.eyebrow{grid-column:1/-1}.home-content h1{grid-column:1;font-size:70px;margin:14px 0}.home-content .tagline{grid-column:1;font-size:9px}.main-menu{grid-column:2;grid-row:2/4;align-self:center}.menu-button{font-size:13px;padding:12px}.home-aside{display:none}.shell-header{top:15px}.shell-footer{bottom:12px}.pause-panel h2{font-size:34px;margin:12px 0}.pause-panel .subtitle{margin-bottom:15px}.pause-actions{gap:6px}.pause-actions .primary,.pause-actions .outline-button{padding:11px 18px}.pause-actions .text-button{padding:12px}.hud{height:54px}.hud-scores{top:8px}.hud-scores strong{font-size:22px}.hud-scores span{font-size:6px}.hud-mode{gap:5px}.game-footer{height:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scanlines{display:none}}.back{padding:5px 0;margin-bottom:25px;width:fit-content}@media(max-height:700px){.back{padding:5px 0;margin-bottom:15px}}.home-content h1{margin-bottom:44px}.shell-footer{justify-content:flex-end}#language{font:inherit;font-size:12px;color:var(--green);background:#11190d;border:1px solid #c7f76d50;padding:10px 30px 10px 12px;min-width:135px;cursor:pointer;max-width:50%}#language:focus-visible{outline:2px solid var(--green);outline-offset:5px}.icon-button{display:inline-flex;align-items:center;justify-content:center}.mode-card strong{gap:10px}html[lang=es] .mode-card strong{font-size:clamp(16px,1.7vw,24px)}@media(max-width:540px){.footer-hint{display:none}.home-content h1{margin-bottom:36px}#language{font-size:11px;min-width:125px}html[lang=es] .mode-card strong{font-size:20px}.toggle{width:60px}}@media(max-height:520px){.main-menu{grid-row:1/3}.home-content h1{margin-bottom:16px}.home-content{padding-top:12px}}.difficulty-grid .mode-card{min-height:235px}.difficulty-grid strong{margin-top:30px}.serve-notice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:var(--green);background:#090e08d9;padding:18px 28px;min-width:180px}.serve-notice>span{display:block;font-size:10px;letter-spacing:1.4px;white-space:nowrap}.serve-notice strong{font-size:58px;font-weight:400;line-height:1.4}@media(max-width:540px){.difficulty-grid .mode-card{min-height:140px}.difficulty-grid strong{margin-top:12px}.hud-mode>.eyebrow{max-width:105px;font-size:7px;line-height:1.5}.pause-panel h2{font-size:42px}}.online-actions{display:grid;gap:28px}.online-actions label,#online-room>label{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.join-row{display:flex;gap:10px}.join-row input{min-width:0;flex:1;font:inherit;font-size:14px;background:#11190d;color:var(--green);border:1px solid var(--line);padding:12px}.join-row .outline-button{flex-shrink:0}#room-code{text-transform:uppercase;letter-spacing:4px}.room-code{font-size:clamp(30px,8vw,48px);letter-spacing:8px;color:var(--green);margin:20px 0}.online-status{font-size:12px;line-height:1.7;color:var(--green);min-height:22px}#invite-link{font-size:11px}button:disabled{opacity:.45}.online-actions .primary{width:100%}@media(max-width:540px){.join-row .outline-button{padding:12px;font-size:9px}}