:root{
  --bg:#07090d;--bg2:#0d1118;--panel:#10161e;--panel2:#151c25;--panel3:#0b1017;--line:rgba(255,255,255,.115);
  --text:#f6f8fc;--muted:#aab4c4;--red:#d51020;--red2:#ff2738;--red3:#7a0710;--gold:#ffc328;--gold2:#ffd66b;--green:#32d583;--danger:#ff5a5f;
  --radius:20px;--radius-lg:28px;--shadow:0 24px 80px rgba(0,0,0,.46);--glow:0 0 32px rgba(213,16,32,.32)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;min-height:100vh;background:radial-gradient(circle at 90% 18%,rgba(213,16,32,.32),transparent 28rem),radial-gradient(circle at 25% 80%,rgba(213,16,32,.15),transparent 30rem),linear-gradient(180deg,#050608 0%,#0b0f16 44%,#06070a 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent,rgba(255,255,255,.025),transparent),radial-gradient(circle at 50% 105%,rgba(255,39,56,.20),transparent 35rem);mix-blend-mode:screen}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.15rem 0 4rem}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem clamp(1rem,4vw,3rem);background:rgba(7,9,13,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:.85rem;min-width:0}.brand-logo{width:56px;height:56px;filter:drop-shadow(0 0 18px rgba(255,39,56,.32))}.brand-text strong{display:block;font-size:clamp(1.05rem,2.4vw,1.65rem);line-height:1.05;letter-spacing:-.03em}.brand-text small{display:block;color:var(--red2);font-weight:900;line-height:1.15}.nav{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.nav a{padding:.68rem .85rem;border-radius:999px;color:#e6ebf2;font-weight:750}.nav a:not(.btn):hover{background:rgba(255,255,255,.08)}.btn-nav{border-radius:12px!important}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05);color:var(--text);font:inherit;font-weight:900;padding:.55rem .75rem}.footer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:2rem 1rem 6rem;color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}.footer a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.25)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);color:var(--text);padding:.85rem 1.05rem;font-weight:900;cursor:pointer;min-height:44px;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.28)}.btn-primary{background:linear-gradient(180deg,var(--red2),#b50a17 58%,#850810);border-color:rgba(255,255,255,.18);box-shadow:0 10px 28px rgba(213,16,32,.36), inset 0 1px rgba(255,255,255,.22)}.btn-ghost{background:rgba(255,255,255,.045)}.btn-small{font-size:.9rem;padding:.55rem .75rem;border-radius:10px;min-height:36px}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cards{margin-top:1rem}.card{position:relative;background:linear-gradient(180deg,rgba(20,27,36,.94),rgba(10,15,22,.96));border:1px solid var(--line);border-radius:var(--radius);padding:1.08rem;box-shadow:0 14px 40px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.035);overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 44%),radial-gradient(circle at 90% 0%,rgba(213,16,32,.10),transparent 16rem)}.card>*{position:relative}.card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card-head strong{font-size:1.05rem}.muted{color:var(--muted)}.center{text-align:center}.highlight{color:var(--gold)}.danger{color:var(--danger)}.red{color:var(--red2)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.78rem}.lead{font-size:clamp(1.12rem,2.1vw,1.55rem);font-weight:760;line-height:1.34;color:#eff3f9;max-width:660px}.lead .red,.mockup-hero .lead strong{color:var(--red2)}
.mockup-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(90deg,rgba(7,9,13,.98) 0%,rgba(11,15,22,.92) 46%,rgba(11,15,22,.36) 100%),radial-gradient(circle at 80% 48%,rgba(213,16,32,.28),transparent 25rem);box-shadow:var(--shadow),0 0 0 1px rgba(213,16,32,.09);min-height:330px}.mockup-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 36%),linear-gradient(90deg,transparent,rgba(255,39,56,.12),transparent);pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;min-height:330px;align-items:stretch}.hero-copy{padding:clamp(1.5rem,4vw,2.65rem);display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(2.4rem,6vw,4.1rem);line-height:.96;margin:.45rem 0 1rem;letter-spacing:-.06em}.hero-copy h1 span{color:var(--red2)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.hero-firetruck{position:relative;min-height:290px;background:radial-gradient(circle at 62% 38%,rgba(255,39,56,.33),transparent 18rem),url('firetruck-hero.svg') right center/contain no-repeat}.hero-firetruck:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 42%,rgba(255,39,56,.35),transparent 6rem),linear-gradient(90deg,rgba(7,9,13,.15),transparent 35%)}.hero-trophy{background:radial-gradient(circle at 70% 50%,rgba(255,195,40,.25),transparent 16rem)}.hero-trophy:after{content:"🏆";position:absolute;right:18%;top:22%;font-size:8rem;filter:drop-shadow(0 0 34px rgba(255,195,40,.38))}.light-beam{position:absolute;top:30%;width:42%;height:22%;background:linear-gradient(90deg,rgba(255,39,56,.28),transparent);filter:blur(18px);opacity:.9;transform-origin:left center;animation:sweep 3.6s ease-in-out infinite}.beam-left{left:18%;transform:rotate(-18deg)}.beam-right{left:30%;top:44%;transform:rotate(12deg);animation-delay:.8s}@keyframes sweep{50%{opacity:.35;transform:translateX(12px) rotate(-4deg)}}.compact-hero,.compact-hero .hero-inner{min-height:230px}.compact-hero .hero-firetruck{min-height:230px}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stat{display:flex;gap:1rem;align-items:center;min-height:94px}.stat-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,195,40,.12);color:var(--gold);font-size:2rem}.stat-red .stat-icon{background:rgba(255,39,56,.14);color:var(--red2)}.stat strong{display:block;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.05}.stat small{display:block;margin-top:.15rem}.home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.95fr) minmax(250px,.68fr);gap:1rem}.match-card{border-color:rgba(255,255,255,.14)}.match-card .card-head{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.85rem;margin-bottom:1.1rem}.pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:.25rem .65rem;font-size:.82rem;color:var(--muted);background:rgba(255,255,255,.045);white-space:nowrap}.pill.finished{color:var(--green)}.pill.live,.pill.in_play{color:var(--gold);box-shadow:0 0 20px rgba(255,195,40,.20);animation:pulseText 1.6s infinite}@keyframes pulseText{50%{opacity:.58}}.versus-row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin:1.35rem 0}.team-badge{display:flex;align-items:center;justify-content:center;gap:.7rem;font-weight:950;font-size:1.06rem}.team-badge img{width:50px;height:50px;object-fit:contain;border-radius:50%;background:#fff;padding:4px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}.flag-emoji{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:2rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 18px rgba(0,0,0,.25)}.vs{color:var(--red2);font-size:1.45rem;text-shadow:0 0 18px rgba(255,39,56,.35)}.match-time{margin-top:-.4rem}.score-inputs{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.7rem 0}.score-inputs input{width:92px;text-align:center;font-size:2rem;font-weight:950;color:var(--text);background:#0a0f16;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:.5rem .4rem;box-shadow:inset 0 1px 12px rgba(0,0,0,.35)}.score-inputs span{font-size:1.8rem;font-weight:900}.tip-form label{display:block;text-align:center;color:#dce4ef;font-weight:900}.tip-form .btn,.match-card>.btn{width:100%;margin-top:.5rem}.deadline{text-align:center;color:var(--gold2);font-size:.92rem;margin:.8rem 0 0}.result-line,.own-tip,.tip-preview{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:.75rem;text-align:center}.tip-preview{display:grid;gap:.25rem;margin:.75rem 0}.tip-preview strong{font-size:2rem}.other-tips{margin-top:.8rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.7rem}.other-tips div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding:.45rem 0}.ranking-card .rank-list,.ranking-full .rank-list{gap:.65rem}.rank-list{display:grid;gap:.65rem}.rank-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.035);border-radius:15px}.rank-pos{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,195,40,.12);color:var(--gold);font-weight:950}.podium-1 .rank-pos{background:rgba(255,195,40,.18)}.podium-2 .rank-pos{background:rgba(255,255,255,.14);color:#d7dde8}.podium-3 .rank-pos{background:rgba(255,130,58,.16);color:#ff9b4a}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-weight:950;color:#fff;background:linear-gradient(160deg,#233142,#0d131c);border:2px solid rgba(255,255,255,.14);box-shadow:0 0 0 2px rgba(0,0,0,.18)}.avatar-red{background:linear-gradient(160deg,var(--red2),#75060d)}.points{font-size:1.18rem;white-space:nowrap}.points span{font-size:.82rem;color:var(--muted);font-weight:700}.lantern{border-color:rgba(255,39,56,.38);background:linear-gradient(180deg,rgba(213,16,32,.15),rgba(255,255,255,.03))}.dashboard-card{border-color:rgba(255,39,56,.30);background:linear-gradient(180deg,rgba(20,27,36,.94),rgba(12,13,17,.96)),radial-gradient(circle at 92% 44%,rgba(255,39,56,.22),transparent 11rem)}.dashboard-card:after{content:"";position:absolute;right:-1rem;bottom:-1rem;width:160px;height:220px;background:linear-gradient(transparent,rgba(255,39,56,.12)),url('firefighter-silhouette.svg') bottom right/contain no-repeat;opacity:.55;pointer-events:none}.dashboard-metric{display:grid;grid-template-columns:52px 1fr;gap:.75rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:.8rem 0}.dashboard-metric:last-child{border-bottom:0}.dashboard-metric>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(255,195,40,.12);font-size:1.7rem}.dashboard-metric small,.dashboard-metric em{display:block;color:var(--muted);font-style:normal}.dashboard-metric strong{display:block;font-size:2rem;line-height:1}.values-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid rgba(255,39,56,.38);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(14,19,27,.92),rgba(7,9,13,.95));box-shadow:0 0 30px rgba(213,16,32,.12)}.values-strip div{display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;align-items:center;padding:1rem 1.15rem;border-right:1px solid rgba(255,255,255,.08)}.values-strip div:last-child{border-right:0}.values-strip span{grid-row:1/3;color:var(--red2);font-size:1.8rem}.values-strip strong{line-height:1.1}.values-strip small{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.section-head h2{margin:0}.welcome-card{display:flex;align-items:center;justify-content:space-between;gap:1rem}.welcome-card h1{margin:.25rem 0;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}
.form-card{max-width:680px;margin:1.25rem auto}.form-row{display:grid;gap:.35rem;margin-bottom:.9rem}.form-row label{font-weight:850}.input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.16);background:#0a0f16;color:var(--text);border-radius:12px;padding:.85rem;font:inherit;accent-color:var(--red2)}textarea{min-height:120px;resize:vertical}.table-wrap{overflow:auto;border-radius:16px;border:1px solid rgba(255,255,255,.1)}table{width:100%;border-collapse:collapse;min-width:720px;background:rgba(15,20,28,.85)}th,td{text-align:left;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}th{color:var(--gold);font-size:.9rem}tr:last-child td{border-bottom:0}.admin-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.admin-tabs a{padding:.65rem .85rem;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.04);font-weight:800}.admin-tabs a.active{background:linear-gradient(180deg,var(--red2),#a70b16)}.flash{margin:1rem 0;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.12)}.flash-ok{background:rgba(50,213,131,.12);border-color:rgba(50,213,131,.35)}.flash-error{background:rgba(255,90,95,.14);border-color:rgba(255,90,95,.38)}.flash-info{background:rgba(255,195,40,.12);border-color:rgba(255,195,40,.35)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#05070a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;overflow:auto}.warning{background:rgba(255,195,40,.11);border:1px solid rgba(255,195,40,.3);border-radius:14px;padding:.9rem;color:#fff6d5}.success{color:var(--green)}.legal-body{white-space:normal}.empty-card{min-height:160px;display:grid;place-items:center;color:var(--muted)}
.install-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:40;display:flex;align-items:center;justify-content:center;gap:.8rem;max-width:720px;margin:0 auto;padding:.85rem;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(11,15,22,.94);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.install-banner[hidden]{display:none}.install-banner div{display:grid;gap:.1rem;flex:1}.install-banner span{color:var(--muted);font-size:.9rem}.bottom-nav{display:none}
@media(max-width:1080px){.home-grid{grid-template-columns:1fr 1fr}.dashboard-card{grid-column:1/-1}.values-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){body{background:radial-gradient(circle at 100% 0%,rgba(213,16,32,.28),transparent 20rem),linear-gradient(180deg,#050608,#0b0f16 46%,#050608)}.page{width:min(100% - 1rem,1180px);padding-bottom:6rem}.topbar{align-items:center;padding:.75rem .9rem}.brand-logo{width:44px;height:44px}.brand-text strong{font-size:1.05rem}.brand-text small{font-size:.82rem}.nav-toggle{display:inline-flex}.nav{position:absolute;left:.75rem;right:.75rem;top:calc(100% + .5rem);display:none;grid-template-columns:1fr;background:rgba(9,12,18,.97);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:.6rem;box-shadow:var(--shadow)}.nav.is-open{display:grid}.nav a{border-radius:12px}.mockup-hero,.hero-inner{min-height:0}.hero-inner{display:block}.hero-copy{padding:1.45rem}.hero-copy h1{font-size:2.25rem}.lead{font-size:1.05rem}.hero-firetruck{min-height:145px;background-position:center right}.hero-actions .btn{width:100%}.stats-row,.grid-2,.grid-3,.grid-4,.home-grid,.values-strip{grid-template-columns:1fr}.versus-row{grid-template-columns:1fr;gap:.7rem;margin:1rem 0}.vs{text-align:center}.team-badge{justify-content:space-between}.match-card.compact .versus-row{grid-template-columns:1fr auto 1fr}.match-card.compact .team-badge{display:grid;justify-items:center;font-size:.92rem}.match-card.compact .flag-emoji{width:46px;height:46px}.score-inputs input{width:82px}.rank-row{grid-template-columns:auto auto 1fr auto}.points span{display:none}.values-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.values-strip div:last-child{border-bottom:0}.footer{padding-bottom:6rem}.install-banner{bottom:5rem;align-items:flex-start}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);z-index:35;background:rgba(7,9,13,.94);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.11);box-shadow:0 -10px 36px rgba(0,0,0,.38);padding-bottom:max(.2rem,env(safe-area-inset-bottom))}.bottom-nav a{padding:.55rem .25rem .45rem;text-align:center;color:var(--muted);font-size:.74rem;font-weight:800}.bottom-nav strong{display:block;color:#8f98a8;font-size:1.12rem;line-height:1.1}.bottom-nav a.active,.bottom-nav a.active strong{color:var(--red2)}.welcome-card{display:grid}.section-head{display:grid;align-items:start}.footer{font-size:.9rem}}
@media(max-width:440px){.rank-row{grid-template-columns:auto auto 1fr}.rank-row .points{grid-column:3;text-align:left;font-size:1rem}.card{padding:.95rem}.stat{min-height:82px}.stat-icon{width:48px;height:48px;font-size:1.55rem}.hero-firetruck{min-height:120px}.install-banner{display:grid}.install-banner .btn{width:100%}}