#p-localplayers{--lp-red:#ff174f;--lp-cyan:#69daff;--lp-lime:#cafd00;--lp-panel:rgba(10,13,21,.92);--lp-line:rgba(255,255,255,.09)}
#p-localplayers> :not(#lpHubRoot){display:none!important}
.lph-shell{display:grid;gap:16px;padding-bottom:42px}
.lph-hero{position:relative;min-height:244px;overflow:hidden;border:1px solid rgba(105,218,255,.2);border-radius:22px;background:#090c13 url('/games/assets/profile/local-players-hero-v1.webp') center 46%/cover no-repeat;box-shadow:0 24px 70px rgba(0,0,0,.34);isolation:isolate}
.lph-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,12,.97) 0%,rgba(5,7,12,.84) 43%,rgba(5,7,12,.2) 76%,rgba(5,7,12,.48) 100%)}
.lph-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--lp-red),var(--lp-cyan),var(--lp-lime))}
.lph-hero-copy{display:flex;min-height:244px;max-width:760px;flex-direction:column;justify-content:center;padding:34px clamp(22px,4vw,58px)}
.lph-kicker,.lph-section-label{font:800 10px/1 'Space Grotesk',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--lp-cyan)}
.lph-hero h2{margin:10px 0 9px;font:900 clamp(30px,4vw,56px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.045em;text-transform:uppercase;color:#fff}
.lph-hero h2 span{color:var(--lp-red)}
.lph-hero p{max-width:620px;margin:0;color:#aeb8c8;font-size:13px;line-height:1.65}
.lph-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.lph-btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--lp-line);border-radius:11px;background:rgba(255,255,255,.045);color:#d8deea;font:800 10px/1 'Space Grotesk',sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.lph-btn:hover{border-color:rgba(105,218,255,.44);background:rgba(105,218,255,.08);transform:translateY(-1px)}
.lph-btn.primary{border-color:rgba(202,253,0,.52);background:var(--lp-lime);color:#080a0e;box-shadow:0 0 26px rgba(202,253,0,.13)}
.lph-modal-actions .lph-btn.primary{background:linear-gradient(135deg,#39414d,#262d37);color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.lph-modal-actions .lph-btn.primary:hover{border-color:rgba(202,253,0,.72);background:linear-gradient(135deg,#46505e,#303845);color:#fff!important}
.lph-modal-actions .lph-btn.primary:disabled{cursor:wait;opacity:.72;transform:none;color:#fff!important}
.lph-btn.danger{color:#ff7794}.lph-btn .material-symbols-outlined{font-size:17px}
.lph-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lph-metric{position:relative;min-height:90px;overflow:hidden;padding:17px;border:1px solid var(--lp-line);border-radius:16px;background:linear-gradient(145deg,rgba(18,22,32,.94),rgba(7,9,15,.94))}
.lph-metric:after{content:"";position:absolute;inset:auto 14px 0;height:2px;background:var(--metric,#fff);opacity:.75}
.lph-metric small{display:block;color:#778296;font:800 9px/1.2 'Space Grotesk',sans-serif;letter-spacing:.15em;text-transform:uppercase}.lph-metric strong{display:block;margin-top:8px;color:var(--metric,#fff);font:900 27px/1 'Space Grotesk',sans-serif}.lph-metric span{display:block;margin-top:5px;color:#606a7b;font-size:9px}
.lph-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:5px 2px 0}.lph-toolbar h3{margin:6px 0 0;color:#fff;font:850 20px/1.1 'Space Grotesk',sans-serif}.lph-toolbar-right{display:flex;align-items:center;gap:8px}.lph-filter{height:40px;min-width:190px;padding:0 12px;border:1px solid var(--lp-line);border-radius:11px;background:#0c1018;color:#cbd3df;outline:none;font-size:11px}
.lph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}
.lph-card{--accent:#69daff;position:relative;min-height:280px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 8%,#11151e),#080b11 58%);box-shadow:0 18px 44px rgba(0,0,0,.22);cursor:pointer;transition:transform .18s,border-color .18s}
.lph-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 64%,transparent)}
.lph-card.is-archived{filter:saturate(.45);opacity:.67}.lph-card-top{display:flex;align-items:center;gap:13px;padding:17px 17px 12px}
.lph-avatar{width:62px;height:62px;flex:0 0 62px;overflow:hidden;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);border-radius:17px;background:color-mix(in srgb,var(--accent) 10%,#11151e);color:#fff;font:900 23px/1 'Space Grotesk',sans-serif;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 12%,transparent)}
.lph-avatar img{width:100%;height:100%;object-fit:cover}.lph-card-title{min-width:0;flex:1}.lph-card-title h4{margin:0;overflow:hidden;color:#fff;font:850 17px/1.1 'Space Grotesk',sans-serif;text-overflow:ellipsis;white-space:nowrap}.lph-card-title p{margin:5px 0 0;color:#778296;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lph-status{display:inline-flex;margin-top:8px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:99px;color:var(--accent);font:800 8px/1 'Space Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.lph-score{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1px;margin:2px 16px 13px;overflow:hidden;border:1px solid var(--lp-line);border-radius:12px;background:var(--lp-line)}.lph-score div{padding:12px;background:#0b0e15}.lph-score small{display:block;color:#626d7d;font:800 8px/1 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase}.lph-score strong{display:block;margin-top:7px;color:#fff;font:900 19px/1 'Space Grotesk',sans-serif}.lph-score div:first-child strong{color:var(--accent);font-size:24px}
.lph-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 16px}.lph-card-stats div{padding:9px 5px;border:1px solid rgba(255,255,255,.055);border-radius:9px;text-align:center}.lph-card-stats b{display:block;color:#dfe5ee;font:800 13px/1 'Space Grotesk',sans-serif}.lph-card-stats span{display:block;margin-top:5px;color:#596475;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.lph-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:13px 16px 16px}.lph-card-actions .lph-btn{min-height:34px;padding:0 9px;font-size:8px}.lph-card-actions .lph-play{grid-column:1/-1;border-color:color-mix(in srgb,var(--accent) 58%,transparent);background:color-mix(in srgb,var(--accent) 12%,#0a0d13);color:#fff}
.lph-empty{min-height:260px;display:grid;place-items:center;padding:30px;border:1px dashed rgba(105,218,255,.25);border-radius:18px;background:linear-gradient(145deg,rgba(105,218,255,.045),rgba(202,253,0,.025));text-align:center}.lph-empty .material-symbols-outlined{font-size:50px;color:var(--lp-cyan)}.lph-empty h3{margin:10px 0 6px;color:#fff;font:850 21px/1 'Space Grotesk',sans-serif}.lph-empty p{max-width:460px;margin:0 0 16px;color:#7e899a;font-size:11px;line-height:1.55}
.lph-modal-layer{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:rgba(2,4,8,.82)}.lph-modal{width:min(720px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(105,218,255,.22);border-radius:21px;background:#0b0f17;box-shadow:0 32px 100px rgba(0,0,0,.72)}.lph-modal-head{position:relative;overflow:hidden;padding:24px;border-bottom:1px solid var(--lp-line);background:linear-gradient(110deg,rgba(233,0,58,.14),rgba(105,218,255,.08))}.lph-modal-head h3{margin:5px 44px 0 0;color:#fff;font:900 25px/1 'Space Grotesk',sans-serif}.lph-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid var(--lp-line);border-radius:10px;background:#111620;color:#b9c2cf;cursor:pointer}.lph-modal-body{display:grid;gap:14px;padding:22px}.lph-form-grid{display:grid;grid-template-columns:1fr 150px;gap:12px}.lph-field{display:grid;gap:7px}.lph-field label{color:#7c8798;font:800 9px/1 'Space Grotesk',sans-serif;letter-spacing:.13em;text-transform:uppercase}.lph-field input{height:44px;padding:0 13px;border:1px solid var(--lp-line);border-radius:11px;background:#070a10;color:#fff;outline:none}.lph-field input:focus{border-color:rgba(105,218,255,.5)}.lph-colors{display:flex;flex-wrap:wrap;gap:8px}.lph-color{width:28px;height:28px;border:2px solid transparent;border-radius:50%;cursor:pointer}.lph-color.active{border-color:#fff;box-shadow:0 0 0 2px #0b0f17}.lph-upload{display:flex;align-items:center;gap:12px;padding:12px;border:1px dashed rgba(255,255,255,.13);border-radius:12px}.lph-upload .lph-avatar{width:54px;height:54px;flex-basis:54px}.lph-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.lph-detail-head{display:flex;align-items:center;gap:15px}.lph-detail-head .lph-avatar{width:74px;height:74px;flex-basis:74px}.lph-detail-head h3{margin:0;color:#fff;font:900 25px/1 'Space Grotesk',sans-serif}.lph-detail-head p{margin:6px 0 0;color:#758094;font-size:11px}.lph-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lph-detail-stat{padding:14px;border:1px solid var(--lp-line);border-radius:12px;background:#080b11;text-align:center}.lph-detail-stat b{display:block;color:#fff;font:900 20px/1 'Space Grotesk',sans-serif}.lph-detail-stat span{display:block;margin-top:6px;color:#626d7d;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.lph-recent{display:grid;gap:7px}.lph-match{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--lp-line);border-radius:11px;background:#090d14}.lph-match-result{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-weight:900}.lph-match-result.win{background:rgba(63,255,139,.12);color:#3fff8b}.lph-match-result.loss{background:rgba(255,23,79,.1);color:#ff698c}.lph-match strong{display:block;color:#dce3ed;font-size:11px}.lph-match small{display:block;margin-top:3px;color:#626d7d;font-size:9px}
@media(max-width:900px){.lph-overview{grid-template-columns:repeat(2,1fr)}.lph-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.lph-hero{min-height:300px;background-position:64% center}.lph-hero-copy{min-height:300px;padding:26px 20px}.lph-hero p{max-width:90%;font-size:11px}.lph-toolbar{align-items:stretch;flex-direction:column}.lph-toolbar-right{display:grid;grid-template-columns:1fr auto}.lph-filter{min-width:0;width:100%}.lph-grid{grid-template-columns:1fr}.lph-form-grid{grid-template-columns:1fr}.lph-detail-grid{grid-template-columns:repeat(2,1fr)}}