:root{
  --accent:#FF8922;
  --text:#E0E0E0;
  --bg:#140B04;
  --muted:#a99686;
  --glass:rgba(255,255,255,.075);
  --glass-strong:rgba(255,255,255,.12);
  --stroke:rgba(255,255,255,.14);
  --shadow:0 24px 60px rgba(0,0,0,.45);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overscroll-behavior:none}
body{background:radial-gradient(circle at 30% 0%,rgba(255,137,34,.28),transparent 34%),radial-gradient(circle at 90% 10%,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#140B04 0%,#1b0d05 55%,#100703 100%);overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{border:0;cursor:pointer;touch-action:manipulation}
button:disabled{opacity:.45;cursor:not-allowed}
a{color:inherit;text-decoration:none}
.bg-orb{position:fixed;pointer-events:none;filter:blur(55px);opacity:.65;border-radius:999px;z-index:0}
.orb-a{width:250px;height:250px;background:rgba(255,137,34,.55);left:-100px;top:90px;animation:float 9s ease-in-out infinite}
.orb-b{width:220px;height:220px;background:rgba(255,255,255,.12);right:-80px;bottom:120px;animation:float 11s ease-in-out infinite reverse}
@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(25px,-20px,0) scale(1.08)}}
.app-shell{position:relative;z-index:1;min-height:100dvh;max-width:620px;margin:0 auto;padding:calc(14px + var(--safe-top)) 14px calc(96px + var(--safe-bottom))}
.boot{margin-top:18vh;text-align:center;padding:34px 20px}.boot-logo{width:96px;height:96px;filter:drop-shadow(0 16px 40px rgba(255,137,34,.4))}.boot h1{margin:12px 0 4px;font-size:34px}.boot p{color:var(--muted);margin:0}
.view{animation:pageIn .34s cubic-bezier(.2,.8,.2,1)}
@keyframes pageIn{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.glass-card,.bottom-nav,.modal-card,.fab,.chip,.control-btn{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.glass-card{border-radius:28px;padding:16px;margin:12px 0}.soft-card{border-radius:24px;padding:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}
.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px}.brand h1{font-size:25px;line-height:1;margin:0}.brand p,.subtle{color:var(--muted);margin:4px 0 0;font-size:13px}.icon-btn{width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;transition:.15s transform,.15s background}.icon-btn img,.icon-btn svg{width:22px;height:22px}.icon-btn:active,.pressable:active{transform:scale(1.06)}
.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}
h2{font-size:20px;margin:0 0 10px}h3{font-size:16px;margin:0 0 8px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}.section-title h2{margin:0}.link-btn{background:transparent;color:var(--accent);padding:8px 4px;font-weight:700}.accent{color:var(--accent)}
.primary,.secondary,.danger,.ghost{min-height:46px;border-radius:18px;padding:0 16px;font-weight:800;transition:transform .12s ease,filter .12s ease,background .12s ease}.primary{background:linear-gradient(135deg,var(--accent),#ffb067);color:#1b0d05}.secondary{background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.12);color:var(--text)}.danger{background:rgba(255,65,65,.17);border:1px solid rgba(255,110,110,.25);color:#ffd8d8}.ghost{background:transparent;color:var(--accent)}.primary:active,.secondary:active,.danger:active,.ghost:active{transform:scale(1.045)}
input,select,textarea{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);min-height:46px;padding:12px 14px;outline:none}textarea{min-height:86px;resize:vertical}.field{display:grid;gap:7px;margin:10px 0}.field label{color:var(--muted);font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chip{border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text);box-shadow:none}.chip.active{background:rgba(255,137,34,.22);border-color:rgba(255,137,34,.55)}
.match-card{display:grid;gap:10px}.score{display:flex;align-items:center;justify-content:center;gap:13px;font-weight:900}.score strong{font-size:32px}.score span{color:var(--muted);font-size:12px}.status-dot{width:9px;height:9px;border-radius:50%;background:#7b726b}.status-live{background:#31e981;box-shadow:0 0 18px #31e981}.avatar{width:48px;height:48px;min-width:48px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,rgba(255,137,34,.35),rgba(255,255,255,.12));display:grid;place-items:center;font-weight:900;color:#fff;border:1px solid rgba(255,255,255,.14)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:34px;height:34px;min-width:34px;border-radius:13px;font-size:12px}.avatar.big{width:96px;height:96px;border-radius:30px;font-size:30px}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:12px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.stat b{display:block;font-size:22px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.player-line{display:flex;align-items:center;gap:10px;padding:10px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);margin:8px 0}.player-line .meta{min-width:0;flex:1}.player-line b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-line span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.list{display:grid;gap:8px}.empty{padding:18px;text-align:center;color:var(--muted);background:rgba(255,255,255,.045);border-radius:22px}
.bottom-nav{position:fixed;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translateX(-50%);z-index:40;width:min(560px,calc(100% - 22px));height:72px;border-radius:30px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px}.nav-btn{border-radius:22px;background:transparent;color:var(--muted);display:grid;place-items:center;gap:2px;transition:.18s}.nav-btn img{width:23px;height:23px;filter:brightness(.75);transition:.18s}.nav-btn span{font-size:10px;font-weight:750}.nav-btn.active{background:rgba(255,137,34,.18);color:var(--accent)}.nav-btn.active img{filter:none;transform:translateY(-1px)}.nav-btn:active{transform:scale(1.07)}
.fab{position:fixed;right:max(18px,calc((100vw - 620px)/2 + 18px));bottom:calc(94px + var(--safe-bottom));z-index:35;width:62px;height:62px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,137,34,.95),rgba(255,177,104,.76));box-shadow:0 20px 50px rgba(255,137,34,.32);transition:.14s transform}.fab img{width:28px;height:28px}.fab:active{transform:scale(1.09)}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.46);z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:20px 12px calc(20px + var(--safe-bottom));animation:fadeIn .18s}.modal-card{width:min(620px,100%);max-height:88dvh;overflow:auto;border-radius:32px;padding:16px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.modal-head h2{margin:0}.close{width:40px;height:40px;border-radius:16px;background:rgba(255,255,255,.09)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.segment{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:rgba(255,255,255,.05);border-radius:20px;padding:5px}.segment button{border-radius:16px;min-height:40px;background:transparent;color:var(--muted);font-weight:800}.segment button.active{background:rgba(255,137,34,.22);color:var(--accent)}
.match-room{padding-bottom:10px}.scoreboard{position:sticky;top:calc(8px + var(--safe-top));z-index:10;border-radius:32px;padding:18px;background:linear-gradient(145deg,rgba(255,137,34,.2),rgba(255,255,255,.075));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(24px)}.scoreboard .teams{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.team-score{text-align:center}.team-score b{display:block;font-size:46px;line-height:1}.team-score span{display:block;color:var(--muted);font-size:12px;font-weight:800}.timer{text-align:center;color:var(--muted);font-size:13px;margin-top:8px}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.control-btn{min-height:52px;border-radius:20px;color:var(--text);font-weight:900;box-shadow:none}.control-btn.orange{background:rgba(255,137,34,.2);color:var(--accent)}.court-wrap{position:relative;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);padding:8px}.court-wrap img{width:100%;display:block;opacity:.92}.shot-marker{position:absolute;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;background:var(--accent);box-shadow:0 0 20px rgba(255,137,34,.9)}.events{display:grid;gap:8px}.event{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:10px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.event time{color:var(--accent);font-weight:900}.event p{margin:0}.event span{color:var(--muted);font-size:12px}.pager{display:flex;gap:8px;align-items:center;justify-content:center;margin:14px 0}.pager button{min-width:42px}.admin-badge{padding:6px 10px;border-radius:999px;background:rgba(255,137,34,.18);color:var(--accent);font-weight:900;font-size:12px}
.toast{position:fixed;left:50%;bottom:calc(176px + var(--safe-bottom));z-index:200;transform:translateX(-50%);background:rgba(20,11,4,.86);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);padding:12px 14px;border-radius:18px;box-shadow:var(--shadow);max-width:min(560px,calc(100% - 28px));animation:toast .2s}.toast.err{border-color:rgba(255,80,80,.35)}@keyframes toast{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media (max-width:430px){.app-shell{padding-left:12px;padding-right:12px}.grid-2,.grid-3,.form-row{grid-template-columns:1fr}.scoreboard .teams{grid-template-columns:1fr auto 1fr}.team-score b{font-size:38px}.controls{grid-template-columns:1fr 1fr}.bottom-nav{height:68px}.nav-btn span{font-size:9px}.glass-card{border-radius:24px}.modal-card{border-radius:28px}}
@media (pointer:fine){.primary:hover,.secondary:hover,.danger:hover,.ghost:hover,.icon-btn:hover,.nav-btn:hover,.fab:hover{filter:brightness(1.08)}}

.view.no-anim{animation:none!important;filter:none!important;transform:none!important;opacity:1!important}
select{appearance:none;-webkit-appearance:none;background-color:rgba(255,255,255,.075);color:var(--text);background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);background-position:calc(100% - 20px) 20px,calc(100% - 14px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}
select option,select optgroup{background:#2b231d;color:var(--text)}
select:focus,input:focus,textarea:focus{border-color:rgba(255,137,34,.72);box-shadow:0 0 0 4px rgba(255,137,34,.12)}
input[type="file"]{padding:10px;color:var(--muted)}
input[type="file"]::file-selector-button{border:0;border-radius:14px;background:rgba(255,137,34,.22);color:var(--accent);font-weight:900;padding:10px 12px;margin-right:10px}
.avatar-editor{display:flex;align-items:center;gap:14px}
@media (max-width:430px){.avatar-editor{align-items:stretch;flex-direction:column}.avatar-editor .avatar.big{margin:auto}}