:root{color-scheme:dark;--bg:#0b1425;--card:#15243a;--muted:#a5b5cc;--text:#f0f5ff;--gold:#ffcf64;--line:#2d415d;--green:#65db9b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -5%,#273c5a 0%,#0b1425 42%,#08111e 100%);font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app{max-width:890px;margin:auto;padding:25px 16px 60px}.back{display:inline-flex;text-decoration:none;padding:8px 13px;margin:0 0 28px;background:#ffffff12;border:1px solid var(--line);border-radius:10px;font-size:13px}.eyebrow{font-size:11px;font-weight:900;color:var(--gold);letter-spacing:.17em}h1{font-size:clamp(29px,6vw,45px);margin:6px 0}h2{font-size:22px;line-height:1.25}header .intro{color:#b8c9db;max-width:650px;margin:4px 0 25px}.login-panel{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:18px;margin-bottom:20px}.account-head{display:flex;justify-content:space-between;gap:10px}.account-head small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.login-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:12px}.login-form label{font-size:12px;color:var(--muted);font-weight:700}.login-form input{display:block;width:100%;padding:11px;background:#0a172a;color:var(--text);border:1px solid var(--line);border-radius:10px;margin-top:5px;outline-color:var(--gold)}.form-actions{display:flex;gap:7px}.primary,.light,.tabs button,.play{border-radius:11px;padding:11px 14px;font-weight:800;border:1px solid var(--line);color:var(--text);background:#263c58}.primary,.play{background:linear-gradient(140deg,#ffdf8c,#eaa84e);color:#211908;border-color:#ffe4aa}.light:hover,.tabs button:hover{filter:brightness(1.15)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.tabs button{background:#172a42;color:#c3cfe0}.tabs button.active{background:#f7d47c;color:#1e2430;border-color:transparent}.section-title{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin:21px 0 10px;font-weight:900}.card,.match,.rank-row{background:#14253c;border:1px solid var(--line);border-radius:16px;padding:16px}.hero-card{border:1px solid #b69047;background:linear-gradient(130deg,#342c2d,#1a2c40);padding:20px;border-radius:18px}.hero-card h2{margin:5px 0 7px}.hero-card p{color:#d4cbbe;margin:5px 0}.pill{padding:3px 9px;background:#ffffff17;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted)}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match{min-width:0}.match .top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.contestants{display:flex;gap:8px;justify-content:space-between;align-items:center;margin:12px 0}.contestant{flex:1;min-width:0}.contestant strong{display:block;overflow-wrap:anywhere;font-size:16px}.contestant small{color:#9fb5d1}.vs{color:var(--gold);font-weight:1000;font-size:13px}.game-tag{color:var(--gold);font-size:12px;margin:10px 0;display:block}.match .play{display:block;width:100%}.match .play:disabled{background:#28344a;color:#9eacbd;border-color:var(--line);cursor:not-allowed}.final{max-width:480px;margin:auto;border-color:#c59c59;text-align:center;background:linear-gradient(145deg,#28324b,#192c3f)}.final .contestants{text-align:left}.trophy{font-size:35px;display:block}.rank-row{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:13px}.rank-row:nth-of-type(-n+4){border-color:#a98e55}.rank-row .rank{color:var(--gold);font-weight:900}.rank-row small{color:var(--muted)}#notice{min-height:20px;margin:10px 0;font-size:13px;color:#ffca85}.info{color:var(--muted);font-size:13px}.loading{padding:30px;text-align:center;color:var(--muted)}footer{font-size:11px;text-align:center;color:#778aa1;margin:35px 0}button:focus-visible,a:focus-visible{outline:3px solid #ffe3a9;outline-offset:2px}.veil{position:fixed;inset:0;background:#02060ddc;z-index:80;display:flex;align-items:center;justify-content:center;padding:12px;backdrop-filter:blur(4px)}.veil[hidden]{display:none}.game-box{background:#14243a;border:1px solid #6c86a7;border-radius:21px;padding:18px;max-height:95vh;overflow:auto;width:min(630px,100%);box-shadow:0 25px 80px #0009}.game-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.game-top small{font-size:11px;font-weight:900;color:var(--gold)}.game-top h2{margin:5px 0}.close{font-size:25px;line-height:1}.clock{height:5px;background:#334661;border-radius:9px;margin:16px 0;overflow:hidden}.clock:before{content:'';display:block;background:#ffd26c;width:var(--left,100%);height:100%;transition:width .2s linear}.progress{font-size:12px;color:var(--muted);margin:8px 0 13px}.prompt{font-weight:750;font-size:20px;margin:14px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices button{background:#233c58;border:1px solid #54708c;color:#fff;padding:14px;border-radius:12px;min-height:64px;font-weight:800}.choices button:hover{background:#365978}.choices button:disabled{opacity:.5}.game-note{color:var(--muted);min-height:20px;margin-top:12px;font-size:12px}.map-game{height:330px;border:1px solid #54708c;border-radius:13px;overflow:hidden;background:#1e3854}.map-send{margin-top:10px;width:100%}.map-send:disabled{opacity:.4;cursor:not-allowed}.result-pts{text-align:center;font-size:45px;font-weight:900;color:var(--gold)}.chip{font-size:12px;background:#30455f;padding:5px 10px;border-radius:12px}.muted{color:var(--muted)}@media(max-width:650px){.app{padding:18px 12px 40px}.login-form{grid-template-columns:1fr}.form-actions>*{flex:1}.match-grid{grid-template-columns:1fr}.tabs button{font-size:12px;padding:10px 5px}.choices{grid-template-columns:1fr}.map-game{height:300px}}
a.light{text-decoration:none;white-space:nowrap;align-self:flex-start}
.done-pop{text-align:center;animation:donePop .45s cubic-bezier(.2,.9,.3,1.25) both}.done-pop h3{margin:4px 0 6px;font-size:22px}.done-pop p{color:var(--muted)}.done-pop .primary{width:100%;margin-top:8px}
.done-icon{font-size:64px;line-height:1.1}.done-pop.win .done-icon{animation:doneBounce 1.2s ease-in-out infinite}.done-pop.win h3{color:var(--gold)}.done-pop.lose h3{color:#c9d4e4}
@keyframes donePop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes doneBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.done-pop,.done-pop.win .done-icon{animation:none}}
.comarca{display:block;color:var(--gold);font-weight:700;font-size:12px}.rank-row .comarca{display:inline}