.public-home{max-width:1260px;margin:auto;padding:60px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;min-height:calc(100svh - 85px)}
.public-home h1{font:750 clamp(42px,4.5vw,70px)/1.03 Outfit;letter-spacing:-.035em;color:#263744;margin:24px 0}
.public-home h1 em{font-style:normal;color:#b78b40;background:linear-gradient(165deg,#edcc88,#c99b47);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.public-home-copy>p{max-width:520px;font-size:15px;line-height:1.7;color:#626d78}
.public-levels{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0}
.public-level{background:#fff;border:1px solid #d9dfe5;border-radius:17px;padding:22px;text-align:left;position:relative;box-shadow:0 5px 0 #dce1e6;transition:transform .2s,box-shadow .2s;color:#183347;cursor:pointer}
.public-level:hover{transform:translateY(-3px);box-shadow:0 8px 0 #ccd4dc}
.public-level strong{display:block;font:700 24px Outfit;margin-bottom:9px}
.public-level span{display:block;font-size:11px;line-height:1.6;max-width:150px;color:#64717b}
.public-level svg{position:absolute;right:15px;bottom:17px;width:18px;height:18px}
.public-pin{margin-top:30px;border-top:1px solid #dce1e6;padding-top:24px}
.public-pin label{font-size:12px;font-weight:600;color:#4f5e6a}
.public-pin form{display:flex;gap:10px;margin-top:12px}
.public-pin input,.public-login input{background:#fff;border:1px solid #cbd3dc;border-radius:11px;padding:15px;font:500 16px Inter;color:#183347;min-width:0}
.public-pin input{flex:1;width:100%}
.public-junior{position:relative;display:grid;place-items:center;min-height:470px}
.public-junior-halo{position:absolute;inset:25px 0;background:radial-gradient(ellipse,#e5eef5,transparent 70%);border:1px solid #e1e5e8;border-radius:50%;transform:rotate(-12deg)}
.public-junior>img{width:min(100%,420px);height:440px;object-fit:contain;z-index:1;filter:drop-shadow(0 18px 18px #082c481a)}
.public-junior .game-player-tag{position:absolute;bottom:0;right:25px}
.public-login{max-width:510px;margin:35px auto;padding:35px;background:#fff;border:1px solid #dce1e6;border-radius:22px}
.public-login>.game-back{display:block;margin-bottom:25px}
.public-login h1{font:750 43px/1.08 Outfit;color:#183347;letter-spacing:-.025em;margin:15px 0}
.public-login p{font-size:13px;line-height:1.7;color:#64717b}
.public-login form{display:grid;gap:12px;margin-top:25px}
.public-login label{font-size:12px;font-weight:650;color:#4f5e6a}
.public-login form button{margin-top:5px}
.solo-arena{max-width:1280px;margin:auto;min-height:calc(100svh - 85px);padding:24px 35px 15px;display:flex;flex-direction:column;gap:18px}
.solo-round-header{display:flex;justify-content:space-between;gap:16px;align-items:center}
.solo-round-header h1{font:700 25px Outfit;color:#183347;margin:7px 0 0}
.solo-scores{display:flex;gap:15px}
.solo-scores span{padding:10px 17px;background:#fff;border:1px solid #dce1e6;border-radius:12px;font-size:12px;color:#64717b}
.solo-scores b{font:700 22px Outfit;color:#183347;margin-left:10px}
.solo-round-body{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px}
.solo-question{grid-column:1;min-height:120px!important;font-size:clamp(20px,2.5vh,30px)!important;padding:20px!important;line-height:1.3}
.solo-opponent{grid-column:2;grid-row:1/4;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.solo-opponent img{width:105px;height:125px;object-fit:contain}
.solo-opponent>span{font:650 8px Inter;letter-spacing:.15em;color:#7d633a}
.solo-opponent>strong{font:500 11px Inter;color:#65717b;min-height:28px}
.solo-opponent .lp-time-ring{width:80px;height:80px;font-size:40px}
.solo-options{grid-column:1;margin:0!important;gap:12px!important}
.solo-options .lp-answer{min-height:clamp(80px,14vh,125px);font-size:clamp(15px,1.9vh,21px);padding:17px;line-height:1.3}
.solo-explanation{grid-column:1;padding:16px 20px!important;font-size:13px!important;line-height:1.5!important}
.solo-explanation strong{font-size:14px!important;margin-bottom:5px!important}
.solo-explanation p{margin:5px 0}
.solo-footer{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;color:#69737d}
.solo-finish{max-width:700px;margin:25px auto;padding:30px;text-align:center}
.solo-finish>img{width:130px;height:150px;object-fit:contain}
.solo-finish>.lp-eyebrow{display:block}
.solo-finish h1{font:750 40px/1.1 Outfit;color:#183347;margin:20px 0}
.solo-finish p{color:#64717b}
.solo-final-scores{display:flex;justify-content:center;gap:20px;margin:25px}
.solo-final-scores>div{min-width:140px;padding:20px;background:#fff;border:1px solid #dce1e6;border-radius:18px}
.solo-final-scores span{display:block;font-size:12px;color:#64717b}
.solo-final-scores strong{font:750 35px Outfit;color:#183347}
.lp-copy-link{display:block;margin:0 auto 12px!important;background:#fff!important}
.public-devices{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:27px;padding-top:20px;border-top:1px solid #dce1e6;color:#65717b}
.public-devices>span:first-child{font-size:10px;width:100%}
.device-brand{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:600;color:#56585e}
.device-brand svg{width:18px;height:18px;fill:currentColor}
.device-brand:nth-child(3) svg{fill:none;stroke:currentColor;stroke-width:1.5}
.public-devices small{font-size:9px;width:100%}
@media(min-width:801px) and (max-height:850px){
 .public-home{padding-top:25px;padding-bottom:25px;min-height:calc(100svh - 70px)}
 .public-home h1{font-size:clamp(42px,4vw,58px);margin:17px 0}
 .public-home-copy>p{font-size:13px;line-height:1.6}
 .public-levels{margin:20px 0}
 .public-level{padding:17px}
 .public-pin{margin-top:19px;padding-top:17px}
 .public-devices{margin-top:18px;padding-top:13px;gap:10px 17px}
}
.solo-options .lp-answer{position:relative}
.solo-answer-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e8eee9);border:2px solid #fff;box-shadow:0 5px 0 #c0d6c7,0 12px 18px #05281840;animation:solo-result-pop 1.7s cubic-bezier(.2,.9,.3,1) both;pointer-events:none}
.solo-answer-mark svg{width:38px;height:38px;stroke:#168647;stroke-width:4;filter:drop-shadow(0 2px 0 #0b54294d)}
.solo-answer-mark.wrong{box-shadow:0 5px 0 #ddc2c1,0 12px 18px #340b1040}
.solo-answer-mark.wrong svg{stroke:#c52c30;filter:drop-shadow(0 2px 0 #59101433)}
@keyframes solo-result-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-12deg)}20%,65%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}
.solo-junior-stage{position:relative;width:120px;height:135px;isolation:isolate}
.solo-junior-stage .game-stage-avatar{position:absolute;inset:0;width:100%;height:100%;overflow:visible;mask-image:none;-webkit-mask-image:none}
.solo-junior-stage .game-stage-character{display:block;width:100%;height:100%;margin:0;max-width:100%;object-fit:contain}
.solo-junior-stage .game-emote-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.solo-junior-stage .game-emote-fx{display:none}
.solo-reaction{color:#294d65!important;font-weight:650!important;animation:solo-reaction .5s ease both}
.solo-bot-lead{font-size:10px;color:#7b6033;line-height:1.4;max-width:125px}
[data-look] .solo-explanation strong{color:#183347!important}
@keyframes solo-reaction{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.solo-toggle-options{display:none}
@media(min-width:801px){
 .solo-arena{justify-content:center;padding-top:30px;padding-bottom:30px}
 .public-play[data-phase=reveal] .solo-round-body{grid-template-columns:1fr 1fr 130px;gap:15px}
 .public-play[data-phase=reveal] .solo-question{grid-column:1/3;min-height:95px!important}
 .public-play[data-phase=reveal] .solo-opponent{grid-column:3;grid-row:1/3}
 .public-play[data-phase=reveal] .solo-options{grid-column:1;grid-row:2;align-self:start}
 .public-play[data-phase=reveal] .solo-options .lp-answer{min-height:105px;font-size:14px}
 .public-play[data-phase=reveal] .solo-explanation{grid-column:2;grid-row:2;align-self:start;margin:0}
 .solo-explanation :is(ol,ul){padding-left:20px;margin:8px 0}
 .solo-explanation :is(strong,span,p){color:inherit;font-size:inherit}
}
@media(max-width:800px){
 .public-home{padding:30px 22px;gap:20px;grid-template-columns:1fr;max-width:620px}
 .public-junior{grid-row:1;min-height:180px;display:none}
 .public-home h1{font-size:45px}
 .public-level{padding:18px}
 .public-level strong{font-size:22px}
 .public-login{margin:25px 18px;padding:25px}
 .solo-arena{padding:15px 16px;gap:12px;min-height:calc(100svh - 73px)}
 .solo-round-header h1{font-size:22px}
 .solo-round-header .lp-eyebrow{font-size:7px}
 .solo-scores{gap:6px}
 .solo-scores span{font-size:9px;padding:8px}
 .solo-scores b{font-size:17px;margin-left:4px}
 .solo-round-body{grid-template-columns:1fr;gap:10px}
 .solo-opponent{grid-column:1;grid-row:1;flex-direction:row;justify-content:space-between;gap:8px;min-height:48px}
 .solo-opponent img{height:48px;width:45px}
 .solo-junior-stage{width:48px;height:53px;flex-shrink:0}
 .solo-junior-stage .game-stage-character{height:100%;width:100%}
 .solo-opponent>span{font-size:7px}
 .solo-opponent>strong{font-size:9px;min-height:0;max-width:100px}
 .solo-bot-lead{display:none}
 .solo-opponent .lp-time-ring{width:44px;height:44px;font-size:24px}
 .solo-question{grid-column:1;min-height:85px!important;padding:14px!important;font-size:18px!important}
 .solo-options .lp-answer{min-height:85px;font-size:13px;padding:12px}
 .solo-explanation{padding:12px!important;font-size:12px!important}
 .solo-explanation strong{font-size:12px!important}
 .solo-footer{font-size:10px;gap:12px;text-align:center}
 .public-play[data-phase=reveal] .solo-options{display:none}
 .public-play[data-phase=reveal] .solo-toggle-options{display:inline-flex;font-size:11px;padding:9px}
 .public-play[data-phase=reveal].solo-show-options .solo-options{display:grid}
 .public-play[data-phase=reveal].solo-show-options .solo-explanation{display:none}
 .solo-explanation :is(ol,ul){padding-left:18px;margin:7px 0}
 .solo-explanation :is(strong,span,p){color:inherit;font-size:inherit}
 .solo-finish h1{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.public-level{transition:none}.solo-answer-mark{animation:none}.solo-reaction{animation:none}}

.public-mode-label{font-size:10px!important;font-weight:750;letter-spacing:.09em;margin:14px 0 8px!important;color:#56585e}.public-pin h2{font-size:20px;margin:0 0 6px}.public-pin label{display:block;line-height:1.5;margin-bottom:10px}
.lp-podium-player>img,.podium-mystery>img,.public-friends>img{-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 13%,#000 100%);mask-image:linear-gradient(to top,transparent 0%,#000 13%,#000 100%)}

.public-friends{position:relative;width:100%;height:460px;z-index:1}.public-friends img{position:absolute;object-fit:contain;filter:drop-shadow(0 15px 12px #082c4819)}.friend-junior{width:55%;height:62%;bottom:0;left:24%;z-index:4}.friend-explorer{width:48%;height:61%;top:0;left:1%;z-index:1}.friend-axolotl{width:48%;height:61%;top:0;right:0;z-index:2}.friend-puma{width:45%;height:56%;bottom:0;left:-7%;z-index:3}.public-junior .game-player-tag{bottom:-18px;right:0;font-size:12px}.public-home h1{font-size:clamp(38px,4vw,58px)}
.podium-show:empty{display:none}.podium-in-progress>.lp-ranking-wrap,.podium-in-progress>.lp-confetti{display:none}.podium-show{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at bottom,#193a55,#040e1b 75%);min-height:min(570px,calc(100svh - 210px));display:grid;place-items:center;padding:24px;color:white}.podium-mystery{position:relative;z-index:2;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}.podium-mystery .lp-eyebrow{color:#e5bf74}.podium-mystery h2{font:750 clamp(24px,3.5vw,43px) Outfit;color:#fff;margin:0}.podium-mystery>img{width:190px;height:220px;object-fit:contain;animation:podium-unveil .8s cubic-bezier(.16,1,.3,1) both}.podium-mystery>strong{font:750 clamp(26px,4vw,50px) Outfit;color:#edc87e;overflow-wrap:anywhere}.podium-award{font:650 20px Inter;color:#fff}.podium-secret{display:grid;place-items:center;width:160px;height:190px;font:750 130px Outfit;color:#e7c27a;text-shadow:0 0 45px #dfba7666}.podium-mystery p{font-size:13px;color:#c5d3e1}.podium-beams{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.podium-beams i{position:absolute;top:-30%;left:12%;width:30%;height:160%;background:linear-gradient(#ffe7ad88,#fff2ca00);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:50% 0;animation:podium-light 5s ease-in-out infinite alternate;filter:blur(5px)}.podium-beams i:nth-child(2){left:60%;animation-delay:-3s}.podium-beams i:nth-child(3){left:34%;opacity:.4;animation-delay:-1s}.podium-mystery.reveal{animation:podium-unveil .7s ease both}@keyframes podium-light{from{transform:rotate(-28deg)}to{transform:rotate(28deg)}}@keyframes podium-unveil{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}
@media(max-width:800px){.public-friends{height:270px;width:300px}.public-junior{min-height:290px}.podium-show{min-height:430px;padding:20px 12px}.podium-mystery>img{height:175px;width:160px}.podium-mystery h2{font-size:25px}.podium-mystery>strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.podium-beams i,.podium-mystery.reveal,.podium-mystery>img{animation:none}}

.public-player-name{margin-top:18px;max-width:520px}.public-player-name label{display:block;font-size:12px;font-weight:700;margin-bottom:7px;color:#183347}.public-player-name input{width:100%;border:1px solid #cbd3dc;background:white;color:#183347;border-radius:11px;padding:12px 14px;font:500 16px Inter}.public-player-name small{display:block;font-size:10px;line-height:1.5;color:#64717b;margin-top:7px}.public-scoreboard{max-width:1120px;margin:20px auto 60px;padding:30px;background:#fff;border:1px solid #dce1e6;border-radius:22px}.public-score-tabs{display:flex;gap:10px;margin-bottom:25px}.public-score-tabs button[aria-pressed=true]{background:#082c48;color:white}.public-score-heading h2{font:700 27px Outfit;color:#183347;margin:10px 0}.public-score-heading p{font-size:12px;line-height:1.6;color:#64717b}.public-score-list{list-style:none;padding:0;margin:22px 0}.public-score-list li{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid #e6e8eb;color:#183347}.public-score-list li.is-mine{background:#f8f1e4;border-radius:12px}.public-score-list li>b{font:750 23px Outfit;color:#b78b40}.public-score-list li>span{font-weight:650}.public-score-list small{display:block;font-size:10px;color:#64717b;margin-top:5px;font-weight:400}.public-score-list li>strong{text-align:right;font:750 23px Outfit}.public-score-empty,.public-your-rank{padding:20px;background:#f1f3f5;color:#183347;border-radius:12px;line-height:1.7;font-size:13px}.solo-final-board{max-width:640px;text-align:left;margin:30px auto 0}.solo-finish .solo-final-board h2{font-size:23px}@media(max-width:800px){.public-scoreboard{margin:20px 16px 35px;padding:20px 14px}.public-score-heading h2{font-size:23px}.public-score-list li{padding:12px 4px;gap:8px;grid-template-columns:34px 1fr auto}.public-score-list li>span{font-size:13px}.public-score-list li>strong{font-size:19px}.public-player-name{margin-top:16px}}

@media(max-width:800px){.public-junior{display:grid;grid-row:2;min-height:300px;margin:15px auto 25px;width:100%;max-width:320px}.public-junior .game-player-tag{font-size:10px;bottom:-5px}}

.public-level-group{min-width:0}.public-level-group .public-level{width:100%;min-height:112px}.public-subject-label{display:block;font-size:11px;font-weight:650;color:#183347;margin:14px 0 6px}.public-subject{width:100%;min-width:0;border:1px solid #cbd3dc;background:#fff;color:#183347;border-radius:10px;padding:12px 9px;font:500 13px Inter}.public-friends .friend-explorer{width:46%;height:62%;left:0;top:7%;z-index:1}.public-friends .friend-axolotl{width:46%;height:62%;right:0;top:7%;z-index:1}.public-friends .friend-junior{width:59%;height:71%;left:21%;bottom:0;z-index:3}.solo-arena{justify-content:center}@media(min-width:801px){.public-junior{transform:translateX(24px);justify-self:end;width:100%}.public-home{grid-template-columns:1.15fr 1fr;column-gap:65px}}@media(max-width:800px){.public-junior{transform:none}.public-level-group .public-level{padding:16px 12px;min-height:110px}.public-level-group .public-level strong{font-size:21px}.public-subject{font-size:12px}}

.lp-question-box,.lp-answer,.lp-feedback,.gp-preview-question,.solo-question,.solo-explanation{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.lp-question-box img,.gp-preview-question img{-webkit-user-drag:none;pointer-events:none}input,textarea,select{-webkit-user-select:text;user-select:text}@media print{.public-play,.live-play{display:none!important}body:after{content:"SOYPUMA · Este contenido es de uso personal y no está disponible para impresión.";display:block;padding:30px;font:16px sans-serif}}@media(min-width:801px){.public-junior{align-self:start;margin-top:130px}}

.public-friends img.friend-explorer,.public-friends img.friend-axolotl,.public-friends img.friend-junior{height:auto}.lp-podium-player>img{height:auto;aspect-ratio:auto}
