@charset "UTF-8";
@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes floatBubbles{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100vh);opacity:0}}@keyframes floatCrown{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}@keyframes floatStar{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 3px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 8px #fff)}}@keyframes headSwing{0%,to{transform:rotate(0deg)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes moveRay1{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes moveRay2{0%{background-position:50%0}to{background-position:50% 100%}}@keyframes moveRay3{0%{background-position:25% 75%}to{background-position:75% 25%}}@keyframes opacityChange{0%,to{opacity:.8}50%{opacity:1}}@keyframes rayAnimation{0%{transform:scaleY(.5) rotate(25deg);opacity:0}50%{opacity:.5}to{opacity:0;transform:scaleY(1) rotate(25deg)}}@font-face{font-family:"Uncial Antiqua";src:url(../../fonts/UncialAntiqua-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}body,html{height:100%;width:100%;overflow:hidden;margin:0;padding:0}body{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(20deg,#17203b,#006e7f);font-family:"Uncial Antiqua",serif;perspective:1500px;perspective-origin:center;cursor:none}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(130deg,transparent,rgba(255,255,255,.04),transparent),linear-gradient(225deg,transparent,rgba(255,255,255,.03),transparent),linear-gradient(100deg,transparent,rgba(255,255,255,.02),transparent);background-size:400% 400%;animation:moveRay1 30s ease-in-out infinite alternate,moveRay2 45s ease-in-out infinite alternate-reverse 10s,moveRay3 60s ease-in-out infinite alternate 20s}.hidden{display:none}h1,h2{text-align:center;margin-bottom:1rem}h1,p{color:#333}h1{font-size:clamp(1.8rem,2.5rem,3.5rem);text-shadow:0 0 10px rgba(0,0,0,.2)}h1 span{display:inline-block}h2{font-size:clamp(1.5rem,2rem,2.5rem);color:#555}@media screen and (max-height:767px) and (min-width:500px){h2{font-size:1.2rem;margin-bottom:.5rem}}@media (min-width:1024px){h2{margin-top:.5rem}}p{font-size:clamp(.75rem,1rem,1.2rem);margin-bottom:1rem}@media screen and (max-height:767px) and (min-width:500px){p{margin-bottom:.5rem}}.app,body{position:relative}.app{z-index:0;width:80vw;color:#2c2c2c;text-shadow:1px 1px 1px #eee}@media (min-width:768px) and (min-height:600px){.app{width:60vw;max-width:900px}}.app .intro{text-align:center;position:relative}.app .intro__link{color:#555;text-decoration:none;cursor:none;font-size:clamp(.75rem,1rem,1.2rem);text-shadow:0 0 10px rgba(0,0,0,.2);transition:text-shadow .3s ease,transform .3s ease-in-out}@media (min-width:768px) and (min-height:600px){.app .intro__link{margin-top:2rem}.app .intro__link:hover{text-shadow:0 0 10px rgba(0,0,0,.5);transform:scale(1.1)}}.water-container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1}.final{width:50%;height:60%;font-size:clamp(1rem,1.2rem,1.5rem);text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#f9f9f9 0,#f0e5d8 25%,#cdbaaa 50%,#f0e5d8 75%,#666 100%);border:4px solid #bda77b;border-bottom-right-radius:25%;border-top-left-radius:25%;box-shadow:inset 0 4px 10px rgba(0,0,0,.2),0 6px 15px rgba(0,0,0,.2);padding:1.5rem;overflow:visible}@media screen and (max-height:767px) and (min-width:500px){.final{width:70%;height:45%;padding:.5rem;font-size:clamp(.75rem,.85rem,1rem)}}@media (min-width:768px) and (min-height:600px){.final{width:80%;height:80%;padding:1.5rem;max-width:800px;max-height:500px}}@media (min-width:1024px){.final{width:80%;height:80%;padding:1rem;max-width:600px;max-height:400px}}@media (min-width:1440px){.final{width:100%;height:100%;max-width:800px;max-height:600px}}.final__crown{position:absolute;top:-75px;left:50%;transform:translateX(-50%);width:60px;height:40px;background:url("data:image/svg+xml;utf8,        <svg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'>          <defs>            <linearGradient id='crownGrad' x1='0%' y1='0%' x2='100%' y2='100%'>              <stop offset='0%' stop-color='%23fff8dc'/>              <stop offset='50%' stop-color='%23ffd700'/>              <stop offset='100%' stop-color='%23ffd700'/>            </linearGradient>            <radialGradient id='pearlGrad' cx='50%' cy='50%' r='50%'>              <stop offset='0%' stop-color='%23ffffff'/>              <stop offset='100%' stop-color='%23cccccc'/>            </radialGradient>            <radialGradient id='jewelRed' cx='50%' cy='50%' r='50%'>              <stop offset='0%' stop-color='%23ff0000'/>              <stop offset='100%' stop-color='%23880000'/>            </radialGradient>            <radialGradient id='jewelBlue' cx='50%' cy='50%' r='50%'>              <stop offset='0%' stop-color='%2300ffff'/>              <stop offset='100%' stop-color='%23006688'/>            </radialGradient>            <radialGradient id='jewelGreen' cx='50%' cy='50%' r='50%'>              <stop offset='0%' stop-color='%2300ff00'/>              <stop offset='100%' stop-color='%23008800'/>            </radialGradient>            <filter id='pearlShadow' x='-20%' y='-20%' width='140%' height='140%'>              <feDropShadow dx='0' dy='1' stdDeviation='0.5' flood-color='%23000000' flood-opacity='0.25'/>            </filter>          </defs>          <path d='M2 26 L10 8 L22 26 L32 8 L42 26 L54 8 L62 26 V32 H2 Z' fill='url(%23crownGrad)'/>          <!-- Joyas -->          <circle cx='10' cy='8' r='3' fill='url(%23jewelRed)'/>          <circle cx='32' cy='8' r='3.5' fill='url(%23jewelBlue)'/>          <circle cx='54' cy='8' r='3' fill='url(%23jewelGreen)'/>          <!-- Perlas abajo -->          <circle cx='4' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>          <circle cx='10' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>          <circle cx='16' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>          <circle cx='22' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>          <circle cx='28' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>          <circle cx='34' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>          <circle cx='40' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>          <circle cx='46' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>          <circle cx='52' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>          <circle cx='58' cy='36' r='3.5' fill='url(%23pearlGrad)' filter='url(%23pearlShadow)'/>        </svg>")no-repeat center/contain;animation:fadeIn .4s ease-in-out,floatCrown 3s ease-in-out infinite,glow 3s ease-in-out infinite}@media (min-width:1200px){.final__crown{top:-150px;width:120px;height:80px}}.final__stars{position:absolute;top:-110px;left:50%;transform:translateX(-50%);width:150px;height:60px;pointer-events:none;z-index:3}@media (min-width:1200px){.final__stars{top:-220px;width:300px;height:120px}}.final__buttons,.final__message{display:flex;align-items:center;justify-content:center}.final__message{flex-direction:column;position:relative;z-index:1;animation:fadeIn .6s ease-in-out;height:100%}.final__buttons{margin-top:1.5rem;gap:1rem}@media (min-width:768px) and (min-height:600px){.final__buttons{margin-top:3rem}}@media (min-width:1024px){.final__buttons{margin-top:0}}@media (min-width:1200px){.final__buttons{margin-top:3rem}}.intro{padding:1.5rem}.game,.intro{background:linear-gradient(135deg,#f9f9f9 0,#e2cfa1 15%,#d8b782 50%,#e1c68a 85%,#666 100%);border:4px solid #bda77b;border-bottom-right-radius:25%;border-top-left-radius:25%;margin:0 auto;max-width:800px;height:100%;color:#4f3d23;text-align:center;box-shadow:inset 0 0 15px rgba(0,0,0,.1),0 4px 15px rgba(0,0,0,.2);position:relative;animation:fadeIn .4s ease-in-out;transform:rotateX(3deg) rotateY(-2deg);transform-style:preserve-3d;transition:transform .6s ease,box-shadow .6s ease}.game:hover,.intro:hover{transform:rotateX(0deg) rotateY(0deg);box-shadow:0 20px 40px rgba(0,0,0,.3)}@media screen and (max-height:767px) and (min-width:500px){.game,.intro{padding:.5rem}}@media (min-width:768px) and (min-height:600px){.game,.intro{padding:1rem}}@media (min-width:1024px){.game,.intro{padding:2rem}}@media (min-width:1440px){.game,.intro{padding:10rem}}.game{padding:1rem}@media screen and (max-height:767px) and (min-width:500px){.game{padding:.5rem}}@media (min-width:768px) and (min-height:600px){.game{padding:1rem}}.game__choices{margin-bottom:1rem;animation:fadeIn .3s ease-in-out}@media screen and (max-height:767px) and (min-width:500px){.game__choices{margin-bottom:.5rem}}@media (min-width:768px) and (min-height:600px){.game__choices{margin-bottom:5rem}}.game__choice{font-size:1.5rem;background-color:rgba(233,224,208,.3);box-shadow:0 0 15px rgba(0,0,0,.5);margin-bottom:1rem;padding:1rem;border:2px solid rgba(92,75,59,.4);border-bottom-right-radius:25%;border-top-left-radius:25%;animation:fadeIn .4s ease-in-out}@media screen and (max-height:767px) and (min-width:500px){.game__choice{font-size:clamp(.75rem,.85rem,1rem);margin-bottom:.5rem;padding:.5rem}}@media (min-width:1200px){.game__choice{margin-bottom:2rem;padding:1rem;font-size:1.5rem}}.game__result{font-size:1.5rem;font-weight:600;margin-top:20px;animation:fadeIn .5s ease-in-out}@media screen and (max-height:767px) and (min-width:500px){.game__result{font-size:clamp(.75rem,.85rem,1rem);margin-top:10px}}@media (min-width:1200px){.game__result{margin-top:20px;font-size:1.5rem}}.game__score{margin-top:1rem;font-size:clamp(1rem,1.2rem,1.5rem);text-align:center;animation:fadeIn .6s ease-in-out}@media screen and (max-height:767px) and (min-width:500px){.game__score{font-size:clamp(.75rem,.85rem,1rem)}}@media (min-width:768px) and (min-height:600px){.game__score{margin-top:2rem}}@media (min-width:1200px){.game__score{font-size:clamp(1rem,1.2rem,1.5rem)}}.game__round-info{margin:0 auto 2rem;font-weight:700;font-size:clamp(1rem,1.1rem,1.2rem);padding:clamp(1rem,1.6rem,2rem);width:60%;box-shadow:inset 0 0 10px #b4a391,0 0 20px rgba(0,0,0,.3);border:4px solid rgba(92,75,59,.4);border-bottom-right-radius:50%;border-top-left-radius:50%;background:linear-gradient(135deg,#f9f9f9 0,#e2dac5 35%,#d2c6af 50%,#e7e0ce 65%,#666 100%);animation:fadeIn .3s ease-in-out}@media screen and (max-height:767px) and (min-width:500px){.game__round-info{font-size:clamp(.75rem,.85rem,1rem);margin:0 auto 1rem;padding:clamp(1rem,1.6rem,2.2rem)}}@media (min-width:768px) and (min-height:600px){.game__round-info{margin-bottom:.8rem;font-size:clamp(.8rem,1rem,1.2rem);padding:clamp(2rem,3rem,4rem)}}@media (min-width:1200px){.game__round-info{font-size:clamp(1rem,1.2rem,1.5rem);padding:clamp(2.5rem,3.5rem,5rem);margin-bottom:2rem}}.game__round-result{margin:2rem auto;animation:fadeIn .4s ease-in-out}@media screen and (max-height:767px) and (min-width:500px){.game__round-result{margin:1rem auto}}@media (min-width:768px) and (min-height:600px){.game__round-result{margin:5rem auto}}.modal-start__content{z-index:1;animation:fadeIn .4s ease-in-out forwards}.modal-rules,.modal-start__content{background:linear-gradient(135deg,#f9f9f9 0,#f0e5d8 15%,#d3c3b5 50%,#f0e5d8 85%,#666 100%);border:4px solid #bda77b;border-bottom-right-radius:25%;border-top-left-radius:25%;box-shadow:inset 0 4px 10px rgba(0,0,0,.2),0 6px 15px rgba(0,0,0,.2);padding:2.5rem;margin:3rem auto;max-width:750px;text-align:center}@media screen and (max-height:767px) and (min-width:500px){.modal-rules,.modal-start__content{padding:1rem}}.modal-rules input[type=number],.modal-start__content input[type=number]{padding:.6rem 1rem;border-radius:.5rem;border:1px solid #ccc;width:80%;font-size:1rem;margin-bottom:1.5rem;text-align:center;background-color:#f9f9f9;color:#333}.modal-rules input[type=number]::placeholder,.modal-start__content input[type=number]::placeholder{color:#888}.modal-start{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1}.modal-start.show{display:flex;pointer-events:all}.modal-rules{position:fixed;z-index:3;opacity:0;top:12.5%;left:0;right:0;animation:fadeIn .4s ease-in-out forwards}@media screen and (max-height:767px) and (min-width:500px){.modal-rules{width:60%;top:-2.5%;font-size:clamp(.65rem,.85rem,.95rem)}}@media (min-width:768px) and (min-height:600px){.modal-rules{top:27%}}.bubble{position:absolute;bottom:-10px;width:10px;height:10px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.4));border-radius:50%;animation:floatBubbles 8s ease-in-out infinite}@media (min-width:768px) and (min-height:600px){.bubble{width:20px;height:20px}}button{padding:clamp(.5rem,1rem,1.5rem);font-size:clamp(.75rem,1rem,1.2rem);background:radial-gradient(at center,#e7e0ce,#d2c6af);color:#555;font-family:"Uncial Antiqua",serif;border-radius:12px;cursor:none;transition:background-color .3s,transform .3s,text-shadow .3s;box-shadow:inset 0 0 15px #b4a391,inset 0 0 10px rgba(92,75,59,.6),0 0 20px rgba(0,0,0,.3);margin-top:1rem;border:2px solid #5c4b3b}@media screen and (max-height:767px) and (min-width:500px){button{font-size:clamp(.65rem,.85rem,.95rem);margin-top:.4rem;padding:.5rem 1rem}}@media (min-width:768px) and (min-height:600px){button{margin-top:3rem}}button:hover{background-color:#b4a391;transform:scale(1.05);text-shadow:1px 1px 0#fff,3px 3px 6px rgba(0,0,0,.5)}.exit-btn{display:none}@media (min-width:768px) and (min-height:600px){.intro__btn{margin-bottom:3rem}}.back-link{color:#f9f9f9;height:20px;width:20px;position:absolute;top:30px;left:30px;cursor:none;animation:opacityChange 2s infinite;transition:color .3s ease,transform .3s ease-in-out,text-shadow .3s ease-in-out;z-index:2;text-shadow:0 0 10px rgba(0,0,0,.4)}@media (min-width:768px) and (min-height:600px){.back-link{top:50px;left:50px;height:30px;width:30px}}.back-link:hover{color:#f5dca1;animation:none;transform:scale(1.1)}.trident-cursor-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:2;overflow:visible;transform-style:preserve-3d}.trident-cursor-wrapper canvas{display:block;width:100%;height:100%;pointer-events:none;user-select:none;cursor:none}.emoji{font-size:3rem;cursor:none;display:inline-block;transition:transform .3s ease,color .3s ease,text-shadow .3s ease;text-shadow:2px 2px 0#aaa,4px 4px 4px rgba(0,0,0,.3)}@media screen and (max-height:767px) and (min-width:500px){.emoji{font-size:2rem}}@media (min-width:768px) and (min-height:600px){.emoji{font-size:5rem;margin:0 1.5rem}}@media (min-width:1200px){.emoji{font-size:7rem}}.emoji:hover{transform:scale(1.2);text-shadow:1px 1px 0#fff,3px 3px 6px rgba(0,0,0,.5),0 0 2rem rgba(0,0,0,.2)}.emoji-bigger{font-size:2rem}@media (min-width:768px) and (min-height:600px){.emoji-bigger{font-size:3rem}}.emoji-huge{position:relative;font-size:10rem;display:inline-block;text-align:center;z-index:1;transform-origin:center}@media screen and (max-height:767px) and (min-width:500px){.emoji-huge{font-size:3rem}}@media (min-width:768px) and (min-height:600px){.emoji-huge{font-size:5rem}}@media (min-width:1200px){.emoji-huge{font-size:12rem}}.emoji-huge::before{content:attr(data-emoji);position:absolute;top:1px;right:1px;left:1px;z-index:-1;font-size:10rem;color:inherit;filter:blur(1px);transform:scale(1.02)}@media screen and (max-height:767px) and (min-width:500px){.emoji-huge::before{font-size:3rem}}@media (min-width:768px) and (min-height:600px){.emoji-huge::before{top:2px;right:2px;left:2px;font-size:5rem}}@media (min-width:1200px){.emoji-huge::before{font-size:12rem}}.emoji-huge::after{content:attr(data-emoji);position:absolute;top:1.5px;right:1.5px;left:1.5px;z-index:-2;font-size:10rem;color:inherit;transform:scale(1.04);filter:blur(2px)}@media screen and (max-height:767px) and (min-width:500px){.emoji-huge::after{font-size:3rem}}@media (min-width:768px) and (min-height:600px){.emoji-huge::after{top:3px;right:3px;left:3px;font-size:5rem}}@media (min-width:1200px){.emoji-huge::after{font-size:10rem}}@media (min-width:1440px){.emoji-huge::after{font-size:12rem}}.emoji-huge.derrota,.emoji-huge.empate,.emoji-huge.victoria{color:#00bcd4;animation:headSwing 1.5s ease-in-out infinite alternate;transform:perspective(300px) rotateX(4deg);text-shadow:0 1px 2px transparent}.emoji-huge.victoria::before{top:-3px;right:5px}.emoji-huge.victoria::after{top:-4px;right:5px;color:#003c44;text-shadow:0 2px 0#005e6f,0 3px 0 rgba(44,44,44,.3),1px 1px 4px rgba(0,0,0,.2),0 0 6px rgba(0,188,212,.25),0 0 10px rgba(0,188,212,.15)}.emoji-huge.derrota,.emoji-huge.empate{color:#bfbfbf;animation:headSwing 1.5s ease-in-out infinite}.emoji-huge.empate::after{color:#2c2c2c;text-shadow:0 2px 0#006e7f,0 4px 0#2c2c2c,1px 1px 6px rgba(0,0,0,.3)}.emoji-huge.derrota{color:#c93d3d;transform:perspective(300px) rotateX(-4deg)}.emoji-huge.derrota::after{top:-2px;right:2px;color:#400;text-shadow:0 2px 0#004a55,0 4px 0#400,1px 1px 6px rgba(0,0,0,.5);filter:blur(2px)}.ray,.star{position:absolute}.ray{bottom:0;width:10px;height:150vh;background:linear-gradient(180deg,#fff,rgba(255,255,255,.04));animation:rayAnimation 3s infinite;filter:blur(90px);z-index:-1}.star{background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%23ffd700" xmlns="http://www.w3.org/2000/svg"><path d="M12 .587l3.668 7.571 8.332 1.151-6.064 5.854 1.48 8.278L12 18.896l-7.416 4.545 1.48-8.278L.001 9.309l8.332-1.151z"/></svg>')no-repeat center/contain;aspect-ratio:1;animation:fadeIn .4s ease-in-out,floatStar 3s ease-in-out infinite,glow 3s ease-in-out infinite}.star.star0{left:7.5%;top:37px;width:10px}@media (min-width:1200px){.star.star0{top:65px;left:10%;width:20px}}.star.star1{left:25%;top:20px;width:14px}@media (min-width:1200px){.star.star1{top:40px;width:28px}}.star.star2{left:45%;top:12px;width:18px}@media (min-width:1200px){.star.star2{top:25px;width:36px}}.star.star3{left:65%;top:20px;width:14px}@media (min-width:1200px){.star.star3{top:40px;width:28px}}.star.star4{left:82.5%;top:37px;width:10px}@media (min-width:1200px){.star.star4{top:65px;width:20px}}.final__cup{animation:fadeIn .4s ease-in-out,glow 3s ease-in-out infinite;position:absolute;top:10px;left:0;right:0}.final__cup-head{content:"";position:absolute;top:-45px;left:50%;transform:translateX(-50%) rotate(180deg);width:40px;height:30px;background:linear-gradient(135deg,#b8860b 0,gold 50%,#fff8dc 100%);border-radius:50% 50% 15% 15%;box-shadow:0 0 10px #e5c100;z-index:2}@media (min-width:1200px){.final__cup-head{top:-90px;width:80px;height:60px}}.final__cup-stem{content:"";position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:10px;height:20px;background:linear-gradient(135deg,#fff8dc 0,gold 50%,#b8860b 100%);border-radius:50%/10%;box-shadow:0 0 5px #e5c100;z-index:1}@media (min-width:1200px){.final__cup-stem{top:-30px;width:20px;height:40px}}.final__cup-handle-left,.final__cup-handle-right{content:"";position:absolute;top:-45px;width:20px;height:12.5px;border-image:linear-gradient(135deg,#b8860b 0,#fff8dc 100%);color:gold;background:0 0;border:4px solid;border-radius:50%;box-shadow:0 0 5px #e5c100}@media (min-width:1200px){.final__cup-handle-left,.final__cup-handle-right{top:-85px;width:40px;height:30px}}.final__cup-handle-left{left:calc(50% - 30px)}@media (min-width:1200px){.final__cup-handle-left{left:calc(50% - 60px)}}.final__cup-handle-right{right:calc(50% - 30px)}@media (min-width:1200px){.final__cup-handle-right{right:calc(50% - 60px)}}.final__cup-foot{position:absolute;top:0;left:50%;transform:translateX(-50%) rotate(180deg);width:25px;height:10px;background:linear-gradient(135deg,#b8860b 0,gold 50%,#fff8dc 100%);border-radius:50%/100%;box-shadow:0 0 6px #e6be00}@media (min-width:1200px){.final__cup-foot{width:50px;height:20px}}