/* SLACKER eSPORTS LAN — visual layer v4 */
:root{
  --lan-bg:#050505;--lan-bg2:#090909;--lan-card:rgba(14,14,14,.92);--lan-line:#262626;
  --lan-gold:#d5aa32;--lan-gold2:#f3d56f;--lan-gold3:#8d6d20;--lan-text:#f5f5f5;--lan-muted:#929292;
  --lan-green:#48c774;--lan-red:#d85b5b;--lan-radius:16px;
}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 50% -12%,rgba(213,170,50,.16),transparent 34%),radial-gradient(circle at 10% 35%,rgba(92,62,8,.08),transparent 25%),linear-gradient(180deg,#070707 0%,#040404 100%)!important;color:var(--lan-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}
.lan-main-nav{background:rgba(5,5,5,.78)!important;border-bottom:1px solid rgba(213,170,50,.18)!important;box-shadow:0 10px 40px rgba(0,0,0,.35);backdrop-filter:blur(18px)!important}
.lan-nav-inner{width:min(1240px,calc(100% - 32px))!important;min-height:70px!important;gap:22px!important}
.lan-nav-brand{position:relative;font-size:14px!important;letter-spacing:2.5px!important}.lan-nav-brand:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lan-gold);box-shadow:0 0 16px rgba(213,170,50,.75);margin-right:2px}.lan-nav-brand em{font-size:12px!important;color:var(--lan-gold2)!important}.lan-nav-brand small{font-size:8px!important;color:#666!important}
.lan-nav-links{gap:5px!important}.lan-nav-links a{position:relative;border-radius:9px;padding:0 14px!important;transition:.2s ease;color:#858585!important}.lan-nav-links a:hover{background:rgba(255,255,255,.045);color:#eee!important}.lan-nav-links a.active{background:linear-gradient(180deg,rgba(213,170,50,.13),rgba(213,170,50,.05));color:var(--lan-gold2)!important;border:1px solid rgba(213,170,50,.25)!important;border-bottom:1px solid rgba(213,170,50,.25)!important;box-shadow:inset 0 0 18px rgba(213,170,50,.04)}
.lan-nav-account a{height:38px!important;margin:0!important;border-radius:9px!important;border-color:#333!important;background:#0c0c0c;transition:.2s}.lan-nav-account a:hover{border-color:var(--lan-gold3)!important;background:#131006}
.wrap{width:min(1240px,calc(100% - 32px))!important}
.hero{border-radius:20px!important;border-color:rgba(213,170,50,.28)!important;background:radial-gradient(circle at 90% 15%,rgba(213,170,50,.12),transparent 28%),linear-gradient(135deg,rgba(22,18,9,.98),rgba(10,10,10,.96) 62%,rgba(14,11,6,.98))!important;box-shadow:0 25px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)!important}
.hero:before{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(213,170,50,.12);border-radius:50%;right:-90px;top:-130px;box-shadow:0 0 0 34px rgba(213,170,50,.025),0 0 0 68px rgba(213,170,50,.015);pointer-events:none}
/* The ring sits inside its hero; without this it widened the booking page on phones. */
.hero{position:relative;overflow:hidden}
.hero:after{opacity:.06!important;letter-spacing:-5px}
.eyebrow{color:var(--lan-gold2)!important;letter-spacing:3.5px!important}
.hero h1{letter-spacing:-2px;text-shadow:0 8px 30px rgba(0,0,0,.4)}
.hero p{color:#aaa!important}
.btn{background:linear-gradient(135deg,#f1cf62,#c89c27)!important;box-shadow:0 8px 24px rgba(213,170,50,.13);border:1px solid rgba(255,230,140,.28)!important;transition:transform .18s,box-shadow .18s,filter .18s!important}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(213,170,50,.22);filter:brightness(1.04)}.btn.dark{background:rgba(255,255,255,.035)!important;border-color:#363636!important;box-shadow:none!important}.btn.dark:hover{border-color:#635020!important;background:rgba(213,170,50,.06)!important}
.stats{gap:10px!important}.stat,.pill{background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(10,10,10,.96))!important;border-color:#2b2b2b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.stat{border-radius:13px!important;padding:17px!important}.stat b{color:var(--lan-gold2)!important}
.panel,.lan-champion-panel{position:relative;background:linear-gradient(180deg,rgba(16,16,16,.96),rgba(10,10,10,.94))!important;border-color:#292929!important;border-radius:15px!important;box-shadow:0 14px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important}
.panel:before,.lan-champion-panel:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(213,170,50,.32),transparent);pointer-events:none}
.feature,.lan-activity-card,.seat,.sponsor-card{background:linear-gradient(180deg,#0d0d0d,#080808)!important;border-color:#2a2a2a!important;transition:.2s ease!important}.feature:hover,.lan-activity-card:hover,.seat:hover,.sponsor-card:hover{transform:translateY(-2px);border-color:rgba(213,170,50,.42)!important;box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 0 1px rgba(213,170,50,.05)}
.feature .icon{filter:drop-shadow(0 4px 10px rgba(213,170,50,.15))}
.cta{background:linear-gradient(135deg,rgba(47,37,12,.8),rgba(18,14,7,.9))!important;border-color:rgba(213,170,50,.3)!important;box-shadow:0 14px 35px rgba(0,0,0,.25)}
.alert{background:rgba(43,33,10,.78)!important;border-color:rgba(213,170,50,.3)!important;box-shadow:0 8px 25px rgba(0,0,0,.2)}
.schedule-row{padding:13px 0!important;border-color:#242424!important}.schedule-row b{font-size:12px!important;color:var(--lan-gold2)!important}
.table-center{height:58px!important;border-color:rgba(213,170,50,.35)!important;background:radial-gradient(circle at center,rgba(45,35,13,.75),#090909 70%)!important;box-shadow:inset 0 0 35px rgba(213,170,50,.035)}
.seat{min-height:54px!important;border-radius:10px!important}.seat.busy{background:linear-gradient(180deg,#171107,#100d08)!important;border-color:#6a5216!important}.seat.mine{box-shadow:0 0 0 2px var(--lan-gold2) inset,0 0 18px rgba(213,170,50,.12)!important}.seat:not(.busy){background:linear-gradient(180deg,#101010,#090909)!important}.seat:not(.busy):after{content:"LEDIG";position:absolute;bottom:4px;right:6px;color:#4d9a65;font-size:6px;font-weight:900;letter-spacing:.7px}.seat.busy:after{content:"BOOKET";position:absolute;bottom:4px;right:6px;color:#a77e25;font-size:6px;font-weight:900;letter-spacing:.7px}
.sponsors-grid{gap:12px!important}.sponsor-card{min-height:96px!important;border-radius:12px!important}
.lan-champion-head{border-radius:18px!important;background:radial-gradient(circle at 90% 20%,rgba(213,170,50,.12),transparent 28%),linear-gradient(135deg,#151208,#0c0c0c)!important;border-color:rgba(213,170,50,.28)!important;box-shadow:0 20px 55px rgba(0,0,0,.25)}
.lan-champion-head h2{font-size:clamp(28px,4vw,42px)!important;letter-spacing:-1px}.lan-champion-badge{border-color:rgba(213,170,50,.32)!important;background:#0a0a0a!important;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.lan-activity-grid{gap:10px!important}.lan-activity-card{min-height:125px!important;padding:14px!important;border-radius:12px!important}.lan-activity-icon{font-size:25px!important}.lan-activity-card em{color:var(--lan-gold2)!important}
.lan-leader-row{padding:12px 9px!important;border-radius:9px;margin:2px 0;border-bottom:1px solid #202020!important}.lan-leader-row.leader{border:1px solid rgba(213,170,50,.2)!important;background:linear-gradient(90deg,rgba(213,170,50,.09),transparent)!important}.lan-avatar{background:#111!important;border-color:#3b3b3b!important}.lan-points,.point-line b,.champion-card b{color:var(--lan-gold2)!important}
.champion-card{border-color:rgba(213,170,50,.4)!important;background:radial-gradient(circle at 50% 0,rgba(213,170,50,.16),transparent 42%),linear-gradient(180deg,#141107,#0b0b0b)!important}
.timeline{padding-top:8px}.row{min-height:86px!important}.dotcol:before{box-shadow:0 0 0 5px rgba(213,170,50,.05),0 0 14px rgba(213,170,50,.25)}
footer{color:#666!important;border-top:1px solid #171717;margin-top:25px}
@media(max-width:700px){.lan-nav-inner{min-height:60px!important}.lan-nav-links a{padding:0 9px!important;font-size:8px!important}.hero{border-radius:16px!important}.hero h1{letter-spacing:-1px}.wrap{width:min(100% - 20px,1240px)!important}}
@media(max-width:470px){.lan-nav-links a{padding:0 7px!important}.lan-nav-brand{font-size:12px!important}.stat{padding:13px!important}.stat b{font-size:17px!important}}

/* Bordplan: tydelig status + ingen horisontal scroll */
html, body { max-width:100%; overflow-x:clip; }
.lan-main-nav, .lan-nav-inner, .wrap, .panel, .table-wrap, .lan-table { min-width:0; max-width:100%; }
.seat-line { min-width:0; width:100%; }
.seat { min-width:0; }
.seat.free {
  border-color:#2f7045!important;
  background:linear-gradient(180deg,#0b130e,#080d0a)!important;
  box-shadow:inset 0 0 0 1px rgba(72,199,116,.06);
}
.seat.free:hover {
  border-color:#48c774!important;
  box-shadow:0 0 0 1px rgba(72,199,116,.18),0 10px 24px rgba(0,0,0,.28)!important;
}
.seat.busy {
  border-color:#8a681c!important;
  background:linear-gradient(180deg,#171107,#100d08)!important;
}
.seat.busy:hover { border-color:#b78a29!important; }
.seat.free .num { color:#62d88a!important; }
.seat.free .seat-person strong { color:#b8c7bd!important; }
.seat.free .seat-person small { color:#48c774!important; }
.board-legend .legend-dot.free { border-color:#2f7045!important; background:#0b130e!important; box-shadow:0 0 8px rgba(72,199,116,.12); }
.board-legend .legend-dot.busy { border-color:#8a681c!important; background:#171107!important; }