@font-face{font-family:SmokeyBrown;src:url(/fonts/SmokeyBrown-DEMO.otf) format("opentype");font-display:swap}@font-face{font-family:BigNoodle;src:url(/fonts/big_noodle_titling.ttf) format("truetype");font-display:swap}@font-face{font-family:Bahnschrift;src:url(/fonts/bahnschrift.ttf) format("truetype");font-display:swap}:root{--color-bg-dark: #080c16;--color-rocket-red: #e63946;--color-rocket-orange: #f4a261;--color-light-blue: #a8dadc;--color-yellow: #ffd166;--color-white: #f1faee;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:Bahnschrift,sans-serif;background-color:var(--color-bg-dark);color:var(--color-white);min-height:100dvh;overflow-x:hidden;display:flex;flex-direction:column}#stars,#stars2,#stars3{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2}#stars{background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 150px 160px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 230px 180px,#fff,#0000),radial-gradient(1px 1px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:300px 300px;animation:bgStars 60s linear infinite,twinkle 4s ease-in-out infinite}#stars2{background-image:radial-gradient(2px 2px at 50px 100px,#fff,#0000),radial-gradient(2px 2px at 120px 30px,#fff,#0000),radial-gradient(2px 2px at 200px 190px,#fff,#0000),radial-gradient(2px 2px at 350px 80px,#fff,#0000),radial-gradient(2px 2px at 280px 250px,#fff,#0000);background-repeat:repeat;background-size:400px 400px;animation:bgStars2 45s linear infinite,twinkle 5s ease-in-out infinite 1s}#stars3{background-image:radial-gradient(3px 3px at 80px 80px,#fff,#0000),radial-gradient(3px 3px at 300px 250px,#fff,#0000),radial-gradient(3px 3px at 450px 100px,#fff,#0000);background-repeat:repeat;background-size:500px 500px;animation:bgStars3 30s linear infinite,twinkle 6s ease-in-out infinite 2s}@keyframes bgStars{0%{background-position:0 0}to{background-position:0 900px}}@keyframes bgStars2{0%{background-position:0 0}to{background-position:0 1200px}}@keyframes bgStars3{0%{background-position:0 0}to{background-position:0 1000px}}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.3}}.header{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.5rem,2vw,2rem);padding:clamp(.4rem,1.4vh,1rem) clamp(1rem,3vw,3rem);position:relative;z-index:10}.title{grid-column:2;font-family:SmokeyBrown,sans-serif;font-weight:400;font-size:clamp(1.4rem,4.4vw,4rem);line-height:1;color:var(--color-yellow);text-shadow:0 4px 15px rgba(255,209,102,.4);letter-spacing:2px;white-space:nowrap;text-align:center}.logo-link{display:contents}.header-logo{height:clamp(52px,9vh,110px);width:auto;object-fit:contain;flex-shrink:0;cursor:pointer}#brand-pantiwayta{justify-self:start}.header-brands{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,1.5rem);justify-self:end}#brand-logo,#wac-logo{border-radius:50%;padding:5px;aspect-ratio:1;animation:float 6s ease-in-out infinite}#brand-logo{background-color:#fff;border:4px solid var(--color-light-blue);box-shadow:0 0 15px #fff6;animation-delay:1.5s}#wac-logo{background-color:#0b0f14;border:4px solid #f4ecd8;box-shadow:0 0 15px #f4ecd866}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}#bg-moon{position:fixed;bottom:-20vh;right:-10vw;width:800px;opacity:1;z-index:-1;pointer-events:none;animation:rotateMoon 120s linear infinite;filter:drop-shadow(0 0 30px rgba(255,255,255,.2))}@keyframes rotateMoon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#bg-dog{position:fixed;bottom:8vh;right:28vw;width:200px;z-index:-1;pointer-events:none;animation:floatSpace 12s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(168,218,220,.3))}@keyframes floatSpace{0%{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-60px) translate(20px) rotate(15deg)}66%{transform:translateY(-30px) translate(-15px) rotate(-10deg)}to{transform:translateY(0) translate(0) rotate(0)}}.container{width:100%;max-width:1800px;align-self:center;padding:0 1rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:1rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000005e}.section-title{font-family:BigNoodle,sans-serif;font-weight:400;font-size:clamp(1.6rem,4vw,3rem);color:var(--color-light-blue);text-align:center;margin-bottom:1rem;letter-spacing:2px}.bracket-wrapper-container{position:relative;width:100%;overflow-x:auto;padding:1rem 0 3rem}#bracket-connectors{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.bracket-tree{--gap: clamp(.5rem, 1.4vw, 2rem);--vgap: clamp(.3rem, .9vh, 1.2rem);--card-w: clamp(150px, 15vw, 260px);--card-pad: clamp(.5rem, 1.3vh, 1rem);--avatar: clamp(28px, 5vh, 48px);--row-gap: clamp(.3rem, 1vh, .8rem);--name-fs: clamp(.72rem, 1.7vh, 1.05rem);--header-fs: clamp(1rem, 2.4vh, 1.8rem);display:flex;flex-direction:row;justify-content:space-between;width:100%;position:relative;z-index:2;gap:var(--gap);padding:var(--gap)}.bracket-side{display:flex;flex-direction:column;justify-content:space-evenly;width:25%;gap:var(--vgap)}.bracket-center{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:46%;gap:var(--vgap)}.center-top-heats{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:var(--gap)}.center-semis{display:flex;flex-direction:row;justify-content:space-around;width:100%;gap:var(--gap)}.center-final{display:flex;justify-content:center;width:100%}.heat-node{background:#0009;border:3px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--card-pad);border-radius:16px;width:var(--card-w);margin:0 auto;box-shadow:0 4px 15px #0000004d;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.heat-node[data-stage=final]{width:clamp(180px,17vw,320px);padding:calc(var(--card-pad) * 1.4)}body.is-public .battle-competitor{cursor:default}body.is-public .timer-container{display:none}.dev-mode-toggle{position:fixed;bottom:.8rem;right:.8rem;z-index:300;padding:.4rem .8rem;border-radius:999px;background:#080c16bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--glass-border);color:var(--color-light-blue);font-family:BigNoodle,sans-serif;font-size:.95rem;letter-spacing:.5px;text-decoration:none;opacity:.75;transition:opacity .2s ease,border-color .2s ease}.dev-mode-toggle:hover{opacity:1;border-color:var(--color-light-blue)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#080c16b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}.modal-overlay.visible{opacity:1}.modal-box{width:100%;max-width:440px;padding:clamp(1.5rem,5vw,2.25rem);text-align:center;background:#121826f5;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 60px #0000008c,0 0 40px #a8dadc14;transform:scale(.9) translateY(10px);transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.modal-overlay.visible .modal-box{transform:scale(1) translateY(0)}.modal-title{font-family:BigNoodle,sans-serif;font-weight:400;font-size:clamp(1.6rem,5vw,2.1rem);letter-spacing:1px;color:var(--color-yellow);margin-bottom:.75rem}.modal-message{font-size:clamp(.95rem,3.5vw,1.05rem);line-height:1.5;color:var(--color-white);opacity:.9;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn-modal{padding:.65rem 1.8rem;border:none;border-radius:50px;cursor:pointer;font-family:BigNoodle,sans-serif;font-size:1.15rem;letter-spacing:.5px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn-modal-ok{background:linear-gradient(45deg,var(--color-rocket-red),var(--color-rocket-orange));color:#fff}.btn-modal-ok:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 18px #e6394666}.btn-modal-cancel{background:transparent;color:var(--color-light-blue);border:1px solid var(--glass-border)}.btn-modal-cancel:hover{border-color:var(--color-light-blue)}.champion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at center,#141a28db,#080c16f7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .5s ease}.champion-overlay.visible{opacity:1}.champion-card{text-align:center;max-width:92vw;transform:scale(.85) translateY(20px);transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.champion-overlay.visible .champion-card{transform:scale(1) translateY(0)}.champion-eyebrow{font-family:BigNoodle,sans-serif;font-size:clamp(1.4rem,4vh,3rem);letter-spacing:3px;color:var(--color-yellow);text-shadow:0 0 20px rgba(255,209,102,.6);margin-bottom:clamp(1rem,3vh,2rem);animation:championPulse 2s ease-in-out infinite}.champion-photo-wrap{width:clamp(180px,40vh,420px);height:clamp(180px,40vh,420px);margin:0 auto;padding:6px;border-radius:50%;background:linear-gradient(135deg,var(--color-yellow),var(--color-rocket-orange),var(--color-rocket-red));box-shadow:0 0 60px #ffd1668c;animation:championGlow 3s ease-in-out infinite,float 6s ease-in-out infinite}.champion-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;border:4px solid var(--color-bg-dark)}.champion-name{font-family:BigNoodle,sans-serif;font-weight:400;font-size:clamp(2rem,6vh,4.5rem);line-height:1.05;color:var(--color-white);margin-top:clamp(1rem,3vh,2rem);text-shadow:0 4px 20px rgba(0,0,0,.6)}.champion-sub{font-family:BigNoodle,sans-serif;font-size:clamp(.95rem,2.5vh,1.6rem);letter-spacing:2px;color:var(--color-light-blue);opacity:.85;margin-top:.5rem}.champion-close{margin-top:clamp(1.5rem,4vh,2.5rem)}@keyframes championGlow{0%,to{box-shadow:0 0 60px #ffd1668c}50%{box-shadow:0 0 95px #e63946b3}}@keyframes championPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.heat-node[data-stage=ronda1]{border-color:#a8dadc66}.heat-node[data-stage=ronda1] .heat-header{color:var(--color-light-blue)}.heat-node[data-stage=ronda1] .competitor-img{border-color:var(--color-light-blue)}.heat-node[data-stage=ronda1]:hover{border-color:var(--color-light-blue);box-shadow:0 8px 25px #a8dadc4d}.heat-node[data-stage=semifinal]{border-color:#ffd16666}.heat-node[data-stage=semifinal] .heat-header{color:var(--color-yellow)}.heat-node[data-stage=semifinal] .competitor-img{border-color:var(--color-yellow)}.heat-node[data-stage=semifinal]:hover{border-color:var(--color-yellow);box-shadow:0 8px 25px #ffd1664d}.heat-node[data-stage=final]{border-color:#e6394699}.heat-node[data-stage=final] .heat-header{font-size:calc(var(--header-fs) * 1.35);color:var(--color-rocket-red)}.heat-node[data-stage=final] .competitor-img{border-color:var(--color-rocket-red)}.heat-node[data-stage=final]:hover{border-color:var(--color-rocket-red);box-shadow:0 8px 25px #e6394666}.heat-header{font-family:BigNoodle,sans-serif;font-weight:400;font-size:var(--header-fs);margin-bottom:var(--row-gap);border-bottom:1px solid var(--glass-border);padding-bottom:.3rem;text-align:center}.competitor-row{display:flex;align-items:center;margin-bottom:var(--row-gap);gap:clamp(.5rem,1vw,1rem);transition:all .3s ease}.competitor-row:last-child{margin-bottom:0}.competitor-row.winner{color:var(--color-yellow);font-weight:700}.competitor-row.winner .competitor-img{border-color:var(--color-yellow);box-shadow:0 0 12px #ffd166cc}.competitor-row.loser{opacity:.3;filter:grayscale(100%)}.competitor-img{width:var(--avatar);height:var(--avatar);flex-shrink:0;border-radius:50%;object-fit:cover;object-position:top;border:2px solid;transition:all .3s ease}.heat-node[data-stage=final] .competitor-img{width:calc(var(--avatar) * 1.3);height:calc(var(--avatar) * 1.3)}.heat-node[data-stage=final] .competitor-name{font-size:calc(var(--name-fs) * 1.25);font-weight:700}.competitor-name{font-size:var(--name-fs);font-weight:500;line-height:1.15;white-space:normal;overflow:visible;max-width:100%}.hidden{display:none!important}#battle-container{position:relative}.battle-close{position:absolute;top:clamp(.6rem,2vw,1.1rem);right:clamp(.6rem,2vw,1.1rem);z-index:20;width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#080c1699;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--glass-border);color:var(--color-white);font-family:Bahnschrift,sans-serif;font-size:clamp(1.6rem,6vw,2rem);line-height:1;cursor:pointer;transition:transform .25s ease,background .2s ease,border-color .2s ease,color .2s ease}.battle-close:hover{background:#e6394633;border-color:var(--color-rocket-red);color:var(--color-rocket-red);transform:rotate(90deg)}.battle-arena{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1rem;margin-top:clamp(.5rem,2vh,2rem)}.battle-competitor{width:clamp(180px,36vh,460px);flex:0 0 auto;text-align:center;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform:scale(.8);cursor:pointer}.battle-competitor h3{overflow-wrap:break-word}.battle-competitor:nth-child(1){animation-delay:.1s}.battle-competitor:nth-child(2){animation-delay:.3s}.battle-competitor:nth-child(3){animation-delay:.5s}@keyframes popIn{to{opacity:1;transform:scale(1)}}.battle-competitor img{width:clamp(180px,36vh,460px);height:clamp(180px,36vh,460px);border-radius:50%;object-fit:cover;object-position:top;border:6px solid var(--color-rocket-red);box-shadow:0 0 30px #e6394680;margin-bottom:clamp(.5rem,1.5vh,1.5rem);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.battle-competitor img:hover{transform:scale(1.05);box-shadow:0 0 50px #e63946cc}.battle-competitor h3{display:inline-block;max-width:100%;font-family:BigNoodle,sans-serif;font-weight:400;font-size:clamp(1.5rem,3.8vh,3.2rem);line-height:1.15;color:var(--color-white);margin-top:clamp(.35rem,1.2vh,1rem);padding:.2em .7em;border-radius:12px;background:#080c169e;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);text-shadow:0 2px 8px rgba(0,0,0,.85)}.vs-badge{font-family:SmokeyBrown,sans-serif;font-weight:400;font-size:clamp(1.8rem,4vw,4rem);color:var(--color-rocket-orange);text-shadow:0 0 20px rgba(244,162,97,.5);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.timer-container{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2rem);margin-top:clamp(.5rem,1.5vh,1rem)}#mascot-dog{width:clamp(70px,13vh,150px);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(168,218,220,.5))}.timer{font-family:BigNoodle,sans-serif;font-size:clamp(2.5rem,9vh,6rem);text-align:center;color:var(--color-yellow);text-shadow:0 0 20px rgba(255,209,102,.3);cursor:pointer;transition:color .3s}.timer:hover{color:var(--color-white)}.battle-competitor.is-winner{transform:scale(1.1)!important;z-index:10}.battle-competitor.is-winner img{border-color:var(--color-yellow)!important;box-shadow:0 0 80px #ffd166!important}.battle-competitor.is-loser{opacity:.2!important;transform:scale(.8)!important;filter:grayscale(100%)}.btn-primary{display:block;margin:clamp(.75rem,2vh,1.5rem) auto 0;padding:.8rem 2.5rem;background:linear-gradient(45deg,var(--color-rocket-red),var(--color-rocket-orange));border:none;border-radius:50px;color:#fff;font-family:BigNoodle,sans-serif;font-size:1.3rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px #e6394666}.nav-btn.danger{position:fixed;bottom:.8rem;left:.8rem;background:#080c1699;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#e6394699;border:1px solid rgba(230,57,70,.3);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:BigNoodle,sans-serif;font-size:1rem;transition:all .3s ease;z-index:100}.nav-btn.danger:hover{background:#e6394626;color:var(--color-rocket-red);border-color:var(--color-rocket-red)}::view-transition-old(root),::view-transition-new(root){animation-duration:.4s}#bg-rocket{position:fixed;bottom:-200px;left:-200px;width:180px;opacity:.95;z-index:-1;pointer-events:none;animation:flyAcross 60s linear infinite;filter:drop-shadow(0 0 10px var(--color-rocket-red))}@keyframes flyAcross{0%{left:-200px;bottom:-200px;transform:rotate(45deg)}to{left:110vw;bottom:110vh;transform:rotate(45deg)}}#confetti-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;background-color:red;animation:fall linear forwards}@keyframes fall{to{transform:translateY(100vh) rotate(720deg)}}@media(min-width:821px){body{height:100dvh;overflow:hidden}.container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:auto}#bracket-view.bracket-wrapper-container{flex:1;min-height:0;height:100%;overflow:auto;padding:.5rem 0 1.5rem}.bracket-tree{height:100%}}@media(max-width:820px){#bracket-connectors{display:none}.bracket-wrapper-container{overflow:visible;padding:1rem 0 2rem}.bracket-side,.bracket-center,.center-top-heats,.center-semis,.center-final{display:contents}.bracket-tree{flex-direction:column;align-items:center;gap:1rem;padding:0 .75rem;--avatar: 46px;--name-fs: 1rem;--header-fs: 1.5rem}.heat-node,.heat-node[data-stage=final]{width:min(92vw,440px);margin:0}.heat-node[data-stage=ronda1]{order:1}.heat-node[data-stage=semifinal]{order:2}.heat-node[data-stage=final]{order:3}.header{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.75rem;padding:.85rem 1rem .65rem}.header-brands{display:contents}.header-logo{order:1;height:clamp(58px,16vw,82px)}.title{order:2;flex-basis:100%;max-width:100%;text-align:center;white-space:normal;letter-spacing:1px;font-size:clamp(1.35rem,6.5vw,2.3rem);margin-top:.15rem}.timer-container{flex-direction:column;gap:.5rem}#mascot-dog{width:clamp(90px,25vw,150px)}.battle-arena{flex-direction:column;gap:.75rem;margin-top:1rem}.battle-competitor{width:100%}.battle-competitor img{width:clamp(170px,60vw,240px);height:clamp(170px,60vw,240px);margin-bottom:.5rem}.battle-competitor h3{margin-top:.25rem}.vs-badge{font-size:clamp(1.6rem,7vw,2.4rem)}}