@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900;1000&display=swap');
:root{color-scheme:light;--bg:#faf6ef;--muted:#62615e;--line:#e1dbd1;--lime:#1467d8;--pop-ink:#20211f;--pop-red:#dc3046}body{background:radial-gradient(ellipse at 0 18%,#ffdbb744,transparent 40%),var(--bg);color:var(--pop-ink);font-family:'Nunito','DM Sans',sans-serif}h1,h2,h3,.brand,#pin{font-family:'Nunito','DM Sans',sans-serif;font-weight:900}header{border:0;height:94px}.brand{letter-spacing:-1px;font-weight:1000}.live{background:#fff;border-color:var(--line);box-shadow:0 3px 0 #e5dfd5}.eyebrow{color:#155bb0}.hero-heading img{filter:drop-shadow(0 14px 10px #6c4f2720)}#home>.app-like-hero h1{font-weight:1000;line-height:1.06;letter-spacing:-2px;font-size:clamp(38px,6vw,66px)}.home-grid>.join-card{background:#fffdf9;border:1px solid #e8e1d6;border-radius:30px;box-shadow:0 8px 0 #e6dfd4,0 24px 50px #5e472219}.home-tabs{background:#f0ece5}.home-tabs::before{background:#1168d9;border:0;box-shadow:0 4px 8px #1467d82b}.home-tabs button{color:#62615e}.home-tabs button[aria-selected=true]{color:white}.home-panel-help,p{color:var(--muted)}label{color:#41413f;font-weight:800}input,select,textarea,.event-options select,#fiesta-options select{color:#252623;background:#faf8f4;border:1px solid #d8d1c5;border-radius:14px;font:inherit}input:focus,select:focus,textarea:focus{border-color:#1467d8;outline:2px solid #1467d825}input::placeholder{color:#7b7a75}button{font-family:inherit}.primary{background:linear-gradient(#ef4655,#d92a3e);color:white;box-shadow:0 5px 0 #b21e31,0 8px 15px #d92a3e20;border:1px solid #f7737e;border-radius:16px;transition:transform .15s,box-shadow .15s}.primary:hover{background:#e42b42;transform:translateY(-1px)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #b21e31}.secondary,.text-button{color:#333c48;background:#f4f0e9;border-color:#dbd5ca;border-radius:14px}.home-steps{font-weight:900;color:#555}.home-steps span:nth-child(1){color:#d62e45}.home-steps span:nth-child(2){color:#176acf}.home-steps span:nth-child(3){color:#168464}.features article>span{color:#176acf;background:#eaf2ff;border-color:#d7e5f7}.plan-option{background:#faf8f4;border-color:#dfd9cf;border-radius:18px}.plan-option:has(input:checked){background:#edf5ff;border:2px solid #1467d8;box-shadow:0 3px 0 #c5d8ed}.plan-option span,.plan-option small{color:#53565b}.plan-option small{color:#175aa8}.room-section{background:#fffdf9;border-color:#ddd7cd;box-shadow:0 3px 0 #e9e3d9}.room-section-title{color:#20211f}.room-section summary small,.room-custom-help,.field-help,.pass-status,.event-options .field-help{color:#62615e}.room-stepper button{background:#eaf2ff;border-color:#c1d5ef;color:#155bb0}.room-stepper button:hover{background:#dceaff}.streamer-option{background:#f0f4fb;border-color:#ced9eb}.app-download,#descargar-reloj{background:#fffdf9;border-color:#ddd7cd;box-shadow:0 6px 0 #e7e0d5}.app-download details,.seo-guide ol,.app-download-actions code{color:#41413f}.app-install-notice{background:#fff4d5;border-color:#e3cb87;color:#554314}.app-install-notice strong,.app-install-notice a{color:#765514}.account-dialog{background:#fffdf9;color:#20211f;border-color:#ddd7cd;box-shadow:0 20px 80px #29241933}.account-dialog::backdrop{background:#302e2866}#account-error{color:#b31d32}#account-recovery-code{background:#edf4ff;color:#145bb5}.arena,.leaderboard,.streamer-invite,.event-banner,.venue-welcome{background:#fffdf9;color:#20211f;border-color:#ddd7cd;box-shadow:0 5px 0 #e7e0d5}.venue-welcome p,.event-banner p{color:#62615e}.winner{background:radial-gradient(ellipse at top,#ffe49b,transparent 75%),#fffdf9;border-color:#e8c974}.winner .winner-score{color:#20211f}.pad{box-shadow:inset 0 3px 0 #ffffff55,0 7px 0 #0002;border-radius:26px}.features{margin-top:30px}.seo-guide a{color:#155bb0}a:focus-visible,button:focus-visible{outline:3px solid #1467d8;outline-offset:3px}.event-preview{color:#fff}.event-preview p{color:#eee}body[data-event-theme=ocean],body[data-event-theme=plum]{color:#20211f}body[data-event-theme=ocean] .game-top,body[data-event-theme=plum] .game-top{background:#fffdf9;border-radius:20px;padding:20px}footer{color:#67655f}
@media(min-width:1000px){#home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px}#home>.app-like-hero{grid-column:1;grid-row:1;max-width:none;margin:0;padding:48px 0 24px;align-self:center}#home>.home-grid{grid-column:1;grid-row:2;width:100%;max-width:none;margin:0}.hero-heading{display:block}.hero-heading img{position:absolute;right:max(5vw,calc((100vw - 1200px)/2));top:190px;width:39vw;max-width:510px;pointer-events:none}.hero-heading>div{max-width:540px}#home>.home-steps{grid-column:1;grid-row:3;width:100%;margin:28px auto 48px}#home>section:not(.app-like-hero),#home>.features{grid-column:1/-1}#home>.home-grid .join-card{width:100%}}
@media(max-width:999px){#home>.app-like-hero{padding-top:20px}.hero-heading img{width:32%;max-width:165px}.home-grid>.join-card{max-width:none}#home>.app-like-hero h1{font-size:clamp(34px,7vw,48px)}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}}

@media(max-width:600px){header{height:76px}#home>.app-like-hero{padding:14px 0 12px}.app-like-hero p{margin:18px 0 8px}.home-grid>.join-card{padding:20px}.home-tabs{margin-bottom:20px}.home-panel-help{margin-bottom:18px}#join-form input{min-height:58px;padding:12px 16px}#join-form .primary{min-height:56px;margin-top:18px}.home-grid .join-card h2{font-size:23px}}

/* Pop Social reference composition: compact form, oversized rounded headline and sculptural hero. */
@font-face{font-family:Fredoka;src:url('/fonts/fredoka.ttf') format('truetype');font-weight:300 700;font-display:swap}.brand,h1,h2,h3{font-family:Fredoka,Nunito,sans-serif!important;font-weight:700!important}.brand{font-size:32px}#home>.app-like-hero h1{font-family:Fredoka,sans-serif!important;font-weight:700;letter-spacing:-2px}#join-panel>h2,#join-panel>.home-panel-help,.app-like-hero .eyebrow{display:none}#join-form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#join-form input{min-height:52px;font-size:17px;padding:13px 18px;margin:0 0 12px;border-radius:14px}#join-form #pin{font-family:Nunito,sans-serif;font-size:17px;letter-spacing:0}#join-form .primary{min-height:52px;margin:4px 0 0;justify-content:center}.home-tabs{margin-bottom:16px;padding:4px;border-radius:16px}.home-tabs button{min-height:48px;font-size:16px}.home-tabs::before{top:4px;bottom:4px;left:4px;width:calc((100% - 12px)/2);border-radius:13px}.home-grid>.join-card{padding:18px;border-radius:26px;box-shadow:0 7px 0 #e8e0d4,0 15px 28px #62523820}#home{position:relative;isolation:isolate}.home-steps{font-size:12px;letter-spacing:.5px}.app-like-hero p{font-size:20px!important;margin:18px 0!important}.app-like-hero p br{display:none}.app-like-hero p{max-width:550px}#home:before,#home:after{content:'';position:absolute;z-index:-1;pointer-events:none;border-radius:43% 57% 65% 35% / 50% 65% 35% 50%;width:220px;height:160px;top:560px;opacity:.95;box-shadow:inset 0 4px 12px #ffffff35}#home:before{left:-100px;background:#1483e9;transform:rotate(25deg)}#home:after{right:-60px;background:#29a978;transform:rotate(-24deg)}
@media(min-width:1000px){#home>.app-like-hero{padding:45px 0 8px}#home>.app-like-hero h1{font-size:72px;line-height:1.02}#home>.home-grid{max-width:480px;margin:8px 0 0}.hero-heading img{right:10px;top:125px;width:48%;max-width:550px}.home-steps{max-width:480px!important;margin:30px 0 70px!important}.header-note{display:none}.hero-heading:after{content:'Pequeños momentos, grandes amigos';position:absolute;right:35px;top:55px;max-width:155px;font-size:17px;font-weight:800;transform:rotate(-9deg);color:#282824}#home{overflow:clip}#home>.features{margin-top:0}}
@media(max-width:999px){#home>.app-like-hero{padding:0 0 12px}.hero-heading{display:flex;flex-direction:column-reverse;gap:10px;align-items:flex-start}.hero-heading img{position:static;align-self:center;width:200px;max-width:55%;height:auto;filter:drop-shadow(0 12px 8px #75613920)}#home>.app-like-hero h1{font-size:42px;line-height:1.02;letter-spacing:-1px}.app-like-hero p{font-size:15px!important;margin:12px 0 6px!important}.home-steps{margin:28px auto 40px}#home:before,#home:after{top:580px;width:120px;height:120px}#home:before{left:-65px}#home:after{right:-45px}header{height:70px}.brand{font-size:25px}#home{overflow:clip}}

.pop-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center}.pop-benefits>div{display:flex;flex-direction:column;align-items:center;gap:8px}.pop-benefits img{width:58px;height:62px;object-fit:contain}.pop-benefits span{font-size:14px;font-weight:800;color:#252623!important;line-height:1.3;letter-spacing:0}@media(max-width:600px){.pop-benefits{gap:8px}.pop-benefits img{width:46px;height:50px}.pop-benefits span{font-size:12px}}

.hero-heading:after{content:none!important}@media(max-width:999px){.hero-heading img{width:240px;max-width:72%}}

header{gap:24px;border-bottom:1px solid #e5dfd5}.top-nav{display:flex;gap:28px;align-items:center;margin-left:auto}.top-nav a{position:relative;padding:15px 0;color:#2c2d2a;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap}.top-nav a:after{content:'';position:absolute;bottom:7px;left:0;width:100%;height:4px;background:#e63243;border-radius:4px;transform:scaleX(0);transition:transform .18s}.top-nav a[aria-current]:after,.top-nav a:hover:after{transform:scaleX(1)}header>.secondary{border-radius:24px;background:#eee9e1;padding:12px 18px;border:0;box-shadow:0 3px 0 #e0d8cc}#how-to-play,#preguntas{scroll-margin-top:24px}html{scroll-behavior:smooth}@media(max-width:650px){header{height:auto!important;min-height:76px;flex-wrap:wrap;gap:8px;padding:14px 0 6px}header>.brand{order:0}header>.secondary{order:1;margin-left:auto}.top-nav{order:2;width:100%;margin:0;justify-content:center;gap:32px}.top-nav a{padding:12px 0;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.top-nav a:after{transition:none}}body:has(#home[hidden]) .top-nav{display:none}

/* Keep the brand wordmark legible rather than tightly packed display lettering. */
header .brand{font-family:Nunito,"DM Sans",sans-serif!important;font-weight:900!important;letter-spacing:.035em;font-size:27px;display:inline-flex;align-items:center;gap:8px}header .brand-logo{margin-right:0}header .brand-dot{display:none}@media(max-width:650px){header .brand{font-size:23px;letter-spacing:.025em;gap:6px}}

.profile-picker{display:grid;gap:8px;margin:12px 0;text-align:left}.profile-picker img{width:64px;height:64px;border-radius:50%;object-fit:cover}.profile-picker small{font-size:11px;color:var(--muted)}.profile-picker input{max-width:100%;font-size:12px}.profile-picker button{width:auto;padding:8px}.bubble-photo{width:38px;height:38px;object-fit:cover;border-radius:50%;border:2px solid #fff;margin-bottom:4px}.bubble-photo[hidden]{display:none}
.account-photo{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#faf8f4}.account-photo-preview{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px #20211f22}.account-photo-copy{display:grid;gap:7px}.account-photo-copy label{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:10px 14px;border-radius:12px;background:#20211f;color:#fff;cursor:pointer;font-weight:900;font-size:13px}.account-photo-copy label:before{content:'＋';font-size:18px;line-height:12px}.account-photo-copy input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.account-photo-copy small{color:var(--muted);font-size:11px}.account-photo-copy button{width:max-content;padding:7px 10px;font-size:11px}
.player-bubble:has(.bubble-photo:not([hidden])){gap:3px;padding:10px}.player-bubble:has(.bubble-photo:not([hidden])) .bubble-rank{position:absolute;right:9px;top:7px;font-size:9px}.player-bubble:has(.bubble-photo:not([hidden])) .bubble-name{-webkit-line-clamp:2}.bubble-photo{flex-shrink:0;margin-bottom:0}
.join-avatar-picker{margin:10px 0 14px;padding:12px 14px;border:1px solid #ded7cd;border-radius:16px;background:#faf6ef}.join-avatar-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:9px}.join-avatar-title small{display:block;color:var(--muted);font-size:11px;text-transform:none;letter-spacing:0;margin-top:3px}.avatar-choices{display:flex;flex-wrap:wrap;gap:6px}.avatar-choice{width:38px;height:38px;padding:0;border-radius:11px;border:1px solid #ded7cd;background:#fffdf9;font-size:20px;cursor:pointer}.avatar-choice[aria-pressed=true]{border-color:var(--lime);box-shadow:0 0 0 2px #1467d825;background:#edf5ff}.bubble-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:24px;background:#ffffff36;margin-bottom:4px}
