:root{--g:#83ff91;--lime:#eaff4f;--bg:#030806;--panel:#0a1510;--mx:0deg;--my:0deg}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#12331d,#030806 45%);color:#f4fff6;font-family:Inter,system-ui,sans-serif}a{color:inherit}header{height:74px;position:fixed;z-index:20;top:0;left:0;right:0;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#030806cc;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff14}header b{letter-spacing:.12em}header span,em{color:var(--g)}nav a{margin-left:20px;text-decoration:none;font-size:14px}.hero{height:100vh;display:grid;place-items:center;perspective:900px;overflow:hidden}.stadium{position:absolute;width:120vw;height:70vh;bottom:-25vh;background:repeating-linear-gradient(90deg,#0b371c 0 9vw,#0d421f 9vw 18vw);transform:rotateX(64deg) rotateY(var(--mx));box-shadow:0 -30px 100px #80ff8b22;transition:.15s}.stadium:after{content:"";position:absolute;inset:10%;border:3px solid #dffff077;border-radius:4px}.heroText{z-index:2;text-align:center;transform:rotateX(var(--my));transition:.15s}.heroText small{letter-spacing:.35em;color:var(--lime)}h1{font-size:clamp(55px,12vw,145px);line-height:.82;letter-spacing:-.07em;margin:22px 0}h1 i{font-style:normal;color:transparent;-webkit-text-stroke:1px white}.hero p{font-size:20px;color:#b8cfbf}main{max-width:1200px;margin:auto;padding:60px 24px}main>section{padding:100px 0}h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.04em}.panel{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.panel p,.post p,.match p{color:#aac0b0;line-height:1.7}.shirt{height:380px;display:grid;place-items:center;background:linear-gradient(145deg,#183e24,#0a170f);clip-path:polygon(22% 0,36% 8%,64% 8%,78% 0,100% 17%,86% 40%,78% 34%,78% 100%,22% 100%,22% 34%,14% 40%,0 17%);text-align:center}.shirt span{font-size:120px;font-weight:900}.shirt b{position:absolute;margin-top:150px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.match,.post,.box,.manage>div{background:#09130e;border:1px solid #ffffff16;border-radius:20px;padding:24px}.match strong{color:var(--lime);white-space:nowrap}.match time,.post time{color:#789481;font-size:12px}
#intro{position:fixed;z-index:100;inset:0;background:#010302;display:grid;place-items:center;transition:opacity .7s,visibility .7s}.ball{font-size:110px;animation:zoom 2.2s cubic-bezier(.7,0,.2,1) forwards;filter:drop-shadow(0 0 35px #fff5)}.introName{position:absolute;bottom:15%;font-weight:900;letter-spacing:.35em}.gone{opacity:0;visibility:hidden}@keyframes zoom{0%{transform:scale(.04) rotate(0)}65%{transform:scale(1.3) rotate(500deg)}100%{transform:scale(18) rotate(850deg)}}
footer{text-align:center;padding:60px;color:#63806c}.login{min-height:100vh;display:grid;place-items:center}.loginbox,.box{width:min(92vw,470px);display:grid;gap:14px}.loginbox{padding:35px;background:#09130e;border:1px solid #ffffff1a;border-radius:24px}.loginbox h1{font-size:42px}.loginbox a{text-align:center;color:#94ad9b}input,textarea,button{font:inherit;border-radius:12px;border:1px solid #ffffff18;padding:14px;background:#050b08;color:white}textarea{resize:vertical}button{background:var(--g);color:#031006;font-weight:800;cursor:pointer}.error,.ok{padding:14px;border-radius:12px;background:#7c202055}.ok{background:#174b2755}.admin{padding-top:90px}.dash{padding-top:35px}.dash>h1{font-size:60px}.adminGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.box{width:auto}.box h2{font-size:25px;margin:0 0 8px}.scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manage{display:grid;gap:8px}.manage>div{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.manage form{margin:0}.danger{background:#6c2020;color:#fff;padding:8px 12px}
@media(max-width:700px){nav a:not(:last-child){display:none}.panel{grid-template-columns:1fr}.shirt{height:300px}.dash>h1{font-size:42px}}