@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101122;--muted:#999aaf;--line:#2b2d44;--lime:#cefa69}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 40%,#20213c66,transparent 48%),var(--bg);color:#f6f5fc;font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}header,main,footer{max-width:1200px;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;color:inherit;text-decoration:none;letter-spacing:2px}.brand-icon{color:var(--lime);font-size:37px;vertical-align:middle;margin-right:8px}.brand-dot{color:var(--lime);font-size:9px;margin-left:4px}.header-note,.small-label,.eyebrow,.orbit-label{font-size:11px;letter-spacing:2px;font-weight:700}.header-note{color:var(--muted)}.live{font-size:12px;background:#1c2030;border:1px solid #303849;padding:10px 14px;border-radius:24px}i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.hero{text-align:center;padding:57px 0 35px}.eyebrow{color:var(--lime)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(34px,4.1vw,54px);line-height:1.12;letter-spacing:-2px;margin:21px 0}h1 span{color:var(--lime)}p{color:var(--muted);font-size:15px;line-height:1.7}.home-grid{display:grid;grid-template-columns:390px 1fr;gap:100px;max-width:1000px;margin:0 auto 48px;align-items:center}.join-card{background:#1b1c30;border:1px solid #33344c;padding:29px;border-radius:20px;box-shadow:0 20px 50px #0002}.small-label{color:var(--muted);font-size:10px}h2{font-size:25px;margin:12px 0 24px}label{display:block;font-size:12px;margin:18px 0 9px;color:#c6c6d5}input{width:100%;background:#121325;border:1px solid #38394f;border-radius:9px;padding:13px 15px;color:white;outline:none}input:focus{border-color:var(--lime)}#pin{font-family:'Space Grotesk',sans-serif;font-size:25px;letter-spacing:7px}input::placeholder{color:#686b82}.primary,.secondary{border-radius:9px;padding:14px 18px;font-weight:700;display:flex;justify-content:space-between;gap:22px;align-items:center}.primary{background:var(--lime);color:#1b2413;border:0}.primary:hover{background:#dfff95}.secondary{background:transparent;color:#e9e9f3;border:1px solid #45465b}.join-card button{width:100%}.join-card .primary{margin-top:22px}.card-divider{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted);margin:24px 0 17px}.card-divider:before,.card-divider:after{content:'';height:1px;flex:1;background:var(--line)}.join-card>small{display:block;text-align:center;color:#818499;font-size:10px;margin-top:17px}.demo{text-align:center}.orbit-label{font-size:9px;color:#9c9eb5;margin-bottom:30px;letter-spacing:1.5px}.pads{display:grid;grid-template-columns:1fr 1fr;gap:15px;position:relative;max-width:410px;margin:auto}.pad{border:1px solid #ffffff22;border-radius:23px;aspect-ratio:1.15;display:flex;align-items:center;justify-content:center;font-size:49px;color:#ffffffaa;position:relative;transition:filter .1s,transform .1s,box-shadow .1s;user-select:none;touch-action:manipulation}.red{background:#eb5063}.blue{background:#4e84ef}.green{background:#39b98c}.yellow{background:#efc54c}.demo-pads{transform:rotate(-7deg);gap:18px;padding:12px}.demo-pads .pad{box-shadow:0 10px 0 #0002;aspect-ratio:1.03}.center-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141527;border:7px solid #24253c;width:69px;height:69px;border-radius:50%;display:grid;place-items:center;font:bold 25px 'Space Grotesk',sans-serif}.demo-caption{display:flex;justify-content:center;gap:26px;margin-top:39px;color:var(--lime);font-size:11px}.demo-caption b{color:#bfc1d1;font-weight:500;margin-left:6px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:30px 0 40px;border-top:1px solid var(--line)}.features article{display:flex;gap:16px;align-items:center}.features article>span{background:#222438;border:1px solid #34374d;color:var(--lime);border-radius:12px;padding:12px;font-size:23px}.features h3{font-size:14px;margin:0 0 7px}.features p{font-size:11px;margin:0}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;color:#777b93;font-size:11px}[hidden]{display:none!important}.game-top{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.game-top h2{letter-spacing:6px;font-size:35px;margin:5px 0}.game-actions{display:flex;gap:15px}.text-button{border:0;background:transparent;color:#aaaec4;padding:12px}.play-layout{display:grid;grid-template-columns:1fr 330px;gap:45px;margin-bottom:45px}.arena{text-align:center;background:#191a2e;border:1px solid var(--line);border-radius:23px;padding:32px}.arena h1{font-size:32px;letter-spacing:-1px;margin:16px 0 10px}.arena p{min-height:25px;margin:0 0 16px}.timer{height:30px;font-family:'Space Grotesk';color:var(--lime);font-size:20px;margin:10px}.arena .pad{filter:brightness(.48);opacity:.9}.arena .pad.active{filter:brightness(1.35);box-shadow:0 0 32px #ffffff55;transform:scale(1.035);opacity:1}.arena .pad.ready{filter:brightness(.95)}.pad small{position:absolute;bottom:13px;font-size:10px;letter-spacing:2px}#progress{height:40px;padding:16px;font-size:12px;color:var(--muted)}.host-actions{display:flex;justify-content:center;gap:12px;margin-top:18px}.leaderboard{padding:22px;background:#1b1c30;border:1px solid var(--line);border-radius:20px;align-self:start}.board-heading{display:flex;justify-content:space-between;align-items:center}.board-heading h2{font-size:19px;margin:0 0 20px}.board-heading>span{font-size:11px;color:var(--muted)}.player-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:17px 0}.rank{color:var(--lime);width:23px;font-weight:700}.player-name{flex:1;overflow-wrap:anywhere}.player-name small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.score{font-family:'Space Grotesk';font-weight:700}.empty{font-size:13px;color:var(--muted);line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 24px;background:#faf8ed;color:#191a2e;border-radius:12px;box-shadow:0 8px 40px #0006;z-index:10;max-width:90%;font-size:14px}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:1250px){header,main,footer{margin-left:35px;margin-right:35px}}@media(max-width:800px){.header-note{display:none}.home-grid{gap:35px;grid-template-columns:1fr 1fr}.join-card{padding:22px}.demo-caption{gap:10px}.features{gap:15px}.features article{align-items:flex-start}.features article>span{display:none}.play-layout{grid-template-columns:1fr}.leaderboard{width:100%}}@media(max-width:580px){header,main,footer{margin-left:20px;margin-right:20px}header{height:80px}.brand{font-size:23px}.live{font-size:10px}.hero{padding:35px 0 25px}.hero h1{font-size:35px;letter-spacing:-1.4px}.hero p{font-size:13px}.home-grid{display:flex;flex-direction:column;gap:35px}.join-card{width:100%;max-width:390px}.demo{width:80%;max-width:320px}.orbit-label{display:none}.features{grid-template-columns:1fr;gap:23px}.features article>span{display:block}.game-top{align-items:flex-start}.game-actions{flex-direction:column;gap:0}.game-actions .secondary{font-size:11px;padding:10px}.arena{padding:22px 15px}.arena h1{font-size:27px}.pad{font-size:38px;border-radius:17px}.host-actions{flex-direction:column}.host-actions button{justify-content:center}footer{font-size:9px}}

.winner{text-align:center;padding:clamp(32px,6vw,72px) 20px;margin-bottom:30px;border:1px solid #cefa6966;border-radius:28px;background:radial-gradient(ellipse at top,#cefa6926,transparent 70%),#191a2e;animation:winner-arrive .6s ease-out}.winner-trophy{font-size:clamp(64px,10vw,112px);line-height:1.2}.winner .eyebrow{margin:24px 0 16px}.winner h1{font-size:clamp(42px,8vw,100px);color:var(--lime);overflow-wrap:anywhere;line-height:1.08;margin:16px auto;max-width:100%;letter-spacing:-.035em}.winner .winner-score{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,4vw,44px);font-weight:700;color:#fff;margin:16px 0}.winner>p:last-child{margin-bottom:0}.game-finished .arena{display:none}.game-finished .play-layout{grid-template-columns:1fr}.game-finished .leaderboard{width:100%}@keyframes winner-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.winner{animation:none}}

@media(max-width:580px){header{gap:12px}.brand{font-size:clamp(16px,4.5vw,23px);letter-spacing:1px;white-space:nowrap}.brand-icon{font-size:26px;margin-right:3px}.brand-dot{display:none}header>.secondary{max-width:115px;flex-shrink:0}}

.app-download{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:32px;align-items:center;padding:32px;margin:0 0 40px;background:radial-gradient(ellipse at top left,#cefa6915,transparent 70%),#1b1c30;border:1px solid #3f4b39;border-radius:24px}.app-download h2{margin:12px 0;font-size:clamp(24px,3vw,32px)}.app-download p{margin:10px 0;max-width:600px}.app-download .app-download-meta{font-size:12px}.app-download-actions{min-width:0}.app-download-actions>a{text-decoration:none;justify-content:center;min-height:52px;text-align:center;gap:12px}.app-download-actions>small{display:block;text-align:center;color:var(--muted);margin:12px 0;font-size:12px}.app-download details{margin-top:20px;font-size:12px;color:#c6c6d5}.app-download summary{cursor:pointer;padding:6px 0}.app-download details p{font-size:12px}@media(max-width:650px){.app-download{grid-template-columns:1fr;padding:24px;gap:16px}}

.app-install-notice{margin-top:18px;padding:16px;border:1px solid #efc54c55;border-radius:12px;background:#efc54c0a;color:#ece6cd}.app-install-notice strong{font-size:13px;color:#f2d578}.app-download .app-install-notice p{font-size:12px;line-height:1.6}.app-install-notice a{font-size:12px;color:#f2d578;text-underline-offset:3px}

.seo-guide{max-width:900px;margin:0 auto 48px;padding-top:28px;border-top:1px solid var(--line)}.seo-guide h2{margin:24px 0 16px}.seo-guide ol{padding-left:24px;color:#c6c6d5;line-height:1.8;font-size:15px}.seo-guide li{margin:12px 0;padding-left:6px}.seo-guide details{border-bottom:1px solid var(--line);padding:18px 0}.seo-guide summary{cursor:pointer;font-weight:700;line-height:1.5}.seo-guide details p{margin-bottom:0}.seo-guide a{color:var(--lime);text-underline-offset:3px}

#descargar-reloj{border-color:#4e84ef66;background:radial-gradient(ellipse at top left,#4e84ef20,transparent 70%),#1b1c30}.app-download-actions ol{padding-left:18px;font-size:12px;line-height:1.7;color:var(--muted)}.app-download-actions li{margin-bottom:10px}.app-download-actions code{overflow-wrap:anywhere;color:#f5f6fc}.app-download-actions details a{color:var(--lime)}

.streamer-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #8b6bcb66;padding:14px;border-radius:12px;background:#9771e810}.streamer-option input{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--lime)}.streamer-option small{display:block;margin-top:7px;color:var(--muted);line-height:1.6}.streamer-invite{text-align:center;border:1px solid #9b7edb66;border-radius:24px;background:radial-gradient(ellipse at top,#7844cb30,transparent 75%),#191a2e;padding:28px;margin:0 0 24px}.streamer-invite h2{margin:14px 0;font-size:clamp(22px,3vw,42px)}.streamer-invite strong{color:var(--lime)}#streamer-pin{display:block;font-size:clamp(48px,7vw,96px);letter-spacing:.14em;font-family:'Space Grotesk',sans-serif}.streamer-host #game-pads,.streamer-host #sound-toggle,.streamer-host #progress{display:none}.streamer-host .play-layout{grid-template-columns:1fr 1fr}.streamer-host .host-actions{flex-wrap:wrap}.broadcast-mode>header,.broadcast-mode>footer,.broadcast-mode .game-top,.broadcast-mode .host-actions,.broadcast-mode #event-banner{display:none}.broadcast-mode #game{max-width:1600px;padding-top:24px}.broadcast-mode .streamer-invite{margin-bottom:20px}.broadcast-mode .streamer-host .play-layout{grid-template-columns:1fr 2fr}.broadcast-mode .arena{padding:24px}.broadcast-mode .streamer-host.game-finished .play-layout{grid-template-columns:1fr}@media(max-width:800px){.streamer-host .play-layout,.broadcast-mode .streamer-host .play-layout{grid-template-columns:1fr}}

.brand-logo{display:inline-block;width:44px;height:44px;object-fit:contain;vertical-align:middle;margin-right:8px;flex-shrink:0}@media(max-width:600px){.brand-logo{width:32px;height:32px;margin-right:4px}}

.hero-brand-logo{display:block;width:100%;max-width:440px;height:auto;margin:0 auto;object-fit:contain}

/* Blend the dark logo backdrop into the page without altering the source asset. */
.hero-brand-logo,.brand-logo{mix-blend-mode:normal}

/* Limit native save gestures to image elements; preserve text selection and links. */
img,svg{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}