:root{--ink:#253064;--green:#343c87;--paper:#faf8ff;--muted:#686784;--orange:#ba381d;--line:#e2e1ef;--mint:#e9f5ed}
[data-focus]:focus{outline:none}
body{background:radial-gradient(ellipse at 0 15%,#fff1c8 0,transparent 37%),radial-gradient(ellipse at 100% 55%,#e5f4fd 0,transparent 40%),#faf8ff}.color-ribbon{height:7px;background:linear-gradient(90deg,#e86436 0 25%,#f4cc37 25% 50%,#68b2c9 50% 75%,#9ab434 75%)}
.header-inner{padding:12px 28px}.header-inner nav{display:flex;gap:8px}.nav-button{border:0;padding:11px 15px;border-radius:30px;background:#f0edf9;color:#343c87;font-weight:750;font-size:13px}.nav-button:last-child{background:#fff0be;color:#6f4a00}
.home-grid{align-items:stretch;gap:40px}.hero{height:auto;min-height:660px;border-radius:24px 24px 85px 24px}.hero img{position:absolute;inset:0}.hero:after{background:linear-gradient(180deg,rgba(30,31,73,.03) 35%,rgba(37,33,85,.95))}.hero-sticker{position:absolute;right:24px;top:85px;z-index:1;background:#f4ce38;color:#303b77;width:92px;height:92px;border-radius:24px;transform:rotate(9deg);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:42px;font-weight:900;line-height:1;box-shadow:0 6px 0 #ba942450}.hero-sticker small{font-size:10px;letter-spacing:1px;margin-top:3px}.hero-caption h2{font-size:55px}.hero-caption>span{font-size:10px;letter-spacing:1px}.hero-label{background:#fff6d9;font-size:9px;letter-spacing:1px;border:1px solid #ffffff}.home-copy h1{font-size:65px;line-height:1.03;margin-bottom:15px}.home-copy h1 em{color:#c84620;font-size:57px}.intro-copy{font-size:15px;margin-bottom:19px;line-height:1.55;max-width:none}.eyebrow{color:#b7371c}.rule-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.chip{font-size:11px;font-weight:750;padding:8px 10px;border-radius:9px}.chip.blue{background:#def0fb;color:#204e73}.chip.yellow{background:#fff0b3;color:#735300}.chip.coral{background:#ffe2d8;color:#983514}
.start-card{background:white;border:1px solid #e3dced;border-radius:19px;padding:22px;box-shadow:0 7px 0 #e8e3f3}.start-card>label:first-child{display:block;font-size:15px;font-weight:750;margin-bottom:9px}.start-card input[type=text]{width:100%;border:2px solid #dad8e8;border-radius:11px;padding:14px;font-size:16px;color:var(--ink);background:#fcfbff}.start-card>p{font-size:11px;margin:7px 0 14px;color:#747088}.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;color:#625c7a;cursor:pointer}.consent input{width:18px;height:18px;accent-color:#343c87;flex-shrink:0}.inline-error{color:#a32c17!important}.primary{background:linear-gradient(110deg,#eb6937,#d84726);box-shadow:0 4px 0 #aa3b21;color:white;font-weight:800;border-radius:13px}.primary:hover{background:linear-gradient(110deg,#d85124,#bd361e)}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #aa3b21}.primary:disabled{background:#e3dfec;color:#7e768d;box-shadow:0 3px 0 #d3cede;transform:none}.home-secondary{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.home-secondary .secondary{margin:0;padding:7px}.sound-button{border:1px solid #ddd6ee;background:white;color:#655879;font-size:12px;border-radius:30px;padding:9px 12px}.small-note{font-size:11px}.site-footer{border-color:#ded8e9}
.travel-route{display:flex;margin:0 0 25px;padding:0;list-style:none}.travel-route li{position:relative;flex:1;text-align:center;color:#847a95;font-size:11px}.travel-route li:before{content:"";position:absolute;height:4px;background:#e2dcf0;width:100%;top:14px;left:-50%;z-index:0}.travel-route li:first-child:before{display:none}.travel-route span{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 7px;font-size:12px;font-weight:800;background:#ebe5f5;border:3px solid #faf8ff}.travel-route .passed span{background:#77b799;color:#153b2c}.travel-route .active span{background:#f4c942;color:#644209;box-shadow:0 0 0 4px #f4c94233}.travel-route .passed:before,.travel-route .active:before{background:#8ec1ad}.travel-route small{font-size:10px;line-height:1.1;display:block}
.question-card{border:0;border-top:7px solid #7dad32;box-shadow:0 7px 0 #e4def0;padding-top:20px}.question-card.group-py,.question-card.group-salta{border-top-color:#dc6444}.question-card.group-jujuy{border-top-color:#68aec9}.question-card.group-cl{border-top-color:#9e73bb}.question-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.place{margin:0;background:#e8f1fc;color:#34527d}.clock{display:flex;align-items:baseline;justify-content:center;gap:4px;border-radius:30px;padding:9px 14px;background:#fff0b8;color:#6a4703;font-variant-numeric:tabular-nums;min-width:100px}.clock strong{font-size:25px;line-height:1}.clock small{font-size:10px}.clock.urgent{background:#ffe0d9;color:#a6331b}.countdown-track{height:7px;border-radius:10px;background:#eee8f6;overflow:hidden;margin-bottom:22px}.countdown-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#e98c36,#f3c936);transform-origin:left center}.question-title{font-size:25px;margin-bottom:23px;color:#293064}
.answer-buttons{display:flex;flex-direction:column;gap:11px}.answer-button{display:flex;align-items:center;gap:13px;border:2px solid var(--answer-border);background:var(--answer-bg);border-radius:13px;text-align:left;padding:14px 16px;min-height:65px;color:#2a335c;font-weight:650;font-size:15px;line-height:1.3;box-shadow:0 3px 0 var(--answer-border);transition:transform .1s}.answer-0{--answer-bg:#e8f2fe;--answer-border:#b0d0f0;--letter:#3d79b5}.answer-1{--answer-bg:#fff3ce;--answer-border:#edd28a;--letter:#916915}.answer-2{--answer-bg:#ffebe3;--answer-border:#efbdac;--letter:#b75533}.answer-3{--answer-bg:#f0eafa;--answer-border:#cfbee6;--letter:#7959a5}.answer-button .letter{background:var(--letter);border:none;color:white}.answer-button:hover{transform:translateY(-2px)}.answer-button.chosen{outline:3px solid #343c87;outline-offset:2px}.answer-button:disabled{cursor:default;transform:none;opacity:.75}.answer-button.chosen:disabled{opacity:1}.support-line{margin:18px 0 0}.round-meta{display:flex;align-items:center;justify-content:space-between;margin-top:19px;font-size:12px;color:#6f6580}
.feedback-card{text-align:center;border-radius:23px;padding:35px;background:linear-gradient(145deg,#ffffff,#ecf5ff);border:1px solid #d9e5f3;box-shadow:0 6px 0 #d7e4f3}.feedback-card.hit{background:linear-gradient(145deg,#fff,#e4f4e7);border-color:#b4ddc0;box-shadow:0 6px 0 #c5e4cd}.feedback-card.miss{background:linear-gradient(145deg,#fff,#fff1df);border-color:#f0d4b2;box-shadow:0 6px 0 #eddbc6}.feedback-icon{width:72px;height:72px;border-radius:23px;margin:0 auto 22px;display:grid;place-items:center;font-size:44px;background:#f4cf46;color:#77600e}.hit .feedback-icon{background:#3a8c61;color:#fff}.feedback-card h1{font-size:53px;margin:10px 0 20px}.feedback-card>p{font-size:15px;line-height:1.65;max-width:460px;margin:12px auto 20px}.feedback-card .eyebrow{font-size:10px;margin-bottom:10px}.feedback-card .feedback-answer{font-size:20px;font-weight:750;color:#314675}.feedback-card .small-note{font-size:11px;margin:15px 0 0}.earned{font-size:45px;font-weight:900;line-height:1;margin:24px 0;color:#327951}.earned small{font-size:15px;font-weight:600}
.result-hero{background:radial-gradient(circle at 95% 10%,#72b8d733,transparent 45%),linear-gradient(125deg,#353b85,#573975);border:4px solid #fff;box-shadow:0 7px 0 #ddd5ec;border-radius:25px}.result-hero .medal{display:block;font-size:46px;margin-bottom:16px}.result-hero .eyebrow{font-size:10px;color:#ffdf7e}.result-hero h1{font-size:46px}.score{font-size:81px}.score small{font-size:16px}.result-metrics{display:flex;justify-content:center;gap:30px;margin-top:18px;color:#e2d7ef;font-size:12px}.result-metrics strong{display:block;color:white;font-size:22px;margin-bottom:3px}.result-hero #own-position{font-size:12px;color:#ffdf7e}.review-status{display:flex;justify-content:space-between}.review-card{border-left:5px solid #72af93}.review-card:has(.miss){border-left-color:#edb74b}
.ranking-shell{max-width:800px;margin:auto}.ranking-title{display:flex;align-items:center;gap:20px}.ranking-title>span{font-size:55px;display:block}.ranking-title h1{font-size:55px;margin:0}.ranking-title .eyebrow{font-size:10px;margin-bottom:10px}.ranking-intro{color:#706680;font-size:14px;line-height:1.65;margin-bottom:26px}.ranking-count{font-size:11px;color:#766683;margin:15px 0}.ranking-table{background:white;border:1px solid #ddd3eb;border-radius:17px;overflow:hidden;box-shadow:0 5px 0 #e6deef}.ranking-row{display:grid;grid-template-columns:66px minmax(0,1fr) 90px 80px;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #eee9f4;font-size:14px}.ranking-row:last-child{border:0}.ranking-row.heading{font-size:10px;font-weight:750;text-transform:uppercase;background:#f0eaf8;color:#665a7c}.rank-number{font-size:22px;font-weight:800;text-align:center}.rank-name{font-weight:750;overflow-wrap:anywhere}.rank-name small{font-size:9px;background:#ddf1e4;color:#327548;padding:3px 5px;border-radius:6px;margin-left:7px}.rank-name em{display:block;font-size:10px;color:#887793;font-style:normal;font-weight:400;margin-top:4px}.ranking-row>strong{color:#39356f}.ranking-row>span:last-child{font-size:12px;color:#756580;font-variant-numeric:tabular-nums}.ranking-row.podium{background:#fff9e5}.ranking-row.is-me{box-shadow:inset 4px 0 #588ba8;background:#eaf5fc}.ranking-status{font-size:11px;color:#6c657a;min-height:16px}.score-rules{background:#eeebf7;border-radius:12px;padding:16px 19px;font-size:12px;color:#655c79;margin:23px 0}.score-rules summary{font-weight:750;cursor:pointer}.score-rules p{line-height:1.65}.tv-link{display:block;text-align:center;font-size:12px;color:#635480;padding:18px}.empty-ranking{text-align:center;border-radius:20px;background:#fff2c8;padding:40px 22px}.empty-ranking>span{font-size:46px}.empty-ranking h2{font-size:24px;color:#776012}.empty-ranking p{font-size:14px;color:#796b41}
.tv-mode #app{max-width:1300px}.tv-mode .ranking-shell{max-width:1200px}.tv-mode .ranking-row{font-size:22px;grid-template-columns:90px minmax(0,1fr) 160px 160px;padding:16px 26px}.tv-mode .ranking-row.heading{font-size:14px}.tv-mode .rank-name em{font-size:12px}.tv-mode .ranking-row>span:last-child{font-size:18px}.tv-mode .site-footer,.tv-mode .score-rules,.tv-mode nav{display:none}.tv-mode .ranking-title h1{font-size:72px}
#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:90%;width:max-content;z-index:20;padding:13px 20px;background:#2f315b;color:white;border-radius:15px;box-shadow:0 5px 25px #25254435;opacity:0;pointer-events:none;font-size:13px;transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translate(-50%,0)}.error-card{background:white;padding:30px;border-radius:18px;line-height:1.7}.error-card h1{font-size:48px}.confetti{position:fixed;left:var(--x);top:-15px;width:10px;height:17px;z-index:40;pointer-events:none;animation:fall 1.7s ease-in forwards}@keyframes fall{to{transform:translateY(100vh) rotate(var(--r));opacity:0}}
@media(max-width:760px){.header-inner{padding:10px 20px}.nav-button{font-size:11px;padding:10px 12px}.home-grid{gap:25px}.hero{height:258px;min-height:0;border-radius:20px 20px 58px 20px}.hero-caption h2{font-size:35px}.hero-caption>span{font-size:8px}.hero-label{top:16px;left:18px;font-size:8px}.hero-sticker{width:65px;height:65px;right:17px;top:64px;font-size:30px;border-radius:18px}.hero-sticker small{font-size:8px}.home-copy h1{font-size:51px}.home-copy h1 em{font-size:43px}.intro-copy{font-size:14px}.chip{font-size:10px;padding:8px}.start-card{padding:19px}.start-card>label:first-child{font-size:14px}.primary{font-size:15px;min-height:56px}.travel-route{margin-bottom:20px}.travel-route small{font-size:9px}.question-title{font-size:23px;margin-bottom:20px}.question-card{padding:17px;border-radius:17px}.question-head{margin-bottom:13px}.countdown-track{margin-bottom:19px}.answer-button{font-size:14px;padding:12px;min-height:59px;gap:11px}.answer-buttons{gap:10px}.support-line{font-size:10px}.clock{padding:8px 11px;min-width:92px}.clock strong{font-size:22px}.clock small{font-size:9px}.feedback-card{padding:28px 20px}.feedback-card h1{font-size:44px}.feedback-card>p{font-size:14px}.feedback-card .feedback-answer{font-size:18px}.result-hero h1{font-size:39px}.result-hero .medal{font-size:38px}.score{font-size:69px}.result-metrics strong{font-size:20px}.ranking-title{gap:12px}.ranking-title>span{font-size:38px}.ranking-title h1{font-size:41px}.ranking-title .eyebrow{font-size:8px;letter-spacing:1px}.ranking-row{grid-template-columns:35px minmax(0,1fr) 58px 50px;gap:8px;padding:13px 10px;font-size:12px}.ranking-row.heading{font-size:8px}.ranking-row>span:last-child{font-size:10px}.rank-number{font-size:20px}.ranking-intro{font-size:12px}.ranking-count{font-size:10px}}
@media(prefers-reduced-motion:reduce){.confetti{display:none}.answer-button:hover,.primary:active{transform:none}}