*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#03141f;color:#eaf6fb;font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.game{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.hud{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;padding-top:max(.8rem,env(safe-area-inset-top));pointer-events:none}.hud a,.hud button,.hud .chip-free,.hud .langtoggle{pointer-events:auto}.hud-right{display:inline-flex;align-items:center;gap:.55rem;pointer-events:none}.langtoggle{display:inline-flex;border:1px solid rgba(150,220,235,.32);border-radius:999px;overflow:hidden}.langtoggle button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;font-family:inherit;font-size:.68rem;font-weight:700;letter-spacing:.06em;border:none;background:none;color:#d6eef5eb;padding:.2rem .62rem;cursor:pointer;transition:background .13s,color .13s}.langtoggle button:hover{color:#fff}.langtoggle button.on{background:#bfeef2;color:#06232a}.muelle-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:650;color:#d6eef5eb;text-decoration:none}.muelle-link:hover{color:#fff}.muelle-mark{height:1.1rem;width:auto}.hud-stats{font-size:.98rem;color:#eaf6fb;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.6)}.hud-stats b{color:#8ff2e0}.lanterns .lit{color:#ffd27a;text-shadow:0 0 10px rgba(255,210,122,.8)}.lanterns .out{color:#8caab959}.lanterns span{margin:0 .06rem}.iconbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-family:inherit;font-size:.9rem;border:1px solid rgba(150,220,235,.32);border-radius:999px;background:none;color:#d6eef5eb;cursor:pointer;padding:.2rem .7rem;transition:color .13s,border-color .13s}.iconbtn:hover{color:#fff;border-color:#96dceb99}.chip-free{font-size:.58rem;font-weight:700;letter-spacing:.12em;color:#8ff2e0;border:1px solid rgba(143,242,224,.5);border-radius:999px;padding:.16rem .6rem;background:#8ff2e014}.stage{position:relative;flex:1;touch-action:none}.board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.volleybtn{position:absolute;right:1rem;bottom:max(1.1rem,calc(env(safe-area-inset-bottom) + .4rem));z-index:4;min-height:56px;min-width:96px;padding:.6rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:700;letter-spacing:.02em;color:#06232a;background:linear-gradient(90deg,rgba(255,255,255,.25) var(--cd, 100%),rgba(6,35,42,.25) var(--cd, 100%)),linear-gradient(135deg,#8ff2e0,#2fa9c9);border:none;border-radius:999px;cursor:pointer;box-shadow:0 10px 28px #2fa9c966;touch-action:manipulation}.volleybtn:active{transform:scale(.96)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;gap:.4rem;overflow-y:auto;background:radial-gradient(80% 60% at 50% 45%,#03111c80,#03111cd9)}.overlay>:first-child{margin-top:auto}.overlay>:last-child{margin-bottom:auto}.overlay>*{flex-shrink:0}.overlay-harvest{background:radial-gradient(90% 70% at 50% 40%,#402a106b,#03111ce6)}.playhint{position:absolute;left:50%;bottom:max(5.6rem,calc(env(safe-area-inset-bottom) + 5rem));transform:translate(-50%);z-index:3;margin:0;max-width:min(92vw,30rem);text-align:center;font-size:.8rem;font-weight:600;color:#e6f4faf2;background:#03111c99;border:1px solid rgba(143,242,224,.35);border-radius:999px;padding:.5rem 1rem;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.6)}.draft{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1rem;background:radial-gradient(85% 65% at 50% 45%,#03111c6b,#03111cc7);animation:draft-in .28s cubic-bezier(.16,1,.3,1) both}@keyframes draft-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.draft-eyebrow{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.22em;color:#ffe4a6;text-transform:uppercase}.draft-cards{display:flex;gap:.6rem;width:min(94vw,34rem)}.draft-card{flex:1 1 0;min-width:0;min-height:128px;padding:.7rem .5rem .8rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.3rem;font-family:inherit;text-align:center;cursor:pointer;color:#e6f4fa;background:linear-gradient(180deg,#0a2436eb,#04121ef0);border:1px solid rgba(143,242,224,.28);border-radius:14px;box-shadow:0 10px 30px #00000059;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;touch-action:manipulation}.draft-card.sel{transform:translateY(-4px) scale(1.03);border-color:#ffe4a6d9;box-shadow:0 14px 40px #ffd28247,0 0 0 1px #ffe4a680 inset}.draft-card:active{transform:scale(.97)}.draft-icon{font-size:1.5rem;line-height:1;color:#8ff2e0;text-shadow:0 0 14px rgba(143,242,224,.7)}.draft-card.sel .draft-icon{color:#ffe4a6;text-shadow:0 0 16px rgba(255,228,166,.8)}.draft-card b{font-size:.88rem;font-weight:700;letter-spacing:.01em}.draft-fx{font-size:.7rem;line-height:1.25;color:#c4e0ecd9}.draft-owned{margin-top:auto;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffe4a6;background:#ffe4a61f;border-radius:999px;padding:.12rem .5rem}.draft-timer{width:min(70vw,20rem);height:4px;border-radius:999px;background:#8ff2e029;overflow:hidden}.draft-timer span{display:block;height:100%;background:linear-gradient(90deg,#8ff2e0,#2fa9c9);border-radius:999px}.draft-hint{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.04em;color:#c4e0ecbf}@media(prefers-reduced-motion:reduce){.draft{animation:none}}.pu-row{position:absolute;top:.4rem;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:.45rem;pointer-events:none}.pu-glyph{font-size:.78rem;color:#8ff2e0;text-shadow:0 0 8px rgba(143,242,224,.65);background:#03111c8c;border:1px solid rgba(143,242,224,.22);border-radius:999px;padding:.08rem .4rem;line-height:1.2}.pu-glyph i{font-style:normal;font-size:.62rem;color:#ffe4a6;margin-left:.12rem}.banner{position:absolute;top:24%;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.7rem 1.7rem;border-radius:999px;pointer-events:none;text-align:center;animation:banner-in .4s cubic-bezier(.16,1,.3,1) both,banner-out .5s ease 1.9s both}.banner-title{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:600;color:#fff;letter-spacing:.02em}.banner-sub{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.banner-cool{background:radial-gradient(120% 140% at 50% 0%,#8ff2e033,#03111c66);border:1px solid rgba(143,242,224,.4);box-shadow:0 10px 40px #2fa9c94d}.banner-cool .banner-sub{color:#8ff2e0}.banner-warm{background:radial-gradient(120% 140% at 50% 0%,#8ff2e042,#03111c6b);border:1px solid rgba(143,242,224,.55);box-shadow:0 10px 44px #2fa9c966}.banner-warm .banner-sub{color:#baf5e8}.banner-gold{background:radial-gradient(120% 140% at 50% 0%,#ffe9b042,#03111c6b);border:1px solid rgba(255,233,176,.55);box-shadow:0 10px 44px #ffd28252}.banner-gold .banner-title{color:#fff5df}.banner-gold .banner-sub{color:#ffe4a6}.banner-danger{background:radial-gradient(120% 140% at 50% 0%,#ff8c6e42,#03111c73);border:1px solid rgba(255,150,120,.6);box-shadow:0 10px 44px #ff785a4d}.banner-danger .banner-title{color:#ffe6dc}.banner-danger .banner-sub{color:#ffb59d}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes banner-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.banner{animation:none}}.oleada-hero{position:relative;width:min(94vw,40rem);min-height:clamp(220px,42vh,380px);border-radius:22px;overflow:hidden;display:flex;isolation:isolate;border:1px solid rgba(120,220,220,.18);box-shadow:0 24px 60px #00000080,0 0 0 1px #8ff2e00f inset}.oleada-hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.oleada-hero-inner{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:clamp(1.5rem,4vw,2.6rem);text-align:center}.eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:0;background:linear-gradient(120deg,#2ad0d6,#2fa9c9 55%,#5aa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow-warm{background:linear-gradient(120deg,#ffd27a,#ff9e64 60%,#ff8c5a);-webkit-background-clip:text;background-clip:text}.overlay h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(2.6rem,12vw,4rem);margin:.1rem 0 0;color:#fff}.overlay h2{font-family:Fraunces,Georgia,serif;font-weight:560;font-size:clamp(1.6rem,7vw,2.2rem);margin:.1rem 0 .3rem;color:#fff}.subtitle{margin:0 0 .3rem;font-size:1rem;font-weight:650;color:#bfeef2}.lede{max-width:32rem;color:#d8ecf5f0;font-size:.98rem;margin:0 0 .6rem}.menu-stats{display:flex;gap:1.2rem;font-size:.9rem;color:#d2e8f4ed;margin-bottom:.4rem}.menu-stats b{color:#8ff2e0;font-variant-numeric:tabular-nums}.best-line{margin:.1rem 0 .4rem;font-size:1.05rem;font-weight:600;letter-spacing:.01em;color:#dceef8f5}.best-line b{color:#8ff2e0;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;margin-left:.15rem;text-shadow:0 0 22px rgba(143,242,224,.45)}.furthest-line{margin:-.1rem 0 .4rem;font-size:.8rem;font-weight:600;color:#ffe9b0d9;font-variant-numeric:tabular-nums}.comeback{margin:.1rem 0 .4rem;font-size:.88rem;font-weight:650;color:#ffd9a0}.tally{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.4rem;margin:.3rem 0 .5rem;max-width:30rem}.tally>div{display:flex;flex-direction:column;align-items:center;min-width:4.6rem}.tally b{font-size:1.35rem;font-weight:700;color:#ffe9b0;font-variant-numeric:tabular-nums}.tally span{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d2e8f4bf}.howto{margin-top:.6rem;max-width:30rem;text-align:left}.howto summary{cursor:pointer;font-size:.82rem;font-weight:650;color:#93dceb;list-style:none;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.howto summary::-webkit-details-marker{display:none}.howto ol{margin:.6rem 0 0;padding-left:1.2rem;color:#d2e8f4e6;font-size:.86rem;line-height:1.5}.howto li{margin-bottom:.25rem}.sharebtn{display:inline-flex;align-items:center;gap:.4rem}.share-msg{margin:.4rem 0 0;font-size:.82rem;color:#8ff2e0}.dailybtn{border-color:#ffe9b073;color:#ffe9b0}.dailybtn:hover{border-color:#ffe9b0;color:#fff5df}.desktop-hint{margin:.55rem 0 0;font-size:.74rem;color:#bedce8c7;letter-spacing:.01em;max-width:30rem}.cta{font-family:inherit;font-size:1.1rem;font-weight:650;cursor:pointer;color:#05232a;background:linear-gradient(135deg,#8ff2e0,#2fa9c9);border:none;border-radius:999px;padding:.95rem 2rem;min-height:44px;box-shadow:0 12px 34px #2fa9c966;transition:transform .15s cubic-bezier(.16,1,.3,1)}.cta:hover{transform:translateY(-2px)}.cta:active{transform:scale(.97)}.tiltbtn{margin-top:.5rem;min-height:44px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:#d6eef5ed;background:none;border:1px solid rgba(150,220,235,.45);border-radius:999px;padding:.5rem 1.1rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.tiltbtn:hover{border-color:#fff;color:#fff}.foot{flex:none;padding:.8rem 1.2rem;padding-bottom:max(.8rem,env(safe-area-inset-bottom));text-align:center}.foot:empty{display:none}.foot p{font-size:.74rem;color:#c6dee8eb;margin:0 auto .3rem;pointer-events:auto;max-width:44rem}.foot .note{color:#a0cedcd1;font-size:.7rem;font-style:italic}.foot a{color:#93dceb}.foot .foot-updated{font-size:.66rem;color:#c6dee88c}:focus-visible{outline:2px solid #8ff2e0;outline-offset:2px}.estilos{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(143,242,224,.14);width:100%;max-width:30rem}.estilos-h{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:0 0 .6rem}.estilos-row{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.estilo{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.3rem;background:transparent;border:1px solid transparent;border-radius:.6rem;cursor:pointer;color:inherit;transition:border-color .15s,transform .1s}.estilo:hover{transform:translateY(-1px)}.estilo.on{border-color:#8ff2e0b3}.estilo-swatch-canvas{width:64px;height:44px;border-radius:.45rem;display:block;box-shadow:0 1px 6px #00000059}.estilo-name{font-size:.72rem;opacity:.85}.estilo.locked .estilo-swatch-canvas{opacity:.82}.estilo-lock{position:absolute;top:.35rem;right:.5rem;font-size:.7rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.estilos-buy{margin-top:.85rem;text-align:center}.estilos-preview{font-size:.85rem;margin:0 0 .2rem;opacity:.95}.estilos-firewall{font-size:.72rem;opacity:.6;margin:.4rem 0 0;font-style:italic}.estilos-cta{margin-top:.55rem;display:inline-block}@media(prefers-reduced-motion:reduce){.estilo:hover{transform:none}}.pase-gate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.2rem;overflow-y:auto}.pase-gate-card{max-width:30rem;width:100%;background:#ffffff0b;border:1px solid rgba(160,215,235,.2);border-radius:18px;padding:1.6rem 1.5rem;text-align:center}.pase-gate-back{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:650;color:#d6eef5d9;text-decoration:none;margin-bottom:.9rem}.pase-gate-back:hover{color:#fff}.pase-gate-card h1{margin:0 0 .5rem;font-size:1.6rem;letter-spacing:.01em}.pase-gate-lede{margin:0 auto 1.1rem;max-width:26rem;font-size:.98rem;line-height:1.55;color:#e1f0f8e6}.pase-gate-cta{display:inline-block;border-radius:999px;padding:.62rem 1.3rem;font-weight:750;font-size:.95rem;text-decoration:none}.pase-gate-cta.soon{background:#a0d7eb1f;border:1px dashed rgba(160,215,235,.4);color:#e1f0f8d9;cursor:default}a.pase-gate-cta{background:#bfeef2;color:#06232a}.pase-gate-note{margin:.55rem 0 0;font-size:.8rem;color:#c8e1eea6}.pase-gate-freegames{margin:1.1rem 0 0;font-size:.85rem;color:#c8e1eebf}.pase-gate-freegames a{color:#8ff2e0;text-decoration:none;font-weight:650}.pase-gate-freegames a:hover{text-decoration:underline}.pase-gate-code{margin-top:1.1rem}.pase-gate-code summary{cursor:pointer;font-size:.85rem;color:#c8e1eebf}.pase-gate-code form{display:flex;gap:.5rem;justify-content:center;margin-top:.7rem}.pase-gate-code input{flex:1;min-width:0;max-width:14rem;border-radius:10px;border:1px solid rgba(160,215,235,.3);background:#04101a99;color:inherit;padding:.5rem .7rem;font-family:inherit;font-size:.9rem}.pase-gate-code button{border-radius:10px;border:none;background:#bfeef2;color:#06232a;font-family:inherit;font-weight:750;font-size:.9rem;padding:.5rem .95rem;cursor:pointer}.pase-gate-code button:disabled{opacity:.6;cursor:default}.pase-gate-err{margin:.6rem 0 0;font-size:.85rem;color:#ff9d9d}