*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0f2e;--bg2:#111a42;--bg3:#1a2558;--gold:#f5c842;--gold-dim:#c9a12e;--text:#e8e0d0;--muted:#8890b0;--green:#2ecc71;--red:#e74c3c;--radius:12px}html{background-color:#082d4d;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'><defs><linearGradient id='a' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23166299'/><stop offset='1' stop-color='%230f4d82'/></linearGradient><linearGradient id='b' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23124d80'/><stop offset='1' stop-color='%230a3a68'/></linearGradient></defs><rect x='-25' y='-25' width='50' height='50' rx='2' transform='translate(36 36) rotate(45)' fill='url(%23a)'/><rect x='-25' y='-25' width='50' height='50' rx='2' transform='translate(0 0) rotate(45)' fill='url(%23b)'/><rect x='-25' y='-25' width='50' height='50' rx='2' transform='translate(72 0) rotate(45)' fill='url(%23b)'/><rect x='-25' y='-25' width='50' height='50' rx='2' transform='translate(0 72) rotate(45)' fill='url(%23b)'/><rect x='-25' y='-25' width='50' height='50' rx='2' transform='translate(72 72) rotate(45)' fill='url(%23b)'/></svg>");background-repeat:repeat}body,html{min-height:100dvh}body{color:var(--text);font-family:Lilita One,cursive;font-size:18px;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;overflow-x:hidden}body,header{background:transparent}header{display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 20px 14px;position:sticky;top:0;z-index:10}.logo{font-family:Lilita One,cursive;font-size:22px;color:#6b3500;letter-spacing:2px;text-align:center;min-width:200px;padding:13px 52px;background:linear-gradient(180deg,rgba(255,255,210,.55),transparent 38%),linear-gradient(180deg,#ffe566,#f5a800 55%,#d48000);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,22px 100%,0 50%);filter:drop-shadow(0 2px 0 #b86000) drop-shadow(0 4px 0 #8a4000) drop-shadow(0 6px 0 #5c2800) drop-shadow(0 8px 0 #3a1800) drop-shadow(0 12px 20px rgba(0,0,0,.85));text-shadow:0 1px 0 rgba(255,230,100,.6),0 -1px 2px rgba(100,40,0,.5)}.logo-img{height:28px;width:auto;-o-object-fit:contain;object-fit:contain}.nav-link{font-family:Lilita One,cursive;font-size:13px;color:var(--muted);text-decoration:none;letter-spacing:1px;padding:6px 12px;border:1px solid var(--bg3);border-radius:6px;transition:color .2s,border-color .2s}.nav-link:hover{color:var(--gold);border-color:var(--gold)}main{padding:24px 20px calc(68px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:linear-gradient(180deg,#0a1030,#060a1e);border-top:2px solid var(--bg3);padding:10px 0 max(10px,env(safe-area-inset-bottom,0px));z-index:50}.bn-item,.bottom-nav{display:flex;align-items:center}.bn-item{justify-content:center;text-decoration:none;padding:8px 24px;-webkit-tap-highlight-color:transparent}.bn-svg{width:28px;height:28px;color:var(--muted);transition:color .15s}.bn-item.active .bn-svg{color:var(--gold)}.bn-center{padding:8px 24px}.bn-center-ring{width:50px;height:50px;border-radius:50%;background:linear-gradient(180deg,#1a2a6e,#0a1030);border:2px solid var(--bg3);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000080;transition:border-color .15s}.bn-center.active .bn-center-ring{border-color:var(--gold);box-shadow:0 2px 14px #f5c8424d}.bn-svg-center{width:26px;height:26px;color:var(--muted);transition:color .15s}.bn-center.active .bn-svg-center{color:var(--gold)}.bn-item span{display:none}.section-label{font-size:11px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.btn-gold,.section-label{font-family:Lilita One,cursive}.btn-gold{width:100%;background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:var(--radius);padding:14px;font-size:14px;letter-spacing:1px;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.btn-gold:active{background:#f5c8421a}.btn-cancel{width:100%;background:#e74c3c2e;border:1px solid var(--red);color:var(--red);border-radius:var(--radius);padding:14px;font-family:Lilita One,cursive;font-size:14px;letter-spacing:1px;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.btn-cancel:active{background:#e74c3c26}.btn-link{display:inline-block;font-family:Lilita One,cursive;font-size:15px;color:var(--gold);text-decoration:none;border:1px solid var(--gold);border-radius:var(--radius);padding:14px 28px;letter-spacing:1px;transition:background .15s}.btn-link:active{background:#f5c8421a}.tabs{display:flex;margin-bottom:24px;border:1px solid var(--bg3);border-radius:var(--radius);overflow:hidden}.tab-btn{flex:1;background:var(--bg2);border:none;color:var(--muted);font-family:Lilita One,cursive;font-size:13px;letter-spacing:1px;padding:14px;cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.tab-btn+.tab-btn{border-left:1px solid var(--bg3)}.tab-btn.active{background:var(--bg3);color:var(--gold)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--bg3);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.empty-msg,.loading{color:var(--muted);font-style:italic}.empty-msg,.error-msg,.loading{text-align:center;padding:20px 0}.error-msg{color:var(--red)}.battles-list{display:flex;flex-direction:column;gap:8px}.battle-row{display:flex;align-items:center;gap:12px;background:var(--bg2);border-radius:var(--radius);padding:12px 14px;border-left:4px solid transparent}.battle-win{border-left-color:var(--green)}.battle-loss{border-left-color:var(--red)}.battle-result-badge{font-family:Lilita One,cursive;font-size:13px;font-weight:700;width:22px;flex-shrink:0;text-align:center}.battle-win .battle-result-badge{color:var(--green)}.battle-loss .battle-result-badge{color:var(--red)}.battle-info{flex:1;min-width:0}.battle-players{font-size:16px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.our-side{color:var(--text);font-weight:600}.battle-vs{font-size:13px}.battle-meta,.battle-vs,.opp-side{color:var(--muted)}.battle-meta{display:flex;justify-content:space-between;margin-top:4px;font-size:13px}#toast{position:fixed;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%) translateY(80px);background:var(--bg3);color:var(--text);padding:12px 22px;border-radius:24px;font-size:15px;white-space:nowrap;transition:transform .25s,opacity .25s;opacity:0;z-index:100;border:1px solid var(--gold-dim)}#toast.show{transform:translate(-50%) translateY(0);opacity:1}body.page-home{height:100dvh;display:flex;flex-direction:column;overflow:hidden}body.page-home main{overflow:hidden;padding-bottom:0}.idle-view,body.page-home #app,body.page-home main{flex:1;min-height:0;display:flex;flex-direction:column}.idle-view{gap:0}.player-list-card{background:#0a0f2e99;border:1px solid var(--bg3);border-radius:var(--radius);padding:10px;margin-bottom:16px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.logo span{font-size:22px}.player-list{display:flex;flex-direction:column;gap:8px}.player-card{display:flex;align-items:center;gap:14px;background:#111a42d1;border:2px solid var(--bg3);border-radius:14px;padding:12px 16px;width:100%;text-align:left;cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.player-card:active{opacity:.8}.player-card.selected{border-color:var(--gold);background:#f5c8421f}.player-avatar{width:46px;height:46px;border-radius:50%;background:var(--bg3);border:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Lilita One,cursive;font-size:18px;color:var(--muted)}.player-info{flex:1;min-width:0}.player-name{font-family:Lilita One,cursive;font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card.selected .player-name{color:var(--gold)}.player-subtag{font-size:11px;color:var(--gold-dim);letter-spacing:.5px;margin-top:3px}.player-pts,.player-subtag{font-family:Lilita One,cursive}.player-pts{font-size:15px;color:var(--gold);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:4px}.start-wrap{flex-shrink:0;padding:12px 0 calc(90px + max(12px,env(safe-area-inset-bottom)))}.btn-start{width:100%;height:58px;border-radius:12px;background:linear-gradient(180deg,#ffe066,#f5a800 60%,#e08c00);border:none;border-bottom:4px solid #9a5c00;color:#6b3500;font-family:Lilita One,cursive;font-size:18px;font-weight:900;letter-spacing:2px;cursor:pointer;box-shadow:0 4px 16px #00000073,inset 0 1px #ffffff73;transition:transform .1s,box-shadow .1s,border-bottom-width .1s;-webkit-tap-highlight-color:transparent}.btn-start:active{transform:translateY(2px);border-bottom-width:2px;box-shadow:0 2px 8px #0006}.btn-start:disabled{opacity:.5;cursor:not-allowed}.status-bar{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.status-bar.paused{border-color:var(--gold-dim)}.dot-live{background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 1.4s infinite}.dot-live,.dot-paused{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-paused{background:var(--gold-dim)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:14px;letter-spacing:1px;flex:1}.status-text,.timer{font-family:Lilita One,cursive}.timer{font-size:16px;color:var(--gold);min-width:44px;text-align:right}.participants-bar{font-size:15px;color:var(--muted);margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pchip{background:var(--bg3);border-radius:4px;padding:2px 8px;color:var(--text)}.match-type-badge,.pchip{font-family:Lilita One,cursive;font-size:12px}.match-type-badge{color:var(--gold);letter-spacing:1px}.matches-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.match-row{display:flex;align-items:center;gap:10px;background:var(--bg2);border-radius:var(--radius);padding:12px 14px;border:1px solid var(--bg3)}.match-num{font-family:Lilita One,cursive;font-size:12px;color:var(--muted);width:16px;flex-shrink:0}.match-players{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:16px;min-width:0}.match-players span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner{color:var(--gold);font-weight:600}.loser,.vs{color:var(--muted)}.vs{font-size:11px;line-height:1}.crowns{font-size:13px;white-space:nowrap;color:var(--muted);margin-top:2px}.active-footer{display:flex;flex-direction:column;gap:10px}.pause-msg{color:var(--muted);font-style:italic;margin-bottom:20px;line-height:1.5}.complete-view,.pause-msg{text-align:center}.complete-title{font-family:Lilita One,cursive;font-size:20px;color:var(--gold);letter-spacing:2px;margin-bottom:32px}.podio{display:flex;flex-direction:column;gap:10px;margin-bottom:36px}.podio-row{display:flex;align-items:center;gap:14px;background:var(--bg2);border-radius:var(--radius);padding:14px 18px;border:1px solid var(--bg3)}.podio-row.rank-1{border-color:var(--gold);box-shadow:0 0 14px #f5c84226}.podio-row.rank-2{border-color:#aaa}.podio-row.rank-3{border-color:#c87d3e}.medal{font-size:24px}.podio-name{flex:1;font-size:18px;text-align:left}.podio-name,.podio-pts{font-family:Lilita One,cursive}.podio-pts{font-size:16px;color:var(--gold)}.complete-footer{margin-top:8px}#stats-grid{display:flex;flex-direction:column;gap:16px}.stat-card{background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stat-card.expanded .card-top{padding-bottom:10px;border-bottom:1px solid var(--bg3)}.card-name{font-family:Lilita One,cursive;font-size:17px;color:var(--gold)}.card-chevron{color:var(--muted);font-size:16px;transition:transform .2s;display:inline-block}.stat-card.expanded .card-chevron{transform:rotate(180deg)}.card-body{display:none;padding:14px 16px}.stat-card.expanded .card-body{display:block}.loading-inline{display:flex;align-items:center;gap:10px;color:var(--muted);font-style:italic;font-size:15px;min-height:48px}.level-trophy-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.level-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.level-num-plain{font-family:Lilita One,cursive;font-size:14px;color:var(--muted);background:var(--bg3);border-radius:6px;padding:4px 10px}.trophy-block{display:flex;align-items:baseline;gap:6px}.trophy-icon{font-size:18px}.trophy-val{font-family:Lilita One,cursive;font-size:22px;color:var(--gold)}.trophy-best{font-size:13px;color:var(--muted)}.stats-grid-inner{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat-box{background:var(--bg3);border-radius:8px;padding:10px 12px;text-align:center}.stat-box.highlight{border:1px solid var(--gold-dim)}.stat-box-val{font-family:Lilita One,cursive;font-size:20px;line-height:1.2}.stat-box.highlight .stat-box-val{color:var(--gold)}.stat-box-lbl{font-size:12px;color:var(--muted);margin-top:2px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid var(--bg3);font-size:15px}.stat-row.muted{opacity:.7}.stat-lbl{color:var(--muted)}.clan-name{color:var(--gold);font-style:italic}.error-inline{color:var(--red);font-size:14px;padding:8px 0}.level-img-old{height:18px;width:auto;vertical-align:middle;margin-right:2px}.arena-val{display:flex;align-items:center;gap:6px}.leaderboard{display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:flex;align-items:center;gap:14px;background:var(--bg2);border-radius:var(--radius);padding:14px 18px;border:1px solid var(--bg3)}.leaderboard-row.rank-1{border-color:var(--gold);box-shadow:0 0 14px #f5c84226}.leaderboard-row.rank-2{border-color:#aaa}.leaderboard-row.rank-3{border-color:#c87d3e}.lb-rank{font-size:22px;width:32px;flex-shrink:0;text-align:center}.lb-name{flex:1;font-size:17px}.lb-name,.lb-pts{font-family:Lilita One,cursive}.lb-pts{font-size:16px;color:var(--gold)}.storico-list{display:flex;flex-direction:column;gap:16px}.tournament-card{background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);padding:16px;overflow:hidden}.tournament-card.invalid{opacity:.6;border-style:dashed}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-date{font-size:13px}.card-badge,.card-date{font-family:Lilita One,cursive}.card-badge{font-size:11px;letter-spacing:1px;color:var(--gold)}.badge-invalid,.card-players{color:var(--muted);font-style:italic}.card-players{font-size:15px;margin-bottom:10px}.card-matches{display:flex;flex-direction:column;gap:4px}.hist-match{font-size:15px;padding:4px 0;border-top:1px solid var(--bg3);overflow-wrap:break-word;word-break:break-word}.hist-match:first-child{border-top:none}.hist-match strong{color:var(--gold)}.storico-toolbar{display:flex;justify-content:flex-start;margin-bottom:10px}.toggle-invalid{background:transparent;border:1px solid var(--bg3);color:var(--text);border-radius:20px;padding:5px 14px;font-family:Lilita One,cursive;font-size:12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.toggle-invalid.active{background:var(--bg3);border-color:var(--text);color:var(--text)}.ts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ts-card{background:var(--bg2);border:1px solid var(--bg3);border-radius:12px;overflow:hidden}.ts-card.ts-card-generale{border-color:var(--gold)}.ts-name{display:flex;align-items:center;justify-content:space-between;font-family:Lilita One,cursive;font-size:16px;color:var(--gold);font-weight:700;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ts-card.expanded .ts-name{border-bottom:1px solid var(--bg3)}.ts-card.expanded .ts-name .card-chevron{transform:rotate(180deg)}.ts-name-left{gap:6px}.ts-name-left,.ts-name-right{display:flex;align-items:center}.ts-name-right{gap:10px;flex-shrink:0}.ts-medal{font-size:18px;line-height:1}.ts-pts-preview{font-family:Lilita One,cursive;font-size:13px;color:var(--gold);opacity:.85}.ts-body{display:none;padding:16px}.ts-card.expanded .ts-body{display:block}.ts-podium{display:flex;gap:8px;margin-bottom:12px}.ts-place{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--bg3);border-radius:8px;padding:8px 4px;gap:2px}.ts-place-icon,.ts-place-val{font-size:20px}.ts-place-val{font-family:Lilita One,cursive;color:var(--text);font-weight:700}.ts-place-pct{font-size:11px;color:var(--muted)}.ts-matches{display:flex;flex-direction:column;gap:0}.ts-match-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid var(--bg3)}.ts-match-row:last-child{border-bottom:none}.ts-match-row.muted .ts-match-lbl,.ts-match-row.muted .ts-match-val{color:var(--muted)}.ts-trn-toggle{cursor:pointer}.ts-trn-toggle-right{display:flex;align-items:center;gap:6px}.ts-trn-chevron{font-size:11px;display:inline-block;transition:transform .2s}.ts-trn-toggle.open .ts-trn-chevron{transform:rotate(180deg)}.ts-trn-history{display:none;flex-direction:column;gap:0;overflow:hidden}.ts-trn-history.open,.ts-trn-row{display:flex}.ts-trn-row{justify-content:space-between;align-items:center;gap:12px;padding:5px 8px;font-size:12px;border-bottom:1px solid hsla(0,0%,100%,.05);background:#00000026}.ts-trn-row:last-child{border-bottom:none}.ts-trn-date{color:var(--muted)}.ts-trn-date,.ts-trn-pos{font-family:Lilita One,cursive}.ts-trn-pos{font-size:13px}.ts-trn-pts{font-family:Lilita One,cursive;font-size:12px;color:var(--gold);margin-left:auto;padding-left:10px}.ts-match-lbl,.ts-match-val{color:var(--text)}.ts-match-val{font-family:Lilita One,cursive;font-size:14px;font-weight:600}.ts-match-val.win{color:#7ef7a0}.ts-match-val.loss{color:#f77e7e}.ts-match-val.gold{color:var(--gold)}.ts-summary{display:flex;gap:8px;margin-bottom:20px}.ts-summary-item{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--bg3);border-radius:8px;padding:10px 6px;gap:4px}.ts-summary-val{font-family:Lilita One,cursive;font-size:22px;color:var(--gold);font-weight:700;line-height:1}.ts-summary-date{font-size:12px;text-align:center;line-height:1.3}.ts-summary-lbl{font-size:11px;color:var(--muted);text-align:center}.ts-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ts-chart-title{font-family:Lilita One,cursive;font-size:14px;color:var(--text);font-weight:600}.ts-filter-btns{display:flex;gap:4px}.ts-filter-btn{background:var(--bg3);border:1px solid var(--bg3);color:var(--muted);border-radius:6px;padding:4px 10px;font-size:12px;font-family:Lilita One,cursive;cursor:pointer;-webkit-tap-highlight-color:transparent}.ts-filter-btn.active{background:var(--gold);color:#0a0f2e;border-color:var(--gold)}.ts-chart-wrap{position:relative;height:220px}.landing-page main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;min-height:60vh}.landing-hero{text-align:center;max-width:360px}.landing-title{font-family:Lilita One,cursive;font-size:32px;color:var(--gold);margin:0 0 12px}.landing-sub{color:var(--muted);font-size:15px;line-height:1.5;margin-bottom:32px}.landing-cta{display:flex;flex-direction:column;gap:12px;align-items:center}.auth-page main{display:flex;justify-content:center;padding:24px 20px}.auth-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px;background:var(--bg2);border:1px solid var(--bg3);border-radius:12px;padding:24px}.auth-title{font-family:Lilita One,cursive;color:var(--gold);margin:0 0 4px;font-size:22px;text-align:center}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.auth-form input{background:var(--bg);color:#fff;border:1px solid var(--bg3);border-radius:8px;padding:10px 12px;font-size:15px;font-family:inherit}.auth-form input:focus{outline:none;border-color:var(--gold)}.auth-switch{text-align:center;font-size:13px;color:var(--muted);margin:0}.auth-switch a{color:var(--gold);text-decoration:none}.header-with-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top)) 16px 14px}.header-with-actions .logo{flex:1;text-align:center}.header-action{background:none;border:none;color:var(--gold);font-size:20px;cursor:pointer;text-decoration:none;padding:8px;min-width:36px}.clans-actions{gap:8px;padding:16px 20px}.clans-actions,.clans-list{display:flex;flex-direction:column}.clans-list{gap:10px;padding:0 20px 80px}.clan-card{display:block;background:var(--bg2);border:1px solid var(--bg3);border-radius:10px;padding:14px 16px;text-decoration:none;color:#fff;transition:border-color .15s}.clan-card:active{border-color:var(--gold)}.clan-card-name{font-family:Lilita One,cursive;font-size:17px;font-weight:600;margin-bottom:6px}.clan-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.badge-member,.badge-owner{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px}.badge-owner{background:var(--gold);color:var(--bg)}.badge-member{background:var(--bg3);color:var(--muted)}.clan-code{margin-left:auto;font-family:Lilita One,cursive;color:var(--gold-dim)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg2);border:1px solid var(--bg3);border-radius:12px;padding:24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.modal-title{font-family:Lilita One,cursive;color:var(--gold);margin:0;font-size:20px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.modal input[type=email],.modal input[type=password],.modal input[type=text]{background:var(--bg);color:#fff;border:1px solid var(--bg3);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px}.modal input:focus{outline:none;border-color:var(--gold)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-danger{background:#5a1f1f!important;border-color:#8a3232!important;color:#f0aaaa!important}.players-manager{padding:0 16px 12px}.player-form{margin-bottom:12px}.player-form-row{display:grid;grid-template-columns:1fr auto;gap:6px}.player-form-found{font-size:12px;color:var(--muted);margin:6px 0 0}.player-form-found strong{color:var(--gold);font-family:Lilita One,cursive}.player-form-row input{background:var(--bg2);color:#fff;border:1px solid var(--bg3);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;min-width:0}.player-form-row input:focus{outline:none;border-color:var(--gold)}.players-list-admin{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.players-list-row{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--bg3);border-radius:6px;padding:8px 12px;font-size:13px}.players-name{flex:1}.players-tag{color:var(--muted);font-family:Lilita One,cursive;font-size:12px}.btn-mini{padding:2px 8px!important;font-size:14px!important;line-height:1!important}.settings-block{padding:16px 20px;border-bottom:1px solid var(--bg3);display:flex;flex-direction:column;gap:10px}.settings-h{font-family:Lilita One,cursive;font-size:13px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-row-actions{display:flex;gap:8px;justify-content:flex-end}.invite-code{font-family:Lilita One,cursive;font-size:18px;letter-spacing:3px;color:var(--gold)}.members-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.members-row{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--bg3);border-radius:6px;padding:8px 12px;font-size:13px}.members-id{flex:1;font-family:Lilita One,cursive;color:#ccd}.radio-row{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer}.settings-help{font-size:12px;color:var(--muted);margin:0;line-height:1.5}main .landing-hero{margin:32px auto;text-align:center;max-width:360px;padding:0 20px}.player-form-name{display:flex;align-items:center;padding:8px 10px;background:var(--bg);border:1px solid var(--bg3);border-radius:6px;font-size:13px;min-width:0;overflow:hidden}.player-form-name-val{color:var(--gold);font-family:Lilita One,cursive;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-form-name-placeholder{color:var(--muted);font-style:italic}.add-player-btn{display:block;margin:8px 0}.add-player-feedback{min-height:22px;font-size:13px}.add-player-help{background:var(--bg3);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--muted)}.add-player-help summary{cursor:pointer;color:var(--gold);font-family:Lilita One,cursive;font-weight:600;list-style:none;-webkit-tap-highlight-color:transparent}.add-player-help summary::-webkit-details-marker{display:none}.add-player-help summary:before{content:"?";display:inline-block;width:18px;height:18px;margin-right:8px;border:1px solid var(--gold);border-radius:50%;text-align:center;line-height:16px;font-size:11px}.add-player-steps{margin:10px 0 6px;padding-left:22px;line-height:1.6}.add-player-note code,.add-player-steps code{background:var(--bg);padding:1px 6px;border-radius:4px;font-size:12px;color:var(--gold);font-family:Lilita One,cursive}.add-player-note{margin:8px 0 0;font-size:12px;line-height:1.5}.leave-clan-players{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto;border:1px solid var(--bg3);border-radius:6px;padding:8px}.leave-clan-players .players-tag{margin-left:8px}.welcome-players{list-style:none;margin:0;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto;border:1px solid var(--bg3);border-radius:6px;padding:8px 12px}.welcome-players li{display:flex;align-items:baseline;gap:8px;font-size:13px}.welcome-players strong{color:var(--gold);font-family:Lilita One,cursive}.app-footer{max-width:480px;margin:24px auto 0;padding:16px 20px calc(80px + env(safe-area-inset-bottom));font-size:10px;line-height:1.5;color:var(--muted);text-align:center;opacity:.7}.app-footer a{color:var(--gold);text-decoration:underline}.pwa-update-banner[data-v-86f32167]{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--bg3);border:1px solid var(--gold-dim);border-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text);z-index:200;white-space:nowrap;box-shadow:0 4px 20px #00000080}.pwa-btn-ok[data-v-86f32167]{background:var(--gold);color:#0a0f2e;border:none;border-radius:8px;padding:6px 14px}.pwa-btn-ok[data-v-86f32167],.pwa-btn-skip[data-v-86f32167]{font-family:Lilita One,cursive;font-size:13px;cursor:pointer}.pwa-btn-skip[data-v-86f32167]{background:transparent;color:var(--muted);border:none}
