*{box-sizing:border-box}html,body{width:100%;min-height:100%;overflow-x:hidden}body{margin:0;font-family:Inter,Arial,sans-serif;color:#f8fafc;background:#06110d;min-height:100vh}.derbii-bg{position:fixed;inset:0;background:radial-gradient(circle at 18% 10%,rgba(34,197,94,.28),transparent 28%),radial-gradient(circle at 82% 5%,rgba(59,130,246,.22),transparent 24%),linear-gradient(135deg,#06110d,#071b14 48%,#09111d);z-index:-2}.derbii-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.58)),url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=2200&q=80') center/cover fixed;opacity:.42;z-index:-1}.derbii-hero{min-height:460px;width:100vw;padding:20px clamp(16px,4vw,64px) 62px;border-bottom:1px solid rgba(255,255,255,.14)}.derbii-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:76px}.brand,.nav-actions a{color:#fff;text-decoration:none}.brand{display:flex;gap:10px;align-items:center;font-size:24px}.brand-ball{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.14);backdrop-filter:blur(12px)}.nav-actions{display:flex;gap:10px;align-items:center}.nav-actions a{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1);font-weight:800}.nav-actions .pill{background:#22c55e;color:#052e16}.hero-inner{width:min(1280px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:end}.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);font-weight:900}.hero-inner h1{font-size:clamp(38px,6vw,78px);line-height:.96;margin:18px 0 16px;letter-spacing:-.05em;max-width:900px}.hero-inner p{font-size:18px;line-height:1.65;color:#d1fae5;max-width:700px}.fan-counter{border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:24px;background:rgba(2,6,23,.55);backdrop-filter:blur(16px);box-shadow:0 24px 80px rgba(0,0,0,.35)}.fan-counter span{color:#bbf7d0;font-weight:900}.fan-counter strong{display:block;font-size:48px;margin:8px 0}.fan-counter small{color:#cbd5e1;line-height:1.5}.page-wrap{width:min(1280px,100%);margin:-40px auto 60px;padding:0 16px}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;width:100%}.tab{display:flex;justify-content:center;align-items:center;text-align:center;min-height:52px;color:#d1fae5;text-decoration:none;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:1000;box-shadow:0 12px 35px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.tab.active{background:#fff;color:#064e3b}.matches-shell{background:rgba(255,255,255,.96);color:#0f172a;border-radius:30px;padding:22px;box-shadow:0 20px 80px rgba(0,0,0,.25)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-title h2{margin:0;font-size:26px}.section-title span{font-weight:900;color:#047857}.week-block{margin:22px 0}.week-block h3{margin:0 0 12px;padding:10px 12px;border-radius:16px;background:#ecfdf5;color:#065f46;font-size:15px}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-card{border:1px solid #e2e8f0;border-radius:22px;padding:16px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.06)}.match-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.match-top span{font-size:12px;font-weight:900;color:#047857}.match-top time{font-size:12px;color:#64748b;font-weight:800}.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0 4px}.team{display:flex;align-items:center;gap:10px;min-width:0}.team.right{justify-content:flex-end;text-align:right}.team img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#f1f5f9}.team strong{font-size:15px;overflow:hidden;text-overflow:ellipsis}.score{min-width:64px;text-align:center;font-weight:1000;font-size:22px;color:#064e3b;background:#ecfdf5;border-radius:14px;padding:8px 10px}.more-wrap{text-align:center;margin-top:20px}.more-btn{display:inline-flex;padding:14px 24px;border-radius:999px;background:#064e3b;color:#fff;text-decoration:none;font-weight:1000}.empty{padding:30px;text-align:center;color:#64748b;background:#f8fafc;border-radius:20px;font-weight:800}@media(max-width:840px){.hero-inner{grid-template-columns:1fr}.derbii-nav{margin-bottom:42px}.match-grid{grid-template-columns:1fr}.derbii-hero{min-height:auto}.fan-counter strong{font-size:38px}.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.tabs{grid-template-columns:1fr}.match-top{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.match-top span,.match-top time{font-size:11px;line-height:1}.teams{grid-template-columns:1fr}.score{order:2;width:100%}.team.right{justify-content:flex-start;text-align:left}}

/* Derbii route/auth/match pages */
.derbii-mini-header{width:100vw;padding:20px clamp(16px,4vw,64px) 28px;border-bottom:1px solid rgba(255,255,255,.12)}
.derbii-nav.compact{margin-bottom:0;width:min(1280px,100%);margin-left:auto;margin-right:auto}
.auth-wrap{width:min(560px,100%);margin:42px auto 80px;padding:0 16px}
.auth-card{background:rgba(255,255,255,.96);color:#0f172a;border-radius:30px;padding:28px;box-shadow:0 20px 80px rgba(0,0,0,.25)}
.auth-card h1{margin:0 0 10px;font-size:34px;letter-spacing:-.04em}.auth-card p{color:#475569;line-height:1.55}.auth-form{display:grid;gap:14px;margin-top:18px}.auth-form label{display:grid;gap:8px;font-weight:900;color:#0f172a}.auth-form input,.auth-form select,.comment-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:16px;padding:14px 15px;font:inherit;background:#fff;color:#0f172a}.auth-form input:focus,.auth-form select:focus,.comment-form textarea:focus{outline:3px solid rgba(34,197,94,.22);border-color:#22c55e}.form-msg{min-height:22px;margin-top:14px;font-weight:900;color:#b91c1c}.auth-alt a,.empty a{color:#047857;font-weight:1000}.fan-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;padding:14px 16px;border-radius:18px;background:#ecfdf5;color:#065f46}.fan-strip strong,.fan-strip span{font-weight:1000}.profile-info{margin:18px 0;padding:16px;border-radius:18px;background:#f8fafc;color:#0f172a}.back-link{display:inline-flex;margin-bottom:16px;color:#047857;text-decoration:none;font-weight:1000}.loading-box{padding:30px;text-align:center;font-weight:900;color:#64748b}.detail-card{margin-top:16px}.detail-teams{margin:0}.comment-panel{margin-top:18px;padding:18px;border-radius:22px;background:#f8fafc}.comment-panel h3{margin:0 0 14px}.comment-form{display:grid;gap:12px}.comment-form textarea{min-height:110px;resize:vertical}.comment-list{display:grid;gap:10px;margin-top:16px}.comment-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.comment-item p{margin:6px 0 0;color:#334155}.empty.small{padding:16px}
@media(max-width:560px){.auth-card{padding:22px;border-radius:24px}.fan-strip{align-items:flex-start;flex-direction:column}.section-title{align-items:flex-start;flex-direction:column}.detail-teams{grid-template-columns:1fr}.detail-teams .score{order:2}.detail-teams .team.right{justify-content:flex-start;text-align:left}.nav-actions{gap:6px}.nav-actions a{padding:9px 10px;font-size:13px}}