@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;700&display=swap";:root{--purple: #7B2FBE;--yellow: #F5C518;--black: #1A1A1A;--bg: #121014;--card: #1E1B22;--text: #F4F1F7;--muted: #9992A3}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:Bebas Neue,sans-serif;letter-spacing:.5px;margin:0}h2{font-size:28px;color:var(--yellow);margin-bottom:12px}h3{font-size:20px;color:var(--yellow)}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;position:relative}.header{display:flex;align-items:center;gap:12px;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));background:linear-gradient(135deg,var(--purple),#4a1a7a);border-bottom:3px solid var(--yellow)}.header .crest{width:44px;height:44px;border-radius:50%;object-fit:cover}.header h1{font-size:22px;color:#fff}.header .sub{font-size:12px;color:var(--yellow)}.elopill{margin-left:auto;background:var(--yellow);color:var(--black);font-weight:700;padding:6px 12px;border-radius:20px;font-size:14px}.langswitch{display:flex;gap:4px;margin-left:auto}.langbtn{background:#ffffff1a;color:#fff9;border:none;font-size:10px;font-weight:700;padding:4px 7px;border-radius:6px}.langbtn.active{background:var(--yellow);color:var(--black)}.login-screen .langswitch{position:absolute;top:16px;right:16px;margin-left:0}.content{flex:1;overflow-y:auto;padding:16px 16px 90px}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;background:var(--card);border-top:1px solid #322c3a;padding-bottom:env(safe-area-inset-bottom)}.tabbtn{flex:1;background:none;border:none;color:var(--muted);padding:10px 4px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px}.tabbtn.active{color:var(--yellow)}.tabicon{font-size:20px;position:relative;display:inline-block}.badge{position:absolute;top:-6px;right:-10px;background:#ff4d4d;color:#fff;font-size:9px;font-weight:700;border-radius:8px;padding:1px 5px;line-height:1.3}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4d4d;margin-right:6px;vertical-align:middle}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom));text-align:center;position:relative}.crest-big{width:120px;height:120px;border-radius:50%;margin-bottom:16px}.login-screen h1{font-size:30px;color:var(--yellow)}.tag{color:var(--muted);margin:4px 0 24px}.login-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.login-form input{padding:14px;border-radius:10px;border:1px solid #3a3442;background:#26212b;color:var(--text);font-size:15px}.login-form button,button{background:var(--yellow);color:var(--black);border:none;border-radius:10px;padding:12px;font-weight:700;font-size:15px;cursor:pointer}.login-form button:active,button:active{transform:scale(.98)}.hint{color:var(--muted);font-size:12px;margin-top:16px}.copyright{color:#55505c;font-size:10px;margin-top:24px;text-align:center}.err{color:#ff6b6b;font-size:13px}.consent-row{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:11.5px;color:var(--muted);line-height:1.5}.consent-row input[type=checkbox]{margin-top:3px;flex-shrink:0;width:16px;height:16px}.consent-row b{color:var(--text)}.tabpane{animation:fadein .2s ease}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.muted{color:var(--muted)}.small{font-size:12px}.rank-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.rank-list li{display:flex;align-items:center;gap:10px;background:var(--card);padding:10px 12px;border-radius:10px}.rank-list li.me{border:1px solid var(--yellow)}.rank-list .pos{color:var(--muted);width:22px;font-weight:700}.rank-list .name{flex:1;font-weight:500}.rank-list .stats{color:var(--muted);font-size:12px}.rank-list .elo{color:var(--yellow);font-weight:700}.card{background:var(--card);border-radius:14px;padding:16px;margin-bottom:14px}.bigname{font-size:20px;font-weight:700}.statrow{display:flex;gap:20px;margin-top:14px}.statrow div{display:flex;flex-direction:column;align-items:center}.statrow b{font-size:20px;color:var(--yellow)}.statrow span{font-size:11px;color:var(--muted)}.linkbtn{background:none;color:var(--muted);text-decoration:underline;padding:8px 0}.ghost{background:none;border:1px solid var(--muted);color:var(--text)}.ghost2{background:transparent;border:1px solid var(--purple);color:var(--yellow)}.smallbtn{background:var(--purple);color:#fff;font-size:13px;padding:8px 14px}.admin-box{margin-top:24px;border-top:1px solid #322c3a;padding-top:16px}.adminlabel{font-size:12px;color:var(--yellow);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.pinrow{display:flex;gap:8px;margin-top:10px}.pinrow input{flex:1;padding:10px;border-radius:8px;border:1px solid #3a3442;background:#26212b;color:var(--text)}.playermgr{margin-top:20px}.playermgr-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.playermgr-list li{display:flex;justify-content:space-between;align-items:center;background:#26212b;padding:10px 12px;border-radius:10px;gap:8px}.playermgr-list li.inactive{opacity:.55}.pname{font-weight:600;font-size:14px}.delbtn{background:#4a1a1a;color:#ff8a8a;border:1px solid #6b2b2b;padding:6px 10px;font-size:12px;border-radius:8px;flex-shrink:0}.tag-off{font-size:10px;background:#ff6b6b26;color:#ff8a8a;padding:2px 6px;border-radius:8px;margin-left:6px}.history-box{margin-top:20px}.history-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:8px}.history-list li{display:flex;align-items:center;gap:10px;background:var(--card);padding:10px 12px;border-radius:10px;border-left:3px solid transparent}.history-list li.win{border-left-color:#3ecf6e}.history-list li.loss{border-left-color:#ff6b6b}.hres{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.history-list li.win .hres{background:#3ecf6e26;color:#3ecf6e}.history-list li.loss .hres{background:#ff6b6b26;color:#ff6b6b}.hmid{flex:1;min-width:0}.hopp{font-weight:600;font-size:14px}.hright{text-align:right;flex-shrink:0}.hscore{font-weight:700;font-size:13px}.helo{font-size:11px;font-weight:700}.helo.up{color:#3ecf6e}.helo.down{color:#ff6b6b}.normes{padding-left:20px;display:flex;flex-direction:column;gap:10px}.rowhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rowhead h2{margin:0}.formatchoice{margin-top:14px;border-top:1px solid #322c3a;padding-top:12px}.formatbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.byerow{background:#26212b;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--muted)}.swissactions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.bracket-card h3{margin-bottom:10px}.bracket-round{margin-bottom:16px}.bracket-roundname{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--purple);font-weight:700;margin-bottom:6px;background:#7b2fbe26;display:inline-block;padding:3px 8px;border-radius:6px}.jornada-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.jornada-list li{display:flex;justify-content:space-between;align-items:center;background:var(--card);padding:14px;border-radius:12px;cursor:pointer}.jname{font-weight:700;display:flex;align-items:center}.count{color:var(--yellow);font-size:13px}.inscrits{list-style:none;padding:0;margin:10px 0;font-size:13px;color:var(--muted)}.inscrits li{display:flex;align-items:center;gap:8px;padding:3px 0}.tag-ok{font-size:10px;background:#3ecf6e26;color:#3ecf6e;padding:2px 6px;border-radius:8px}.confirmbox{margin:12px 0}.confirmed{color:#3ecf6e;font-weight:700;font-size:14px}.checkin-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:8px}.checkin-list li{display:flex;justify-content:space-between;align-items:center;background:#26212b;padding:10px 12px;border-radius:10px}.checkin-list li.paid{background:#3ecf6e14}.paidbtn{background:#3ecf6e;color:#0d1a10;font-size:12px;padding:6px 10px}.unpaidbtn{background:var(--purple);color:#fff;font-size:12px;padding:6px 10px}.stand{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.stand td{padding:4px 6px;border-bottom:1px solid #2a2530}.matches{display:flex;flex-direction:column;gap:8px}.matchrow{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#26212b;padding:8px 10px;border-radius:8px;font-size:13px}.matchrow.done{opacity:.85}.matchrow .winner{color:var(--yellow);font-weight:700}.matchrow .score{font-weight:700;display:flex;align-items:center}.scoreinput{display:flex;align-items:center;gap:4px}.scoreinput input{width:32px;text-align:center;border-radius:6px;border:1px solid #3a3442;background:#1a1a1a;color:var(--text)}.scoreinput button{padding:4px 8px;font-size:11px}.editbtn{background:none;border:none;color:var(--yellow);font-size:14px;margin-left:6px;padding:2px 4px}.badges-box{margin-top:20px}.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.badge-card{background:var(--card);border-radius:12px;padding:12px 6px;text-align:center;opacity:.35;filter:grayscale(1)}.badge-card.earned{opacity:1;filter:none;border:1px solid var(--yellow)}.badge-icon{font-size:26px}.badge-name{font-size:10px;margin-top:4px;color:var(--muted)}.badge-card.earned .badge-name{color:var(--text)}.elochart-box{margin-top:20px}.elochart{width:100%;height:100px;margin-top:8px}.elochart-labels{display:flex;justify-content:space-between;margin-top:2px}.h2h-box{margin-top:20px}.h2h-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:6px}.h2h-list li{display:flex;justify-content:space-between;background:var(--card);padding:8px 12px;border-radius:10px;font-size:13px}.h2h-record.fav{color:#3ecf6e;font-weight:700}.h2h-record.unfav{color:#ff6b6b;font-weight:700}.share-row{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.share-row button{flex:1;min-width:140px}.qr-box{margin-top:20px;text-align:center;background:var(--card);border-radius:14px;padding:16px}.qr-img{width:100%;max-width:240px;border-radius:10px;margin:8px 0}.calc-card{margin-bottom:16px}.calc-label{font-size:12px;color:var(--muted);display:block;margin:10px 0 4px}.calc-select{width:100%;padding:10px;border-radius:8px;border:1px solid #3a3442;background:#26212b;color:var(--text);font-size:14px}.calc-result{display:flex;flex-direction:column;gap:8px;margin-top:14px}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:#26212b}.calc-row.win .calc-points{color:#3ecf6e;font-weight:700;font-size:18px}.calc-row.loss .calc-points{color:#ff6b6b;font-weight:700;font-size:18px}.rank-list .name{display:flex;align-items:center;gap:6px}.style-tag{font-size:13px}.infobox .rowhead{margin-bottom:4px}.info-rows{display:flex;flex-direction:column;gap:8px;margin-top:8px}.info-rows>div{display:flex;justify-content:space-between;font-size:14px}.choice-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.choicebtn{background:#26212b;color:var(--muted);border:1px solid #3a3442;font-size:13px;padding:8px 12px;border-radius:20px}.choicebtn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.infobox-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.filter-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.filter-row select{flex:1;min-width:90px;padding:8px;border-radius:8px;border:1px solid #3a3442;background:#26212b;color:var(--text);font-size:12px}.rank-list li{cursor:pointer}.trend{font-size:11px;font-weight:700;padding:2px 6px;border-radius:8px}.trend.up{color:#3ecf6e;background:#3ecf6e1f}.trend.down{color:#ff6b6b;background:#ff6b6b1f}.stats-card{margin-top:16px}.statgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:10px}.statgrid>div{display:flex;flex-direction:column;align-items:center;background:#26212b;padding:12px;border-radius:10px}.statgrid b{font-size:22px;color:var(--yellow)}.statgrid span{font-size:11px;color:var(--muted);margin-top:2px}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal-card{background:var(--bg);width:100%;max-width:480px;max-height:88vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-top:3px solid var(--yellow)}.modal-close{padding:4px 0 12px}.modal-info-rows{margin:14px 0 0}.langswitch2{display:none}.viewtoggle{display:flex;gap:8px;margin-bottom:12px}.viewbtn{flex:1;background:#26212b;color:var(--muted);font-size:12px;padding:8px;border-radius:8px}.viewbtn.active{background:var(--purple);color:#fff}.calendar-box{background:var(--card);border-radius:14px;padding:14px;margin-bottom:16px}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-month{font-family:Bebas Neue,sans-serif;font-size:16px;color:var(--yellow);text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekdays{color:var(--muted);font-size:10px;text-align:center;margin-bottom:4px}.calendar-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;border-radius:8px;position:relative;cursor:default}.calendar-cell.empty{visibility:hidden}.calendar-cell.has-jornada{background:#7b2fbe33;cursor:pointer;font-weight:700}.calendar-cell.today{border:1px solid var(--yellow)}.calendar-dot{width:5px;height:5px;border-radius:50%;background:var(--purple);margin-top:2px}.calendar-dot.new{background:#ff4d4d}.feed-card{margin-top:16px}.feed-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:10px}.feed-list li{display:flex;align-items:center;gap:10px;font-size:13px}.feed-icon{font-size:18px;width:28px;text-align:center;flex-shrink:0}.podium-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:32px;padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom));text-align:center;position:relative;overflow:hidden}.podium-screen h1{font-size:34px;color:var(--yellow);margin-top:8px}.podium-blocks{display:flex;align-items:flex-end;gap:12px;margin:30px 0}.podium-block{background:var(--card);border-radius:10px 10px 0 0;padding:16px 14px;width:100px;display:flex;flex-direction:column;align-items:center}.podium-block .podium-medal{font-size:30px}.podium-block .podium-pname{font-size:13px;font-weight:700;margin-top:6px}.podium-block.first{height:150px;border-top:3px solid var(--yellow)}.podium-block.second{height:115px;border-top:3px solid #c0c0c0}.podium-block.third{height:95px;border-top:3px solid #cd7f32}.podium-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;margin-top:10px}.confetti-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-10px;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:.8}}.avatar-img{border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-fallback{border-radius:50%;background:var(--purple);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Bebas Neue,sans-serif}.profile-head{display:flex;align-items:center;gap:14px}.avatar-edit{position:relative;display:inline-block;cursor:pointer;flex-shrink:0}.avatar-edit-badge{position:absolute;bottom:-2px;right:-2px;background:var(--yellow);color:var(--black);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;border:2px solid var(--bg)}.profile-name-block{flex:1;min-width:0}.bigname{display:flex;align-items:center;gap:4px}.nameedit-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nameedit-row input{padding:8px 10px;border-radius:8px;border:1px solid #3a3442;background:#26212b;color:var(--text);font-size:14px;flex:1;min-width:100px}.selfie-picker{display:block;cursor:pointer;align-self:center;width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px dashed var(--purple);margin:4px 0}.selfie-preview{width:100%;height:100%;object-fit:cover}.selfie-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:var(--muted);text-align:center;line-height:1.6}