*{box-sizing:border-box}body{margin:0;color:#081a14;font-family:Arial,sans-serif;background:#f9faf8 url('assets/emerald-register-bg.webp') center center/cover fixed}header{height:84px;background:#fffffff0;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,6vw);border-bottom:1px solid #dbe8df;font-size:12px;letter-spacing:2px;font-weight:800}header a{color:#06452f;text-decoration:none}header strong{font-size:19px}header span{color:#008d57}main{max-width:1350px;min-height:calc(100vh - 84px);margin:auto;display:grid;grid-template-columns:1fr 440px;gap:6vw;align-items:center;padding:65px 30px}.intro small{font-weight:900;letter-spacing:4px;color:#008d57}.intro h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(65px,7vw,115px);line-height:.96;letter-spacing:-2px;margin:24px 0}.intro h1 em{font-style:normal;background:linear-gradient(180deg,#002d21,#00b778);color:transparent;background-clip:text}.intro p{max-width:400px;line-height:1.8;color:#53645d}.tag{display:inline-block;margin-top:25px;background:#003b2b;color:#fff;padding:15px 22px;font-size:12px;letter-spacing:2px;font-weight:bold}.panel{background:#ffffffef;border:1px solid #d4e8dc;padding:32px;box-shadow:0 18px 65px #001f1533;max-height:80vh;overflow:auto}.panel h2{font-family:Impact,sans-serif;font-size:34px;margin:0 0 8px}.panel p{color:#61726b;line-height:1.5;font-size:13px}.tabs{display:flex;margin:24px 0;border-bottom:1px solid #d8e5de}.tabs button{flex:1;border:0;background:none;padding:13px 5px;font-size:12px;font-weight:900;cursor:pointer}.tabs button.active{color:#008c57;border-bottom:3px solid #00a567}label{display:block;font-size:11px;font-weight:900;letter-spacing:1px;margin:15px 0}input,select{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #cedbd3;background:#fff;color:#08281b;font-size:14px}button{cursor:pointer}.primary{background:#008d57;color:white;border:0;padding:15px 18px;font-weight:900;letter-spacing:1px;width:100%;margin-top:12px}.primary:hover{background:#006941}.message{color:#b43b2d!important;font-weight:700}.dashHead{display:flex;justify-content:space-between}.dashHead button{border:0;background:none;color:#005d40;font-weight:bold}.rosterRow{display:grid;grid-template-columns:80px 1fr 70px;align-items:center;gap:8px;margin:9px 0}.rosterRow label{margin:0}.rosterRow input{margin:0}.rosterRow button,.review button{padding:12px;border:1px solid #008d57;background:white;color:#005f3d;font-weight:bold}.review{border-top:1px solid #ccc;padding:12px 0}.review p{word-break:break-word}@media(max-width:850px){main{grid-template-columns:1fr;padding:30px 18px}.intro h1{font-size:65px}.panel{max-height:none}}
.riotCard{margin:18px 0;padding:16px;border:1px solid #a7d9c1;background:#f5fffa}.riotCard h3{margin:0 0 8px}.riotCard button{border:1px solid #008a55;background:#008a55;color:white;padding:11px;cursor:pointer;font-weight:700}.riotChallenge{display:flex;gap:14px;align-items:center;margin-top:14px}.riotChallenge img{width:90px;height:90px;object-fit:cover;border:3px solid #008a55}.riotChallenge p{font-size:12px}

/* Selector de íconos para el desafío Riot */
.riotIconGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:10px 0 14px}.riotIconOption{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;border:1px solid #c8dcd1;background:#fff;cursor:pointer;font-size:10px}.riotIconOption:has(input:checked){outline:2px solid #008f59;background:#e5fff1}.riotIconOption input{accent-color:#008f59}.riotIconOption img{width:43px;height:43px;object-fit:cover}.riotIconOption small{font-size:10px}.riotHint{font-size:11px;line-height:1.45;color:#365649}@media(max-width:500px){.riotIconGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.riotProfile{display:flex;gap:14px;align-items:center;margin-top:18px;padding:14px;border:1px solid #a7d9c1;background:white}.riotProfile img{width:76px;height:76px;object-fit:cover}.riotProfile p{margin:5px 0}.riotProfile small{color:#996521;font-weight:700}.riotWarn{color:#b43b2d!important}.riotCard button:disabled{opacity:.55;cursor:not-allowed}

/* V4.5: panel de equipos expandido */
@media(min-width:1000px){body.loggedIn main{max-width:1660px;grid-template-columns:minmax(280px,.62fr) minmax(680px,1.38fr);gap:4vw;align-items:start;padding-top:65px}body.loggedIn .panel{max-height:none;overflow:visible;padding:35px 42px}body.loggedIn .intro h1{font-size:clamp(65px,6vw,95px)}}
.manageCard{margin:22px 0;padding:24px;background:#fff;border:1px solid #d5e5db;box-shadow:0 10px 30px #003b2b0a}.manageCard h3{font-family:Impact,'Arial Narrow',sans-serif;font-size:25px;margin:8px 0 16px}.manageCard h2{font-size:37px}.manageCard h2 span{color:#008d57}.manageCard small,.sectionTop small{font-size:11px;letter-spacing:1px;color:#008d57;font-weight:800}.sectionTop{border-bottom:1px solid #d9e8df;margin-bottom:22px}.rosterCards{display:grid;grid-template-columns:1fr;gap:9px}.rosterCard{display:flex;gap:18px;align-items:center;padding:15px;background:#f7faf8;border:1px solid #dae7df}.rolePill{min-width:90px;background:#003b2b;color:white;padding:9px;text-align:center;font-size:11px;font-weight:900}.rosterIdentity{flex:1;min-width:0}.rosterIdentity b{display:block;font-size:14px;overflow-wrap:anywhere}.rosterIdentity small{display:block;margin-top:5px;color:#657c70;font-weight:400;letter-spacing:0}.outlineBtn{background:white;border:1px solid #008d57;color:#006841;padding:10px;font-weight:800}.inviteBox{background:#f1faf5;border:1px solid #addbc4;margin:24px 0;padding:20px}.inviteFields{display:grid;grid-template-columns:160px 1fr;gap:15px}.shareLink{display:flex;gap:8px;align-items:center;margin-top:12px}.shareLink input{min-width:0;margin:0;flex:1}.shareLink button{background:#003b2b;color:#fff;border:0;padding:14px;font-weight:800}.subtle{font-size:11px!important}.inviteNotice{padding:14px;border:1px solid #008d57;background:#f2fff8}@media(max-width:650px){.inviteFields{grid-template-columns:1fr}.shareLink{flex-direction:column}.shareLink input,.shareLink button{width:100%}.manageCard{padding:14px}.rolePill{min-width:70px}.rosterCard{gap:8px}}

.teamLogoManager{display:flex;align-items:center;gap:22px;padding:20px;margin:12px 0 22px;background:#f2f9f5;border:1px solid #b6d7c6}.teamLogoPreview{width:130px;height:130px;flex:none;display:grid;place-items:center;background:#fff;border:1px solid #b9d9c9;text-align:center;color:#006940;font-weight:900;font-size:13px}.teamLogoPreview img{width:100%;height:100%;object-fit:contain}.teamLogoManager h3{margin:0 0 6px}.teamLogoManager p{font-size:13px;margin:0 0 10px}.teamLogoManager small{display:block;line-height:1.6}.logoPicker{display:inline-block;padding:12px 16px;background:#008a55;color:#fff;cursor:pointer;font-size:12px;font-weight:900}.logoPicker input{display:none}@media(max-width:650px){.teamLogoManager{flex-direction:column;align-items:stretch}.teamLogoPreview{width:110px;height:110px}}
