:root{
  color-scheme:dark;
  --bg:#23262C; --grund-rgb:35 38 44;
  --card:rgba(53,57,64,.94);
  --surface:#353940; --surface-2:#44484F;
  --fill:rgba(118,118,128,.24);
  --line:rgba(255,255,255,.10); --line-strong:rgba(255,255,255,.18);
  --scrim:rgba(0,0,0,.62); --modal-edge:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.10); --glass-edge:rgba(255,255,255,.16); --glass-on:rgba(255,255,255,.22);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.10);
  --glass-blur:blur(20px) saturate(1.8);
  --card-blur:none; 
  --ink:#FFFFFF; --ink-name:#EBEBF5; --on-color:#EBEBF5; --ink-2:#ADADB2; --ink-3:#A1A1A6; --dim:#8A8A90;
  --ink-2-upp:#BDBDC2;
  --ink-sida:#C7C7CC;
  --live:#FF453A; --star:#FFD60A;
  --good:#30D158; --warn:#FFD60A; --bad:#FF453A;
  --rod-yta:#D0302A;
  --zone-a:#30D158; --zone-b:#64D2FF; --zone-c:#FFD60A; --zone-d:#BF5AF2;
  --win:#30D158; --win-ink:#04150A;
  --goal:#30D158; --goal-soft:#122A19; --dot-ink:#10100F;
  --fav-row:rgba(255,255,255,.08);
  --accent-text:#FFFFFF;
  --lampa:color-mix(in srgb,var(--live) 55%,transparent); --nat:color-mix(in srgb,var(--goal) 60%,transparent);
  --font:-apple-system,BlinkMacSystemFont,"Geist",system-ui,sans-serif;
  --num:"Sofia Sans Condensed","Geist",system-ui,sans-serif;
  --radius:22px; --r-card:22px; --r-ev:20px; --r-sheet:38px;
  --tap:44px; 
  --flik-h:66px; --flik-luft:24px;
  --flik-topp:calc(var(--flik-h) + var(--flik-luft) + env(safe-area-inset-bottom,0px));
  --v10:rgba(255,255,255,.10); --v11:rgba(255,255,255,.11); --v12:rgba(255,255,255,.12); --v13:rgba(255,255,255,.13); --v14:rgba(255,255,255,.14); --v16:rgba(255,255,255,.16); --v18:rgba(255,255,255,.18); --v20:rgba(255,255,255,.20); --v22:rgba(255,255,255,.22); --v28:rgba(255,255,255,.28); --v34:rgba(255,255,255,.34); --v55:rgba(255,255,255,.55); --v40:rgba(255,255,255,.40); --v05:rgba(255,255,255,.05); --v06:rgba(255,255,255,.06); --v07:rgba(255,255,255,.07); --v08:rgba(255,255,255,.08);
  --meny-yta:#40444B; --flik-yta:rgba(67,71,78,.96); --flik-ring:#44484F; --flik-ink:#E5E5EA;
  --toast-yta:rgba(63,67,74,.97); --pling-yta:rgba(63,67,74,.95); --klister-yta:#2B2E34;
  --knapp:#fff; --knapp-ink:#000; --knapp-hover:#E5E5EA; --knapp-ink-2:#3A3A3C; --knapp-ink-3:rgba(0,0,0,.62);
  --ink-skimmer:#F2F2F7; --on-color-2:#AEAEB2; --bad-pa-falt:#FFD4D1; --ark-forlorare:rgb(235 235 245 / .7);
  --chev80:rgba(255,255,255,.8); --chev75:rgba(255,255,255,.75); --chev-namn:rgba(235,235,245,.8);
  --troja-kant:rgba(0,0,0,.35); --troja-kant-mork:rgba(255,255,255,.30); --mask-kant:rgba(255,255,255,.28); --troja-nr-skugga:.5px .7px 0 rgba(0,0,0,.25);
  --kort-skugga:none;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-bottom:calc(var(--flik-topp) + 12px)}
html,body{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.4;padding:0 0 calc(var(--flik-topp) + 28px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;caret-color:var(--ink)}
::selection{background:var(--v28);color:var(--ink)}
[hidden]{display:none!important}
.skip{position:absolute;left:16px;top:-60px;z-index:100;display:inline-flex;align-items:center;min-height:var(--tap);padding:10px 18px;border-radius:999px;background:var(--surface-2);border:1px solid var(--glass-edge);color:var(--ink);font-weight:600}
.skip:focus{top:calc(8px + env(safe-area-inset-top,0px))}
main:focus,main[tabindex]:focus-visible{outline:none}
.sport-ico{display:inline-grid;place-items:center;flex:none;width:var(--sport-s,14px);height:var(--sport-s,14px);margin-right:6px;color:var(--ink-2);vertical-align:-.14em}
.sport-ico svg{display:block;width:100%;height:100%}
.sport-platta{position:relative;display:inline-grid;flex:none}
.sport-märke{position:absolute;right:-7px;bottom:-5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--surface-2);color:var(--ink-2);box-shadow:0 0 0 1.5px var(--surface)}
.sport-märke svg{display:block;width:11.5px;height:11.5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
input::placeholder,textarea::placeholder{color:var(--ink-2);opacity:1}
.wrap{max-width:744px;margin:0 auto;padding:0 12px}
.sidokolumn[hidden]{display:none}
@media (min-width:1100px){
  :root{--flik-topp:24px}
  .wrap{max-width:1180px;padding:0 24px}
  #main.med-sido{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:24px;align-items:start}
  #main.med-sido>:not(.sidokolumn){grid-column:1;min-width:0}
  .sidokolumn{grid-column:2;grid-row:1 / span 60;position:sticky;top:88px;display:flex;flex-direction:column;gap:12px;padding-bottom:24px;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .sidokolumn>*{flex-shrink:0}
  nav.nav{top:16px;bottom:auto;left:0;right:0;margin:0 auto;transform:none;width:max-content;max-width:none}
  nav.nav button{flex:0 0 auto;padding:0 16px}
  .wrap{padding-top:84px}
  html.flik-over-blad nav.nav{z-index:40}
  #tabell thead th{top:88px}
  .omg-flikar{top:88px}
  #hs-dator.i-kolumn{position:static;width:auto;padding:12px 14px;gap:14px;border:0;border-radius:var(--r-card);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);box-shadow:none;animation:none}
  #hs-dator.i-kolumn .hs-dator-qr,#hs-dator.i-kolumn .hs-dator-qr svg{width:99px;height:99px}
  :root[data-tema="ljus"] #hs-dator.i-kolumn{box-shadow:var(--kort-skugga)}
  .hem-del-live>#hs-dator.i-kolumn{margin-top:12px}
}
.sido-kort{overflow:hidden}
.sido-matcher{padding:0 6px 6px}
.sido-rubrik{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px 8px}
.sido-rubrik h2{margin:0;font:720 17px/1.2 var(--font);letter-spacing:-.01em}
.sido-rubrik button{font:600 13px/1.2 var(--font);color:var(--ink-2)}
.sido-rubrik small{font:500 12.5px/1.2 var(--font);color:var(--ink-2)}
.sido-tabell{width:100%;border-collapse:collapse;font:500 13.5px/1.2 var(--font);font-variant-numeric:tabular-nums}
.sido-tabell th{padding:4px 10px 6px;font:600 12px/1.2 var(--font);color:var(--ink-2);text-align:right}
.sido-tabell th:nth-child(2){text-align:left}
.sido-tabell td{padding:7px 10px;border-top:1px solid var(--line);text-align:right;cursor:pointer}
.sido-tabell tr:hover td{background:var(--v07)}
.sido-tabell td.sido-pos{position:relative;width:38px;padding-left:22px;color:var(--ink-2);text-align:right}
.sido-tabell td.sido-pos::before{content:"";position:absolute;left:9px;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--z,transparent);clip-path:var(--zform,none)}
.sido-tabell td.sido-lag{text-align:left;font-weight:600;color:var(--ink-name)}
.sido-tabell td.sido-lag>span{display:inline-flex;align-items:center;gap:8px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.sido-tabell td.sido-lag .badge{width:20px;height:20px;font-size:8px;flex:none}
.sido-tabell td.sido-p{font-weight:800;color:var(--ink)}
.sido-tabell tr.fav td.sido-lag{color:var(--ink);font-weight:750}
.sido-tabell .sido-andr{margin-left:6px;font-size:11.5px;color:var(--ink-2)}
#sidokolumn .sido-tabell{table-layout:fixed;width:100%;min-width:0;margin:0}
#sidokolumn .sido-tabell td,#sidokolumn .sido-tabell th{display:table-cell;height:auto;line-height:1.25;vertical-align:middle}
#sidokolumn .sido-tabell th:nth-child(1){width:44px}#sidokolumn .sido-tabell th:nth-child(3){width:44px}#sidokolumn .sido-tabell th:nth-child(4){width:48px}
#sidokolumn .sido-tabell td.sido-lag{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ic{width:24px;height:24px;flex:none;display:block}
.skel{position:relative;overflow:hidden;border-radius:6px}
.skel::after{content:"";position:absolute;top:0;bottom:0;left:-200%;width:500%;background:linear-gradient(90deg,var(--v06) 0%,var(--v13) 50%,var(--v06) 100%) 0 0/40% 100% repeat-x;animation:skel 1.4s ease-in-out infinite}
@keyframes skel{0%{transform:translateX(-40%)}100%{transform:translateX(40%)}}
.fk-bild.skel::after{content:none}
.skel-rad{display:grid;grid-template-columns:18px 22px minmax(0,1fr) 46%;align-items:center;gap:0 10px;height:44px;padding:0 14px 0 22px}
#tabell-skelett{min-height:calc(34px + 16 * 44px)}
html[data-league="shl"] #tabell-skelett,html[data-league="hockeyallsvenskan"] #tabell-skelett,html[data-league="damallsvenskan"] #tabell-skelett,html[data-league="elitettan"] #tabell-skelett{min-height:calc(34px + 14 * 44px)}
html[data-league="sdhl"] #tabell-skelett{min-height:calc(34px + 10 * 44px)}
html[data-league="wsl"] #tabell-skelett{min-height:calc(34px + 12 * 44px)}
html[data-league="premierleague"] #tabell-skelett,html[data-league="laliga"] #tabell-skelett,html[data-league="seriea"] #tabell-skelett{min-height:calc(34px + 20 * 44px)}
html[data-league="bundesliga"] #tabell-skelett,html[data-league="ligue1"] #tabell-skelett{min-height:calc(34px + 18 * 44px)}
html[data-league="hockeyettan"] #tabell-skelett{min-height:calc(34px + 20 * 44px)}
html[data-league="chl"] #tabell-skelett{min-height:calc(34px + 24 * 44px)}
.skel-rad i{display:block;height:12px}
.skel-rad .skel-marke{width:22px;height:22px;border-radius:50%}
.skel-rad .skel-namn2{width:64%;height:13px}
.skel-titel{display:inline-block;width:150px;height:15px;vertical-align:-2px}
.skel-badge{display:block;width:28px;height:28px;border-radius:50%;flex:none}
.skel-namn{display:block;width:70px;height:14px}
.skel-res{display:block;width:64px;height:24px;margin:0 auto}
.skel-line{display:grid;grid-template-columns:1fr 46px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.skel-line i{display:block;height:14px}
.skimmer{position:absolute;z-index:-2;left:0;right:0;top:-240px;height:940px;pointer-events:none;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1);
  background:linear-gradient(180deg,rgb(var(--s,0 0 0) / .9) 0,rgb(var(--s,0 0 0) / .9) 240px,rgb(var(--s,0 0 0) / .6) 390px,rgb(var(--s,0 0 0) / .35) 560px,rgb(var(--s,0 0 0) / .12) 760px,rgb(var(--s,0 0 0) / 0) 940px)}
.skimmer.topp{z-index:-1}
.skimmer.på{opacity:1}
.glass{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi)}
.gbtn{width:var(--tap);height:var(--tap);border-radius:50%;display:grid;place-items:center;flex:none;color:var(--ink)}
.gbtn .ic{width:21px;height:21px}
.gpill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 20px;border-radius:999px;font:600 15px/1 var(--font);color:var(--ink)}
.gpill .ic{width:19px;height:19px}
.dela-rad{display:flex;justify-content:center;margin:12px 0 0}
@media (hover:hover){.glass:hover{background:var(--v16)}}
.glass:active{background:var(--v20)}
.seg{display:flex;padding:3px;border-radius:22px;background:var(--fill);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.seg>button{flex:1;min-width:0;min-height:var(--tap);border-radius:19px;text-align:center;font:600 15px/1 var(--font);color:var(--ink-name);transition:background-color .2s,box-shadow .2s}
.seg>button:is([aria-pressed="true"],[aria-selected="true"],[aria-checked="true"],.on){background:var(--glass-on);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.14)}
.ttabs{display:flex;margin:0 12px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.ttabs>button{flex:1;min-width:0;min-height:54px;text-align:center;font:600 17px/1 var(--font);color:var(--ink-3);white-space:nowrap}
.ttabs>button:is([aria-selected="true"],.on){color:var(--ink)}
.egen-form{display:inline-flex;gap:4px;margin-top:3px}
.egen-form i{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 3px;border-radius:6px;font:700 11.5px/1 var(--font);font-style:normal;background:var(--fill);color:var(--ink-2)}
.egen-form i.ef-v{background:var(--win);color:var(--win-ink)}
.pa-farg .ttabs>button{color:var(--on-color-2)}
.pa-farg .ttabs>button:is([aria-selected="true"],.on){color:var(--ink)}
.ctitle{margin:0;padding:17px 16px 4px;text-align:center;font:650 17px/1.3 var(--font);letter-spacing:-.005em;text-wrap:balance}
.csub{margin:0;padding:0 18px 8px;text-align:center;font-size:13.5px;line-height:1.35;color:var(--ink-2);text-wrap:balance}
.sech{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 14px 2px}
.sech h2,.sech h3{margin:0;font:700 17px/1.2 var(--font)}
.plate{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.plate img{width:24px;height:24px;object-fit:contain}
.plate:has(img[src$="/ligor/obos-damallsvenskan.svg"]),.leaguehead-crest:has(img[src$="/ligor/obos-damallsvenskan.svg"]),.season-empty .se-crest:has(img[src$="/ligor/obos-damallsvenskan.svg"]){background:#1C1C1E;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 4px 14px -4px rgba(0,0,0,.5)}
.ico .ico-logo[src$="/ligor/obos-damallsvenskan.svg"]{background:#1C1C1E;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.plate.dark{background:var(--surface-2);color:var(--star)}
.plate.dark .ic{width:18px;height:18px}
.ldot{position:relative;display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--live)}
.ldot::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:puls 1.8s cubic-bezier(.16,1,.3,1) 4}
.ldot.still::after,.ldot.stilla::after,.ldot.stale::after{animation:none;opacity:0}
.ldot.stale{background:var(--ink-3)}
.ldot.still,.ldot.stilla,.nav .dot.stilla,.row-live.stilla,.row-live.stale,.lm-dot.stilla{background:var(--ink-3)}
@keyframes puls{0%{transform:scale(1);opacity:.6}100%{transform:scale(3.2);opacity:0}}
.badge{width:26px;height:26px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:700;font-size:11px;letter-spacing:0;color:#fff}
img.badge{border-radius:0;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.star{width:13px;height:13px;flex:none;color:var(--star)}
.toolbar-row{display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 2px 12px 4px}
.league-picker{position:relative;flex:1;min-width:0}
.leaguehead{display:flex;margin:0;font:inherit}   
.league-trigger{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:var(--tap);padding:3px 6px 3px 0;border-radius:24px;color:var(--ink);text-align:left}
.leaguehead-crest{width:38px;height:38px;flex:none;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 4px 14px -4px rgba(0,0,0,.5);color:#10100F}
.leaguehead-crest img{width:27px;height:27px;object-fit:contain;display:block;border-radius:0;padding:0;background:none}
.leaguehead-crest svg{width:20px;height:20px}
.league-trigger .trigger-name{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;font:760 31px/1.1 var(--font);letter-spacing:-.025em}
.league-trigger .trigger-live{display:none}
html[data-view="live"][data-live-alla] .league-trigger .trigger-live{display:block}
html[data-view="live"][data-live-alla] :is(#tabell-title,#masthead-crest){display:none}
.league-trigger .chev{width:19px;height:19px;flex:none;margin-top:3px;color:var(--chev80);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.league-trigger[aria-expanded="true"] .chev{transform:rotate(180deg)}
@media (hover:hover){.league-trigger:hover .chev{color:var(--ink)}}
@media (max-width:360px){
  .toolbar-row{gap:8px}
  .league-trigger{gap:8px;padding-right:4px}
  .leaguehead-crest{width:32px;height:32px}
  .leaguehead-crest img{width:23px;height:23px}
  .league-trigger .chev{width:16px;height:16px;margin-left:-2px}
}
.account-btn,.refresh-btn,.notiser-btn{display:grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);padding:0;border-radius:50%;color:var(--ink);background:var(--v14);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-hi)}
@media (hover:hover){.account-btn:hover,.refresh-btn:hover,.notiser-btn:hover{background:var(--v16)}}
.account-btn.is-in{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
@media (hover:hover){.account-btn.is-in:hover{background:var(--ink-name)}}
.account-btn.is-in .account-ico{fill:currentColor}
.account-ico{width:21px;height:21px}
.refresh-btn{display:none}
:root[data-app] .refresh-btn{display:grid}
@media (max-width:430px){
  :root[data-app] .toolbar-row{gap:8px}
  :root[data-app] .toolbar-row>.account-btn,:root[data-app] .toolbar-row>.refresh-btn,:root[data-app] .toolbar-row>.notiser-btn{position:relative;width:36px;height:36px}
  :root[data-app] .toolbar-row>.account-btn::after,:root[data-app] .toolbar-row>.refresh-btn::after,:root[data-app] .toolbar-row>.notiser-btn::after{content:"";position:absolute;inset:-4px;border-radius:50%}
}
@media (max-width:340px){:root[data-app] .leaguehead-crest{display:none}}
.toolbar-row.trangt .leaguehead-crest{display:none}
.refresh-ico{width:20px;height:20px}
.notiser-btn{position:relative}
.notiser-ico{width:21px;height:21px}
.notiser-prick{position:absolute;top:7px;right:7px;width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 2px var(--bg)}
.notiser-prick[hidden]{display:none}
:root[data-app] .toolbar-row>.notiser-btn .notiser-prick{top:4px;right:4px}
.refresh-btn[aria-busy="true"] .refresh-ico{animation:snurr .8s linear infinite}
@keyframes snurr{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.refresh-btn[aria-busy="true"] .refresh-ico{animation:none}.refresh-btn[aria-busy="true"]{opacity:.55}}
.leaguehead-sub{padding:0 6px 16px}
.laget-rad1{display:flex;align-items:flex-start;gap:7px;margin:0;font:500 14px/1.35 var(--font);color:var(--ink-skimmer)}
.laget-rad1:has(.asof:empty){display:none}
.laget-ic{width:16px;height:16px;flex:none;margin-top:1px}
.laget-rad1 .asof{min-width:0}
.laget-sep{margin:0 0 0 4px}
.laget-dag>.laget-sep:first-child{margin:0 5px 0 0}
.laget-dag{white-space:nowrap}
.laget-knapp{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0;font:inherit;font-weight:650;color:var(--ink);text-align:left}
.laget-knapp::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:var(--tap);transform:translateY(-50%)}
.laget-knapp .laget-chev{width:12px;height:12px;flex:none;color:var(--ink);opacity:.8}
@media (hover:hover){.laget-knapp:hover{text-decoration:underline;text-underline-offset:3px}}
.laget-live,.laget-spel{min-width:0}
.laget-live{margin-top:8px}
.laget-not{margin:0;font-size:13.5px;line-height:1.4;color:var(--on-color)}
.laget-spel{margin:6px 0 0;font:700 22px/1.25 var(--font);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}
.laget-live:not([hidden])~.laget-spel{margin-top:10px}
.laget-spel-rest{font-weight:500;color:var(--ink-skimmer)}
.chip.stale{display:inline-flex;align-items:center;margin-left:6px;padding:3px 9px;border-radius:999px;background:var(--v12);border:1px solid var(--v20);font:600 12px/1.2 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-skimmer);vertical-align:1px}
.league-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:45;width:min(400px,calc(100vw - 24px));max-height:min(80vh,640px);overflow-y:auto;overscroll-behavior:contain;padding:8px;display:flex;flex-direction:column;gap:2px;
  background:var(--meny-yta);border:1px solid var(--v12);border-radius:var(--r-card);box-shadow:0 24px 48px -12px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.4);
  scrollbar-width:thin;scrollbar-color:var(--v28) transparent}
@media (max-width:560px){
  .league-menu:not([hidden]){box-shadow:0 0 0 100vmax rgba(0,0,0,.5),0 24px 48px -12px rgba(0,0,0,.8)}
  .league-menu{position:fixed;left:12px;right:12px;top:auto;width:auto;bottom:calc(var(--flik-topp) + 10px);max-height:min(72vh,580px)}
}
.league-opt{display:flex;align-items:center;gap:13px;width:100%;min-height:58px;padding:8px 12px;border-radius:14px;text-align:left;color:var(--ink)}
@media (hover:hover){.league-opt:hover{background:var(--v06)}}
.league-opt[aria-current="true"]{background:var(--v08)}
.league-opt .ico{width:40px;height:40px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2)}
.league-opt .ico svg{width:20px;height:20px}
.ico .ico-logo{width:100%;height:100%;border-radius:0;object-fit:contain;background:#fff;padding:5px;box-sizing:border-box}
.league-opt .opt-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.league-opt .opt-name{font:650 17px/1.2 var(--font);letter-spacing:-.01em}
.league-opt .opt-sub{font-size:13px;color:var(--ink-2);margin-top:2px}
.league-opt .check{width:20px;height:20px;flex:none;color:var(--ink);visibility:hidden}
.league-opt[aria-current="true"] .check{visibility:visible}
.league-group{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:6px 14px;border-radius:14px;font:650 15px/1.2 var(--font);letter-spacing:-.005em;color:var(--on-color);text-align:left}
@media (hover:hover){.league-group:hover{background:var(--v06);color:var(--ink)}}
.league-group:focus-visible,.league-opt:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}
.league-group .caret{order:2;margin-left:auto;width:15px;height:15px;flex:none;color:var(--ink-2);transition:transform .18s cubic-bezier(.16,1,.3,1)}
.league-group[aria-expanded="true"] .caret{transform:rotate(90deg)}
.league-group-items{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}
.league-sektion+.league-sektion{margin-top:2px;padding-top:2px;border-top:1px solid var(--line)}
.league-sektion-namn{margin:0;padding:12px 14px 2px;font:600 13px/1.25 var(--font);color:var(--ink-2)}
.league-sektion:first-child .league-sektion-namn{padding-top:6px}
.league-group-kon{padding-left:14px}
#du-backdrop{z-index:60}
#login-backdrop,#feedback-list-backdrop,#push-subscribers-backdrop,#accounts-backdrop{z-index:65}
#du-backdrop>.modal.wide{max-width:480px;max-height:min(88vh,760px);overflow-y:auto;overscroll-behavior:none}
.du-ark .modal-sticky-head{display:flex;align-items:center;min-height:62px;padding:14px 70px 8px 22px}
.du-ark .modal-sticky-head h3{margin:0;outline:none;font:760 22px/1.2 var(--font);letter-spacing:-.02em}
.du-grepp{display:none}
.du-ark .modal-scroll-body{padding:6px 16px 24px}
.du-del{margin:0 0 24px}
.modal .du-l{margin:0 6px 8px;font:600 13px/1.25 var(--font);color:var(--ink-2)}
.du-seg{width:100%}
.modal .du-kal-l{margin:14px 6px 8px}
.du-kal-seg{margin:0 0 6px}
.du-kal-seg>button[aria-disabled="true"]{color:var(--ink-3)}
a.du-rad{text-decoration:none}
.du-seg>button:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}
.du-lista{display:flex;flex-direction:column;border-radius:18px;background:var(--v06);overflow:hidden}
.du-lista>*+*{box-shadow:inset 0 1px 0 var(--line)}
.du-lista>[hidden]{display:none}
.du-rad{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 14px 6px 16px;background:none;color:var(--ink);font:600 16px/1.25 var(--font);letter-spacing:-.01em;text-align:left;cursor:pointer}
@media (hover:hover){button.du-rad:hover,.du-lista .hemskarm-btn:hover{background:var(--v08)}}
button.du-rad:active{background:var(--v12)}
.du-rad:focus-visible,.du-rad-start:has(select:focus-visible){outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:18px}
.modal label.du-rad{flex-direction:row;gap:12px;margin:0;font:600 16px/1.25 var(--font);letter-spacing:-.01em;color:var(--ink);cursor:pointer}
.du-rad-t{flex:1 1 auto;min-width:0}
.du-lista,.kp-kort,.facit-ruta,.uppst-flikar,.rb-glas{--ink-2:var(--ink-2-upp)}
.du-rad-v{flex:0 1 auto;min-width:0;font:500 15px/1.25 var(--font);color:var(--ink-2);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.du-chev{flex:none;width:18px;height:18px;color:var(--ink-3)}
.du-val{position:relative;flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end}
.du-rad-start .du-rad-t{flex:none;white-space:nowrap}
.du-val select{max-width:100%;min-height:var(--tap);padding:0 24px 0 4px;border:0;background:none;color:var(--ink-2);font:500 15px/1.2 var(--font);text-align:right;text-align-last:right;appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis}
.modal .du-val select:focus,.modal .du-val select:focus-visible{outline:none}
.du-val select option{color:#000;background:#fff}
.du-val .du-chev{position:absolute;right:-2px;top:50%;width:16px;height:16px;margin-top:-8px;pointer-events:none;transform:rotate(90deg)}
.du-lista .hemskarm{gap:0}
.du-lista .hemskarm-btn{min-height:52px;padding:6px 14px 6px 16px;border-radius:0;gap:12px}
.du-lista .hemskarm-btn .opt-name{font:600 16px/1.25 var(--font);letter-spacing:-.01em}
.du-lista .hemskarm-btn .opt-sub{font-size:13px;color:var(--ink-2)}
.du-lista .hemskarm-btn:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:18px}
.modal .du-not{margin:8px 6px 0;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.modal .du-text{margin:0 6px 12px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.modal.du-ark .konto-vem{margin:0 6px 10px}
.du-knapp{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:0 20px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:650 17px/1 var(--font);letter-spacing:-.01em;cursor:pointer}
@media (hover:hover){.du-knapp:hover{background:var(--knapp-hover)}}
.du-knapp:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.du-fot{display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap;margin:4px 0 0}
.du-fot a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 10px;color:var(--ink-2);font:500 14px/1 var(--font);text-decoration:none}
@media (hover:hover){.du-fot a:hover{color:var(--ink);text-decoration:underline}}
.du-fot a:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:8px}
.du-fot span{color:var(--ink-3)}
.du-lag-lista{margin:0;padding:0;list-style:none}
.du-lag{display:flex;align-items:center;min-width:0}
.du-lag .du-lag-oppna{flex:1 1 auto;min-width:0;min-height:60px;padding-right:4px}
.du-lag .badge{width:32px;height:32px;font-size:12px}
.du-lag-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.du-lag-namn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.du-lag-liga{font:500 13.5px/1.25 var(--font);color:var(--ink-2)}
.du-lag-plats{flex:none;width:calc(var(--tap) + 6px)}
.du-lag-sluta{flex:none;display:grid;place-items:center;width:var(--tap);height:var(--tap);margin-right:6px;border-radius:50%;color:var(--ink);cursor:pointer}
.du-lag-sluta .star{width:20px;height:20px}
@media (hover:hover){.du-lag-sluta:hover{background:var(--v08)}}
.du-lag-sluta:active{background:var(--v12)}
.du-lag-sluta:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}
.du-ikon{flex:none;width:20px;height:20px;color:var(--ink-2)}
.du-lag-fler .du-rad-t{color:var(--ink)}
.du-lista .ai-spak.du-spak{justify-content:space-between;min-height:52px;padding:6px 14px 6px 16px;border-radius:0;color:var(--ink);font:600 16px/1.25 var(--font);letter-spacing:-.01em}
.du-lista .ai-spak.du-spak>span:first-child{flex:1 1 auto;text-align:left}
.du-lista .ai-spak.du-spak:focus-visible{outline-offset:-2px;border-radius:18px}
.du-lista .ai-ton.du-ai-ton{display:flex;align-items:center;gap:12px;cursor:default}
.du-lista .du-ai-ton .ai-ton-l{font:600 16px/1.25 var(--font);color:var(--ink)}
.du-lista .du-ai-ton .ai-ton-seg{max-width:none}
@media (max-width:599px){
  .du-grepp{display:block;position:absolute;top:7px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:var(--v28)}
  .du-ark .modal-sticky-head{padding-top:20px;touch-action:none}
  #du-backdrop>.modal.wide{max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px))}
  html.flik-dold .du-ark .modal-scroll-body{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  html.flik-dold .toast{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
}
.hemskarm{display:flex;flex-direction:column;gap:4px}
.hemskarm-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap);padding:6px 10px;border-radius:12px;text-align:left;font:inherit;color:var(--ink)}
@media (hover:hover){.hemskarm-btn:hover{background:var(--v06)}}
.hemskarm-btn .ico{width:30px;height:30px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2)}
.hemskarm-btn .ico svg{width:17px;height:17px}
.hemskarm-btn .opt-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.hemskarm-btn .opt-name{font-weight:600;font-size:14px}
.hemskarm-btn .opt-sub{font-size:12px;color:var(--ink-3);margin-top:1px}
.hemskarm-konto{margin:12px 0 0}
.hemskarm-konto .hemskarm-btn{padding-left:6px}
.hs-banner{position:fixed;z-index:45;left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));bottom:calc(var(--flik-topp) + 10px);max-width:440px;margin-inline:auto;
  display:flex;align-items:center;gap:8px;padding:10px 2px 10px 10px;border-radius:22px;
  background:var(--pling-yta);-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);border:1px solid var(--v16);box-shadow:0 18px 40px -12px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.1);color:var(--ink)}
.hs-banner:not([hidden]){animation:hsIn .38s cubic-bezier(.16,1,.3,1)}
@keyframes hsIn{from{opacity:0;transform:translateY(10px)}}
.hs-banner-ikon{flex:none;width:40px;height:40px;border-radius:10px;box-shadow:0 0 0 1px var(--v10)}
.hs-banner-txt{flex:1;min-width:0}
.hs-banner-titel{margin:0;font:700 15px/1.25 var(--font);letter-spacing:-.01em;color:var(--ink)}
.hs-banner-under{margin:2px 0 0;font:500 12.5px/1.35 var(--font);color:var(--ink-2);text-wrap:pretty}
.hs-banner-lagg{flex:none;min-height:var(--tap);padding:0 14px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:650 14.5px/1 var(--font);letter-spacing:-.01em}
@media (hover:hover){.hs-banner-lagg:hover{background:var(--knapp-hover)}}
.hs-banner-stang,.hs-dator-stang{flex:none;width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:50%;color:var(--ink-2)}
.hs-banner-stang svg,.hs-dator-stang svg{width:15px;height:15px}
.hs-banner-stang{margin-left:-6px}
.hs-banner-titel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:hover){.hs-banner-stang:hover,.hs-dator-stang:hover{color:var(--ink)}}
.hs-banner :focus-visible,.hs-dator :focus-visible,.hs-visa-hur:focus-visible,.hsguide button:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
#hsguide-backdrop{z-index:70}
.modal.hsguide{text-align:center;max-width:400px;width:100%}
.hsguide-ikon{display:block;width:64px;height:64px;margin:6px auto 14px;border-radius:15px;box-shadow:0 10px 24px -10px rgba(0,0,0,.7),0 0 0 1px var(--v10)}
.modal.hsguide h3{padding:0 36px}
.modal .hsguide-under{margin:0 0 18px;font-size:15px;color:var(--ink-2)}
.hsguide-steg{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}
.hsguide-steg li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--v07)}
.hsguide-nr{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--knapp);color:var(--knapp-ink);font:700 14px/1 var(--num)}
.hsguide-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 1px var(--v08)}
.hsguide-ico .ios-ico{width:22px;height:22px}
.hsguide-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.hsguide-txt b{font:650 15.5px/1.3 var(--font);color:var(--ink)}
.hsguide-txt span{font-size:13px;line-height:1.4;color:var(--ink-2)}
.hsguide-kopiera,.hsguide-inte{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border-radius:999px;font:650 16px/1 var(--font);letter-spacing:-.01em}
.hsguide-kopiera{margin:0 0 8px;background:var(--knapp);color:var(--knapp-ink)}
.hsguide-inte{background:var(--glass);border:1px solid var(--glass-edge);color:var(--ink)}
@media (hover:hover){.hsguide-inte:hover{background:var(--v16)}}
.modal .hsguide-msg{margin:0 0 8px;font-size:13px;color:var(--ink-2)}
.modal .hsguide-msg:empty{display:none}
.hsguide-pil{position:fixed;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--knapp);color:var(--knapp-ink);box-shadow:0 10px 24px -8px rgba(0,0,0,.6);pointer-events:none}
.hsguide-pil svg{width:24px;height:24px}
.hsguide-pil.ner{left:0;right:0;margin-inline:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));animation:hsPilNer 1.6s ease-in-out infinite}
.hsguide-pil.upp{top:calc(10px + env(safe-area-inset-top,0px));right:max(18px,env(safe-area-inset-right,0px));animation:hsPilUpp 1.6s ease-in-out infinite}
.hsguide-pil.upp svg{transform:rotate(180deg)}
@keyframes hsPilNer{50%{transform:translateY(6px)}}
@keyframes hsPilUpp{50%{transform:translateY(-6px)}}
.modal.hsguide.med-pil-ner{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:reduce){.hsguide-pil{animation:none!important}.hs-banner:not([hidden]){animation:none}}
.modal.konto-ark{width:100%}
.modal .konto-vem{margin:0 0 4px;font-size:15px;color:var(--ink-2);overflow-wrap:anywhere}
.modal .konto-vem b{font-weight:650;color:var(--ink)}
.modal .konto-not{margin:0 0 18px;font-size:13px;line-height:1.45;color:var(--ink-3)}
.konto-lista{display:flex;flex-direction:column;border-radius:18px;background:var(--v06);overflow:hidden}
.konto-rad{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:0 14px 0 18px;background:none;color:var(--ink);font:600 16px/1.2 var(--font);letter-spacing:-.01em;text-align:left;cursor:pointer}
.konto-rad+.konto-rad{box-shadow:inset 0 1px 0 var(--line)}
@media (hover:hover){.konto-rad:hover{background:var(--v08)}}
.konto-rad:active{background:var(--v12)}
.konto-rad:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:18px}
.konto-rad-farlig{color:var(--bad)}
.konto-chev{flex:none;width:18px;height:18px;color:var(--ink-3)}
.modal .radera-under{margin:0 0 12px;font-size:15px;color:var(--ink-2)}
.radera-lista{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px}
.radera-lista li{padding:11px 14px;border-radius:14px;background:var(--v06);font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.radera-lista b{font-weight:650;color:var(--ink)}
.radera-lista span{overflow-wrap:anywhere}
.modal .radera-not{margin:0 0 14px;font-size:13px;line-height:1.45;color:var(--ink-3)}
.modal .radera-ark .msg{margin:0 0 10px}
.modal .radera-ark .msg:empty{display:none}
.radera-ja,.radera-avbryt{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border-radius:999px;font:650 17px/1 var(--font);letter-spacing:-.01em;cursor:pointer}
.radera-ja{margin:0 0 8px;background:var(--rod-yta);color:#fff}
.radera-ja:disabled{opacity:.6;cursor:progress}
.radera-avbryt{background:var(--glass);border:1px solid var(--glass-edge);color:var(--ink)}
@media (hover:hover){.radera-avbryt:hover{background:var(--v16)}}
.radera-ja:focus-visible,.radera-avbryt:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
#radera-backdrop{z-index:70}
#radera-klar-rubrik:focus{outline:none}
.hs-visa-hur{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-edge);color:var(--ink);font:650 14px/1 var(--font);white-space:nowrap}
@media (hover:hover){.hs-visa-hur:hover{background:var(--v16)}}
.modal .hs-rad{display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:6px 6px 6px 14px;border-radius:18px;background:var(--v06);font-size:13px;line-height:1.4;color:var(--ink-2)}
.hs-rad>span{flex:1;min-width:0}
.ns-status-txt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.hs-dator{position:fixed;z-index:45;right:24px;bottom:calc(var(--flik-luft) + env(safe-area-inset-bottom,0px));width:372px;display:flex;align-items:center;gap:16px;padding:14px;border-radius:24px;
  background:var(--pling-yta);-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);border:1px solid var(--v16);box-shadow:0 18px 40px -12px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.1);color:var(--ink)}
.hs-dator:not([hidden]){animation:hsIn .38s cubic-bezier(.16,1,.3,1)}
.hs-dator-qr{flex:none;width:132px;height:132px;border-radius:6px;overflow:hidden;background:#fff}
.hs-dator-qr svg{display:block;width:132px;height:132px}
.hs-dator-txt{min-width:0;padding-right:22px}
.hs-dator-rubrik{margin:0 0 4px;font:720 17px/1.25 var(--font);letter-spacing:-.015em;color:var(--ink);outline:none}
.hs-dator-txt p{margin:0;font-size:13px;line-height:1.4;color:var(--ink-2)}
.hs-dator-txt .hs-dator-adress{margin-top:8px;font:650 13.5px/1.2 var(--font);color:var(--ink)}
.hs-dator-inst{margin-top:10px;min-height:var(--tap);padding:0 18px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:650 14.5px/1 var(--font)}
.hs-dator-stang{position:absolute;top:4px;right:4px}
@media not all and (min-width:900px){.hs-dator{display:none!important}}
@media (prefers-reduced-motion:reduce){.hs-dator:not([hidden]){animation:none}}
.subleagues{margin:0 0 14px}
.subleagues.seg{background:rgba(0,0,0,.24)}
.subleagues .grp{flex:1;min-height:var(--tap);justify-content:center;padding:0 12px;border:0;border-radius:19px;background:transparent;color:var(--ink-name);font:600 15px/1 var(--font)}
.subleagues .grp[aria-pressed="true"]{background:var(--glass-on);color:var(--ink);border:0;box-shadow:0 2px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.14)}
.grp{display:inline-flex;align-items:center;min-height:var(--tap);padding:6px 18px;border:1px solid var(--glass-edge);border-radius:999px;font:600 14px/1.2 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-name);background:var(--glass)}
.grp[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.nav{position:fixed;z-index:40;left:14px;right:14px;bottom:calc(var(--flik-luft) + env(safe-area-inset-bottom,0px));max-width:440px;margin:0 auto;height:var(--flik-h);padding:5px;border-radius:33px;display:flex;gap:2px;
  background:var(--flik-yta);-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);border:1px solid var(--v22);box-shadow:0 14px 40px -8px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.14)}
html.flik-over-blad .nav{z-index:75}
.nav button{flex:1 1 0;min-width:max-content;min-height:var(--tap);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 6px;color:var(--flik-ink);font:600 12.5px/1.1 var(--font);letter-spacing:0;transition:background-color .2s,color .2s}
.nav button[aria-selected="true"]{background:var(--knapp);color:var(--knapp-ink)}
.nav button:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
@media (hover:hover){.nav button:not([aria-selected="true"]):hover{color:var(--ink);background:var(--v08)}}
.nav button:not([aria-selected="true"]):active{background:var(--v12)}
.tb-ikon{position:relative;display:block}
.tb-ic{width:24px;height:24px;display:block;stroke-width:2}
.tb-l{white-space:nowrap}
@media (max-width:380px){.nav button{padding:0 4px}}
@media (max-width:340px){
  .nav{left:8px;right:8px;padding:4px;gap:0}
  .nav button{padding:0 2px;font-size:11px}
}
@media (max-height:500px){
  :root{--flik-h:54px;--flik-luft:6px}
  .nav{left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));max-width:620px;padding:4px;border-radius:27px}
  .nav button{flex-direction:row;gap:6px;padding:0 10px;border-radius:22px;font-size:13px}
  .nav .tb-ic{width:20px;height:20px}
}
@media (max-height:500px) and (max-width:700px){.nav button{padding:0 6px;gap:4px}}
@media (min-width:600px) and (min-height:501px){
  html.flik-over-blad .modal-backdrop{padding-bottom:calc(var(--flik-topp) + 12px)}
  html.flik-over-blad #match-backdrop>.modal.wide{max-height:min(88vh,980px,100%)}
  html.flik-over-blad #team-backdrop>.modal.wide{max-height:min(90vh,1000px,100%)}
  html.flik-over-blad #spelar-backdrop>.modal{max-height:min(88vh,860px,100%)}
  html.flik-over-blad #kompis-backdrop>.modal.wide{max-height:min(85vh,100%)}
  html #match-backdrop>.modal.wide::after{height:16px}
  html #team-backdrop .modal-scroll-body{padding-bottom:22px}
}
.nav .dot{position:absolute;top:-1px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 2px var(--flik-ring);display:none}
.nav button[aria-selected="true"] .dot{box-shadow:0 0 0 2px var(--knapp)}
.nav .dot.on{display:block}
.nav .dot.on::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:puls 1.8s cubic-bezier(.16,1,.3,1) 4}
.nav .dot.stilla::after,.nav .dot.stale::after{animation:none;opacity:0}
.nav .dot.stale{background:var(--ink-3)}
.view{display:none;margin-top:0}
.view.on{display:block}
html[data-view="matcher"] #view-matcher,html[data-view="live"] #view-live,html[data-view="statistik"] #view-statistik{display:block}
html[data-view]:not([data-view="tabell"]) #view-tabell{display:none}
html[data-view]:not([data-view="tabell"]) #leaguehead-sub{display:none}
html[data-view="hem"] #view-hem{display:block}
html[data-view="hem"] :is(.league-picker,#subleagues,#datastatus){display:none!important}
.hem-titel{display:none;flex:1;min-width:0;align-items:baseline;gap:10px;margin:0;padding:4px 0 4px 2px;font:760 31px/1.1 var(--font);letter-spacing:-.025em;color:var(--ink)}
html[data-view="hem"] .hem-titel{display:flex}
.hem-h1{margin:0;font:inherit;letter-spacing:inherit;color:inherit}
.hem-datum{font:600 14px/1.2 var(--font);letter-spacing:0;color:var(--ink-skimmer);white-space:nowrap}
.hem-sok{display:flex;align-items:center;gap:6px;margin:2px 0 0}
.hem-sok-falt{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:16px;background:var(--card);color:var(--ink-2);cursor:text}
:root[data-tema="ljus"] .hem-sok-falt{box-shadow:var(--kort-skugga)}
.hem-sok-falt:focus-within{box-shadow:inset 0 0 0 2px var(--ink)}
.hem-sok-ic{width:18px;height:18px;flex:none}
#hem-sok-in{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:none;color:var(--ink);font:500 16px/1.2 var(--font);-webkit-appearance:none;appearance:none}
#hem-sok-in:focus-visible{outline:none}
#hem-sok-in::-webkit-search-cancel-button,#hem-sok-in::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.hem-sok-avbryt{flex:none;min-height:var(--tap);padding:0 6px;font:600 15px/1 var(--font);color:var(--ink)}
.hem-del{margin-top:18px}
@media (min-width:1100px){
  #hem-innehall{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:24px;align-items:start}
  #hem-innehall>.hem-del-live .lg-body:not([hidden]){grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr) max-content}
  #hem-innehall>.hem-del-live .lg-body .match{column-gap:6px;padding:8px 10px}
  #hem-innehall>.hem-del-live .kol-lag{gap:5px}
  #hem-innehall>.hem-del-live .kol-lag .badge{width:22px;height:22px;font-size:9px}
  #hem-innehall>.hem-del-live .kol-lag .mt-name{font-size:13px}
  #hem-innehall>*{grid-column:1;min-width:0}
  #hem-innehall>.hem-del-live{grid-column:2;grid-row:1 / span 20;position:sticky;top:88px;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:24px}
}
.hem-rubrikrad{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap);margin:0 2px 4px}
.hem-rubrik{margin:0;font:760 21px/1.2 var(--font);letter-spacing:-.015em;color:var(--ink)}
.hem-lank{display:inline-flex;align-items:center;gap:2px;min-height:var(--tap);padding:0 2px 0 8px;font:600 14px/1 var(--font);color:var(--ink-sida)}
.hem-lank svg{width:15px;height:15px}
.hem-lank[aria-pressed="true"]{color:var(--ink)}
@media (hover:hover){.hem-lank:hover{color:var(--ink)}}
.hem-lagrad{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 12px;margin:0 -12px;padding:2px 12px 6px;scrollbar-width:none}
.hem-lagrad::-webkit-scrollbar{display:none}
.hem-lagkort{position:relative;flex:0 0 min(236px,70vw);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:120px;padding:14px;border-radius:var(--r-card);background:linear-gradient(100deg,var(--hem-falt,transparent) 0%,transparent 62%),var(--card);color:var(--ink);text-align:left}
:root[data-tema="ljus"] .hem-lagkort{box-shadow:var(--kort-skugga)}
.hem-lagrad>.hem-lagkort:only-child{flex-basis:100%}
.hem-bgm{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;mix-blend-mode:multiply}
.hem-lagkort>.hem-lag-topp,.hem-lagkort>.hem-lag-nu{position:relative;z-index:1;pointer-events:none}
.hem-bgm .bgm-bild{position:absolute;top:50%;right:-34px;width:136px;height:136px;margin-top:-68px;object-fit:contain;opacity:.4}
:root[data-tema="ljus"] .hem-bgm{-webkit-mask-image:linear-gradient(90deg,transparent var(--bgm-fri,100%),#000 calc(var(--bgm-fri,100%) + 40px));mask-image:linear-gradient(90deg,transparent var(--bgm-fri,100%),#000 calc(var(--bgm-fri,100%) + 40px))}
:root[data-tema="ljus"] .hem-bgm .bgm-bild{opacity:.16}
.hem-skelett{background:var(--card)}
.hem-lag-topp{display:flex;align-items:center;gap:10px;min-width:0;padding-right:30px}
.hem-lag-topp .badge{width:34px;height:34px;font-size:12px}
.hem-lag-txt{min-width:0}
.hem-lag-namn{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:720 16.5px/1.2 var(--font);letter-spacing:-.01em}
.hem-lag-liga{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12.5px/1.25 var(--font);color:var(--on-color)}
.hem-lag-nu{display:flex;flex-direction:column;gap:3px;margin-top:auto;min-width:0}
.hem-lag-nar{display:inline-flex;align-items:center;gap:7px;font:650 13px/1.2 var(--font);color:var(--on-color);font-variant-numeric:tabular-nums}
.hem-lag-nar.live{color:var(--ink)}
.hem-lag-match{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 16px/1.25 var(--font);color:var(--ink)}
.hem-lag-match .hem-siffror{font:800 19px/1 var(--num);font-variant-numeric:tabular-nums;margin:0 2px}
.hem-lag-oppna{position:absolute;inset:0;z-index:1;border-radius:inherit}
.hem-lag-oppna:focus-visible{outline-offset:-2px}
@media (hover:hover){.hem-lagkort:has(.hem-lag-oppna:hover) .hem-lag-namn{text-decoration:underline;text-underline-offset:3px}}
.hem-folj{position:absolute;z-index:2;top:6px;right:6px;display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:50%;color:var(--ink)}
.hem-folj .star{width:20px;height:20px}
.hem-folj[aria-pressed="false"] .star{color:var(--ink-2)}
@media (hover:hover){.hem-folj:hover{background:var(--v10)}}
.hem-tom{padding:18px 16px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.hem-tom b{display:block;margin-bottom:3px;font:700 16px/1.3 var(--font);color:var(--ink)}
.hem-tom .toggle{margin-top:12px}
.hem-live{overflow:hidden}
.hem-live-topp{display:flex;align-items:center;gap:8px;padding:12px 14px 2px;font:650 13.5px/1.2 var(--font);color:var(--ink)}
.hem-live .lg-body{margin-top:0}
.hem-live-topp:has(.sparad-marke){flex-wrap:wrap;row-gap:6px}
.hem-live-topp .sparad-marke{margin-left:auto}
.hem-skel-rad{display:grid;grid-template-columns:28px minmax(0,1fr) 56px minmax(0,1fr) 28px;align-items:center;gap:0 10px;height:66px;padding:0 14px}
.hem-skel-rad+.hem-skel-rad{border-top:1px solid var(--line)}
.hem-skel-rad .skel-marke{display:block;width:28px;height:28px;border-radius:50%}
.hem-skel-rad .skel-namn{width:min(70px,100%);height:13px}
.hem-skel-rad .skel-namn:nth-child(4){justify-self:end}
.hem-skel-rad .skel-tal{display:block;height:22px;border-radius:8px}
.hem-live-liga{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px 0;font:600 13px/1.25 var(--font);color:var(--ink-3)}
.hem-live-liga .plate{width:20px;height:20px}
.hem-live-liga .plate img{width:14px;height:14px}
.hem-live .lg-body .match{border-bottom:0}
.hem-live .lg-body .match+.match{border-top:1px solid var(--line)}
#hem-skryt .kompis-rad{margin:0;background:var(--card);border-radius:var(--r-card);min-height:64px;padding:12px 14px}
:root[data-tema="ljus"] #hem-skryt .kompis-rad{box-shadow:var(--kort-skugga)}
#hem-skryt .kompis-rad-cta{flex:none;padding:8px 14px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:700 13.5px/1 var(--font)}
.hem-sok-panel{margin-top:10px}
.hem-sok-etikett{margin:14px 4px 4px;font:600 13px/1.25 var(--font);color:var(--ink-sida)}
.hem-sok-etikett:first-child{margin-top:4px}
.hem-traffar{list-style:none;margin:0;padding:2px 0;border-radius:var(--r-card);background:var(--card)}
:root[data-tema="ljus"] .hem-traffar{box-shadow:var(--kort-skugga)}
.hem-traff{display:flex;align-items:center;min-width:0}
.hem-traff+.hem-traff{border-top:1px solid var(--line)}
.hem-traff-oppna{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:62px;padding:8px 4px 8px 14px;text-align:left;color:var(--ink);border-radius:14px}
.hem-traff-oppna:focus-visible{outline-offset:-2px}
.hem-traff-oppna .badge{width:32px;height:32px;font-size:11.5px}
.hem-traff-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hem-traff-namn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 15.5px/1.2 var(--font)}
.hem-traff-namn mark{background:none;color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.hem-traff-liga{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12.5px/1.25 var(--font);color:var(--ink-2)}
.hem-traff-nar{flex:none;display:inline-flex;align-items:center;gap:6px;max-width:42%;padding-left:6px;font:600 12.5px/1.2 var(--font);color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums}
.hem-traff-nar.live{color:var(--ink)}
.hem-traff .hem-folj{position:static;flex:none;margin-right:4px}
@media (hover:hover){.hem-traff-oppna:hover .hem-traff-namn{text-decoration:underline;text-underline-offset:3px}}
.hem-senaste{list-style:none;margin:0;padding:2px 0;border-radius:var(--r-card);background:var(--card)}
:root[data-tema="ljus"] .hem-senaste{box-shadow:var(--kort-skugga)}
.hem-senaste li+li{border-top:1px solid var(--line)}
.hem-senaste button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;text-align:left;font:500 15px/1.2 var(--font);color:var(--ink-name)}
.hem-senaste svg{width:17px;height:17px;flex:none;color:var(--ink-3)}
.hem-forslag{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.hem-forslag button{display:inline-flex;align-items:center;gap:7px;min-height:var(--tap);padding:0 15px 0 12px;border-radius:999px;background:var(--card);font:600 14.5px/1 var(--font);color:var(--ink-name);transition:background-color .15s ease-out}
:root[data-tema="ljus"] .hem-forslag button{box-shadow:var(--kort-skugga)}
.hem-forslag svg{width:16px;height:16px;flex:none;color:var(--ink-3)}
@media (hover:hover){.hem-forslag button:hover{background:color-mix(in srgb,var(--card) 88%,var(--ink))}}
.hem-forslag button:active{background:color-mix(in srgb,var(--card) 82%,var(--ink))}
.hem-sok-rensa{float:right;min-height:var(--tap);margin:-14px 0 -12px;padding:0 4px;font:600 13px/1 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-sida)}
.hem-sok-tips{margin:6px 4px;font-size:14px;line-height:1.45;color:var(--ink-sida)}
.hem-sok-ingen{padding:18px 16px;font-size:14px;line-height:1.45;color:var(--ink-2);border-radius:var(--r-card);background:var(--card)}
.hem-sok-ingen b{display:block;color:var(--ink);font:700 16px/1.3 var(--font);margin-bottom:3px}
#view-hem.hem-soker .hem-innehall{display:none}
#view-hem{position:relative}
#view-hem>:not(.hem-vag){position:relative;z-index:1}
.hem-vag{position:absolute;z-index:0;left:-12px;right:-12px;top:-6px;height:300px;pointer-events:none;opacity:0;transition:opacity .6s ease-out;background:linear-gradient(180deg,transparent 0%,var(--hem-vag,transparent) 22%,transparent 100%)}
.hem-vag.pa{opacity:1}
:root[data-tema="ljus"] .hem-vag{height:220px;background:linear-gradient(180deg,transparent 0%,var(--hem-vag,transparent) 18%,transparent 72%)}
.hem-pagar{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;font:650 13.5px/1.2 var(--font);letter-spacing:0;color:var(--ink);white-space:nowrap}
.hem-pagar>span{overflow:hidden;text-overflow:ellipsis}
.hem-pagar[hidden]{display:none}
@media (max-width:429px){.hem-pagar .hem-pagar-ord{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.hem-puls-rad{display:flex;align-items:center;gap:6px;margin:10px -12px 0}
.hem-puls-rad>.hem-puls{flex:1;min-width:0;margin:0}
.hem-puls-paus{flex:none;display:grid;place-items:center;width:var(--tap);height:var(--tap);margin-right:12px;border-radius:50%;color:var(--ink);background:var(--v10);border:1px solid var(--glass-edge)}
.hem-puls-paus svg{width:14px;height:14px}
.hem-puls-paus:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.hem-puls-rad.pausad .hem-puls-spar,.hem-puls-rad:focus-within .hem-puls-spar{animation-play-state:paused}
.hem-puls{position:relative;margin:10px -12px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.hem-puls-spar{display:flex;width:max-content;animation:hemPuls var(--hem-puls-tid,40s) linear var(--hem-t,0ms) infinite;will-change:transform}
.hem-puls:hover .hem-puls-spar,.hem-puls:active .hem-puls-spar{animation-play-state:paused}
.hem-puls-grupp{display:flex;gap:8px;padding:0 4px 0 12px}
.hem-puls-post{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 14px;border-radius:999px;background:var(--card);font:600 13.5px/1.2 var(--font);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
:root[data-tema="ljus"] .hem-puls-post{box-shadow:var(--kort-skugga)}
.hem-puls-post b{font:800 14px/1 var(--num)}
.hem-puls-post .hem-puls-typ{font:700 12px/1 var(--font);color:var(--goal)}
.hem-puls-post .hem-puls-typ.live{color:var(--live)}
.hem-puls-post .hem-puls-typ.slut{color:var(--ink-2)}
.hem-puls-post .hem-puls-vem{color:var(--ink-2);font-weight:550}
@keyframes hemPuls{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hem-hjalte{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border-radius:var(--r-card);overflow:hidden;isolation:isolate;background:linear-gradient(100deg,var(--hem-falt,transparent) 0%,transparent 70%),var(--card);color:var(--ink)}
:root[data-tema="ljus"] .hem-hjalte{box-shadow:var(--kort-skugga);background:linear-gradient(180deg,var(--hem-falt,transparent) 0%,transparent 58%),var(--card)}
#hem-hjalte .hem-hjalte{margin-top:16px}
.hem-hjalte+.hem-hjalte{margin-top:10px}
#hem-lag .hem-hjalte{margin-bottom:10px}
.hem-hjalte>:not(.hem-andas,.hem-bgm,.hem-hj-oppna){position:relative;z-index:1;pointer-events:none}
.hem-hjalte .hem-bgm{z-index:0}
.hem-hj-oppna{position:absolute;inset:0;z-index:1;border-radius:inherit}
.hem-hj-oppna:focus-visible{outline-offset:-2px}
.hem-andas{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.3;background:radial-gradient(60% 70% at 16% 40%,color-mix(in srgb,var(--hem-h,transparent) 60%,transparent),transparent 72%),radial-gradient(60% 70% at 84% 40%,color-mix(in srgb,var(--hem-a,transparent) 60%,transparent),transparent 72%);animation:hemAndas 5s ease-in-out var(--hem-t,0ms) infinite;will-change:opacity}
:root[data-tema="ljus"] .hem-andas{opacity:.14;animation-name:hemAndasL}
@keyframes hemAndas{0%,100%{opacity:.3}50%{opacity:.7}}
@keyframes hemAndasL{0%,100%{opacity:.14}50%{opacity:.34}}
.hem-hj-topp{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.hem-hj-etikett{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.25 var(--font);color:var(--on-color)}
.hem-hj-klocka{flex:none;display:inline-flex;align-items:center;gap:7px;font:700 13.5px/1.2 var(--font);color:var(--ink);font-variant-numeric:tabular-nums}
.hem-hj-tavla{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.hem-hj-lag{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center;font:700 14.5px/1.2 var(--font)}
.hem-hj-lag>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hem-hj-lag .badge{width:40px;height:40px;font-size:13px}
.hem-hj-siffror{font:800 40px/1 var(--num);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.hem-hj-siffror.vs{font:700 15px/1 var(--font);color:var(--ink-2)}
.hem-hj-stapel{display:flex;gap:4px;height:6px}
.hem-hj-stapel>i{position:relative;flex:1;overflow:hidden;border-radius:3px;background:var(--v12)}
.hem-hj-stapel>i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--hem-h,var(--ink)),var(--hem-a,var(--ink)));transform-origin:left center;transform:scaleX(var(--andel,0));transition:transform .9s cubic-bezier(.16,1,.3,1)}
.hem-hj-rad{margin:0;font:600 13.5px/1.35 var(--font);color:var(--on-color)}
.hem-hj-rad b{color:var(--ink);font-weight:700}
.hem-hj-gang{margin:0;padding:8px 10px;border-radius:12px;background:var(--v10);font:650 13.5px/1.35 var(--font);color:var(--ink)}
.hem-hj-gang.ny{animation:hemBlink 1.6s cubic-bezier(.16,1,.3,1) var(--hem-ft,0ms) both}
@keyframes hemBlink{0%{opacity:.35;transform:scale(.97)}25%{opacity:1;transform:scale(1.02)}100%{opacity:1;transform:none}}
.hem-hj-mot{display:flex;align-items:center;gap:10px;min-width:0;font:750 19px/1.2 var(--font);letter-spacing:-.01em}
.hem-hj-mot>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hem-hj-mot .badge{width:34px;height:34px;font-size:12px}
.hem-hj-mot .hem-hj-res{flex:none;font:800 22px/1 var(--num);font-variant-numeric:tabular-nums}
.hem-hj-ned{display:flex;gap:16px;align-items:flex-end}
.hem-hj-ned>span{display:flex;flex-direction:column;gap:2px;font:600 12px/1.2 var(--font);color:var(--on-color)}
.hem-hj-ned b{font:800 34px/1 var(--num);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.hem-hj-mening{margin:0;font:600 15.5px/1.4 var(--font);color:var(--ink)}
.hem-hj-knappar{display:flex;flex-wrap:wrap;gap:8px}
.hem-hj-knapp{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 16px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:700 14px/1 var(--font)}
.hem-hj-knapp.sek{background:var(--v12);color:var(--ink)}
.hem-hj-plats{color:var(--ink)}
.hem-hj-ev{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--v10)}
.hem-hj-ev>li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--v10);font:600 14px/1.3 var(--font);color:var(--ink)}
.hem-hj-ev>li:last-child{border-bottom:0}
.hem-hj-ev>li>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.hem-hj-ev b{font-weight:650}
.hem-hj-ev>li.mal b{font-weight:750}
.hem-hj-ev small{font:400 13px/1.35 var(--font);color:var(--on-color)}
.hem-hj-ev-tid{flex:none;min-width:34px;font:700 14px/1.3 var(--num);color:var(--on-color);font-variant-numeric:tabular-nums}
.hem-hjalte>.hem-hj-val{z-index:2;pointer-events:auto}
.hem-hjalte>.hem-hj-knappar{pointer-events:none}
.hem-hj-knappar button{pointer-events:auto;position:relative;z-index:2}
.hem-lista{margin:0;padding:4px 0;list-style:none;border-radius:var(--r-card);background:var(--card)}
:root[data-tema="ljus"] .hem-lista{box-shadow:var(--kort-skugga)}
.hem-lista>li{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 14px;font:600 14.5px/1.3 var(--font);color:var(--ink)}
.hem-lista>li+li{border-top:1px solid var(--line)}
.hem-lista .badge{width:26px;height:26px}
.hem-lista .hem-l-namn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hem-lista .hem-l-namn small{display:block;font:500 12px/1.25 var(--font);color:var(--ink-2)}
.hem-lista .hem-l-pos{flex:none;font:700 14px/1 var(--num);color:var(--ink-2);font-variant-numeric:tabular-nums}
.hem-pil{flex:none;min-width:3.2em;text-align:right;font:800 13.5px/1 var(--num);font-variant-numeric:tabular-nums}
.hem-pil.upp{color:var(--goal)}
.hem-pil.ned{color:var(--live)}
.hem-pil.still{color:var(--ink-3)}
.hem-ikvall{display:flex;flex-wrap:wrap;gap:8px}
.hem-ikvall>span{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 14px;border-radius:999px;background:var(--card);font:600 13.5px/1.2 var(--font);color:var(--ink)}
:root[data-tema="ljus"] .hem-ikvall>span{box-shadow:var(--kort-skugga)}
.hem-ikvall .plate{width:20px;height:20px}
.hem-ikvall .plate img{width:14px;height:14px}
.hem-ikvall small{font:600 13px/1 var(--font);color:var(--ink-2)}
.hem-igar{padding:14px 16px;border-radius:var(--r-card);background:var(--card)}
:root[data-tema="ljus"] .hem-igar{box-shadow:var(--kort-skugga)}
.hem-igar h3{margin:6px 0 4px;font:700 16px/1.3 var(--font);color:var(--ink)}
.hem-igar p{margin:0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.hem-gang{margin:0 0 10px;padding:4px 0;list-style:none;border-radius:var(--r-card);background:var(--card)}
:root[data-tema="ljus"] .hem-gang{box-shadow:var(--kort-skugga)}
.hem-gang>li{display:flex;align-items:center;min-height:44px;padding:6px 14px;font:600 14px/1.35 var(--font);color:var(--ink)}
.hem-gang>li+li{border-top:1px solid var(--line)}
.hem-igk{margin-top:16px}
.hem-igk-spar{position:relative;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 12px;margin:0 -12px;padding:0 12px 2px;scrollbar-width:none;scroll-behavior:smooth}
.hem-igk-spar::-webkit-scrollbar{display:none}
#hem-hjalte .hem-igk-kort{flex:0 0 100%;min-width:0;margin-top:0;scroll-snap-align:start;scroll-snap-stop:always}
#hem-hjalte .hem-igk.flera .hem-igk-kort{flex-basis:calc(100% - 22px)}
.hem-igk-kort .hem-hj-siffror{font-size:38px}
.hem-igk-kort .hem-hj-knappar{margin-top:2px}
.hem-igk-prickar{display:flex;justify-content:center;margin:2px 0 -10px}
.hem-igk-prick{display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:50%}
.hem-igk-prick::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink-3);transition:transform .2s ease-out,background-color .2s ease-out}
.hem-igk-prick[aria-current="true"]::before{background:var(--ink);transform:scale(1.3)}
.hem-dl{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.hem-dl-rad{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:64px;padding:10px 14px;border-radius:var(--r-card);background:linear-gradient(90deg,var(--hem-falt,transparent) 0%,transparent 66%),var(--card);color:var(--ink)}
:root[data-tema="ljus"] .hem-dl-rad{box-shadow:var(--kort-skugga)}
.hem-dl-rad>.hem-lag-topp{flex:1;padding-right:0}
.hem-dl-rad>.hem-lag-topp,.hem-dl-rad>.hem-dl-nu{position:relative;z-index:1;pointer-events:none}
.hem-dl-nu{flex:0 1 auto;max-width:52%;margin-top:0;align-items:flex-end;gap:2px;text-align:right}
.hem-dl-nu>span{max-width:100%}
.hem-dl-nu .hem-lag-match{font-size:14.5px}
.hem-dl-nu .hem-lag-match .hem-siffror{font-size:17px}
.hem-dl-mot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.25 var(--font);color:var(--ink-2)}
.hem-dl-oppna{position:absolute;inset:0;z-index:1;border-radius:inherit}
.hem-dl-oppna:focus-visible{outline-offset:-2px}
.hem-dl-rad .hem-folj{position:relative;top:auto;right:auto;flex:none;margin:-8px -10px -8px -4px}
@media (hover:hover){.hem-dl-rad:has(.hem-dl-oppna:hover) .hem-lag-namn{text-decoration:underline;text-underline-offset:3px}}
@media (max-width:360px){.hem-dl-rad{padding:10px 12px;gap:8px}.hem-dl-rad .hem-lag-topp .badge{width:30px;height:30px}.hem-dl-nu{max-width:50%}.hem-dl-ln{display:none}}
@media (max-width:360px){.hem-hj-mot{font-size:17px;gap:8px}.hem-hj-mot .badge{display:none}.hem-hj-siffror{font-size:34px}.hem-hj-ned{gap:12px}.hem-hj-ned b{font-size:30px}.hem-hj-lag .badge{width:34px;height:34px}}
@media (max-height:500px) and (orientation:landscape){.hem-hjalte{gap:8px;padding:12px 16px}.hem-hj-siffror{font-size:32px}.hem-hj-lag .badge{width:30px;height:30px}.hem-hj-lag{flex-direction:row;justify-content:center}.hem-hj-ned b{font-size:28px}}
@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){
  .hem-andas{animation:none}
  .hem-hj-gang.ny{animation:none}
  .hem-hj-stapel>i::after{transition:none}
  .hem-puls{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
  .hem-puls::-webkit-scrollbar{display:none}
  .hem-puls-spar{animation:none}
  .hem-puls-paus{display:none}
  .hem-puls-grupp.kopia{display:none}
  .hem-vag{transition:none}
  .hem-igk-spar{scroll-behavior:auto}
  .hem-igk-prick::before{transition:none}
}
.omg-skel-flikar{display:flex;align-items:center;justify-content:space-between;gap:14px;height:54px;margin:0 12px;padding:0 10px;border-bottom:1px solid var(--line)}
.omg-skel-flikar i{display:block;height:15px;width:26%}
.omg-skel-flikar i:nth-child(2){width:32%;height:17px}
.omg-skel-sub{display:flex;justify-content:center;align-items:center;height:38px;padding-top:4px}
.omg-skel-sub i{display:block;width:62%;height:12px}
.omg-skel-dag{display:flex;align-items:flex-end;height:42px;padding:0 16px 4px}
.omg-skel-dag i{display:block;width:48%;height:16px}
.omg-skel-rad{display:grid;grid-template-columns:78px 50px minmax(0,1fr) 50px 78px;align-items:center;justify-items:center;height:106px;padding:14px 6px 13px}
.omg-skel-rad .skel-marke{display:block;width:40px;height:40px;border-radius:50%}
.omg-skel-rad .skel-lag{display:flex;flex-direction:column;align-items:center;gap:10px}
.omg-skel-rad .skel-lag i+i{width:58px;height:11px}
.omg-skel-rad .skel-tal{display:block;width:26px;height:34px;border-radius:8px}
.omg-skel-rad .skel-mitt{display:block;width:44px;height:13px}
.stat-skel-huvud{height:51px;list-style:none}
html[data-league="shl"] .stat-skel-huvud,html[data-league="hockeyallsvenskan"] .stat-skel-huvud,html[data-league="hockeyettan"] .stat-skel-huvud,html[data-league="sdhl"] .stat-skel-huvud{height:135px}
@media (min-width:640px){html[data-league="shl"] .stat-skel-huvud,html[data-league="hockeyallsvenskan"] .stat-skel-huvud,html[data-league="hockeyettan"] .stat-skel-huvud,html[data-league="sdhl"] .stat-skel-huvud{height:102px}}
.stat-skel-rad{display:grid;grid-template-columns:24px 32px minmax(0,1fr) 40px;align-items:center;column-gap:10px;min-height:62px;padding:9px 16px 9px 12px;list-style:none}
.stat-skel-rad i{display:block;height:12px}
.stat-skel-rad .skel-marke{width:30px;height:30px;border-radius:50%}
.stat-skel-rad span{display:flex;flex-direction:column;gap:8px}
.stat-skel-rad span i:first-child{width:62%;height:14px}
.stat-skel-rad span i+i{width:80%}
.stat-skel-rad .skel-v{height:26px;border-radius:6px}
.live-skel{height:160px;margin:0 0 12px;padding:18px 16px}
.live-skel .skel-rubrik{display:block;width:40%;height:15px;margin:0 auto 26px}
.live-skel .skel-tavla{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;justify-items:center;gap:12px}
.live-skel .skel-marke{display:block;width:44px;height:44px;border-radius:50%}
.live-skel .skel-res{display:block;width:120px;height:48px;border-radius:12px}
.section{margin-bottom:26px}
.h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 10px;flex-wrap:wrap}
.h h2{margin:0;font:760 19px/1.2 var(--font);letter-spacing:-.012em}
.h .meta{font-size:12.5px;color:var(--ink-sida)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--v10);border:1px solid var(--glass-edge);font:600 12px/1.2 var(--font);letter-spacing:0;text-transform:none;color:var(--on-color);vertical-align:1px}
.chip.ex{border-style:dashed}
.stale .match.nu .mt-val{color:var(--ink)}
.card{background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border:0;border-radius:var(--r-card)}
.note{margin:0;font-size:13px;line-height:1.4;color:var(--ink-sida)}
.fav{position:relative;z-index:3;margin:0 0 12px;padding:0 0 4px}
.fav-fraga{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin:0 0 12px;padding:0 12px 0 14px;border:0;border-radius:16px;background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);color:var(--ink);font:600 15px/1.25 var(--font);text-align:left;cursor:pointer}
html[data-fav] .fav-fraga.fav-laddar,.fav-fraga[hidden]{display:none}
#fav-card:not(.has-fav):not(.fav-laddar):not(.meny-oppen){display:none}
@media (hover:hover){.fav-fraga:hover .fav-fraga-val{color:var(--ink)}}
.fav-fraga:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.fav-fraga-stjarna{width:18px;height:18px;flex:none;color:var(--star)}
.fav-fraga-text{flex:1;min-width:0}
.fav-fraga-val{display:inline-flex;align-items:center;gap:2px;flex:none;font-weight:600;color:var(--ink-2)}
.fav-fraga-val svg{width:16px;height:16px}
.fav.has-fav{background:linear-gradient(100deg,var(--fav-falt,transparent) 0%,transparent 60%),var(--card)}
html:not([data-fav]) .fav.fav-laddar{display:none}
.fav-laddar .fav-picker{visibility:hidden}
.fav-logo{display:none}
.fav-huvud{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 12px 2px 14px}
.fav-rubrik{margin:0;flex:1;min-width:0;font:700 17px/1.2 var(--font)}
.fav-picker{position:static;flex:none}
.fav-trigger{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-hi);color:var(--ink);font:600 14px/1 var(--font);white-space:nowrap;position:relative}
.fav-trigger::before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap);transform:translateY(-50%)}
@media (hover:hover){.fav-trigger:hover{background:var(--v16)}}
.fav-trigger .chev{width:14px;height:14px;flex:none;color:var(--chev80);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.fav-trigger[aria-expanded="true"] .chev{transform:rotate(180deg)}
.fav:not(.has-fav) .fav-trigger{min-height:var(--tap);padding:0 14px 0 18px;font-size:15px;background:var(--glass-on)}
.fav-menu{position:absolute;top:56px;left:8px;right:8px;z-index:20;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--meny-yta);border:1px solid var(--v12);border-radius:18px;box-shadow:0 24px 48px -12px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.4);scrollbar-width:thin;scrollbar-color:var(--v28) transparent}
.section + .fav .fav-menu{top:auto;bottom:calc(100% + 6px)}
.fav-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:6px 10px;border-radius:12px;text-align:left;font:inherit;color:var(--ink)}
@media (hover:hover){.fav-opt:hover{background:var(--v07)}}
.fav-opt .badge{width:28px;height:28px;flex:none}
.fav-opt .opt-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:15px}
.fav-opt .check{width:16px;height:16px;flex:none;color:var(--ink);visibility:hidden}
.fav-opt:is([aria-current="true"],[aria-selected="true"]) .check{visibility:visible}
.fav-opt:is([aria-current="true"],[aria-selected="true"]){background:var(--v10)}
.fav .next:empty{display:none}
.fav .next{min-width:0}
.favrow{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 16px 6px;text-align:left;color:var(--ink);border-radius:0}
@media (hover:hover){.favrow:hover .favrow-namn{text-decoration:underline;text-underline-offset:3px}}
.favrow .badge{width:42px;height:42px;font-size:14px}
.favrow-txt{display:flex;flex-direction:column;flex:1;min-width:0}
.favrow-namn{font:700 17px/1.2 var(--font);letter-spacing:-.01em}
.favrow-sub{margin-top:3px;font-size:13.5px;line-height:1.35;color:var(--on-color)}
.fav-tavla{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;width:calc(100% - 24px);margin:2px 12px 12px;padding:10px 10px;border-radius:16px;background:var(--v07);color:var(--ink);font:inherit;text-align:center}
.fav-tavla-lag{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;font:600 13px/1.2 var(--font);color:var(--ink-name)}
.fav-tavla-lag>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fav-tavla-lag .badge{width:32px;height:32px;font-size:11px}
.fav-tavla-mitt{display:flex;flex-direction:column;align-items:center;gap:3px}
.fav-tavla-sc{font:700 34px/1 var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.fav-tavla-klocka{display:inline-flex;align-items:center;gap:5px;font:600 12.5px/1.2 var(--font);color:var(--ink-2);white-space:nowrap}
.fav-tavla-klocka .ldot{width:7px;height:7px}
.favrow>.chev{width:16px;height:16px;flex:none;margin-left:4px;color:var(--chev-namn)}
.fav-pos b{font-weight:inherit;color:inherit}
.fav-sep{margin:0 4px 0 0}
.fav-pos b.rulla{display:inline-grid;overflow:hidden;vertical-align:bottom}
.rulla>span{grid-area:1/1}
.fav.tänd .rulla-gammal{animation:rullaUt 450ms cubic-bezier(.16,1,.3,1) var(--fira-t,0ms) both}
.fav.tänd .rulla-ny{animation:rullaIn 450ms cubic-bezier(.16,1,.3,1) var(--fira-t,0ms) both}
.fav:not(.tänd) .rulla-gammal{visibility:hidden}
.fav-spel{margin:0;padding:4px 16px 12px 70px;font:600 15px/1.35 var(--font);color:var(--ink)}
.fav-senast{display:flex;align-items:center;gap:8px;margin:0;padding:4px 16px 2px 70px;font-size:13.5px;line-height:1.35;color:var(--on-color)}
.fav-senast .form-dot{width:22px;height:22px;flex:none}
.fav-senast-sc{font-family:var(--num);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink)}
.fav-rost{margin:0;padding:4px 16px 12px 70px;font:600 15px/1.35 var(--font);color:var(--ink)}
.fav-senast:last-child{padding-bottom:12px}
.fav-skelett{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 16px 14px}
.fav-skelett .skel-krona{width:42px;height:42px;border-radius:50%;flex:none}
.fav-skelett span{display:flex;flex-direction:column;gap:8px;flex:1}
.fav-skelett span i{display:block;height:13px;width:45%}
.fav-skelett span i+i{width:80%;height:11px}
.fav.tänd::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--fav-streck,var(--ink)) 45%,transparent);animation:favRing 900ms cubic-bezier(.16,1,.3,1) var(--fira-t,0ms) both}
.fav.tänd .favrow .badge{animation:favKrona 900ms cubic-bezier(.16,1,.3,1) var(--fira-t,0ms) both}
@keyframes favRing{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
@keyframes favKrona{0%,100%{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)) drop-shadow(0 0 0 transparent)}35%{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)) drop-shadow(0 0 14px var(--fav-streck,var(--ink)))}}
@keyframes rullaUt{to{transform:translateY(-100%);opacity:0}}
@keyframes rullaIn{from{transform:translateY(100%);opacity:0}}
#view-tabell .section{margin-bottom:12px}
.tabellkort{margin:0;overflow:clip}
.tabellkort .ctitle{padding-bottom:0}
.legend-row{display:flex;justify-content:center}
.kolnyckel-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:var(--tap);padding:0 14px;font:500 13.5px/1.2 var(--font);color:var(--ink-2)}
@media (hover:hover){.kolnyckel-btn:hover{color:var(--ink)}}
.kolnyckel-btn .caret{width:13px;height:13px;flex:none;transition:transform .18s ease}
.kolnyckel-btn[aria-expanded="true"] .caret{transform:rotate(90deg)}
.kolnyckel{margin:0 16px 10px;padding:12px 0 2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13.5px}
.kolnyckel .legend{margin:0 0 12px}
.kolnyckel .legend:empty{display:none}
.legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;line-height:1.35;color:var(--ink-2)}
.legend:empty{display:none}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend .zm{width:9px;height:9px;flex:none;background:var(--z);clip-path:var(--zform)}
.kolnyckel-lista{margin:0 0 10px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
.kolnyckel-lista dt{font:600 13px/1.35 var(--font);color:var(--ink);font-variant-numeric:tabular-nums}
.kolnyckel-lista dd{margin:0;color:var(--ink-2)}
.kolnyckel-lista .helrad{grid-column:1/-1;margin:4px 0 0;color:var(--ink-3);font-size:12.5px;line-height:1.45}
.legend-note{margin:10px 6px 0;font-size:12.5px;line-height:1.4;color:var(--ink-2);max-width:60ch}
[data-z="a"]{--z:var(--zone-a);--zform:polygon(50% 15%,92.5% 82.5%,7.5% 82.5%)}
[data-z="b"]{--z:var(--zone-b);--zform:circle(38% at 50% 50%)}
[data-z="c"]{--z:var(--zone-c);--zform:polygon(50% 7.5%,92.5% 50%,50% 92.5%,7.5% 50%)}
[data-z="d"]{--z:var(--zone-d);--zform:polygon(7.5% 17.5%,92.5% 17.5%,50% 85%)}
.tbl-vakt{height:1px;margin-bottom:-1px}
.tblwrap{overflow:clip;container-type:inline-size;padding-bottom:8px}
.tblwrap.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;min-width:520px}
#tabell th,#tabell td{width:26px;padding:0 4px;text-align:center;white-space:nowrap}
#tabell thead th:nth-last-child(2),#tabell td.gd{width:36px}
#tabell thead th:last-child,#tabell td.pts{width:40px}
#tabell thead th{position:sticky;top:0;z-index:2;height:34px;background:transparent;font:500 13px/1 var(--font);color:var(--ink-3);letter-spacing:0;text-transform:none}
.tabellkort.klistrad #tabell thead th{background:var(--klister-yta);box-shadow:inset 0 -1px 0 var(--line)}
#tabell thead th.l{text-align:left}
#tabell thead abbr{text-decoration:none;cursor:help}
#tabell thead th:first-child>*{visibility:hidden}
#tabell thead th:nth-child(2){width:auto;padding-left:38px}
#tabell thead th:last-child,#tabell td.pts{padding-right:14px;text-align:right}
#tabell tbody td{height:44px;font:400 15px/1.2 var(--font);color:var(--ink)}
#tabell tbody tr[data-team]{cursor:pointer}
#tabell tbody td:first-child{border-radius:12px 0 0 12px}
#tabell tbody td:last-child{border-radius:0 12px 12px 0}
#tabell td.pos{position:relative;width:44px;padding:0 4px 0 22px;text-align:right;color:var(--ink)}
#tabell td.pos::before{content:"";position:absolute;left:12px;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--z,transparent);clip-path:var(--zform,none)}
#tabell td.pos:not([data-z])::before,#tabell td.pos[data-z=""]::before{display:none}
#tabell tr.sep td.pos::after{content:"";position:absolute;left:10px;bottom:0;width:300px;width:calc(100cqw - 20px);height:1px;pointer-events:none;background:repeating-linear-gradient(90deg,var(--v34) 0 5px,transparent 5px 10px)}
#tabell td.team{width:auto;padding:0;text-align:left}
#tabell.grupptabell tr.grupp-rubrik th{width:auto;height:auto;padding:22px 8px 8px 12px;text-align:left;white-space:normal;font:700 15px/1.25 var(--font);letter-spacing:-.01em;color:var(--ink)}
#tabell.grupptabell tbody.grupp:first-of-type tr.grupp-rubrik th{padding-top:10px}
#tabell.grupptabell .grupp-fokus{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;vertical-align:1px;font:600 11px/1.2 var(--font);letter-spacing:.01em;color:var(--ink);background:var(--glass-hi);box-shadow:inset 0 0 0 1px var(--glass-edge)}
.legend .legend-div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;width:100%}
.legend .legend-div b{color:var(--ink);font-weight:600}
.teamrow{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--tap);padding:6px 4px 6px 8px;text-align:left;color:var(--ink);font:inherit}
.teamrow .badge{width:22px;height:22px;font-size:9px}
.teamrow .star{width:12px;height:12px;margin-left:-3px}
td.team .short{display:none}
td.pts{font-weight:400}
td.gd.pos-,td.gd.neg-{color:inherit}
#tabell tr.fav-row td{background:var(--fav-row)}
@media (hover:hover){
  #tabell tbody tr:hover td{background:var(--v05)}
  #tabell tbody tr.fav-row:hover td{background:var(--v11)}
}
.row-live{position:relative;display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--live);margin-left:2px;vertical-align:middle}
.laget-knapp .row-live{width:8px;height:8px;margin:0}
.table-live{display:block;margin-top:4px;font-size:12px;color:var(--ink-2)}
.table-live .row-live{margin:0 6px 0 0}
#tabell.lt thead th{box-shadow:inset 0 2px 0 var(--live)}
.tabellkort.klistrad #tabell.lt thead th{box-shadow:inset 0 2px 0 var(--live),inset 0 -1px 0 var(--line)}
#tabell.lt thead th{height:66px;vertical-align:bottom;padding-bottom:11px}
#tabell.lt thead th:first-child{z-index:3}
#tabell thead th:first-child>.lt-band{visibility:visible}
.lt-band{position:absolute;left:0;top:2px;width:300px;width:100cqw;height:32px;display:flex;align-items:center;gap:8px;padding:0 16px;font:650 15px/1.2 var(--font);letter-spacing:-.005em;color:var(--ink);white-space:nowrap;text-align:left}
.lt-band .row-live{margin:0;width:8px;height:8px}
.lt-band .row-live::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:puls 1.8s cubic-bezier(.16,1,.3,1) 4}
.lt-band .row-live.stilla::after,.lt-band .row-live.stale::after{animation:none;opacity:0}
.lt-namn{display:flex;flex-direction:column;min-width:0}
.lt-info{font:500 12px/1.3 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.lt-pil{display:inline-flex;align-items:center;gap:3px;margin-right:6px;color:var(--ink);vertical-align:-1px}
.lt-tri{width:9px;height:9px;flex:none;fill:var(--ink-2)}
@media (max-width:560px){
  table{min-width:0}
  td.team .full{display:none} td.team .short{display:inline}
  .col-opt{display:none}
  #tabell td.team{white-space:normal}
  #tabell .teamrow .full,#tabell .teamrow .short{min-width:0;overflow-wrap:anywhere}
  .lt-info{white-space:normal}
  .teamrow .lt-namn~.row-live{display:none}
}
@media (max-width:400px){
  #tabell th,#tabell td{width:24px;padding:0 2px}
  #tabell thead th:nth-last-child(2),#tabell td.gd{width:32px}
  #tabell thead th:last-child,#tabell td.pts{width:34px;padding-right:12px}
  #tabell tbody td{font-size:14px}
  #tabell td.pos{width:38px;padding:0 3px 0 20px}
  #tabell td.pos::before{left:10px}
  .lt-band{padding:0 12px}
}
@media (max-width:340px){
  #tabell .badge{display:none}
  .teamrow{gap:0;padding-left:6px}
  .teamrow .star,.teamrow .row-live{margin-left:5px}
  .teamrow .lt-namn~.row-live{display:none}
  .lt-info{font-size:11px}
  #tabell th,#tabell td{width:22px}
  #tabell thead th:nth-last-child(2),#tabell td.gd{width:30px}
  #tabell thead th:last-child,#tabell td.pts{width:30px;padding-right:10px}
  #tabell td.pos{width:36px}
  #tabell tbody td{font-size:13px}
  #tabell thead th{font-size:12px}
  #tabell thead th:nth-child(2){padding-left:6px}
}
.datastatus{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin:0 0 12px;padding:12px 12px 12px 16px;border-radius:var(--r-card);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);color:var(--ink-2);font-size:13.5px;line-height:1.4}
.datastatus span{flex:1 1 24ch}
.datastatus .toggle{min-height:var(--tap);padding:0 16px;font-size:14px}
.valkomst{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:0 0 12px;padding:10px 10px 10px 16px;border-radius:var(--r-card);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);color:var(--ink-2);font-size:13.5px;line-height:1.45}
.valkomst p{flex:1 1 28ch;margin:0}
.valkomst-knappar{display:flex;flex-wrap:wrap;gap:6px}
.valkomst .valkomst-stang{border-color:transparent;background:none;color:var(--ink-2)}
#offline{display:none;margin-top:0}
#main.offline #offline{display:block}
#main.offline .view{display:none !important}
.form-dir{display:block;margin-top:6px;font-size:12.5px;line-height:1.3;color:var(--ink-3);text-wrap:balance}
.mr{--lagb:78px;--scb:50px;position:relative;display:grid;grid-template-columns:var(--lagb) var(--scb) minmax(0,1fr) var(--scb) var(--lagb);align-items:center;width:100%;min-height:106px;padding:14px 6px 13px;text-align:center;color:inherit;font:inherit;border-radius:0}
.mr+.mr,.mlista .dayh+.mr{border-top:1px solid var(--line)}
.mlista .dayh+.mr{border-top:0}
.mr.g{--gx:calc(6px + var(--lagb) / 2);background:radial-gradient(220px 50px at calc(var(--gx) + 30px) 46%,var(--gh,transparent),transparent),radial-gradient(220px 50px at calc(100% - var(--gx) - 30px) 46%,var(--ga,transparent),transparent)}
.mr-lag{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.mr-marke{position:relative;display:inline-grid;place-items:center}
.mr .badge{width:40px;height:40px;font-size:13px}
.mr-marke .star{position:absolute;left:calc(100% + 4px);top:50%;width:13px;height:13px;margin-top:-6.5px}
@media (max-width:374px){.mr-lag:last-child .mr-marke .star{left:auto;right:calc(100% + 4px)}}
.mr-namn{display:block;max-width:100%;overflow:hidden;font:600 14px/1.18 var(--font);color:var(--ink-name);text-wrap:balance;overflow-wrap:normal;word-break:normal}
.mr-namn.ryms-inte{overflow:visible}
.mr-sc{font:700 48px/.9 var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.mr-sc.lose{color:var(--dim)}
.mr-sc.saknas{color:var(--ink-3);font-weight:500}
.mr-rec{font:500 13.5px/1.1 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.mr-plats{display:block;margin-top:-3px;font:500 12.5px/1.1 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.mr-plats b{font-weight:700;color:var(--ink)}
.mr-mitt{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 2px}
.mr-mitt>b{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 7px;font:650 15.5px/1.2 var(--font);color:var(--ink);font-variant-numeric:tabular-nums;text-wrap:balance}
.mr-under{display:block;margin-top:5px;font-size:13px;line-height:1.25;color:var(--ink-2);text-wrap:balance;overflow-wrap:normal;max-width:100%;overflow:hidden}
.mr-under+.mr-under{margin-top:2px}
button.mr,a.mr{cursor:pointer}
a[data-adress]{text-decoration:none;-webkit-tap-highlight-color:transparent}
@media (hover:hover){button.mr:hover .mr-namn,a.mr:hover .mr-namn{text-decoration:underline;text-underline-offset:3px}}
button.mr:focus-visible{outline-offset:-3px;border-radius:14px}
.mr .ldot{width:8px;height:8px}
.mr.antagen .mr-sc{color:var(--ink-3)}
@media (max-width:374px){
  .mr{--lagb:66px;--scb:42px;padding-inline:4px}
  .mr-sc{font-size:42px}
  .mr .badge{width:36px;height:36px}
  .mr-lag .mr-namn{width:calc(100% + 10px);max-width:none;margin-inline:-5px}
}
@media (max-width:340px){
  .mr{--lagb:60px;--scb:38px}
  .mr-sc{font-size:38px}
  .mr-namn{font-size:13px}
  .mr-mitt>b{font-size:14.5px}
  .mr-under{font-size:12.5px}
}
@media (min-width:600px){
  .mr{--rad:480px;padding-inline:calc((100% - var(--rad)) / 2)}
  .mr.g{--gx:calc((100% - var(--rad)) / 2 + var(--lagb) / 2)}
}
.dayh{margin:0;padding:18px 16px 2px;font:700 17px/1.2 var(--font);color:var(--ink)}
.mlista{margin:0 0 12px;overflow:clip}
.mlista>.dayh:first-child{padding-top:14px}
.poang-rad{display:block;margin-top:3px;font-size:12.5px;line-height:1.3;color:var(--ink-2);text-wrap:balance}
.poang-rad.ditt{color:var(--ink);font-weight:600}
.poang-rad.ny{animation:tonaIn 240ms cubic-bezier(.16,1,.3,1) both}
.mr.nyss{animation:nyssLand 1600ms linear var(--fira-t,0ms) both}
.mr.nyss .mr-sc.lose{animation:nyssDamp 600ms cubic-bezier(.16,1,.3,1) calc(var(--fira-t,0ms) + 200ms) both}
@keyframes nyssLand{0%{background-color:var(--v12)}100%{background-color:transparent}}
@keyframes nyssDamp{0%{color:var(--ink)}100%{color:var(--dim)}}
@keyframes tonaIn{from{opacity:0}}
@keyframes malrad{0%,55%{color:var(--goal)}100%{color:var(--ink)}}
.after-time{color:var(--ink-2);font-weight:600}
.hero-after{display:block;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--ink-3);margin-top:2px}
.omg{margin:0 0 12px}
.omg-vakt{height:1px;margin-bottom:-1px}
.omg-flikar{position:sticky;top:env(safe-area-inset-top,0px);z-index:6;margin:0;padding:0 12px;border:0;border-radius:var(--r-card) var(--r-card) 0 0;background-image:linear-gradient(var(--line),var(--line));background-size:calc(100% - 24px) 1px;background-position:12px 100%;background-repeat:no-repeat}
.omg.klistrad .omg-flikar{background-color:var(--klister-yta);border-radius:0;box-shadow:0 8px 16px -10px rgba(0,0,0,.8)}
.omg-flikar>button{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 4px;overflow:hidden;text-overflow:ellipsis}
.omg-flikar>button:disabled{visibility:hidden}
.omg-flikar>button span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.omg-flikar .caret{width:13px;height:13px;flex:none;color:var(--ink-2);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.omg-flikar #round-pick[aria-expanded="true"] .caret{transform:rotate(180deg)}
@media (hover:hover){.omg-flikar>button:not(.on):hover{color:var(--ink)}}
.omg-flikar>button:focus-visible{outline-offset:-4px;border-radius:12px}
@media (max-width:374px){.omg-flikar>button{font-size:15px}}
@media (max-width:340px){.omg-flikar{padding:0 6px}.omg-flikar>button{font-size:14px;padding:0 2px}}
.omg-sub{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin:0;padding:12px 16px 8px}
.omg-nu{position:relative;min-height:32px;padding:0 14px;font-size:14px}
.omg-nu::before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap);transform:translateY(-50%)}
.omg .sech{padding-top:4px}
.omg-innehall>.ctitle{padding-top:14px}
.omg-tom{padding:28px 16px 30px}
.round-menu{position:absolute;left:8px;right:8px;top:calc(100% + 6px);z-index:20;max-height:min(60vh,420px);overflow-y:auto;overscroll-behavior:contain;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--meny-yta);border:1px solid var(--v12);border-radius:18px;box-shadow:0 24px 48px -12px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.4);scrollbar-width:thin;scrollbar-color:var(--v28) transparent}
.round-opt{display:flex;align-items:baseline;gap:8px;width:100%;min-height:var(--tap);padding:6px 12px;border-radius:12px;text-align:left;color:var(--ink)}
@media (hover:hover){.round-opt:hover{background:var(--v07)}}
.round-opt[aria-current="true"]{background:var(--v12)}
.round-opt .ro-namn{font:650 15px/1.2 var(--font);white-space:nowrap}
.round-opt .ro-meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink-2)}
.live-mode{position:relative;display:flex;gap:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 0 14px;background:rgba(0,0,0,.26)}
.live-mode::-webkit-scrollbar{display:none}
.live-mode>.grp{flex:1 0 auto;min-width:0;justify-content:center;gap:8px;padding:0 18px;border:0;border-radius:19px;background:transparent;color:var(--ink-name);font:600 15px/1 var(--font);white-space:nowrap}
.live-mode>.grp[aria-pressed="true"]{background:var(--glass-on);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.14)}
.live-mode>.grp:focus-visible{outline-offset:-3px}
.live-mode.mer-h{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
.live-mode.mer-v{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px);mask-image:linear-gradient(90deg,transparent,#000 32px)}
.live-mode.mer-v.mer-h{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.lm-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--live)}
.lm-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:puls 1.8s cubic-bezier(.16,1,.3,1) 4}
.lm-dot.stilla::after,.lm-dot.stale::after{animation:none;opacity:0}
.lm-dot.stale{background:var(--ink-3)}
.lhead{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:52px;margin:0 0 8px;padding:0 4px}
.lhead-not{flex-basis:100%;margin:-4px 0 0;font:500 12.5px/1.35 var(--font);color:var(--ink-2)}
.mh-lage-not{margin:6px 0 0;text-align:center;font:500 12.5px/1.35 var(--font);color:var(--on-color)}
.lhead .plate{width:36px;height:36px;box-shadow:0 4px 14px -4px rgba(0,0,0,.5)}
.lhead .plate img{width:25px;height:25px}
.lhead-namn{display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);margin:0;padding:0;font:700 17px/1.2 var(--font);color:var(--ink);text-align:left}
.lhead-namn .caret,.lhead-namn .lh-chev{width:15px;height:15px;flex:none;color:var(--chev75);transition:transform .18s ease}
@media (hover:hover){button.lhead-namn:hover .lg-name{text-decoration:underline;text-underline-offset:3px}}
.lhead-aside{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding-left:8px;font:600 14px/1.2 var(--font);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.stale .ldot,.lhead.stale .ldot,.ldot.stale{background:var(--ink-3)}
.stale .ldot::after,.lhead.stale .ldot::after{animation:none;opacity:0}
.live-status{margin:0 4px 10px;font-size:13px;color:var(--ink-sida);font-variant-numeric:tabular-nums}
.live-status.bad{display:flex;align-items:flex-start;gap:9px;margin:0 0 12px;padding:12px 16px;border-radius:var(--r-card);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);font:600 14px/1.4 var(--font);color:var(--ink)}
.live-status.bad::before{content:"";flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--ink-3)}
.live-lage{margin:2px 4px 14px;font:700 19px/1.28 var(--font);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.live-lage-nasta{display:block;margin-top:3px;font-size:15px;font-weight:600;color:var(--ink-skimmer)}
.lkort+.lkort{margin-top:12px}
.board{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(100deg,var(--gh,transparent) 0%,transparent 50%),linear-gradient(260deg,var(--ga,transparent) 0%,transparent 50%),var(--card)}
.board .mr{min-height:112px;padding-top:16px;padding-bottom:14px}
.board .mr-under{color:var(--ink-name)}
.board-open{border-radius:var(--r-card) var(--r-card) 0 0}
.board-open:only-child,.board-open:last-child{border-radius:var(--r-card)}
.board-demo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 0}
.demo-stop-btn{min-height:var(--tap);padding:0 16px;font-size:13px}
.board-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:var(--tap);border-top:1px solid var(--line);font:600 14px/1 var(--font);color:var(--ink-name)}
.board-toggle .ev-count{font-variant-numeric:tabular-nums}
.board-toggle .caret{width:15px;height:15px;flex:none;color:var(--ink-name);transition:transform .18s ease}
.board-toggle[aria-expanded="true"] .caret{transform:rotate(180deg)}
@media (hover:hover){.board-toggle:hover{color:var(--ink)}}
.board-toggle:focus-visible{outline-offset:-4px;border-radius:0 0 var(--r-card) var(--r-card)}
.board.hockey.fullt[data-fira] .mr::after{content:"";position:absolute;inset:-8px 0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(closest-side,var(--lampa),transparent);animation:malljus 1600ms linear var(--fira-t,0ms) both}
.board .mr-sc{position:relative;isolation:isolate}
.board.fotboll.fullt[data-fira] .mr-sc.ny::after{content:"";position:absolute;inset:-16px -26px;z-index:-1;pointer-events:none;opacity:0;
  background:repeating-linear-gradient(45deg,var(--nat) 0 1px,transparent 1px 8px),repeating-linear-gradient(-45deg,var(--nat) 0 1px,transparent 1px 8px);
  -webkit-mask:radial-gradient(closest-side,#000 55%,transparent);mask:radial-gradient(closest-side,#000 55%,transparent);
  animation:natkrus 1100ms cubic-bezier(.16,1,.3,1) var(--fira-t,0ms) both}
.board[data-fira] .mr-sc.ny{animation:siffrafargLang 120000ms linear var(--fira-t,0ms) both}
.board.fullt[data-fira] .mr-sc.ny{animation:siffra 520ms cubic-bezier(.16,1,.3,1) var(--fira-t,0ms) both,siffrafargLang 120000ms linear var(--fira-t,0ms) both}
.board .mr-lag.fira .star{transform-origin:50% 53%;animation:stjarna 700ms cubic-bezier(.16,1,.3,1) var(--fira-t,0ms) both}
@keyframes malljus{0%{opacity:0}6%{opacity:1}45%{opacity:1}100%{opacity:0}}
@keyframes natkrus{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:scale(1.05)}40%{opacity:.9;transform:scale(.985)}100%{opacity:0;transform:scale(1.06)}}
@keyframes siffra{0%{transform:scale(1)}22%{transform:scale(1.18)}100%{transform:scale(1)}}
@keyframes siffrafarg{0%,60%{color:var(--goal)}100%{color:var(--ink)}}
@keyframes siffrafargLang{0%,98%{color:var(--goal)}100%{color:var(--ink)}}
.mal-skylt{position:relative;margin:-4px 14px 12px;border-radius:14px;overflow:hidden;background:var(--skylt);color:var(--skylt-text,#fff);animation:skyltIn 420ms cubic-bezier(.16,1,.3,1) var(--fira-t,0ms) both}
.mal-skylt-rad{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:9px 12px 11px;font:600 14px/1.2 var(--font)}
.mal-skylt-rad b{flex:none;font:800 14px/1 var(--font);letter-spacing:.06em}
.mal-skylt-rad span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mal-skylt-tid{position:absolute;left:0;right:0;bottom:0;height:3px;background:currentColor;opacity:.6;transform-origin:left;animation:skyltTid 120000ms linear var(--fira-t,0ms) both}
.mal-stund{position:absolute;inset:0;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 20px;color:var(--skylt-text,#fff);background:radial-gradient(70% 70% at 50% 0%,rgba(255,255,255,.26),transparent),linear-gradient(160deg,var(--skylt),var(--skylt-slut,color-mix(in srgb,var(--skylt) 55%,#000)));animation:stund 4000ms linear var(--fira-t,0ms) both}
.mal-stund .badge{flex:none;width:52px;height:52px;font-size:17px}
.mal-stund-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.mal-stund-ord{display:flex;align-items:baseline;gap:12px;font:800 40px/1 var(--font);letter-spacing:.02em;transform-origin:left center;animation:stundOrd 700ms cubic-bezier(.16,1,.3,1) var(--fira-t,0ms) both}
.mal-stund-sc{font:800 26px/1 var(--num);font-variant-numeric:tabular-nums}
.mal-stund-namn{font:600 15px/1.25 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes skyltIn{from{opacity:0;transform:translateY(-4px)}}
@keyframes skyltTid{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes stund{0%{opacity:0}5%{opacity:1}88%{opacity:1}100%{opacity:0}}
@keyframes stundOrd{0%{transform:scale(.6)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
.mal-chip{flex:none;padding:3px 6px;border-radius:999px;background:var(--skylt);font:800 10.5px/1 var(--font);letter-spacing:.05em;color:var(--skylt-text,#fff)}
@keyframes stjarna{0%{transform:rotate(0) scale(1)}40%{transform:rotate(40deg) scale(1.3)}100%{transform:rotate(72deg) scale(1)}}
.evs{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.evc{position:relative;margin:0;padding:13px 22px 12px;border-radius:var(--r-ev);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}
.evc::after{content:"";position:absolute;top:0;bottom:0;width:var(--r-ev);pointer-events:none;border:0 solid var(--tc,transparent)}
.evc.home::after{left:0;border-left-width:4px;border-radius:var(--r-ev) 0 0 var(--r-ev)}
.evc.away::after{right:0;border-right-width:4px;border-radius:0 var(--r-ev) var(--r-ev) 0}
.evc.neutral{text-align:center}
.evc.neutral::after{display:none}
.evc-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font:500 16px/1.32 var(--font);color:var(--ink)}
.evc.neutral .evc-t{justify-content:center;color:var(--ink-name)}
.evc-s{margin:2px 0 0;font-size:13.5px;line-height:1.35;color:var(--ink-2)}
.evc-s .ev-inout-ico{margin-right:4px}
.evc-rad{display:block}
.evc-f{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:9px 0 0;font:500 14px/1 var(--font);color:var(--ink-3);font-variant-numeric:tabular-nums}
.evc.neutral .evc-f{justify-content:center}
.evc-sc{font:600 16px/1 var(--num);letter-spacing:.02em;color:var(--ink-3);font-variant-numeric:tabular-nums}
.evc-sc b{color:var(--ink);font-weight:700}
.evc-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--surface-2);font:600 12px/1.3 var(--font);color:var(--ink-name)}
.evc .ev-card{width:10px;height:14px;margin-right:2px;vertical-align:-1px}
.evc.new{animation:evcIn 1.8s cubic-bezier(.16,1,.3,1)}
@keyframes evcIn{0%{opacity:0;transform:translateY(-6px);background-color:var(--flash,var(--v12))}45%{opacity:1;transform:none;background-color:var(--flash,var(--v12))}100%{background-color:var(--card)}}
@keyframes evcRM{0%,45%{background-color:var(--flash,var(--v12))}100%{background-color:var(--card)}}
.lg-group+.lg-group{margin-top:14px}
.lg-group{margin-bottom:0}
.lg-h{flex:1;min-width:0;margin:0;font:inherit}
.lg-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:4px 4px;text-align:left;color:var(--ink)}
.lg-rubrik{display:flex;align-items:center;gap:10px;min-height:52px;padding:4px;color:var(--ink)}
.lg-rubrik .plate{width:36px;height:36px;box-shadow:0 4px 14px -4px rgba(0,0,0,.5)}
.lg-rubrik .plate img{width:25px;height:25px}
.sparad-marke{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1.2 var(--font);color:var(--ink-sida);font-variant-numeric:tabular-nums;white-space:nowrap}
.sparad-marke::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ink-3)}
.lg-sparad-rad{grid-column:1 / -1;margin:0;padding:12px 14px 4px}
.live-retry-liga{display:inline-flex;align-items:center;min-height:var(--tap);margin:-12px 0 -12px 2px;padding:0 6px;font:600 13px/1 var(--font);color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink-3)}
.live-retry-liga[aria-busy="true"]{opacity:.6;text-decoration:none}
@media (hover:hover){.live-retry-liga:hover{text-decoration-color:currentColor}}
.lg-toggle .caret{width:15px;height:15px;flex:none;color:var(--chev75);transition:transform .18s ease}
.lg-toggle[aria-expanded="true"] .caret{transform:rotate(90deg)}
.lg-toggle .plate{width:36px;height:36px;box-shadow:0 4px 14px -4px rgba(0,0,0,.5)}
.lg-toggle .plate img{width:25px;height:25px}
.lg-name{font:700 17px/1.2 var(--font);letter-spacing:-.01em;min-width:0;overflow-wrap:normal}
.lg-count{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding-left:8px;font:600 14px/1.2 var(--font);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.lg-body{margin-top:4px}
.lg-move{flex:none;display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:50%;color:var(--ink)}
@media (hover:hover){.lg-move:hover:not(:disabled){background:var(--v08)}}
.lg-move:disabled{opacity:.28;cursor:default}
.lg-move svg{width:18px;height:18px}
.lg-logo{width:26px;height:26px;flex:none;object-fit:contain}
.lg-plate{width:30px;height:30px}
.lg-plate img{width:21px;height:21px}
.lg-body:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr) minmax(7.5rem,max-content)}
.lg-body .match{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;column-gap:12px;min-height:60px;padding:8px 14px;width:100%;text-align:inherit;color:inherit;border-bottom:1px solid var(--line)}
.lg-body .match:last-child{border-bottom:0}
.kol-lag{display:flex;align-items:center;gap:8px;min-width:0}
.kol-lag .badge{width:26px;height:26px}
.kol-h{grid-column:1}
.kol-a{grid-column:3;justify-content:flex-end}
.kol-lag .mt-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.2 var(--font);color:var(--ink-name)}
.kol-res{grid-column:2;display:flex;align-items:center;justify-content:center;gap:6px;font-variant-numeric:tabular-nums}
.kol-res .mt-val{min-width:1ch;text-align:center;font:700 26px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.kol-res .mt-val.lose{color:var(--dim)}
.kol-streck{color:var(--ink-3);font-weight:600}
.kol-status{grid-column:4;justify-self:end;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font:650 13.5px/1.2 var(--font);color:var(--ink);font-variant-numeric:tabular-nums}
.kol-status .after-time{font-size:12.5px;white-space:normal;text-align:right}
.match.antagen .mt-val{color:var(--ink-3)}
.match.nu .kol-res .mt-val.mal{animation:malrad 1600ms linear var(--fira-t,0ms) both}
@media (hover:hover){.lg-body button.match:hover .mt-name{text-decoration:underline;text-underline-offset:3px}}
.lg-body button.match:focus-visible{outline-offset:-3px;border-radius:12px}
@media (max-width:639px){
  .lg-body:not([hidden]){grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr) max-content}
  .lg-body .match{column-gap:6px;padding:8px 10px}
  .kol-lag{gap:5px}
  .kol-lag .badge{width:22px;height:22px;font-size:9px}
  .kol-lag .mt-name{font-size:13px}
  .kol-res{gap:3px}
  .kol-res .mt-val{font-size:22px}
  .kol-status{font-size:12.5px;gap:5px}
}
@media (max-width:340px){
  .kol-lag .badge{display:none}
  .kol-status .ldot{display:none}
}
.lg-slut{margin-top:14px;padding:0 0 6px;overflow:hidden}
.lg-slut .ctitle{padding-bottom:8px}
.lg-slut .lg-grupp{border-top:1px solid var(--line)}
.lg-slut .lg-toggle{min-height:var(--tap);padding:4px 14px}
.lg-slut .lg-name{font-size:15px;font-weight:650}
.lg-slut .lg-count{font-weight:500;color:var(--ink-2)}
.lg-slut .lg-body{margin:0;border-top:1px solid var(--line)}
.lg-hint{margin:0 4px 12px;font-size:13px;color:var(--ink-sida)}
.lg-ordna{display:flex;justify-content:center;margin:18px 0 0}
.lg-ordna-lista{list-style:none;margin:0;padding:6px 0;overflow:hidden}
.lg-ordna-lista li{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 6px 0 14px}
.lg-ordna-lista li+li{border-top:1px solid var(--line)}
.lg-ordna-lista .lg-name{flex:1;font-size:16px}
.lg-klar{display:flex;margin:14px auto 0}
.andra-ligor{margin-top:14px}
.andra-ligor:empty{display:none}
#live-andra{margin-top:14px}
#live-andra:empty{display:none}
#live-idag>.mlista:first-child,#live-idag>.h:first-child{margin-top:14px}
.lg-next{margin-top:14px;padding:0 0 6px;overflow:hidden}
.lg-next .ctitle{padding-bottom:8px}
.lg-next-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px 14px;text-align:left;color:var(--ink);border-top:1px solid var(--line)}
@media (hover:hover){.lg-next-row:hover{background:var(--v05)}}
.lg-next-row .lg-name{flex:1 0 auto;font-size:15px;font-weight:650}
.lg-next-when{flex:0 1 auto;min-width:0;text-align:right;font:600 14px/1.25 var(--font);color:var(--ink);font-variant-numeric:tabular-nums}
.lg-next-when small{display:block;font-size:12.5px;font-weight:500;color:var(--ink-2)}
.lg-next-under{margin:0;padding:10px 14px 6px;border-top:1px solid var(--line);font:600 13px/1.25 var(--font);color:var(--ink-2)}
.lg-next .ctitle+.lg-next-under{border-top:0;padding-top:0}
.lg-next-lag .badge{width:30px;height:30px;font-size:11px;flex:none}
.lg-next-lag .lg-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-next-under+.lg-next-row{border-top:0}
.live-retry{margin-top:12px}
#live-note{margin:14px 4px 0;padding:0;background:none;font-size:13px;color:var(--ink-sida)}
#view-live .section{margin-bottom:12px}
#view-live #demo{margin:4px 4px 0}
#live-idag .h,#livebox>.h{margin:18px 4px 8px}
#live-idag .h h2,#livebox>.h h2{font:700 17px/1.2 var(--font)}
#live-idag .h .meta,#livebox>.h .meta{font-size:13.5px}
#tabell tr.fav-row td{background:var(--fav-rad,var(--fav-row))}
@media (hover:hover){#tabell tbody tr.fav-row:hover td{background:var(--fav-rad,var(--v11));filter:brightness(1.12)}}
#tabell tr.fav-row .teamrow{font-weight:650}
.mr.fav-h .mr-lag:first-child .mr-namn,.mr.fav-a .mr-lag:last-child .mr-namn{color:var(--ink);font-weight:700}
#tabell td.pos::before{left:9px;width:11px;height:11px;margin-top:-5.5px}
#tabell td.pos[data-z]:not([data-z=""]){background-image:linear-gradient(90deg,color-mix(in srgb,var(--z) 22%,transparent),color-mix(in srgb,var(--z) 4%,transparent))}
#tabell td.pos{font-weight:650}
#tabell tr.sep td.pos::after{height:1.5px;background:repeating-linear-gradient(90deg,var(--v55) 0 6px,transparent 6px 10px)}
.legend .zm{width:11px;height:11px}
#tabell tbody td.pts{font:760 19px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
#tabell thead th:last-child{color:var(--ink);font-weight:650}
.ctitle{font:720 19px/1.3 var(--font);letter-spacing:-.012em}
.sech h2,.sech h3,.fav-rubrik{font:760 19px/1.2 var(--font);letter-spacing:-.012em}
.dayh{font:740 18px/1.2 var(--font);letter-spacing:-.01em}
.lhead-namn,.lg-toggle>.lg-name{font-size:18.5px;font-weight:760;letter-spacing:-.012em}
.mr-sc{font-weight:800;font-size:52px}
.board .mr-sc{font-size:56px}
@media (max-width:374px){.mr-sc{font-size:44px}.board .mr-sc{font-size:46px}}
@media (max-width:340px){.mr-sc{font-size:40px}.board .mr-sc{font-size:42px}}
.kol-res .mt-val{font-weight:800}
.toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:8px 18px;border:1px solid var(--glass-edge);border-radius:999px;background:var(--glass);color:var(--ink);font-weight:600;font-size:14px}
.toggle svg{width:15px;height:15px;flex:none}
.notif-hint{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--ink-2);max-width:46ch}
.modal-scroll-body>.notif-hint{margin:0 0 14px}
.notif-hint.bad{color:var(--bad)}
.toggle[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.notif-utv{display:inline-flex;align-items:center;gap:12px;min-height:var(--tap);padding:0 7px 0 18px;border:1px solid var(--glass-edge);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi);color:var(--ink);font:600 14px/1.2 var(--font);cursor:pointer;text-align:left}
.notif-utv:hover{background:var(--v16)}
.notif-utv:active{background:var(--v20)}
.notif-utv[hidden]{display:none}
.notif-utv:disabled{cursor:progress;opacity:.7}
.notif-utv-spak{position:relative;flex:none;width:46px;height:28px;border-radius:999px;background:var(--v14);box-shadow:inset 0 0 0 1px var(--glass-edge);transition:background .18s ease}
.notif-utv-spak::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .18s ease,background .18s ease}
.notif-utv[aria-checked="true"] .notif-utv-spak{background:var(--knapp)}
.notif-utv[aria-checked="true"] .notif-utv-spak::after{transform:translateX(18px);background:var(--knapp-ink);box-shadow:none}
.notif-utv-spak::before{content:"";position:absolute;z-index:1;top:9px;left:27px;width:10px;height:10px;background:var(--knapp);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transition:opacity .18s ease}
[aria-checked="true"]>.notif-utv-spak::before{opacity:1}
@media (prefers-reduced-motion:reduce){.notif-utv-spak,.notif-utv-spak::after,.notif-utv-spak::before{transition:none}}
.ev-inout-ico{width:10px;height:10px;vertical-align:-1px}
.ev-inout-ico.in{color:var(--good)}
.ev-inout-ico.out{color:var(--bad)}
.ev-card{display:inline-block;width:9px;height:13px;border-radius:2px;flex:none;border:1px solid var(--v22)}
.ev-card.yellow{background:var(--warn)}
.ev-card.red{background:var(--bad)}
.empty{padding:32px 20px;text-align:center;font-size:14px;line-height:1.5;color:var(--ink-2);text-wrap:balance}
.empty b{display:block;font:700 17px/1.3 var(--font);color:var(--ink);letter-spacing:-.01em;margin-bottom:6px}
.folk{position:relative;display:block;overflow:hidden;isolation:isolate;margin:0;border-radius:var(--r-card);background:#1A1C20;aspect-ratio:16/9;box-shadow:var(--kort-skugga)}
.folk>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.75)}
.folk-ton{position:absolute;inset:0;background:var(--folk-ton,#5E6878);mix-blend-mode:color;opacity:.85;pointer-events:none}
.folk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.42) 74%,rgba(0,0,0,.72));pointer-events:none}
.folk-ljus>img{filter:grayscale(1) contrast(1.15) brightness(.95)}
.folk-ljus::after{background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.3) 78%,rgba(0,0,0,.6))}
.folk-live{aspect-ratio:3/1}
.live-folk{margin:2px 0 14px}
.card.empty>.folk{margin:-24px -12px 18px;border-radius:calc(var(--r-card) - 8px);box-shadow:none}
.season-empty>.folk{margin:-20px -12px 16px;border-radius:calc(var(--r-card) - 8px);box-shadow:none}
.omg-tom>.folk{margin:-20px -8px 16px;border-radius:calc(var(--r-card) - 8px);box-shadow:none}
.folk-diskret{aspect-ratio:16/6}
.modal .kp-folk{margin:0 0 16px}
.folk-rubrik{aspect-ratio:4/1;border-radius:14px;box-shadow:none}
.folk-rubrik::after{background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.35))}
.f-mv-bild{margin:0 0 10px}
.f-mv-bild>img{object-position:50% var(--folk-y,62%)}
.laktar-tack .tack-mv-bild{margin:16px 0 0;aspect-ratio:5/1}
.tack-mv-bild>img{object-position:50% var(--folk-y,28%)}
.tack-mv-bild+.tack-under{margin-top:10px}
html[data-startsida] body{padding-bottom:0}
html[data-startsida] :is(.wrap,.skip,#hs-banner,#hs-dator){display:none!important}
.startsida:not(.har-lag)~.skimmer{opacity:0}
.startsida{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow-x:clip;padding:0 clamp(16px,5.6vw,22px);color:var(--ink)}
.startsida::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:620px;pointer-events:none;background:radial-gradient(120% 100% at 50% -20%,color-mix(in srgb,var(--ink) 9%,var(--bg)) 0,var(--bg) 70%);transition:opacity .45s cubic-bezier(.16,1,.3,1)}
.startsida.har-lag::before{opacity:0}
.ss-topp{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap);padding-top:calc(env(safe-area-inset-top,0px) + 12px)}
.ss-namn{display:inline-flex;align-items:center;gap:8px;font:800 17px/1 var(--font);letter-spacing:-.01em}
.ss-namn svg{width:22px;height:22px;flex:none}
.ss-logga-in{min-height:var(--tap);padding:0 8px;margin-right:-8px;border-radius:999px;font:600 15px/1 var(--font);color:var(--ink)}
.ss-main{flex:1;padding-bottom:30px;outline:none}
.ss-fraga{padding-top:clamp(26px,6.5vh,46px)}
.ss-rubrik{margin:0;font:900 clamp(34px,11.8vw,46px)/1.02 var(--font);letter-spacing:-.035em;text-wrap:balance}
.ss-rubrik span{display:block}
.ss-under{margin:14px 0 0;max-width:34ch;font:500 16px/1.45 var(--font);color:var(--ink-2);text-wrap:pretty}
.ss-sok{margin-top:26px}
.ss-sok-falt{display:flex;align-items:center;gap:12px;height:58px;padding:0 6px 0 18px;border-radius:18px;background:#FFFFFF;color:#1C1C1E;box-shadow:0 12px 30px -10px rgba(0,0,0,.55);cursor:text;transition:box-shadow .2s ease-out}
:root[data-tema="ljus"] .ss-sok-falt{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 10px 28px -12px rgba(0,0,0,.28)}
.ss-sok-falt:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 60%,transparent),0 12px 30px -10px rgba(0,0,0,.55)}
.ss-sok-ic{width:22px;height:22px;flex:none}
#ss-sok-in{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:none;color:#1C1C1E;caret-color:#1C1C1E;font:600 17px/1.2 var(--font);-webkit-appearance:none;appearance:none}
#ss-sok-in::placeholder{color:#6B6B72;opacity:1}
#ss-sok-in::selection{background:rgba(0,0,0,.14);color:#1C1C1E}
#ss-sok-in:focus-visible{outline:none}
#ss-sok-in::-webkit-search-cancel-button,#ss-sok-in::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.ss-sok-rensa{flex:none;display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:50%;color:#6B6B72}
.ss-sok-rensa svg{width:18px;height:18px}
.ss-sok-rensa:focus-visible{outline:2px solid #1C1C1E;outline-offset:-4px}
.ss-sok-panel{margin-top:10px}
.ss-sok-panel[hidden]{display:none}
.ss-marken{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px;margin:24px 0 0;padding:0}
.ss-marken>li{min-width:0}
.ss-marken>li[hidden]{display:none}
.ss-marke{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;min-height:var(--tap);padding:4px 0;border-radius:16px;color:var(--ink-name);font:600 clamp(11.5px,3.3vw,12.5px)/1.2 var(--font);text-align:center}
.ss-marke-rund{display:grid;place-items:center;width:clamp(56px,16.4vw,64px);aspect-ratio:1;border-radius:50%;background:var(--card);box-shadow:var(--kort-skugga);transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .2s ease-out}
.ss-marke-rund .badge{width:66%;height:66%;font-size:13px}
.ss-marke-namn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-marke-kon{display:block;font-weight:500;color:var(--ink-2)}
@media (hover:hover){.ss-marke:hover .ss-marke-rund{transform:scale(1.05);background:var(--surface-2)}}
.ss-marke:active .ss-marke-rund{transform:scale(.95)}
.ss-utforska{display:flex;align-items:center;justify-content:center;gap:4px;min-height:var(--tap);margin:16px auto 0;padding:0 14px;border-radius:999px;font:600 14.5px/1 var(--font);color:var(--ink-2)}
.ss-utforska svg{width:16px;height:16px}
@media (hover:hover){.ss-utforska:hover{color:var(--ink)}}
.ss-lag{position:relative;isolation:isolate;padding-top:4px;animation:ss-in .32s cubic-bezier(.16,1,.3,1)}
.ss-lag[hidden]{display:none}
@keyframes ss-in{from{opacity:.25;transform:translateY(10px)}}
.ss-byt{display:inline-flex;align-items:center;gap:2px;min-height:var(--tap);margin-left:-10px;padding:0 12px 0 6px;border-radius:999px;font:600 15px/1 var(--font);color:var(--ink)}
.ss-byt svg{width:20px;height:20px}
.ss-lag-skugga{position:absolute;z-index:-1;top:30px;right:-80px;width:300px;height:300px;opacity:.12;pointer-events:none}
.ss-lag-skugga img{width:100%;height:100%;object-fit:contain}
.ss-lag-marke{display:grid;place-items:center;width:92px;height:92px;margin-top:20px;border-radius:50%;background:var(--glass)}
.ss-lag-marke .badge{width:62px;height:62px;font-size:22px}
.ss-lag-namn{margin:16px 0 0;font:900 clamp(32px,10.2vw,40px)/1.02 var(--font);letter-spacing:-.03em;text-wrap:balance;outline:none}
.ss-lag-namn:focus-visible,.ss-rubrik:focus-visible{outline:none}
.ss-lag-fakta{margin:8px 0 0;font:600 15px/1.4 var(--font);font-variant-numeric:tabular-nums}
.ss-lag-zon{margin:2px 0 0;font:500 14px/1.4 var(--font)}
.ss-lag-match{margin-top:22px;padding:16px;border:1px solid var(--glass-edge);border-radius:20px;background:var(--glass)}
.ss-lag-nar{display:flex;align-items:center;gap:8px;margin:0;font:650 13.5px/1.25 var(--font)}
.ss-lag-mot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.ss-lag-sida{flex:1;display:flex;align-items:center;gap:8px;min-width:0;font:800 clamp(15px,4.6vw,17px)/1.15 var(--font)}
.ss-lag-sida.borta{flex-direction:row-reverse;text-align:right}
.ss-lag-sida>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-lag-sida .badge{width:clamp(28px,8.7vw,34px);height:clamp(28px,8.7vw,34px)}
.ss-lag-st{flex:none;font:800 26px/1 var(--num);font-variant-numeric:tabular-nums}
.ss-lag-st.streck{opacity:.6}
.ss-folj{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:22px;padding:0 18px;border-radius:18px;background:var(--knapp);color:var(--knapp-ink);font:800 17px/1.15 var(--font);transition:background-color .15s ease-out}
.ss-folj .star{width:20px;height:20px;flex:none}
@media (hover:hover){.ss-folj:hover{background:var(--knapp-hover)}}
.ss-folj:active{transform:scale(.99)}
.ss-folj-under{margin:12px 0 0;text-align:center;font:500 14px/1.45 var(--font)}
.ss-lag-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 0;padding:0}
.ss-lag-chips button{min-height:var(--tap);padding:0 15px;border-radius:999px;background:var(--glass);font:700 13.5px/1 var(--font);color:var(--ink)}
.ss-lag-chips button[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink)}
@media (hover:hover){.ss-lag-chips button[aria-pressed="false"]:hover{background:var(--glass-on)}}
@media (max-width:899.98px){
  .startsida.har-lag .ss-fraga{display:none}
}
.startsida.har-lag .ss-marken-del{display:none}
.ss-mer{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px;padding:10px 0 0;border-top:1px solid var(--line)}
.ss-mer[hidden],.ss-mer [hidden]{display:none}
.ss-mer button{min-height:var(--tap);padding:0 12px;border-radius:999px;font:600 13.5px/1 var(--font);color:var(--ink-2)}
@media (hover:hover){.ss-mer button:hover{color:var(--ink)}}
.ss-fot{padding:8px 0 calc(env(safe-area-inset-bottom,0px) + 30px);font:500 12px/1.5 var(--font);color:var(--ink-3);text-align:center;text-wrap:pretty}
.ss-fot a{color:inherit;text-underline-offset:2px}
.ss-fot a:hover{color:var(--ink-2)}
@media (min-width:900px){
  .startsida{padding:0 max(56px,calc((100% - 1200px)/2 + 56px))}
  .ss-topp{padding-top:28px}
  .ss-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(48px,6vw,96px);align-items:start;padding:clamp(48px,11vh,120px) 0 56px}
  .ss-fraga{padding-top:0}
  .ss-rubrik{font-size:clamp(56px,5.4vw,70px);line-height:1}
  .ss-under{margin-top:18px;font-size:19px}
  .ss-sok{max-width:520px;margin-top:32px}
  .ss-marken{margin-top:0;gap:26px 12px}
  .ss-marke{gap:10px;font-size:14px}
  .ss-marke-rund{width:84px}
  .ss-utforska{margin-top:22px}
  .ss-lag{padding-top:0}
  .ss-lag-skugga{top:-20px;right:-40px}
  .ss-lag-marke{margin-top:12px}
  .ss-lag-namn{font-size:46px}
  .ss-fot{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .ss-lag{animation:none}
  .startsida::before,.ss-marke-rund{transition:none}
  .ss-marke:hover .ss-marke-rund,.ss-marke:active .ss-marke-rund{transform:none}
}
@media (prefers-reduced-transparency: reduce){
  .folk-ton{mix-blend-mode:normal;opacity:.3}
}
@media (prefers-reduced-transparency: reduce),(forced-colors: active){
  .bgm{display:none}
}
.season-empty{padding:28px 20px;text-align:center}
.season-empty .se-crest{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 4px 14px -4px rgba(0,0,0,.5)}
.season-empty .se-crest img{width:36px;height:36px;object-fit:contain}
.season-empty b{display:block;font:700 17px/1.3 var(--font);letter-spacing:-.01em;color:var(--ink);margin-bottom:6px}
.season-empty p{margin:0 auto;max-width:44ch;font-size:14px;line-height:1.5;color:var(--ink-2)}
.season-empty .se-act{margin-top:16px}
.se-folj{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 22px;border:1px solid var(--knapp);border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:650 15px/1 var(--font);cursor:pointer}
.se-folj .star{width:18px;height:18px;flex:none}
.se-folj[aria-pressed="true"]{background:var(--glass);border-color:var(--glass-edge);color:var(--ink)}
.se-folj[aria-pressed="true"] .star{color:var(--star)}
@media (hover:hover){.se-folj:hover{background:var(--knapp-hover);border-color:var(--knapp-hover)}.se-folj[aria-pressed="true"]:hover{background:var(--v16);border-color:var(--glass-edge)}}
.se-folj:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
#view-tabell.utan-tabell :is(#fav-card,#fav-fraga,.dela-rad){display:none}
.season-empty .se-teams{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.season-empty .se-teams-label{font:600 13px/1.3 var(--font);color:var(--ink-2);margin-bottom:10px}
.season-empty .se-teamlist{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.season-empty .se-team{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:3px 12px 3px 4px;border:1px solid var(--glass-edge);border-radius:999px;background:var(--glass);font:600 13px/1.2 var(--font);color:var(--ink-name)}
.stat-grid{display:flex;flex-direction:column;gap:12px}
.statkort{margin:0;padding:6px 0;overflow:clip}
.statkort .ctitle{padding-top:11px;padding-bottom:2px}
.statkort .csub{padding-bottom:8px}
.csub:empty{display:none}
.stat-saknas{margin:2px 16px 0;font:400 13px/1.4 var(--font);color:var(--ink-2);text-align:center;text-wrap:pretty}
@media (min-width:640px){
  .statkort.par .stat-par{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .statkort.par #sec-malvakter{box-shadow:inset 1px 0 0 var(--line)}
  .stat-flikar{display:none!important}
}
.stat-flikar{margin:0 12px}
.stat-flikar>button{position:relative}
.stat-flikar>button[aria-selected="true"]::after{content:"";position:absolute;left:50%;bottom:-5px;width:34px;height:3px;margin-left:-17px;border-radius:2px;background:var(--ink)}
.stat-flikar>button:focus-visible{outline-offset:-5px;border-radius:14px}
@media (hover:hover){.stat-flikar>button:not([aria-selected="true"]):hover{color:var(--ink)}}
@media (max-width:639px){
  .statkort.flikad[data-flik="poang"] #sec-malvakter,.statkort.flikad[data-flik="malvakter"] #stat-poang{display:none}
  .statkort.flikad .stat-del>.ctitle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .statkort.flikad .stat-del>.csub{padding-top:12px}
  .statkort.flikad .stat-del>.csub:empty+.stat-kalla{margin-top:4px}
}
.stat-kalla{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:2px 16px 10px;font-size:13px;line-height:1.35;color:var(--ink-2)}
.stat-kalla a{position:relative;display:inline-flex;align-items:center;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.stat-kalla a::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:var(--tap);transform:translateY(-50%)}
@media (hover:hover){.stat-kalla a:hover{color:var(--ink)}}
.rank{list-style:none;margin:0;padding:0 0 2px}
.srad{position:relative;display:grid;grid-template-columns:24px 32px minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:62px;padding:9px 16px 9px 12px}
.srad+.srad::before{content:"";position:absolute;top:0;left:88px;right:16px;height:1px;background:var(--line)}
.srad.g{background:radial-gradient(28px 25px at 62px 50%,var(--g),transparent)}
.srad .n{font:700 17px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:center}
.s-marke{display:grid;place-items:center;min-width:0}
.srad .badge{width:30px;height:30px;font-size:11px}
.srad .who{display:flex;flex-direction:column;gap:2px;min-width:0}
.s-namn{font:600 15.5px/1.25 var(--font);letter-spacing:-.005em;color:var(--ink);overflow-wrap:anywhere}
.s-namn .star{display:inline-block;margin-left:5px;vertical-align:-1px}
.srad .who small{font-size:13px;line-height:1.35;color:var(--ink-2)}
.srad .v{font:800 28px/1 var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.005em;color:var(--ink);white-space:nowrap;text-align:right}
.srad .v small{margin-left:3px;font:500 13px/1 var(--font);letter-spacing:0;color:var(--ink-2)}
@media (max-width:360px){
  .srad{grid-template-columns:20px 28px minmax(0,1fr) auto;column-gap:8px;padding-inline:10px 14px}
  .srad+.srad::before{left:76px}
  .srad.g{background:radial-gradient(25px 22px at 54px 50%,var(--g),transparent)}
  .srad .badge{width:26px;height:26px}
  .srad .v{font-size:25px}
  .s-namn{font-size:14.5px}
  .srad .who small{font-size:12.5px}
}
.rank li.rank-empty{display:block;padding:20px 20px 24px;text-align:center;font-size:14px;line-height:1.5;color:var(--ink-2)}
.rank li.rank-empty b{display:block;margin-bottom:6px;font:700 17px/1.3 var(--font);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.rank li.rank-empty .toggle{margin-top:14px}
.rank li.rank-note{display:block;margin:0;padding:0 20px 10px;text-align:center;font-size:13.5px;line-height:1.4;color:var(--ink-2);text-wrap:balance}
.rank-mer{margin:4px 0 0;border-top:1px solid var(--line)}
.rank-mer>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:0 16px;font:600 15px/1.2 var(--font);color:var(--ink);cursor:pointer;list-style:none}
.rank-mer>summary::-webkit-details-marker{display:none}
.rank-mer>summary .caret{width:15px;height:15px;flex:none;color:var(--ink-2);transition:transform .18s cubic-bezier(.16,1,.3,1)}
.rank-mer[open]>summary .caret{transform:rotate(180deg)}
.rank-mer>summary:focus-visible{outline-offset:-4px;border-radius:14px}
@media (hover:hover){.rank-mer>summary:hover span{text-decoration:underline;text-underline-offset:3px}}
.rank-mer-not{margin:0 20px 8px;text-align:center;font-size:13px;line-height:1.45;color:var(--ink-2);text-wrap:balance}
.bars{padding:0 16px 8px}
.bars-h{margin:8px 0 2px;font:650 15px/1.3 var(--font);letter-spacing:-.005em;color:var(--ink)}
.bars-h2{margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
.bar{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto 5px;column-gap:10px;row-gap:7px;align-items:center;padding:9px 0 10px}
.bar .s-marke{grid-row:1 / 3}
.bar .badge{width:26px;height:26px;font-size:10px}
.bar-namn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.2 var(--font);color:var(--ink-name)}
.bar .val{font:800 28px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;white-space:nowrap}
.bar .tr{grid-column:2 / -1;height:5px;border-radius:3px;background:var(--v08);overflow:hidden}
.bar .tr i{display:block;height:100%;border-radius:3px}
.bars.totalt .bar .val small{display:block;margin-top:3px;font:500 12.5px/1.2 var(--font);color:var(--ink-2)}
.bars-note{margin:10px 4px 4px;text-align:center;font-size:13px;line-height:1.45;color:var(--ink-2);text-wrap:balance}
.bars .empty{padding:14px 8px 18px}
.ad{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 18px 16px;border-radius:var(--r-card);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);color:var(--ink-2);font-size:13.5px;line-height:1.4;text-align:center;text-wrap:balance}
.ad::before{content:"Annons";margin-bottom:2px;font:600 12.5px/1.2 var(--font);color:var(--ink-3)}
.ad b{font:700 17px/1.25 var(--font);letter-spacing:-.01em;color:var(--ink)}
.ad .cta,.slot button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);margin-top:8px;padding:0 18px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-hi);color:var(--ink);font:600 14.5px/1 var(--font);text-decoration:none}
@media (hover:hover){.ad .cta:hover,.slot button:hover{background:var(--v16)}}
.ad.top{margin:0 0 12px}
.ad.feed{margin:12px 0}
html:not(.annonser) :is(.ad,.nav [data-view="annonsera"]){display:none}
.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.slot{display:flex;flex-direction:column;gap:6px;padding:18px 16px 16px}
.slot h3{margin:0;font:700 17px/1.25 var(--font);letter-spacing:-.01em;color:var(--ink)}
.slot .where{font-size:13.5px;line-height:1.4;color:var(--ink-2)}
.slot .price{margin-top:auto;padding-top:8px;font:800 34px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.slot .price small{margin-left:4px;font:500 13.5px/1 var(--font);color:var(--ink-2)}
.slot button{align-self:flex-start}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:22px}
.why div{padding:16px}
.why b{display:block;font:760 19px/1.2 var(--font);letter-spacing:-.012em;color:var(--ink)}
.why span{display:block;margin-top:6px;font-size:13.5px;line-height:1.4;color:var(--ink-2)}
form.book{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;padding:18px 16px 16px}
form.book label{display:flex;flex-direction:column;gap:7px;margin-bottom:10px;font:600 13.5px/1.3 var(--font);color:var(--ink-2)}
form.book input,form.book select,form.book textarea{min-height:50px;padding:12px 14px;border:1px solid transparent;border-radius:14px;background:rgba(118,118,128,.24);color:var(--ink);font:400 17px/1.35 var(--font)}
form.book input:focus-visible,form.book select:focus-visible,form.book textarea:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}
form.book textarea{min-height:104px;resize:vertical}
form.book .full{grid-column:1/-1}
form.book .submit{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
form.book .submit button{min-height:50px;padding:0 24px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:650 17px/1 var(--font);letter-spacing:-.01em}
form.book .submit button:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
form.book .submit span{font-size:13.5px;color:var(--ink-2)}
@media (max-width:560px){form.book{grid-template-columns:1fr}}
.sidfot{margin:28px 0 0;padding:22px 8px 0;border-top:1px solid var(--line);text-align:center}
.sidfot-marke{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;text-align:left}
.sidfot-marke img{width:28px;height:28px;flex:none;border-radius:7px}
.sidfot-namn{display:flex;flex-direction:column;gap:1px}
.sidfot-namn b{font:650 14px/1.2 var(--font);letter-spacing:-.005em;color:var(--ink-name)}
.sidfot-namn span{font-size:12.5px;line-height:1.3;color:var(--ink-3)}
.sidfot-lankar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:14px auto 0}
.sidfot-grupp{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center}
@media (max-width:599px){.sidfot-grupp{flex-basis:100%}.sidfot-mellan{display:none}}
.sidfot-lank{display:inline-flex;align-items:center;min-height:var(--tap);margin:0;padding:0 6px;border:0;border-radius:8px;background:none;color:var(--ink-2);font:600 14px/1.2 var(--font);letter-spacing:-.005em;text-decoration:none;text-underline-offset:3px;cursor:pointer}
@media (hover:hover){.sidfot-lank:hover{color:var(--ink);text-decoration:underline}}
.sidfot-lank:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px;color:var(--ink);text-decoration:underline}
.sidfot-punkt{color:var(--ink-3);font:600 14px/1 var(--font)}
.sidfot-kaffe{margin:2px 0 0;font:500 14px/1.4 var(--font);color:var(--ink-2)}
.sidfot-kaffe .sidfot-lank{padding:0 4px}
footer{max-width:56ch;margin:0 auto;font-size:12.5px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
footer:empty{display:none}
#foot{margin-top:8px;font-size:12px;line-height:1.5}
.kaffe-ico{width:16px;height:16px;flex:none}
.feedback-btn{display:inline-flex;align-items:center;min-height:var(--tap);font-size:13.5px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
@media (hover:hover){.feedback-btn:hover{color:var(--ink)}}
.feedback-item{padding:12px 0;border-bottom:1px solid var(--line)}
.feedback-item:last-child{border-bottom:0}
.feedback-item.upptagen{opacity:.6}
.feedback-item-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--ink-3);margin-bottom:4px}
.feedback-item-meta span+span::before{content:"·";margin-right:8px;color:var(--line-strong)}
.feedback-item p{margin:0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.feedback-stats{padding:4px 0 10px;border-bottom:1px solid var(--line)}
.modal .fb-vecka{margin:0;font-size:12px;line-height:1.55;color:var(--ink-2);font-variant-numeric:tabular-nums}
.modal .fb-lista-varning{margin:10px 0 0;font-size:13px;font-weight:600;color:var(--ink)}
.fb-lista-verktyg{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 0}
.fb-lista-verktyg .fb-val{margin:0}
.modal .fb-lista-besked{margin:8px 0 0;font-size:12px;color:var(--ink-2)}
.modal .fb-lista-besked:empty{display:none}
.modal .fb-lista-rubrik{margin:22px 0 4px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--font);font-weight:800;font-size:15px;letter-spacing:-.01em}
.modal .fb-post-rad{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--ink-2);white-space:normal;overflow-wrap:anywhere}
.fb-epostlank{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink);text-underline-offset:3px;word-break:break-all}
.fb-post-knappar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.fb-post-knappar .toggle,.fb-post-knappar .grp{padding:6px 12px;font-size:12px}
.fb-post-knappar .fb-val{gap:4px;margin:0}
a.toggle{text-decoration:none;color:var(--ink)}
.fb-radera-post{color:var(--bad)}
.modal .feedback-item .fb-post-not{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--ink-3);white-space:normal}
.modal .feedback-item .fb-post-fel{margin:6px 0 0;font-size:12px;color:var(--bad);white-space:normal}
.modal .feedback-item .fb-post-fel:empty{display:none}
.fb-val-rubrik{display:block;margin:0 0 6px;font:600 13.5px/1.3 var(--font);color:var(--ink-2)}
.fb-val{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.fb-val .grp{padding:6px 14px}
.fb-val .grp[aria-pressed="true"]:focus-visible{outline-color:var(--ink)}
.modal .fb-med{margin:0 0 10px;font-size:12px;line-height:1.45;color:var(--ink-3)}
.modal .fb-not{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--ink-2)}
.modal button[type="submit"]:disabled{opacity:.55;cursor:default}
.fb-hantering{margin-top:4px}
.fb-hantering>summary{display:flex;align-items:center;gap:8px;min-height:var(--tap);font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer;list-style:none}
.fb-hantering>summary::-webkit-details-marker{display:none}
.fb-hantering>summary::before{content:"";flex:none;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.fb-hantering[open]>summary::before{transform:rotate(45deg)}
.fb-hantering>summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:6px}
.modal .fb-hantering p{margin:0 0 4px}
.fb-honung{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.modal .fb-tack{margin:18px 0 18px;font-family:var(--font);font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--ink)}
.fb-stang{width:100%}
.fb-hantering .fb-integritet{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink);text-underline-offset:3px}
.fb-panel{margin:-2px 0 12px}
.modal label.fb-kryss{flex-direction:row;align-items:flex-start;gap:10px;min-height:var(--tap);margin:0;padding:10px 0 4px;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);line-height:1.4;cursor:pointer}
.modal label.fb-kryss input{flex:none;width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:var(--accent-text)}
.modal .fb-panel-not{margin:0 0 10px 30px;font-size:12px;line-height:1.45;color:var(--ink-2)}
.modal .fb-panel select{font:inherit;font-size:14px;min-height:var(--tap);padding:9px 10px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);text-transform:none;letter-spacing:0;font-weight:400;width:100%}
.modal .fb-panel .fb-panel-liga{margin:0 0 0 30px}
#feedback-backdrop{overflow-y:auto}
#feedback-backdrop>.modal{margin:auto}
#match-body{display:contents}
.mrap{margin:0 20px;padding:4px 0 14px;border-top:1px solid var(--line)}
.mrap .feedback-btn{margin:4px 0 0;text-align:left}
.modal .mrap-rubrik{margin:14px 0 12px;font-size:15px;line-height:1.25}
.mrap-knappar{display:flex;align-items:center;gap:10px}
.modal .mrap-knappar button[type="submit"]{flex:1 1 0;width:auto}
.modal .mrap-tack{margin:12px 0 0;font-size:13px;font-weight:600;color:var(--ink-2)}
.mr-tomlage{margin:2px 0 10px}
.modal .mr-tomlage-not{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--ink-3)}
.modal .mr-tomlage-not.bad{color:var(--bad)}
.modal .mr-tomlage-tack{margin:2px 0 10px;font-size:13px;font-weight:600;color:var(--ink-2)}
.reakt{margin:0 0 22px}
.modal .reakt .match-section-title{margin:0 0 10px}
.reakt-val{--reakt-plats:1.26em;display:flex;flex-wrap:wrap;gap:6px}
.reakt-val .grp{gap:8px;padding:6px 14px;border-color:var(--line-strong)}
.reakt-val .grp.utan-antal{padding-inline:calc(14px + (8px + var(--reakt-plats)) / 2)}
.reakt-val .grp[aria-pressed="true"]{border-color:var(--knapp)}
@media (hover:hover){.reakt-val .grp:not([aria-pressed="true"]):hover{background:var(--surface-2)}}
.reakt-antal{min-width:var(--reakt-plats);font-family:var(--num);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
.reakt-val .grp[aria-pressed="true"] .reakt-antal{color:inherit}
.reakt-val .grp[aria-pressed="true"]:focus-visible{outline-color:var(--ink)}
@keyframes reaktPuls{0%{transform:scale(1)}40%{transform:scale(1.07)}100%{transform:scale(1)}}
.reakt-val .grp.puls{animation:reaktPuls .22s ease-out}
@media (prefers-reduced-motion:reduce){.reakt-val .grp.puls{animation:none}}
.modal .reakt-rad{margin:8px 0 0;font-size:13px;font-weight:600;color:var(--ink-2)}
.modal .reakt-rad.fel{font-weight:400;color:var(--bad)}
.modal .reakt-not{margin:8px 0 0;font-size:12px;color:var(--ink-3)}
.reakt-val .grp.reakt-fler{background:transparent;border-style:dashed;color:var(--ink-2)}
.reakt-fler-val{margin-top:6px}
#match-backdrop .laktar .match-section-title{padding-bottom:6px}
.modal .laktar-ingress{margin:0 0 12px;text-align:center;font-size:14px;line-height:1.4;color:var(--ink-2);text-wrap:balance}
.modal .laktar-rad{margin:10px 0 0;text-align:center;font-size:13.5px;font-weight:600;line-height:1.4;color:var(--ink-2)}
.modal .laktar-rad:empty{display:none}
.modal .laktar-rad.fel{font-weight:400;color:var(--bad)}
#match-backdrop .laktar .reakt-not{text-align:center}
.modal .laktar-skicka{display:flex;align-items:center;justify-content:center;margin:14px auto 0;min-width:min(100%,240px);border-radius:999px;background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.modal .laktar-skicka[aria-disabled="true"]{background:var(--glass);color:var(--ink-2);border-color:var(--glass-edge);cursor:default}
.modal .laktar-skicka:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.modal .pa-knapp{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;border:0;border-radius:18px;background:var(--knapp);color:var(--knapp-ink);font:inherit;text-align:left;cursor:pointer}
@media (hover:hover){.modal .pa-knapp:not(.inne):not([aria-disabled="true"]):hover{background:var(--knapp-hover)}}
.modal .pa-knapp:focus-visible,.modal .pa-lag:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.modal .pa-knapp[aria-disabled="true"]{cursor:default}
.pa-ikon{flex:none;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--v12);color:var(--ink)}
.pa-knapp .pa-ikon{background:var(--knapp-ink);color:var(--knapp)}
.pa-svg{width:18px;height:18px}
.pa-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.pa-text b{font:700 16px/1.25 var(--font)}
.pa-text small{font:500 13px/1.35 var(--font);color:var(--knapp-ink-2)}
.modal .pa-knapp.inne{background:rgba(48,209,88,.16);box-shadow:inset 0 0 0 1.5px var(--win);color:var(--ink)}
.pa-knapp.inne .pa-ikon{background:var(--win);color:var(--win-ink)}
.pa-knapp.inne .pa-text small{color:var(--ink-name)}
@keyframes paIn{0%{transform:scale(1)}40%{transform:scale(1.03)}100%{transform:scale(1)}}
.pa-knapp.inne.puls{animation:paIn .22s ease-out}
@media (prefers-reduced-motion:reduce){.pa-knapp.inne.puls{animation:none}}
.pa-knappar{display:grid;gap:8px}
@container (min-width:520px){.pa-knappar{grid-template-columns:repeat(2,minmax(0,1fr))}}
.modal .pa-knapp.sekundar{background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge);color:var(--ink)}
@media (hover:hover){.modal .pa-knapp.sekundar:not([aria-disabled="true"]):hover{background:var(--v16)}}
.pa-knapp.sekundar .pa-ikon{background:var(--v12);color:var(--ink)}
.pa-knapp.sekundar .pa-text small{color:var(--ink-2)}
.pa-val{margin-top:12px}
.modal .pa-fraga{margin:0 0 8px;text-align:center;font:650 15px/1.3 var(--font);color:var(--ink)}
.pa-lagval{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.modal .pa-lag{display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:8px 12px;border:1px solid var(--glass-edge);border-radius:16px;background:var(--glass);color:var(--ink);font:650 15px/1.2 var(--font);text-align:left;cursor:pointer}
@media (hover:hover){.modal .pa-lag:not([aria-disabled="true"]):hover{background:var(--v16)}}
.pa-lag .badge{width:30px;height:30px;font-size:11px}
.pa-lag span:not(.badge){min-width:0;overflow-wrap:anywhere}
.modal .pa-oppnar{margin:0;text-align:center;font-size:14px;line-height:1.4;color:var(--ink-2);text-wrap:balance}
.matchdag{container-type:inline-size}
.modal .pa-antal{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:8px;margin:0 0 14px}
.pa-stort{font-family:var(--num);font-weight:700;font-size:48px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.pa-vanner{font-size:15px;color:var(--ink-2)}
.pa-stapel{display:flex;gap:3px;height:10px;border-radius:5px;overflow:hidden}
.pa-stapel i{display:block;min-width:8px}
.pa-lagrad{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.pa-sida{display:flex;align-items:center;gap:8px}
.pa-sida .badge{width:26px;height:26px;font-size:10px}
.pa-tal{font-family:var(--num);font-weight:700;font-size:22px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.modal .pa-kommentar{margin:14px 0 0;text-align:center;font-size:15px;line-height:1.4;color:var(--ink-name);text-wrap:balance}
.paplats>.match-section-title+.pa-kommentar{margin-top:0}
.pa-del+.pa-del{margin-top:18px;padding-top:16px;border-top:1px solid var(--v08)}
.pa-stort.noll{color:var(--ink-2)}
.pa-stapel.noll{background:var(--v08)}
#match-backdrop .paplats .reakt-not{text-align:center}
#match-backdrop .laktaren-kort:not(:has(>#tips)):has(>.lk-fall[hidden]){display:none}
#match-backdrop .laktaren-kort>.ark-kort,#match-backdrop .lk-inre>.ark-kort{margin:0;padding:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-tema="ljus"] #match-backdrop .laktaren-kort .ark-kort{box-shadow:none}
#match-backdrop .laktaren-kort>.ark-kort>.match-section-title,#match-backdrop .lk-inre>.ark-kort>.match-section-title{padding:6px 0 10px;font:650 16px/1.3 var(--font);letter-spacing:-.01em;color:var(--ink-name)}
#match-backdrop .lk-inre>.ark-kort:not([hidden])~.ark-kort:not([hidden]){margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
#match-backdrop .lk-inre>.ganget{padding-bottom:0}
#match-backdrop .laktaren-kort .kompis-rad{min-height:var(--tap);margin:16px 0 -6px;padding:12px 2px;border-top:1px solid var(--line);border-radius:0;background:none}
@media (hover:hover){#match-backdrop .laktaren-kort .kompis-rad:hover{background:none}#match-backdrop .laktaren-kort .kompis-rad:hover .kompis-rad-txt b{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}
#match-backdrop .laktaren-kort .kompis-rad:focus-visible{outline-offset:-2px;border-radius:12px}
#match-backdrop .lk-fall{margin:0}
#match-backdrop .lk-fall[hidden]{display:none}
#match-backdrop .laktaren-kort>#tips~.lk-fall{margin-top:16px;border-top:1px solid var(--line)}
#match-backdrop .lk-h{margin:0;font:inherit}
.lk-knapp{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 2px;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.lk-t{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.lk-titel{font:650 15.5px/1.3 var(--font);color:var(--ink)}
.lk-sum{font:500 13px/1.35 var(--font);color:var(--ink-2)}
.lk-sum:empty{display:none}
.lk-visa{flex:none;font:600 14px/1 var(--font);color:var(--ink-2)}
.lk-chev{width:16px;height:16px;flex:none;color:var(--ink-2);transition:transform .22s cubic-bezier(.16,1,.3,1)}
.lk-fall.oppen .lk-chev{transform:rotate(90deg)}
.lk-knapp:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:12px}
@media (hover:hover){.lk-knapp:hover .lk-visa{color:var(--ink)}}
#match-backdrop .lk-inre{padding:4px 0 2px}
@media (prefers-reduced-motion:reduce){.lk-chev{transition:none}}
.modal .md-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.modal .md-chips+*{margin-top:12px}
.modal .md-chip{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:var(--tap);padding:0 10px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge);color:var(--ink);font:650 13.5px/1.15 var(--font);text-decoration:none;white-space:nowrap}
@media (hover:hover){.modal .md-chip:hover{background:var(--v16)}}
.modal .md-chip:active{background:var(--v20,var(--v16))}
.modal .md-chip:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.md-chip .pa-svg{width:16px;height:16px;flex:none;color:var(--ink-name)}
#match-backdrop .md-rad{display:grid;grid-template-columns:repeat(var(--md-n,3),minmax(0,1fr));margin:0 0 12px;gap:8px}
#match-backdrop .md-rad .md-chip{justify-content:flex-start;padding:7px 12px;border-radius:16px;min-height:52px;white-space:normal}
.md-chip-t{display:flex;flex-direction:column;min-width:0;gap:2px;text-align:left}
.md-chip-t small{font:600 12px/1.2 var(--font);color:var(--ink-2)}
.md-chip-t b{font:650 13.5px/1.2 var(--font);overflow-wrap:break-word;hyphens:auto}
.mk-rad{margin-top:10px}
.mk-not{margin:6px 4px 0;font:500 13px/1.35 var(--font);color:var(--ink-2)}
@media (max-width:389px){#match-backdrop .md-rad{gap:6px}#match-backdrop .md-rad .md-chip{padding:7px 9px}.md-chip-t b{font-size:12.5px}}
#match-backdrop .mh-lankar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px;margin:2px 0 0;font:600 13.5px/1.3 var(--font)}
#match-backdrop .mh-lankar[hidden]{display:none}
#match-backdrop .mh-lank{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 8px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--v40,currentColor);text-underline-offset:3px;text-decoration-thickness:1px}
#match-backdrop .mh-lank:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:10px}
#match-backdrop .mh-prick{color:var(--on-color)}
#match-backdrop .modal.kompakt .mh-lankar{display:none}
.sdhlplay{container-type:inline-size}
.sp-yta{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(96deg,rgb(var(--ark-h,44 44 48)) 0%,rgb(var(--ark-h,44 44 48)) 34%,rgb(var(--ark-a,44 44 48)) 66%,rgb(var(--ark-a,44 44 48)) 100%)}
.modal .sp-affisch{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer;text-decoration:none}
.sp-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-bild[hidden]{display:none}
.sp-affisch::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12)}
.sp-knapp{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#fff;color:#000;box-shadow:0 6px 24px rgba(0,0,0,.35);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.sp-knapp svg{width:26px;height:26px;margin-left:3px}
@media (hover:hover){.sp-affisch:hover .sp-knapp{transform:scale(1.06)}}
.sp-affisch:active .sp-knapp{transform:scale(.96)}
@media (prefers-reduced-motion:reduce){.sp-knapp{transition:none}.sp-affisch:hover .sp-knapp,.sp-affisch:active .sp-knapp{transform:none}}
.modal .sp-affisch:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.sp-chip{position:absolute;left:10px;top:10px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:700 13px/1 var(--font);color:#fff}
.modal .sp-status{display:flex;flex-direction:column;gap:3px;min-width:0;margin:0}
.sp-lage{display:flex;align-items:center;gap:8px;font:700 16px/1.3 var(--font);color:var(--ink)}
.sp-tid{font-family:var(--num);font-variant-numeric:tabular-nums}
.sp-yta iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sp-rad{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:12px}
.sp-kalla{font-size:13px;line-height:1.35;color:var(--ink-2)}
.modal .sp-yt{min-height:var(--tap);padding:0 16px;font-size:14.5px;text-decoration:none}
.sp-yt svg{width:15px;height:15px}
.modal .sp-yt:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
@container (max-width:300px){
  .sp-knapp{width:52px;height:52px;margin:-26px 0 0 -26px}
  .sp-knapp svg{width:22px;height:22px}
  .sp-rad{flex-direction:column;align-items:stretch}
  .modal .sp-yt{justify-content:center}
}
.lirare-lagval{justify-content:center;margin-bottom:10px}
.lirare-val{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:6px}
.lirare-val .grp{justify-content:flex-start;min-height:var(--tap);padding:6px 12px;border-color:var(--line-strong);text-align:left}
.lirare-nr{margin-right:6px;font:700 14px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink-3)}
.grp[aria-pressed="true"] .lirare-nr{color:inherit;opacity:.6}
.modal .lirare-underrubrik{margin:2px 0 6px;text-align:center;font:600 13.5px/1.3 var(--font);color:var(--ink-2)}
.lirare-topp{margin:0;padding:0;list-style:none}
.lirare-topp li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:6px 0;border-top:1px solid var(--line)}
.lirare-topp li:first-child{border-top:0}
.lirare-plats{font:800 22px/1 var(--num);color:var(--ink-3);text-align:center}
.lirare-topp li:first-child .lirare-plats{color:var(--ink)}
.lirare-namn{display:flex;flex-direction:column;min-width:0;font:650 16px/1.25 var(--font);color:var(--ink);overflow-wrap:anywhere}
.lirare-lag{font:500 13px/1.3 var(--font);color:var(--ink-2)}
.lirare-topp b{font:800 22px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.modal .lirare-antal{margin:4px 0 0;text-align:center;font-size:13px;color:var(--ink-3)}
#match-backdrop .lirare-a:not(:has(>#lirare:not([hidden]))){display:none}
#match-backdrop .lirare-a>#lirare{margin:0;padding:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
#match-backdrop .lirare-a>#lirare>.match-section-title,#match-backdrop .lirare-a .lirare-panel>.laktar-ingress:first-child{display:none}
#match-backdrop .lirare-a:has(>.lirare-kort)>.laktar-ingress{display:none}
#match-backdrop .lirare-a>.lirare-rad.oppen .lirare-panel{margin-top:16px}
.lirare-knapprad{margin:0}
.lirare-oppna{gap:6px}
.lirare-chev{width:16px;height:16px;margin-right:-4px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.lirare-oppna[aria-expanded="true"] .lirare-chev{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){.lirare-chev{transition:none}}
.lirare-rad.oppen .lirare-panel{margin-top:14px}
.tips-rad{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.tips-lag{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.tips-lag .badge{width:40px;height:40px}
.tips-lagnamn{max-width:100%;font:650 14px/1.2 var(--font);color:var(--ink);text-align:center;overflow-wrap:anywhere}
.tips-stegare{display:flex;align-items:center;gap:6px}
button,a,[role=button],summary{touch-action:manipulation}
.tips-steg{display:grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;border:1px solid var(--glass-edge);border-radius:50%;background:var(--glass);color:var(--ink);cursor:pointer}
.tips-steg svg{width:18px;height:18px}
.tips-steg[aria-disabled="true"]{opacity:.35;cursor:default}
.tips-steg:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
@media (hover:hover){.tips-steg:not([aria-disabled="true"]):hover{background:var(--v16)}}
.tips-tal{min-width:1.3em;text-align:center;font:800 40px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.tips-streck{align-self:end;padding-bottom:10px;font:800 28px/1 var(--num);color:var(--ink-3)}
@media (max-width:479px){.tips-streck{display:none}.tips-rad{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}}
.tips-fordelning{margin:14px 0 0;padding:0;list-style:none}
.tips-andel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 10px;padding:7px 0}
.tips-etikett{font:500 14px/1.3 var(--font);color:var(--ink-2)}
.tips-andel b{font:800 19px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.tips-stapel{grid-column:1/-1;height:5px;border-radius:3px;background:var(--v08);overflow:hidden}
.tips-stapel i{display:block;height:100%;border-radius:3px;background:var(--ink)}
.tips-andel.h .tips-stapel i{background:var(--tc-h,var(--ink))}
.tips-andel.b .tips-stapel i{background:var(--tc-b,var(--ink))}
.tips-andel.x .tips-stapel i{background:var(--ink-3)}
.modal .tips-fakta{margin:8px 0 0;text-align:center;font-size:13px;color:var(--ink-2)}
.modal .tips-utfall{margin:0 0 4px;text-align:center;font:600 16px/1.35 var(--font);color:var(--ink-2);text-wrap:balance}
.tips-utfall b{font:800 28px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
#kompis-backdrop{z-index:65}
#kompis-backdrop>.modal.wide{max-width:520px}
.kompis-ark .modal-sticky-head{display:flex;align-items:center;gap:10px;min-height:68px;padding:12px 70px 10px 16px}
.kompis-ark .modal-sticky-head h3{flex:1;min-width:0;margin:0;padding:0 0 0 6px;outline:none;font:760 22px/1.2 var(--font);letter-spacing:-.02em;overflow-wrap:anywhere}
.kompis-bak{display:grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);border-radius:50%;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-hi);color:var(--ink)}
.kompis-bak[hidden]{display:none}
.kompis-bak svg{width:20px;height:20px}
.kompis-bak:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.kompis-ark .modal-scroll-body{padding:4px 16px 24px}
@media (max-width:599px){html.flik-over-blad #kompis-backdrop .modal-scroll-body{padding-bottom:calc(var(--flik-topp) + 16px)}}
.modal .kp-ingress{margin:0 0 16px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.modal .kp-under{margin:0 0 8px;font:600 13px/1.25 var(--font);color:var(--ink-3)}
.kp-lista{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.kp-kort{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:3px;width:100%;min-height:64px;padding:12px 16px;border-radius:18px;background:var(--v08);color:var(--ink);text-align:left}
@media (hover:hover){.kp-kort:hover{background:var(--v12)}}
.kp-kort:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.kp-kort-namn{grid-column:1;font:700 17px/1.2 var(--font);letter-spacing:-.01em;overflow-wrap:anywhere}
.kp-kort-under{grid-column:1;font-size:13px;line-height:1.35;color:var(--ink-2)}
.kp-kort-plats{grid-column:2;grid-row:1/3;text-align:right;font:800 26px/1 var(--num);font-variant-numeric:tabular-nums;white-space:nowrap}
.kp-kort-plats small{display:block;margin-top:3px;font:600 12.5px/1 var(--font);color:var(--ink-2)}
.kp-krona{margin-right:4px;font-size:.8em;font-family:var(--font)}
.kp-primar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:0 20px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:650 17px/1 var(--font);letter-spacing:-.01em}
@media (hover:hover){.kp-primar:hover{background:var(--knapp-hover)}}
.kp-primar:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.modal .kp-not{margin:14px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.modal .kp-not-topp{margin:0 0 4px}
.modal .kp-rad{margin:8px 0 14px;font-size:14px;font-weight:600;line-height:1.4;color:var(--ink-2)}
.modal .kp-rad.fel{font-weight:400;color:var(--bad)}
.kp-ligor{margin:0 0 14px;padding:0;border:0;min-width:0}
.kp-ligor legend{padding:0;margin:0 0 4px;font:600 13.5px/1.3 var(--font);color:var(--ink-2)}
.modal .kp-hjalp{margin:0 0 10px;font-size:12.5px;line-height:1.4;color:var(--ink-3)}
.kp-grupp{margin:0 0 10px}
.kp-grupp-namn{display:block;margin:0 0 6px;font:600 12px/1.2 var(--font);color:var(--ink-3)}
.kp-chips{display:flex;flex-wrap:wrap;gap:6px}
.kp-chips .grp{padding:6px 14px}
.kp-inbjudan{margin:0 0 16px;padding:20px 16px;text-align:center}
.modal .kp-inb-namn{margin:0 0 4px;font:800 26px/1.15 var(--font);letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}
.modal .kp-inb-ligor{margin:0 0 6px;font-size:14.5px;color:var(--ink-name)}
.modal .kp-inb-antal{margin:0;font:600 13px/1.2 var(--font);color:var(--ink-2)}
.modal .kp-ligainfo{margin:0 0 12px;font-size:13.5px;line-height:1.4;color:var(--ink-2)}
.kp-flikar{margin:0 0 14px}
.kp-flikar>button{padding:0 8px}
.kp-veckor{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.kp-vecka-steg{display:grid;place-items:center;flex:none;width:var(--tap);height:var(--tap);border-radius:50%;background:var(--glass);border:1px solid var(--glass-edge);color:var(--ink)}
.kp-vecka-steg svg{width:18px;height:18px}
.kp-vecka-steg[aria-disabled="true"]{opacity:.35;cursor:default}
.kp-vecka-steg:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.kp-vecka-namn{display:flex;flex-direction:column;align-items:center;font:700 17px/1.2 var(--font);color:var(--ink)}
.kp-vecka-namn small{font:500 12.5px/1.3 var(--font);color:var(--ink-2)}
.kp-lyft{margin:0 0 12px;padding:16px}
.modal .kp-ledare{margin:0;font:760 20px/1.25 var(--font);letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.kp-utm{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px}
.modal .kp-utm p{display:flex;flex-direction:column;gap:3px;margin:0;padding:10px 12px;border-radius:14px;background:var(--v08)}
.kp-utm span{font:600 12px/1.2 var(--font);color:var(--ink-2)}
.kp-utm b{font:650 15px/1.3 var(--font);color:var(--ink)}
.kp-topp{padding:4px 0}
.modal .kp-topp-huvud,.kp-rad-topp{display:grid;grid-template-columns:32px minmax(0,1fr) 44px 52px;align-items:center;gap:8px;padding:0 14px}
.modal .kp-topp-huvud{margin:0;min-height:30px;font:600 12px/1 var(--font);color:var(--ink-3)}
.kp-topp-huvud span:nth-child(n+3){text-align:right}
.kp-topp-lista{list-style:none;margin:0;padding:0}
.kp-rad-topp{min-height:50px;border-top:1px solid var(--line)}
.kp-rad-topp.du{background:var(--fav-row)}
.kp-plats{font:800 19px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:center}
.kp-namn{min-width:0;font:650 16px/1.25 var(--font);color:var(--ink);overflow-wrap:anywhere}
.kp-namn .kp-krona{margin:0 0 0 6px}
.kp-du{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:999px;background:var(--v12);font:600 11.5px/1 var(--font);color:var(--ink-name);vertical-align:2px}
.kp-vp{text-align:right;font:700 15px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink-2)}
.kp-tot{text-align:right;font:800 22px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.kp-lage{margin:0 0 14px}
.f-bricka{position:relative;display:inline-grid;place-items:center;flex:none;width:var(--fb,34px);height:var(--fb,34px);border-radius:50%;background:var(--b,#48484A);color:var(--bt,#fff);font:700 calc(var(--fb,34px) * .36)/1 var(--font);letter-spacing:.01em}
.f-c{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#FFD60A;color:#1C1C1E;font:800 10px/1 var(--font);box-shadow:0 0 0 2px var(--surface)}
.f-rad-topp{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px}
.modal .f-rad-topp p{margin:0;font:600 13.5px/1.3 var(--font);color:var(--ink-2)}
.modal .f-las{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--warn) 13%,transparent);border:1px solid color-mix(in srgb,var(--warn) 34%,transparent);font:600 13.5px/1.35 var(--font);color:var(--ink)}
.f-las svg{flex:none;width:16px;height:16px;color:var(--warn)}
:root[data-tema="ljus"] .f-las svg{color:#8A6100}
.f-laget{margin:0 0 14px;padding:14px 12px 14px}
.modal .f-laget h4{margin:0 4px 12px;font:700 15px/1.2 var(--font);color:var(--ink)}
.f-laget h4 span{font-weight:600;color:var(--ink-3)}
.f-platser{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.f-plats{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:var(--tap);padding:2px 0;border-radius:14px;color:var(--ink)}
.f-plats .f-bricka{--fb:44px}
.f-plats[aria-pressed="true"] .f-bricka{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}
.f-plats:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.mask-hall.mask-fel>.f-c{display:none}
.f-plats .mask-hall{margin-top:-9px}
.f-plats[aria-pressed="true"] .mask-hall:not(.mask-fel){border-radius:12px;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}
.f-plats-namn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 11.5px/1.2 var(--font)}
.f-plats.tom .f-plats-namn{color:var(--ink-3)}
.f-tom{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px dashed var(--v28);font:600 20px/1 var(--font);color:var(--ink-3)}
.f-mv-etikett{font:600 12px/1.1 var(--font);color:var(--ink-3)}
.f-plats-val{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 4px 0;padding:10px 12px;border-radius:14px;background:var(--v08)}
.modal .f-plats-val p{flex:1 1 100%;margin:0;font:650 14px/1.3 var(--font);color:var(--ink)}
.f-plats-val .grp{min-height:38px;padding:4px 14px;font-size:13.5px}
.f-spara-rad{margin:14px 4px 0}
.f-spara-rad .kp-primar[aria-disabled="true"]{opacity:.38;cursor:default}
.modal .f-msg{min-height:1.4em;margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--ink-2);text-align:center}
.modal .f-msg.fel{color:var(--bad)}
.f-ligor{display:flex;gap:6px;margin:0 -16px 10px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
.f-ligor::-webkit-scrollbar{display:none}
.f-ligor .grp{flex:none;padding:6px 14px}
.f-typ{margin:0 0 10px}
.f-sok{width:100%;min-height:var(--tap);margin:0 0 10px;padding:0 14px;border-radius:14px;border:1px solid var(--glass-edge);background:var(--v08);color:var(--ink);font:500 15px/1.2 var(--font)}
.f-sok::placeholder{color:var(--ink-3)}
.f-sok:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}
.f-lista{list-style:none;margin:0 0 12px;padding:2px 12px}
.f-rad{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 0;border-top:1px solid var(--line)}
.f-rad:first-child{border-top:0}
.f-txt{flex:1;min-width:0}
.f-namn{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.25 var(--font);color:var(--ink)}
.f-sub{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12.5px/1.3 var(--font);color:var(--ink-2)}
.f-sub2{display:block;margin-top:2px;font:600 12.5px/1.3 var(--font);color:var(--ink-name)}
.f-valj{flex:none;min-width:74px;min-height:38px;padding:0 14px;border-radius:999px;background:var(--v12);color:var(--ink);font:650 13.5px/1 var(--font)}
.f-valj[aria-pressed="true"]{background:transparent;color:var(--good);padding:0 6px}
:root[data-tema="ljus"] .f-valj[aria-pressed="true"]{color:#1B7F3B}
.f-valj[aria-disabled="true"]{background:transparent;color:var(--ink-3);cursor:default;font-weight:600;font-size:12px}
.f-valj:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.f-fler{display:block;width:100%;min-height:var(--tap);margin:-4px 0 14px;border-radius:999px;font:600 14px/1 var(--font);color:var(--ink-name)}
.f-p{flex:none;min-width:34px;text-align:right;font:800 26px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.f-p.noll{color:var(--ink-3)}
.f-prel{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:var(--v12);font:600 10.5px/1.2 var(--font);color:var(--ink-2);vertical-align:1px}
.f-banderoll{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--good) 15%,transparent);border:1px solid color-mix(in srgb,var(--good) 38%,transparent)}
.f-banderoll.ny{animation:fBanderoll .6s cubic-bezier(.2,.8,.2,1)}
@keyframes fBanderoll{0%{opacity:0;transform:translateY(-8px) scale(.98)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.f-banderoll.ny{animation:none}}
.modal .f-banderoll b{display:block;font:700 14.5px/1.25 var(--font);color:var(--ink)}
.modal .f-banderoll div>span{display:block;font:500 12.5px/1.3 var(--font);color:var(--ink-2)}
.f-banderoll small{margin-left:auto;flex:none;font:600 12px/1 var(--font);color:var(--ink-2)}
.f-live-topp{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 6px}
.modal .f-live-topp p{margin:0}
.f-live-under{font:600 13.5px/1.3 var(--font);color:var(--ink-2)}
.f-live-dag{font:800 23px/1.15 var(--font);letter-spacing:-.02em;color:var(--ink)}
.f-total{text-align:right}
.f-total b{display:block;font:800 56px/.9 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.f-total span{font:600 12.5px/1.2 var(--font);color:var(--ink-2)}
.modal .f-pagar{display:flex;align-items:center;gap:6px;margin:0 0 12px;font:600 13px/1.2 var(--font);color:var(--live)}
.f-pagar i{width:8px;height:8px;border-radius:50%;background:var(--live)}
.f-summa{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.modal .f-summa p{display:flex;flex-direction:column;gap:3px;margin:0;padding:10px 12px;border-radius:14px;background:var(--v08)}
.f-summa span{font:600 12px/1.2 var(--font);color:var(--ink-2)}
.f-summa b{font:800 22px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.f-regler{display:grid;gap:8px;margin:18px 0 0}
.modal .f-regel{margin:0;padding:12px 14px;border-radius:14px;background:var(--v08)}
.f-regel b{display:block;font:700 14.5px/1.3 var(--font);color:var(--ink)}
.f-regel span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.modal .f-gstatus{margin:0 0 10px;font:600 13.5px/1.4 var(--font);color:var(--ink-2)}
.modal .f-gtabell .kp-topp-huvud,.f-gtabell .kp-rad-topp{grid-template-columns:28px minmax(0,1fr) 56px 56px}
.f-gtabell .kp-vp{font:800 21px/1 var(--num);color:var(--ink)}
.f-gtabell .kp-tot{font:700 19px/1 var(--num);color:var(--ink-2)}
.f-gtabell .f-ingen{font:500 12px/1.2 var(--font);color:var(--ink-3)}
.f-kort{display:flex;align-items:center;gap:12px;margin:10px 0 0;padding:12px 14px;border-radius:16px;background:var(--v08)}
.f-stjarna{margin-left:2px;font:700 13px/1 var(--font);color:var(--ink-3);vertical-align:super}
.modal .f-kort p{margin:0}
.f-kort-rubrik{font:700 14.5px/1.3 var(--font);color:var(--ink)}
.f-kort-text{margin-top:2px !important;font-size:13px;line-height:1.45;color:var(--ink-2)}
#spel-backdrop{z-index:65}
#spel-backdrop>.modal.wide{max-width:520px}
.spel-ark .card{background:var(--v08);box-shadow:none}
:root[data-tema="ljus"] .spel-ark .card{background:var(--card);box-shadow:var(--kort-skugga)}
.hol-ligor{margin-bottom:8px}
.modal .hol-svit{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 6px}
.hol-svit b{font:800 15px/1.2 var(--font);color:var(--star)}
.hol-svit span{font:600 12.5px/1.2 var(--font);color:var(--ink-3)}
.modal .hol-fraga{margin:0 0 12px;font:600 15px/1.4 var(--font);color:var(--ink);outline:none}
.hol-par{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.hol-kort{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:16px 10px;border-radius:20px;text-align:center;background:linear-gradient(160deg,color-mix(in srgb,var(--lf,var(--surface-2)) 62%,var(--surface)) 0,var(--surface) 85%);box-shadow:var(--kort-skugga)}
.hol-bricka{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font:700 18px/1 var(--font)}
.modal .hol-kort p{margin:0;max-width:100%}
.modal .hol-namn{font:700 16px/1.2 var(--font);color:var(--ink);overflow-wrap:anywhere}
.modal .hol-under{font:500 12px/1.3 var(--font);color:var(--ink-2)}
.modal .hol-varde{font:800 56px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink);animation:hlVisa .35s ease-out both}
.modal .hol-varde.dold{color:var(--ink-3);animation:none}
@keyframes hlVisa{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.modal .hol-varde{animation:none}}
.modal .hol-matt{font:600 12px/1.2 var(--font);color:var(--ink-2)}
.hol-knappar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 8px}
.hol-knapp{min-height:52px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:800 16px/1 var(--font)}
.hol-knapp:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.hol-knapp[aria-disabled="true"]{opacity:.38;cursor:default}
.hol-knapp.facit[aria-disabled="true"]{opacity:1;background:var(--win);color:var(--win-ink)}
.modal .hol-status{min-height:1.4em;margin:4px 0 10px;text-align:center;font:700 15px/1.35 var(--font);color:var(--ink)}
.hol-nasta{margin:0 0 14px}
.hol-forra{margin:0 0 12px;padding:12px 14px}
.modal .hol-forra-rubrik{margin:0 0 6px;font:700 13px/1.2 var(--font);color:var(--ink)}
.hol-forra ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hol-forra li{display:flex;align-items:center;gap:8px;font:500 12.5px/1.35 var(--font);color:var(--ink-2)}
.hol-bock{flex:none;width:16px;font-weight:800;text-align:center}
.hol-bock.ratt{color:var(--good)}
.hol-bock.fel{color:var(--ink-3)}
#live-spel:empty{display:none}
#live-spel,.live-spel-tom{margin:12px 0 0}
.live-spel-tom+.h{margin-top:20px}
.spel-live{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-align:left;box-shadow:var(--kort-skugga)}
.spel-live .spel-ico{flex:none;width:24px;height:24px;color:var(--ink-2)}
.spel-live span{flex:1;min-width:0;font:600 14px/1.35 var(--font)}
.spel-live b{flex:none;padding:8px 14px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:700 13.5px/1 var(--font)}
.spel-live:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
#notiser-backdrop{z-index:65}
#notiser-backdrop>.modal.wide{max-width:520px}
.notiser-ark .modal-sticky-head{display:flex;align-items:center;gap:10px;min-height:68px;padding:12px 70px 10px 16px}
.notiser-ark .modal-sticky-head h3{flex:1;min-width:0;margin:0;padding:0 0 0 6px;outline:none;font:760 22px/1.2 var(--font);letter-spacing:-.02em;overflow-wrap:anywhere}
.notiser-ark .modal-scroll-body{padding:4px 16px 28px}
.modal .ns-status{display:flex;gap:10px;margin:0 0 18px;padding:12px 14px;border-radius:16px;background:var(--v08);font-size:14px;line-height:1.45;color:var(--ink-name)}
.ns-status svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--warn)}
.ns-sektion{margin:0 0 22px}
.ns-paminn{margin:0 0 2px}
.ns-paminn>button[aria-disabled="true"]:not([aria-pressed="true"]){color:var(--ink-3)}
.ns-huvud{display:grid;grid-template-columns:minmax(0,1fr) 54px 54px;align-items:end;gap:0 4px;padding:0 10px 6px 4px}
.ns-huvud.utan-kol{grid-template-columns:minmax(0,1fr)}
.modal .ns-huvud h4{margin:0;font:600 13px/1.25 var(--font);color:var(--ink-3)}
.ns-kol{font:600 12px/1.2 var(--font);color:var(--ink-2);text-align:center}
.ns-kort{list-style:none;margin:0;padding:0;border-radius:20px;background:var(--v08);overflow:hidden}
.ns-rad{display:grid;grid-template-columns:minmax(0,1fr) 54px 54px;align-items:center;gap:0 4px;min-height:62px;padding:0 10px 0 0;border-top:1px solid var(--line)}
.ns-rad:first-child{border-top:0}
.ns-rad.en-kol{grid-template-columns:minmax(0,1fr) auto}
.ns-namn{display:flex;align-items:center;gap:12px;min-width:0;min-height:62px;padding:9px 4px 9px 12px;color:var(--ink);text-align:left;font:inherit;border-radius:20px 0 0 20px}
button.ns-namn{cursor:pointer}
@media (hover:hover){button.ns-namn:hover .ns-titel{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}
.ns-namn:focus-visible,.ns-spak:focus-visible,.ns-val:focus-visible,.ns-ta-bort:focus-visible,.ns-lank:focus-visible{outline:2px solid var(--accent-text);outline-offset:-3px}
.ns-namn .plate{width:34px;height:34px}
.ns-namn .plate img{width:24px;height:24px}
.ns-tom-platta{width:34px;height:34px;flex:none;border-radius:50%;background:var(--v12)}
.ns-namn .badge{flex:none;width:34px;height:34px;font-size:12px}
.ns-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.ns-titel{font:650 16px/1.2 var(--font);letter-spacing:-.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns-under{font:500 13px/1.25 var(--font);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns-under.pa{font-weight:650;color:var(--good)}
.ns-spak{display:grid;place-items:center;width:54px;height:var(--tap);padding:0;border-radius:14px;color:var(--ink)}
.ns-spak[aria-checked="true"] .notif-utv-spak{background:var(--knapp)}
.ns-spak[aria-checked="true"] .notif-utv-spak::after{transform:translateX(18px);background:var(--knapp-ink);box-shadow:none}
.ns-spak[aria-disabled="true"]{opacity:.38;cursor:not-allowed}
.ns-spak[aria-busy="true"]{cursor:progress;opacity:.7}
.modal .ns-not{margin:8px 4px 0;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.modal .ns-tomt{margin:0;padding:16px 14px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.ns-ta-bort{min-height:var(--tap);padding:0 14px;border-radius:999px;font:600 14px/1 var(--font);color:var(--bad)}
@media (hover:hover){.ns-ta-bort:hover{background:var(--v08)}}
.ns-ta-bort:disabled{opacity:.5;cursor:progress}
.ns-lank{display:inline-flex;align-items:center;min-height:var(--tap);margin:2px 0 0 4px;padding:0;font:600 14px/1.2 var(--font);color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ns-rad-under{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-8px 0 0;padding:0 0 6px 58px;font:500 14px/1.3 var(--font);color:var(--ink-2)}
.ns-rad.har-under{padding-bottom:0}
.ns-liga-topp{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:0 4px}
.ns-liga-topp .plate{width:48px;height:48px;box-shadow:0 4px 14px -4px rgba(0,0,0,.5)}
.ns-liga-topp .plate img{width:34px;height:34px}
.modal .ns-liga-topp p{margin:0;font-size:14px;line-height:1.4;color:var(--ink-2)}
.ns-val{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:2px 10px;width:100%;min-height:62px;padding:10px 14px;border-top:1px solid var(--line);text-align:left;color:var(--ink);font:inherit}
.ns-kort>li:first-child>.ns-val{border-top:0}
@media (hover:hover){.ns-val:hover{background:var(--v05)}}
.ns-val-t{font:650 16px/1.2 var(--font);letter-spacing:-.01em}
.ns-val-u{grid-column:1;font:500 13px/1.35 var(--font);color:var(--ink-2)}
.ns-val .check{grid-column:2;grid-row:1/3;width:22px;height:22px;color:var(--good);visibility:hidden}
.ns-val[aria-checked="true"] .check{visibility:visible}
.ns-val[aria-checked="true"] .ns-val-t{color:var(--ink)}
.ns-val[aria-disabled="true"]{opacity:.45}
.ns-rad-text{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 4px 10px 14px}
.ns-rad-text .ns-under,.ns-rad-text .ns-titel{white-space:normal;line-height:1.35}
.ns-vilar .ns-rad-text>.ns-titel{color:var(--ink-2)}
.ns-rad-text .ns-vilar-not{font-weight:600;color:var(--ink)}
.ns-fler{margin:8px 0 0}
.ns-fler>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 16px 0 14px;border-radius:20px;background:var(--v08);font:600 15px/1.2 var(--font);color:var(--ink);cursor:pointer;list-style:none}
.ns-fler>summary::-webkit-details-marker{display:none}
.ns-fler-pil{flex:none;width:16px;height:16px;color:var(--ink-2);transition:transform .18s cubic-bezier(.16,1,.3,1)}
.ns-fler[open]>summary .ns-fler-pil{transform:rotate(180deg)}
.ns-fler>summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:-3px}
@media (hover:hover){.ns-fler>summary:hover span{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}
.ns-fler>.ns-kort{margin-top:8px}
@media (prefers-reduced-motion:reduce){.ns-fler-pil{transition:none}}
@media (prefers-reduced-motion:reduce){.ns-spak .notif-utv-spak,.ns-spak .notif-utv-spak::after{transition:none}}
.kp-knappar{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.kp-knappar-rad{display:flex;gap:10px}
.kp-ensam{margin:0 4px;text-align:center;font:500 15px/1.4 var(--font);color:var(--ink-name);text-wrap:balance}
.kp-knappar-rad .gpill{flex:1;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-hi)}
@media (hover:hover){.kp-knappar-rad .gpill:hover{background:var(--v16)}}
.kp-knappar-rad .gpill:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.kp-knappar-rad .gpill .kompis-ico{width:19px;height:19px}
.kp-lamna{display:block;width:auto;margin:14px auto 0;padding:0 12px}
.modal .kp-dag{margin:14px 0 8px;font:700 15px/1.2 var(--font);color:var(--ink)}
.modal .kp-sektion{margin:20px 0 0}
.kp-matcher{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.kp-match{padding:12px 14px}
.kp-m-huvud{display:flex;align-items:center;gap:4px 10px;margin:0 0 6px}
.kp-m-serie{flex:none;font:700 12.5px/1.2 var(--font);color:var(--ink)}
.kp-m-tid{flex:1;min-width:0;font:500 12.5px/1.3 var(--font);color:var(--ink-2)}
.kp-m-lank{display:inline-flex;align-items:center;flex:none;gap:2px;min-height:var(--tap);margin:-8px -6px -8px 0;padding:0 6px;font:600 13px/1 var(--font);color:var(--ink-2);text-decoration:none}
.kp-m-lank .kompis-chev{width:15px;height:15px}
.kp-m-lank:focus-visible{outline:2px solid var(--accent-text);outline-offset:0;border-radius:10px}
.kp-m-tips{display:flex;flex-direction:column;gap:4px}
.kp-m-lag{display:flex;align-items:center;gap:10px;min-height:var(--tap)}
.kp-m-lag .badge{width:28px;height:28px;flex:none}
.kp-m-lagnamn{flex:1;min-width:0;font:650 16px/1.25 var(--font);color:var(--ink);overflow-wrap:anywhere}
.kp-m-lag .tips-stegare{flex:none}
.kp-m-lag .tips-tal{min-width:1.2em;font-size:30px}
.kp-m-mal{font:800 26px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.kp-m-fot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:10px}
.modal .kp-m-rad{flex:1 1 150px;margin:0;font-size:13px;font-weight:600;line-height:1.35;color:var(--ink-2)}
.modal .kp-m-rad.fel{font-weight:400;color:var(--bad)}
.kp-spara{min-height:var(--tap);padding:0 18px;border:1px solid var(--knapp);border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:650 15px/1 var(--font)}
.kp-spara[aria-disabled="true"]{background:var(--glass);color:var(--ink-2);border-color:var(--glass-edge);cursor:default}
.kp-spara:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.kp-p{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--v12);font:700 12.5px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink-name);vertical-align:1px}
.kp-p.exakt{background:var(--win);color:var(--win-ink)}
.kp-p.utgang{background:var(--v22);color:var(--ink)}
.kp-kompisar{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px 14px}
.kp-kompisar li{display:flex;align-items:center;gap:8px;min-width:0;font-size:13.5px}
.kp-k-namn{flex:1;min-width:0;color:var(--ink-name);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kp-k-tips{font:700 15px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.kp-kompisar .kp-p{margin-left:0}
.kompis-rad{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:16px 0 0;padding:10px 12px;border-radius:16px;background:var(--v08);color:var(--ink);text-align:left}
@media (hover:hover){.kompis-rad:hover{background:var(--v12)}}
.kompis-rad:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.kompis-rad .kompis-ico{width:24px;height:24px;flex:none}
.kompis-rad-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.kompis-rad-txt b{font:650 15px/1.25 var(--font);color:var(--ink)}
.kompis-rad-txt span{font-size:13px;line-height:1.35;color:var(--ink-2)}
.gang-topp{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap);margin:-4px 0 0;padding:4px 0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.gang-topp:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:12px}
.gang-stack{display:flex;flex:none}
.gang-stack .gang-av+.gang-av{margin-left:-8px}
.gang-rubrik{flex:1;min-width:0;font:800 15.5px/1.25 var(--font);letter-spacing:-.01em;text-wrap:balance}
.gang-till{display:inline-flex;align-items:center;gap:2px;flex:none;max-width:42%;font:600 13px/1.2 var(--font);color:var(--ink-2)}
.gang-till{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gang-till .kompis-chev{flex:none;width:16px;height:16px}
@media (hover:hover){.gang-topp:hover .gang-till{color:var(--ink)}}
.gang-av{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gf,#3949AB);color:#fff;font:800 13px/1 var(--font)}
.gang-av.liten{width:26px;height:26px;font-size:10.5px;box-shadow:0 0 0 2px var(--surface)}
.gang-av.ratt{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--good)}
.gang-ligor{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.gang-ligor .grp{gap:8px;padding:6px 14px}
.gang-ligor .grp[aria-pressed="true"] .reakt-antal{color:inherit}
.gang-lista{list-style:none;margin:8px 0 0;padding:0}
.gang-rad{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.gang-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.gang-txt b{font:700 15px/1.25 var(--font);color:var(--ink-name)}
.gang-txt span{font:500 13px/1.35 var(--font);color:var(--ink-2)}
.gang-rad.ratt .gang-txt span{color:var(--ink-name)}
.gang-tips{flex:none;min-width:3ch;text-align:right;font:700 22px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.gang-tips.dolt,.gang-tips.tom{font-weight:600;color:var(--ink-3)}
.gang-rad.ratt .gang-tips{color:var(--good)}
.gang-not{margin:10px 0 0;font-size:13px;line-height:1.4;color:var(--ink-2)}
.gang-just{margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
.gang-under{margin:0;font:700 13.5px/1.3 var(--font);color:var(--ink)}
.gang-flode+.laktar-rad,.gang-just+.laktar-rad{margin-top:4px}
.gang-mal{margin:2px 0 10px;font:500 13px/1.35 var(--font);color:var(--ink-2)}
.gang-reakt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.gang-reakt .grp{justify-content:center;gap:6px;padding:6px 8px}
.gang-em{font-size:18px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",var(--font)}
.gang-flode .gang-em{font-size:15px}
.gang-flode{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.gang-flode li{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:16px;background:var(--v06);font:500 13.5px/1.35 var(--font);color:var(--ink-name)}
.gang-flode li .gang-av.liten{box-shadow:none}
.gang-flode b{font-weight:700;color:var(--ink)}
.gang-just+.gang-flode{margin-top:10px}
.ganget .gang-spak{width:100%;justify-content:space-between;margin-top:6px;padding-left:0;text-align:left}
.ganget .reakt-not{margin-top:2px}
.gang-pling-av{display:flex}
.gang-pling-av .gang-av{width:44px;height:44px;font-size:16px}
.gang-pling-av .gang-av+.gang-av{margin-left:-16px}
.pling-kort.gang .pling-skytt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kompis-chev{width:18px;height:18px;flex:none;color:var(--ink-3)}
.evc-f:has(.evr-knapp){align-items:center}
.evr-knapp{position:relative;display:inline-flex;align-items:center;gap:4px;height:30px;min-width:30px;margin-left:auto;padding:0 7px;border:1px solid var(--glass-edge);border-radius:999px;background:var(--glass);color:var(--ink);font:700 13px/1 var(--num);font-variant-numeric:tabular-nums;cursor:pointer}
.evr-knapp::before{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--tap));height:var(--tap);transform:translate(-50%,-50%)}
.evr-knapp.vald{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.evr-knapp .evr-ico{width:17px;height:17px}
.evr-knapp:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
@media (hover:hover){.evr-knapp:not(.vald):hover{background:var(--v16)}}
.evr{margin:10px 0 0}
.evr-val{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.evr-v{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:58px;min-height:var(--tap);padding:6px 8px;border:1px solid var(--line-strong);border-radius:14px;background:var(--glass);color:var(--ink);cursor:pointer}
.evr-v .evr-ico{width:20px;height:20px}
.evr-ord{font:600 11.5px/1.1 var(--font);color:var(--ink-2)}
.evr-antal{font:700 13px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.evr-v[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.evr-v[aria-pressed="true"] .evr-ord,.evr-v[aria-pressed="true"] .evr-antal{color:var(--knapp-ink)}
.evr-v:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
@media (hover:hover){.evr-v:not([aria-pressed="true"]):hover{background:var(--v16)}}
.evr-v.puls{animation:reaktPuls .22s ease-out}
@media (prefers-reduced-motion:reduce){.evr-v.puls{animation:none}}
.byt-rop .evr-val{justify-content:flex-start;gap:8px}
.evr-v.byt-v{position:relative;flex-direction:row;gap:6px;min-width:0;min-height:34px;padding:0 13px 0 10px;border-radius:999px;background:transparent;color:var(--ink-2)}
.evr-v.byt-v[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink)}
.evr-v.byt-v::before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap);transform:translateY(-50%)}
.byt-v .evr-ico{width:17px;height:17px}
.byt-v .evr-ord{font:600 13px/1.1 var(--font);color:var(--ink)}
.byt-v .evr-antal{margin-left:1px;color:var(--ink-2)}
.modal .byt-rop .evr-rad{text-align:left}
.byt-rop{margin-top:12px}
.ev-subs-rop{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font:500 13px/1 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums}
.ev-subs-rop[hidden]{display:none}
.ev-subs-rop .evr-ico{width:15px;height:15px}
.modal .evr-rad{margin:8px 0 0;text-align:center;font-size:13px;font-weight:600;color:var(--ink-2)}
.modal .evr-rad:empty{display:none}
.modal .evr-rad.fel{font-weight:400;color:var(--bad)}
.byt-grupp{display:flex;align-items:flex-start;gap:4px}
.byt-grupp+.byt-grupp{margin-top:6px}
.byt-pil{flex:none;display:flex;align-items:center;justify-content:center;width:14px;height:34px}
.byt-pil .ev-inout-ico{width:12px;height:12px}
.byt-grupp .evr-val{flex:1;min-width:0;gap:6px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px 0;margin:-5px 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent)}
.byt-grupp .evr-val::-webkit-scrollbar{display:none}
.byt-grupp .evr-val::after{content:"";flex:none;width:14px}
.byt-grupp .evr-v.byt-v{flex:none}
.mal-rop-rad{margin-top:8px}
.evr-v.byt-v.mal-rop{padding:0 13px;background:var(--glass)}
.evr-v.byt-v.mal-rop[aria-pressed="true"]{background:var(--knapp)}
.mal-rop-rad.med-antal .evr-v.byt-v.mal-rop{flex-direction:column;gap:2px;min-height:var(--tap);padding:5px 13px;border-radius:14px}
.mal-rop-rad.med-antal .evr-antal{margin:0}
.tack-rad,.heja-lagval{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.modal .tack-knapp,.modal .heja-lag{display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:8px 12px;border:1px solid var(--glass-edge);border-radius:16px;background:var(--glass);color:var(--ink);font:650 15px/1.2 var(--font);text-align:left;cursor:pointer}
.tack-knapp .badge,.heja-lag .badge{flex:none;width:30px;height:30px;font-size:11px}
.tack-knapp .evr-ico{flex:none;width:22px;height:22px}
.tack-knapp .mask{margin:-4px 0}
.evc-mask{margin:-3px 0}
.tack-text,.heja-lag span:not(.badge){min-width:0;overflow-wrap:break-word}
.tack-rad.mv{grid-template-columns:minmax(0,1fr)}
@media (max-width:360px){
  .modal .tack-knapp.tack-lag,.modal .heja-lag{flex-direction:column;justify-content:center;gap:6px;padding:10px 8px;text-align:center}
  .tack-lag .tack-n{margin:0;padding:0}
}
.tack-text small{display:block;margin-top:2px;font:500 12.5px/1.2 var(--font);color:var(--ink-2)}
.tack-n{margin-left:auto;padding-left:4px;font:700 17px/1 var(--num);font-variant-numeric:tabular-nums}
.modal .tack-knapp[aria-pressed="true"],.modal .heja-lag[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.tack-knapp[aria-pressed="true"] .tack-text small{color:var(--knapp-ink-3)}
.modal .tack-knapp:focus-visible,.modal .heja-lag:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
@media (hover:hover){.modal .tack-knapp:not([aria-pressed="true"]):hover,.modal .heja-lag:not([aria-pressed="true"]):hover{background:var(--v16)}}
.tack-knapp.puls,.heja-lag.puls{animation:reaktPuls .22s ease-out}
@media (prefers-reduced-motion:reduce){.tack-knapp.puls,.heja-lag.puls{animation:none}}
.modal .tack-under{margin:16px 0 8px;text-align:center;font:600 14px/1.2 var(--font);color:var(--ink-2)}
.heja-rop{margin-top:10px}
.heja-rop .evr-v.byt-v{padding:0 13px}
.heja-siffror{margin-top:18px}
.heja .pa-kommentar{margin-top:12px}
.folj-lankar{display:flex;flex-wrap:wrap;align-items:center;column-gap:18px;margin:0;padding:0;list-style:none}
.folj-lankar a{position:relative;display:inline-flex;align-items:center;min-height:var(--tap);font-size:13px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.folj-lankar a::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:max(100%,var(--tap));transform:translateX(-50%)}
#match-folj-slot:not(:empty),#match-forum-slot:not(:empty){margin-top:22px}
.folj-rad{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;border-top:1px solid var(--line)}
.folj-rad:last-child{border-bottom:1px solid var(--line)}
.folj-namn{min-width:7.5em;font-family:var(--font);font-weight:700;font-size:13px;color:var(--ink)}
.liga-folj{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;margin:20px 6px 0}
.liga-folj:empty{margin:0}
.folj-rubrik{margin:0;font:600 13.5px/1.3 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-2)}
.lag-widget{display:flex;justify-content:center;margin:4px 12px 0}
.lag-widget a{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 10px;border-radius:10px;color:var(--ink-sida);font:600 14.5px/1.3 var(--font);text-decoration:none;text-align:center}
.lag-widget a svg{width:14px;height:14px;flex:none}
@media (hover:hover){.lag-widget a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}}
.fk-rad{display:flex;gap:12px;margin:0;padding:4px 16px 8px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none}
.fk-rad::-webkit-scrollbar{display:none}
.fk-rad>li{flex:0 0 200px;min-width:0;scroll-snap-align:start}
.fk-rad.fa>li{flex:1 1 0}
.modal .fk-klipp{display:flex;flex-direction:column;gap:7px;width:100%;min-height:var(--tap);padding:0;border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.modal .fk-klipp:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.fk-bild{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--v06);box-shadow:inset 0 0 0 1px var(--v06)}
.fk-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fk-bild img[hidden]{display:none}
.fk-spela{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.fk-spela svg{width:15px;height:15px;margin-left:2px}
@media (hover:hover){.fk-klipp:hover .fk-spela{transform:scale(1.08)}}
.fk-klipp:active .fk-bild{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){.fk-spela{transition:none}.fk-klipp:hover .fk-spela,.fk-klipp:active .fk-bild{transform:none}}
.fk-titel{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;font:600 14px/1.3 var(--font);letter-spacing:-.005em;color:var(--ink)}
.fk-meta{margin-top:-3px;font:500 12.5px/1.3 var(--font);color:var(--ink-2)}
.fk-skel .fk-titel,.fk-skel .fk-meta{display:flex;flex-direction:column;gap:5px}
.fk-skel .fk-titel i{height:12px;margin-top:3px;width:92%}
.fk-skel .fk-titel i+i{width:60%}
.fk-skel .fk-meta i{height:10px;width:44%;margin-top:3px}
.fk-skel .fk-bild{box-shadow:none}
#team-backdrop .fk{padding-bottom:14px}
#team-backdrop .fk>.ctitle{padding:17px 16px 8px;font:720 19px/1.3 var(--font);letter-spacing:-.012em}
.fk-konton{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 16px 0}
.fk-konton .folj-lankar{justify-content:center}
.modal .fk-forum{margin:8px 0 0;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.modal .fk-fb-knapp{min-height:var(--tap);padding:0 18px;font-size:14.5px}
.modal .fk-fb-knapp:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.modal .fk-not{margin:6px 0 2px;text-align:center;font-size:12.5px;line-height:1.4;color:var(--ink-2)}
.fk-fb{display:flex;flex-direction:column;align-items:center;width:100%}
.fk-fb-ram{display:block;width:100%;max-width:500px;height:520px;border:0;border-radius:12px;background:#fff;overflow:hidden}
.fk-fb-lank{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 8px;font-size:13px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
#match-backdrop .fk-match{padding-bottom:12px}
#match-backdrop .fk-match>.match-section-title{padding-bottom:2px}
#match-backdrop .fk-match .fk-rad{margin:0 -16px}
.modal .fk-kalla{margin:0 0 10px;text-align:center;font-size:13px;line-height:1.35;color:var(--ink-2)}
#klipp-backdrop{z-index:70}
#klipp-backdrop>.modal{max-width:640px;padding:18px 16px 16px}
#klipp-backdrop h3{margin:0 44px 2px 2px;font:700 17px/1.3 var(--font);letter-spacing:-.01em;overflow-wrap:anywhere}
.modal .klipp-kalla{margin:0 44px 12px 2px;font-size:13px;color:var(--ink-2)}
.klipp-ram{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.klipp-ram iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.klipp-rad{display:flex;justify-content:flex-end;margin-top:12px}
.modal .klipp-yt{min-height:var(--tap);padding:0 16px;font-size:14.5px;text-decoration:none}
.klipp-yt svg{width:15px;height:15px}
.modal .klipp-yt:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.modal-backdrop{position:fixed;inset:0;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;overscroll-behavior:contain}
#match-backdrop{z-index:60}
.modal{background:var(--surface);border:1px solid var(--modal-edge);border-radius:var(--radius);padding:20px;max-width:360px;width:100%;position:relative}
.login-why{margin:14px 0 0;font-size:12px;line-height:1.45;color:var(--ink-2)}
:where(.modal) h3{margin:0 0 4px;font-family:var(--font);font-weight:800;font-size:18px;letter-spacing:-.01em}
:where(.modal) p{margin:0 0 14px;font-size:13px;color:var(--ink-2);line-height:1.5}
.modal .close{position:absolute;top:8px;right:8px;z-index:3;width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:50%;color:var(--ink-2)}
.modal .close:hover{background:var(--surface-2)}
.modal label{display:flex;flex-direction:column;gap:7px;font:600 13.5px/1.3 var(--font);color:var(--ink-2);margin-bottom:14px}
.modal input{min-height:var(--tap)}
.modal input,.modal textarea{font:inherit;font-size:14px;padding:9px 10px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);text-transform:none;letter-spacing:0;font-weight:400;width:100%}
.modal textarea{min-height:90px;resize:vertical}
.modal button[type="submit"]{width:100%;min-height:var(--tap);padding:11px 20px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:-.01em}
.modal .msg{margin:12px 0 0;font-size:13px;color:var(--ink-2)}
.modal .msg.err{color:var(--bad)}
.linklike{width:100%;margin-top:10px;padding:0;background:none;color:var(--ink-3);font-size:12px;text-decoration:underline;text-underline-offset:2px}
.linklike:hover{color:var(--ink-2)}
.modal.wide{max-width:480px;max-height:85vh;overflow-y:auto;overscroll-behavior:none;padding:0}
.modal,.modal-backdrop{scrollbar-width:none}
.modal::-webkit-scrollbar,.modal-backdrop::-webkit-scrollbar{display:none}
#match-backdrop>.modal.wide{max-width:720px;container:matchruta / inline-size;overflow-anchor:none}
.modal.wide .close{top:8px;right:8px;width:var(--tap);height:var(--tap);background:var(--surface-2);color:var(--ink);font-weight:700}
.modal-sticky-head{position:sticky;top:0;z-index:2;background:var(--surface);padding:16px 58px 10px 20px;border-radius:var(--radius) var(--radius) 0 0}
.modal-scroll-body{padding:0 20px 20px}
.match-hero{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.match-hero-team{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0;font-family:var(--font);font-weight:700;font-size:14px}
.match-hero-team span:not(.badge){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-hero-team .badge{width:64px;height:64px;font-size:20px}
.match-hero-team.away{flex-direction:column-reverse}
@media (max-width:420px){
  .match-hero{align-items:start}
  .match-hero-team,.match-hero-team.away{flex-direction:column;align-items:center;text-align:center;gap:4px}
  .match-hero-team.away{flex-direction:column-reverse}
  .match-hero-team span:not(.badge){white-space:normal;overflow-wrap:break-word;hyphens:auto;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .match-hero-team .badge{width:56px;height:56px;font-size:18px}
  .match-hero-score{align-self:center}
}
.match-hero-score{font-family:var(--num);font-weight:700;font-size:36px;line-height:1.05;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.match-hero-meta{text-align:center;font-size:11px;color:var(--ink-3);margin-top:2px}
.match-hero-live{display:flex;justify-content:center;margin-top:6px}
#match-backdrop .modal.kompakt .modal-sticky-head{padding:4px 58px 6px 16px;box-shadow:0 1px 0 var(--line)}
#match-backdrop .modal.kompakt .close{top:4px}
#match-backdrop .modal.kompakt .match-hero{align-items:center;gap:8px}
#match-backdrop .modal.kompakt .match-hero-team{flex-direction:row;align-items:center;text-align:left;gap:6px}
#match-backdrop .modal.kompakt .match-hero-team.away{flex-direction:row-reverse;text-align:right}
#match-backdrop .modal.kompakt .match-hero-team .badge{width:28px;height:28px;font-size:10px}
#match-backdrop .modal.kompakt .match-hero-team span:not(.badge){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#match-backdrop .modal.kompakt .match-hero-score{font-size:20px;align-self:center}
#match-backdrop .modal.kompakt .hero-after{font-size:10px;margin:0 auto;white-space:normal;width:min-content;line-height:1.1;text-align:center}
#match-backdrop .modal.kompakt .match-hero-live{margin-top:2px}
#match-backdrop .modal.kompakt .match-hero-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#match-backdrop .modal.kompakt .mtabs{margin:6px 0 0}
button.match-hero-team{width:100%;padding:0;letter-spacing:inherit;border-radius:12px;position:relative}
#match-backdrop .modal.kompakt button.match-hero-team::after{content:"";position:absolute;inset:-8px 0}
@media (hover:hover){button.match-hero-team:hover span:not(.badge){text-decoration:underline;text-underline-offset:3px}}
.mtabs{display:flex;gap:2px;padding:3px;margin:12px -38px 2px 0;background:var(--surface-2);border-radius:999px}
.mtab{flex:1;min-width:0;min-height:var(--tap);padding:0 6px;border-radius:999px;font-family:var(--font);font-weight:700;font-size:13px;color:var(--ink-2);white-space:nowrap}
.mtab[aria-selected="true"]{background:var(--glass-on);color:var(--ink)}
.mpanel{padding-top:4px}
.ev-subs{margin-top:10px;border-top:1px solid var(--line);padding-top:6px}
.ev-subs>summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;gap:8px;font-family:var(--font);font-weight:700;font-size:13px;color:var(--ink-2);list-style:none}
.ev-subs>summary::-webkit-details-marker{display:none}
.ev-subs>summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.ev-subs[open]>summary::before{transform:rotate(45deg)}
.match-section-title{margin:22px 0 12px;font-size:15px;font-family:var(--font);font-weight:800;font-size:15px;letter-spacing:-.01em}
.match-section-title:first-of-type{margin-top:0}
.mstat{margin-bottom:12px}
.mstat-per{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font:500 12px/1.2 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums}
.mstat-per>span:nth-child(2){color:var(--ink-3)}
.mbetyg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.mbetyg h4{margin:0 0 6px;font:600 13px/1.25 var(--font);color:var(--ink-2)}
.mbetyg ol{list-style:none;margin:0;padding:0}
.mbetyg li{display:flex;align-items:center;gap:8px;min-height:36px}
.mbetyg .mb-namn{flex:1 1 auto;min-width:0;font:600 14px/1.25 var(--font);overflow-wrap:anywhere}
.mbetyg .mb-namn small{display:block;font:500 12px/1.2 var(--font);color:var(--ink-2)}
.mbetyg .mb-tal{flex:none;min-width:38px;padding:3px 7px;border-radius:9px;background:var(--v08);font:700 14px/1 var(--num);text-align:center}
.mbetyg .mb-tal.hog{background:var(--win);color:var(--win-ink)}
.mstat-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}
.mstat-row .mstat-val{font-family:var(--num);font-weight:700;font-size:16px;min-width:32px}
.mstat-row .mstat-val.away{text-align:right}
.mstat-row .mstat-label{font:500 13.5px/1.25 var(--font);color:var(--ink-2)}
.mstat-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--surface-2)}
.mstat-home-bar{background:var(--ink)}
.mstat-away-bar{background:var(--ink-3)}
.lineup-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lineup-side h4{margin:0 0 8px;font-family:var(--font);font-weight:700;font-size:13px;letter-spacing:-.01em}
.lagrubrik{padding:0;letter-spacing:inherit;text-align:inherit;position:relative;border-radius:6px}
.lagrubrik::after{content:"";position:absolute;inset:-16px -6px -8px;min-width:var(--tap)}
@media (hover:hover){.lagrubrik:hover{text-decoration:underline;text-underline-offset:3px}}
.lineup-list{list-style:none;margin:0 0 4px;padding:0;font-size:13px}
.lineup-list li{display:flex;align-items:baseline;gap:6px;padding:4px 0;border-bottom:1px solid var(--line)}
.lineup-list li:last-child{border-bottom:0}
.lineup-list .lnum{font-family:var(--num);font-weight:700;color:var(--ink-3);min-width:18px;font-size:12px}
.lineup-list .lname{flex:1;min-width:0}
.lineup-list .lpos{font-size:11px;color:var(--ink-3)}
.lineup-empty{font-size:13px;color:var(--ink-3);padding:8px 0}
.hlu-kalla{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;margin:-12px 0 0;font-size:12px;color:var(--ink-2)}
.hlu-kalla a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.uppst-flikar{display:flex;gap:2px;padding:3px;margin:0 0 14px;background:var(--surface-2);border-radius:999px}
.uppst-flik{flex:1;min-width:0;min-height:var(--tap);padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1.2 var(--font);letter-spacing:-.01em;color:var(--ink-2)}
.uppst-flik span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uppst-flik[aria-selected="true"]{background:var(--glass-on);color:var(--ink)}
.uppst-prick{flex:none;width:10px;height:10px;border-radius:50%}
.uppst-spar{position:relative;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.uppst-spar::-webkit-scrollbar{display:none}
.uppst-panel{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.uppst-panel>:first-child,.hl>:first-child{margin-top:0}
.uppst-formation{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px;font:500 13.5px/1.3 var(--font);color:var(--ink-2)}
.uppst-formation b{font:800 24px/1 var(--num);letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--ink)}
.uppst-rubrik{margin:18px 0 6px;font:600 13px/1.3 var(--font);color:var(--ink-2)}
.uppst-tranare{display:flex;align-items:baseline;gap:10px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:14px}
.uppst-tranare span{font:600 13px/1.3 var(--font);color:var(--ink-2)}
.plan{position:relative;height:260px;border-radius:14px;overflow:hidden;background:repeating-linear-gradient(90deg,#14361F 0 10%,#173C23 10% 20%)}
@supports (container-type:inline-size){.plan{height:clamp(260px,60cqw,420px)}}
.plan-linjer{position:absolute;inset:5% 3%;border:1.5px solid rgba(255,255,255,.3);border-radius:2px}
.plan-linjer i{position:absolute;border:1.5px solid rgba(255,255,255,.3)}
.plan-linjer .plan-mitt{left:50%;top:0;bottom:0;width:0;border-width:0 0 0 1.5px}
.plan-linjer .plan-cirkel{left:50%;top:50%;height:27%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}
.plan-linjer .plan-straff{top:20%;height:60%;width:15.7%}
.plan-linjer .plan-mal{top:36.5%;height:27%;width:5.2%}
.plan-linjer .v{left:0;border-left:0}
.plan-linjer .h{right:0;border-right:0}
.plan-lista{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.plan-sp{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-12px)}
.plan-nr{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--prick);color:var(--prick-text);font:800 13.5px/1 var(--num);font-variant-numeric:tabular-nums;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.plan-namn{max-width:100%;margin-top:2px;font:600 11px/12px var(--font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.8)}
@container matchruta (min-width:560px){
  .plan-sp{transform:translate(-50%,-15px)}
  .plan-nr{width:30px;height:30px;font-size:16px}
  .plan-namn{margin-top:4px;font-size:12.5px;line-height:14px}
}
.plan-not{margin:8px 0 0;font-size:12px;color:var(--ink-2)}
.hl{container:hl / inline-size;--kol:106px}
.hl-rubrik{margin:20px 0 2px;font:700 17px/1.3 var(--font);letter-spacing:-.01em;color:var(--ink)}
.hl>.hl-rubrik:first-child{margin-top:4px}
.hl-rad{display:grid;grid-template-columns:1fr;row-gap:2px;padding:5px 0;border-top:1px solid var(--line)}
.hl-etikett{font:600 12.5px/1.25 var(--font);color:var(--ink-2);overflow-wrap:break-word;hyphens:manual}
.hl-etikett:empty{display:none}
.hl-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,var(--kol)));justify-content:center;gap:6px 0}
.hl-lista.fri.n2>li:nth-child(odd){grid-column:1}
.hl-sp{min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}
.hl-troja{position:relative;flex:none;width:46px;height:42px;display:inline-flex;align-items:center;justify-content:center}
.mask{position:relative;display:inline-block;flex:none;width:var(--mw);height:var(--mh);line-height:0;vertical-align:middle}
.mask img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 .7px var(--mask-kant,transparent)) drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}
.mask-vrid{perspective:calc(var(--mh) * 5);touch-action:pan-y;-webkit-user-select:none;user-select:none}
.mask-vrid img{-webkit-user-drag:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s ease-out;backface-visibility:hidden}
.mask-vrid .mask-fram{transform:rotateY(var(--mvf,0deg));opacity:var(--mof,1)}
.mask-vrid .mask-profil{position:absolute;inset:0;transform:scaleX(var(--msp,1)) rotateY(var(--mvp,0deg));opacity:var(--mop,0)}
.mask-hall{display:inline-grid;flex:none;position:relative}
.mask-hall>*{grid-area:1/1}
.mask-reserv{display:contents}
.mask-hall:not(.mask-fel)>.mask-reserv,.mask-hall.mask-fel>.mask{display:none}
@media (prefers-reduced-motion:reduce){.mask-vrid img{transition:none}}
.hl-rad.hl-mv{position:relative}
.hl-mv-mask{position:absolute;right:max(0px, calc(50% - var(--kol) * 1.5 + var(--kol) / 2 - var(--mw) / 2));top:50%;transform:translateY(-50%)}
.hl-troja svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hl{--hl-kant:var(--troja-kant)}
.hl.hl-mork{--hl-kant:var(--troja-kant-mork)}
.hl-defs{position:absolute;width:0;height:0;overflow:hidden}
.hl-nr{position:relative;top:2px;font:800 16px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--troja-nr);text-shadow:var(--troja-nr-skugga)}
.hl-logga,.hl-axel{display:none}
.hl-marke .hl-logga{display:block;position:absolute;left:31.7%;top:32%;width:36.7%;height:39.3%;object-fit:contain}
.hl-marke .hl-nr{display:none}
.hl-marke .hl-axel{display:block;position:absolute;top:40.7%;font:800 6.5px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--troja-nr);text-shadow:var(--troja-nr-skugga)}
.hl-axel-v{left:11.7%;transform:translate(-50%,-50%) rotate(18deg)}
.hl-axel-h{left:88.3%;transform:translate(-50%,-50%) rotate(-18deg)}
.hl-efternamn{max-width:100%;font:600 12px/1.15 var(--font);color:var(--ink);overflow-wrap:normal;hyphens:manual}
.hl-pnr{font-variant-numeric:tabular-nums}
.hl-en{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.hl-tagg{margin-top:2px;padding:2px 7px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-edge);font:600 11px/1.2 var(--font);letter-spacing:0;color:var(--ink-name);white-space:nowrap}
.hl-tagg .num{font:700 12px/1 var(--num);font-variant-numeric:tabular-nums}
.hl-stjarna{position:absolute;top:-3px;right:-6px;width:17px;height:17px;border-radius:50%;background:rgba(0,0,0,.78);border:1px solid var(--glass-edge);display:flex;align-items:center;justify-content:center}
.hl-stjarna svg{position:static;width:10px;height:10px;fill:#fff}
@container hl (min-width:520px){
  .hl-lista{--kol:120px}
  .hl-etikett{font-size:13.5px}
  .hl-troja{width:52px;height:47px}
  .hl-nr{font-size:18px}
  .hl-marke .hl-axel{font-size:7.3px}
  .hl-efternamn{font-size:13.5px}
}
.infor{margin-bottom:8px}
.infor-rad,.infor-hel{border-top:1px solid var(--line);padding:10px 0}
.infor .match-section-title + .infor-rad,.infor .match-section-title + .infor-hel{border-top:0;padding-top:0}
.infor-rad{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:10px;align-items:center}
.infor-etikett{font:500 13.5px/1.25 var(--font);color:var(--ink-2)}
.infor-rad .infor-etikett{text-align:center}
.infor-sida{min-width:0;font-size:14px;line-height:1.35}
.infor-sida.borta{text-align:right}
.infor-rad.tal .infor-sida{font-family:var(--num);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}
.infor-rad.form .form-row{gap:4px;flex-wrap:wrap}
.infor-rad.form .infor-sida.borta .form-row{justify-content:flex-end}
.infor-rad.form .form-dot{width:21px;height:21px;font-size:11px}
.infor-rad.form .form-dot.draw{border-radius:5px}
.infor-rad.spelare{align-items:start}
.infor-rad.spelare .infor-etikett{padding-top:2px}
.infor-spelare{list-style:none;margin:0;padding:0;font-size:13px}
.infor-spelare li{padding:2px 0;overflow-wrap:anywhere}
.infor-spelare b{font-family:var(--num);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.infor-hel .infor-etikett{margin-bottom:3px}
.infor-text{font-size:14px;line-height:1.4}
.infor-text b{font-family:var(--num);font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}
.infor-mote{display:block;font-variant-numeric:tabular-nums}
.infor-kalla{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;margin:-6px 0 0;font-size:12px;color:var(--ink-2)}
.infor-kalla a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.infor-knapp{display:inline-flex;align-items:center;min-height:var(--tap);margin:-10px 0;padding:0;color:var(--ink);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.moten-fakta{font-size:14px;margin:0 0 4px}
tbody tr[data-team]{cursor:pointer}
.team-hero{display:flex;align-items:center;gap:12px}
.team-hero .badge{width:56px;height:56px;font-size:20px;flex:none}
.team-hero-name{font-family:var(--font);font-weight:800;font-size:17px;letter-spacing:-.01em;line-height:1.2}
.team-hero-sub{font-size:12px;color:var(--ink-3);margin-top:1px}
.team-now{margin:0 0 18px}
.team-now .match-section-title{margin-top:4px}
.team-fav{margin:14px 0 22px;width:100%;justify-content:center;background:var(--glass);color:var(--ink);border-color:var(--glass-edge);font-family:var(--font);font-weight:700;font-size:15px}
.team-fav[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.team-fav .star{color:currentColor}
.team-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 4px;text-align:center}
.team-stats .v{display:block;font-family:var(--num);font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}
.team-stats .l{display:block;font:500 13.5px/1.2 var(--font);color:var(--ink-2);margin-top:5px}
.team-stats .pts .v{font-size:24px}
@media (max-width:420px){.team-stats{grid-template-columns:repeat(3,1fr);row-gap:14px}
  .team-stats .pts:nth-child(3n+1){grid-column:1/-1}
  .team-stats .pts:nth-child(3n+1) .v{font-size:24px}}
.team-form{margin:18px 0 4px}
.team-form .l{display:block;font:500 13.5px/1.2 var(--font);color:var(--ink-2);margin-bottom:8px}
.form-row{display:flex;gap:6px}
.form-dot{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:700;font-size:11px;color:var(--dot-ink);cursor:default}
.form-dot{--g:48,209,88;position:relative;isolation:isolate;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);
  background:linear-gradient(180deg,rgba(var(--g),.62),rgba(var(--g),.30));box-shadow:inset 0 0 0 1px rgba(var(--g),.85),inset 0 1px 0 rgba(255,255,255,.35)}
.form-dot.win{--g:48,209,88}
.form-dot.draw{--g:255,204,0;border-radius:7px;background:linear-gradient(180deg,rgba(var(--g),.75),rgba(var(--g),.42));color:#1C1C1E;text-shadow:none}
.form-dot.otwin{--g:48,209,88;font-size:11px;letter-spacing:-.02em;background:linear-gradient(180deg,rgba(var(--g),.36),rgba(var(--g),.14))}
.form-dot.loss,.form-dot.otloss{--g:255,69,58;border-radius:0;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:rgba(var(--g),.85);box-shadow:none}
.form-dot.otloss{font-size:11px;letter-spacing:-.02em}
.form-dot.loss::before,.form-dot.otloss::before{content:"";position:absolute;inset:1px;z-index:-1;clip-path:inherit;background:linear-gradient(180deg,rgba(var(--g),.55),rgba(var(--g),.26)),var(--surface)}
.form-dot.otloss::before{background:linear-gradient(180deg,rgba(var(--g),.32),rgba(var(--g),.12)),var(--surface)}
.form-dot span{position:relative}
.team-trend{margin:18px 0 4px}
.team-trend .l{display:block;font:500 13.5px/1.2 var(--font);color:var(--ink-2);margin-bottom:8px}
.trend-plot{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:stretch}
.trend-ax{display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font);font-weight:600;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;padding:2px 0}
.trend-svg{width:100%;height:88px;display:block}
.trend-end{font-size:12px;color:var(--ink-3);margin-top:4px}
.trend-end b{color:var(--ink)}
.trend-end .lt-tri{margin-right:4px}
@container matchruta (max-width:600px){.lineup-cols{grid-template-columns:1fr}}
@supports not (container-type:inline-size){
  @media (max-width:600px){.lineup-cols{grid-template-columns:1fr}}
}
.toast{position:fixed;left:16px;right:16px;margin-inline:auto;width:fit-content;max-width:520px;bottom:calc(var(--flik-topp) + 10px);z-index:60;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:12px 20px;border-radius:999px;
  background:var(--toast-yta);-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);border:1px solid var(--v14);box-shadow:0 14px 34px -10px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08);
  color:var(--ink);font:600 14.5px/1.35 var(--font);text-align:center;text-wrap:balance}
.toast:not([hidden]){animation:toastIn .34s cubic-bezier(.16,1,.3,1)}
@keyframes toastIn{from{opacity:0;transform:translateY(8px)}}
.toast.has-action{padding:4px 4px 4px 20px;text-align:left}
.toast-action{flex:none;min-height:var(--tap);padding:0 16px;border-radius:999px;background:var(--v14);color:var(--ink);font:650 14.5px/1 var(--font)}
@media (hover:hover){.toast-action:hover{background:var(--v22)}}
.toast-action:focus-visible{outline-offset:-3px}
.pling{position:fixed;z-index:72;top:calc(env(safe-area-inset-top,0px) + 8px);left:12px;right:12px;max-width:440px;margin-inline:auto;border-radius:22px;overflow:hidden;
  background:var(--pling-yta);-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);border:1px solid var(--v16);box-shadow:0 18px 40px -12px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.1);color:var(--ink)}
.pling{background:var(--meny-yta)}
.pling[hidden]{display:none}
.pling:not([hidden]){animation:plingIn .38s cubic-bezier(.16,1,.3,1)}
@keyframes plingIn{from{opacity:0;transform:translateY(-14px)}}
.pling.ett{display:flex;align-items:stretch}
.pling-kort,.pling-rad{flex:1;min-width:0;display:flex;align-items:center;gap:14px;text-align:left;color:inherit;font:inherit;background:linear-gradient(100deg,var(--pling-f,transparent) 0%,transparent 82%)}
.pling-kort{padding:12px 0 12px 14px;min-height:76px}
.pling-rad{width:100%;padding:8px 14px;min-height:var(--tap);gap:12px}
.pling-rad+.pling-rad{border-top:1px solid var(--line)}
@media (hover:hover){.pling-kort:hover,.pling-rad:hover{background-color:var(--v05)}}
.pling-kort:focus-visible,.pling-rad:focus-visible,.pling-stang:focus-visible{outline:2px solid var(--accent-text);outline-offset:-3px}
.pling-märke{flex:none;display:grid;place-items:center}
.pling-kort .pling-märke .badge{width:44px;height:44px;font-size:15px}
.pling-rad .pling-märke .badge{width:30px;height:30px;font-size:11px}
.pling-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.pling-rubrik{display:flex;align-items:center;gap:7px;font:650 12.5px/1.2 var(--font);color:var(--on-color)}
.pling-rubrik>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pling .sport-ico{color:inherit;margin-right:5px}
.pling-prick{flex:none;width:7px;height:7px;border-radius:50%;background:var(--goal)}
.pling-lag{font:750 20px/1.15 var(--font);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pling-st{display:flex;align-items:baseline;gap:6px;min-width:0;font:600 14.5px/1.25 var(--font);color:var(--ink-name);white-space:nowrap}
.pling-lagdel{display:inline-flex;align-items:baseline;gap:5px;min-width:0}
.pling-kn{overflow:hidden;text-overflow:ellipsis}
.pling-v{font:700 20px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.pling-lagdel.dim{color:var(--ink-2)}
.pling-lagdel.dim .pling-v{color:var(--ink-2);font-weight:600}
.pling-streck{color:var(--ink-2)}
.pling-lagdel:not(.dim) .pling-kn{font-weight:700;color:var(--ink)}
.pling-skytt{font:500 13px/1.3 var(--font);color:var(--on-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pling-namn{font-weight:650;color:var(--ink)}
.pling-tid{color:var(--on-color)}
.pling-stang{flex:none;align-self:flex-start;width:var(--tap);height:var(--tap);display:grid;place-items:center;color:var(--ink-2);border-radius:50%}
.pling-stang svg{width:16px;height:16px}
.pling-tumme{flex:none;align-self:center;min-width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;color:var(--ink-2);border-radius:999px;font:650 13px/1 var(--font);font-variant-numeric:tabular-nums}
.pling-tumme svg{width:20px;height:20px}
.pling-tumme[aria-pressed="true"]{color:var(--ink);background:var(--v12)}
.pling-tumme[aria-pressed="true"] svg{fill:currentColor;fill-opacity:.18}
.pling-radrad{display:flex;align-items:center}
.pling-radrad>.pling-rad{flex:1;min-width:0}
@media (hover:hover){.pling-stang:hover{color:var(--ink)}}
.pling-huvud{display:flex;align-items:center;justify-content:space-between;padding:0 0 0 14px}
.pling-fler{margin:0;padding:6px 14px 10px;font-size:12.5px;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){.pling:not([hidden]){animation:none}}
@media (prefers-reduced-motion: reduce),(prefers-reduced-transparency: reduce){
  *,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .board.hockey.fullt[data-fira] .mr::after{animation:malljusRM 1600ms linear var(--fira-t,0ms) both!important}
  .board.fotboll.fullt[data-fira] .mr-sc.ny::after{transform:none!important;animation:natRM 1100ms linear var(--fira-t,0ms) both!important}
  .board[data-fira] .mr-sc.ny{animation:siffrafargLang 120000ms linear var(--fira-t,0ms) both!important}
  .mal-stund{animation:stund 4000ms linear var(--fira-t,0ms) both!important}
  .mal-skylt-tid{animation:skyltTid 120000ms linear var(--fira-t,0ms) both!important}
  .match.nu .kol-res .mt-val.mal{animation:malrad 1600ms linear var(--fira-t,0ms) both!important}
  .mr.nyss{animation:nyssLand 1600ms linear var(--fira-t,0ms) both!important}
  .mr.nyss .mr-sc.lose{animation:nyssDamp 600ms linear calc(var(--fira-t,0ms) + 200ms) both!important}
  .poang-rad.ny{animation:tonaIn 240ms linear both!important}
  .evc.new{animation:evcRM 1.8s linear!important}
  .rulla-gammal{display:none}
}
@keyframes malljusRM{0%{opacity:0}20%{opacity:1}45%{opacity:1}100%{opacity:0}}
@keyframes natRM{0%{opacity:0}25%{opacity:.8}100%{opacity:0}}
.modal{background:var(--surface);border:0;border-radius:var(--r-sheet);padding:26px 22px 22px;max-width:420px;box-shadow:0 30px 80px -24px rgba(0,0,0,.9),0 0 0 1px var(--v06)}
:where(.modal) h3{margin:0 0 8px;font:760 22px/1.2 var(--font);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
:where(.modal)>h3{padding-right:52px}
#match-backdrop .lineup-empty,#team-backdrop .lineup-empty{margin:0}
:where(.modal) p{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.modal .close,.modal.wide .close{top:14px;right:14px;width:var(--tap);height:var(--tap);border-radius:50%;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi);color:var(--ink)}
@media (hover:hover){.modal .close:hover,.modal.wide .close:hover{background:var(--v18)}}
.modal[role="dialog"][tabindex="-1"]:focus{outline:none}
.modal label{gap:7px;margin-bottom:14px;font:600 13.5px/1.3 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-2)}
.modal input,.modal textarea,.modal .fb-panel select{min-height:50px;padding:12px 14px;border:1px solid transparent;border-radius:14px;background:rgba(118,118,128,.24);color:var(--ink);font:400 17px/1.35 var(--font);letter-spacing:0}
.modal textarea{min-height:112px}
.modal input:focus-visible,.modal textarea:focus-visible,.modal select:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}
.modal input[type="checkbox"]{background:none;border:0;accent-color:var(--accent-text)}
.modal button[type="submit"]{min-height:50px;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:650 17px/1 var(--font);letter-spacing:-.01em}
.modal button[type="submit"]:disabled{opacity:.42}
.modal button[type="submit"]:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.modal .toggle{min-height:var(--tap);padding:0 20px;font:600 15px/1 var(--font)}
.modal .toggle[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.modal .grp{background:var(--glass);border-color:var(--glass-edge);color:var(--ink);font:600 14.5px/1.2 var(--font)}
.modal .grp[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.modal .grp[aria-pressed="true"]:focus-visible{outline-color:var(--accent-text);outline-offset:3px}
.reakt-val .grp[aria-pressed="true"]{border-color:var(--knapp)}
@media (hover:hover){.modal .grp:not([aria-pressed="true"]):hover{background:var(--v16)}}
.fb-val-rubrik{font:600 13.5px/1.3 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-2)}
#film-backdrop{overflow-y:auto}
.film-ark .film-under{margin:0 0 14px}
.film-ark .film-val{margin:0 0 12px}
.film-ark .film-val>button{font-size:14.5px;line-height:1.15;padding:0 8px}
.film-ark .film-val>button:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}
.film-ram{display:flex;justify-content:center;margin:0 0 16px}
.film-ram video{display:block;height:min(52dvh,540px);width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:18px;background:#000;box-shadow:0 0 0 1px var(--v06)}
.film-ram video[hidden]{display:none}
.film-dela{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;padding:0 20px;border:0;border-radius:999px;background:var(--knapp);color:var(--knapp-ink);font:650 17px/1 var(--font);letter-spacing:-.01em;cursor:pointer}
.film-dela:disabled{opacity:.55;cursor:default}
.film-dela:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
.modal .film-msg{margin:10px 0 0;font-size:13px;line-height:1.4;text-align:center;color:var(--ink-2)}
.modal .film-msg:empty{display:none}
.modal .fb-med{font-size:12.5px;color:var(--ink-2)}
.modal .fb-tack{margin:22px 0 20px;font:760 22px/1.25 var(--font);letter-spacing:-.02em}
.modal .msg{font-size:14px}
.linklike{min-height:var(--tap);margin-top:6px;font-size:14px;color:var(--ink-2)}
.login-why{font-size:13.5px}
.modal .hemskarm-konto{margin:12px 0 0}
.modal.wide{border-radius:var(--r-sheet);padding:0}
.modal-sticky-head{padding:22px 70px 12px 22px;border-radius:var(--r-sheet) var(--r-sheet) 0 0;background:var(--surface)}
.modal-scroll-body{padding:0 22px 22px}
@media (max-width:599px){
  .modal-backdrop{align-items:flex-end;padding:0}
  #login-backdrop{padding-bottom:var(--tangentbord,0px)}
  .modal,.modal.wide{max-width:none;border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}
  .modal.wide{max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px));padding-bottom:0}
  #feedback-backdrop>.modal{margin:auto 0 0}
}
#match-backdrop>.modal.wide{--ark-h:44 44 48;--ark-a:44 44 48;--tab-av:var(--on-color);
  --ark-bild:linear-gradient(180deg,rgb(var(--grund-rgb) / 0) 0,rgb(var(--grund-rgb) / .18) 220px,rgb(var(--grund-rgb) / .62) 470px,rgb(var(--grund-rgb) / .86) 760px,var(--bg) 1050px),linear-gradient(96deg,rgb(var(--ark-h)) 0,rgb(var(--ark-h)) 34%,rgb(var(--ark-a)) 66%,rgb(var(--ark-a)) 100%);
  max-width:720px;max-height:min(88vh,980px);background:var(--bg);border:0;border-radius:var(--r-sheet);padding:0;box-shadow:0 30px 80px -24px rgba(0,0,0,.95)}
#match-backdrop>.modal.wide::before{content:"";position:absolute;left:0;right:0;top:0;height:1050px;z-index:0;pointer-events:none;background:var(--ark-bild);background-size:100% 1050px;background-repeat:no-repeat}
#match-backdrop>.modal.wide::after{content:"";display:block;height:var(--flik-topp)}
@media (max-width:599px){
  #match-backdrop{align-items:flex-end;padding:0}
  #match-backdrop>.modal.wide{width:100%;max-width:none;height:calc(100dvh - 44px - env(safe-area-inset-top,0px));max-height:none;border-radius:var(--r-sheet) var(--r-sheet) 0 0}
}
#match-backdrop .ark-huvud{position:sticky;top:0;z-index:2;padding:10px 16px 0;text-align:center;border-radius:var(--r-sheet) var(--r-sheet) 0 0;background:var(--ark-bild);background-size:100% 1050px;background-repeat:no-repeat;box-shadow:none}
#match-backdrop .ark-topp{display:flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 50px}
#match-backdrop .ark-rubrik{margin:0;min-width:0;font:600 15px/1.25 var(--font);color:var(--on-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
#match-backdrop .ark-r-liga,#match-backdrop .ark-r-omg{display:block;overflow:hidden;text-overflow:ellipsis}
#match-backdrop .ark-r-omg{font-size:12.5px;line-height:1.2;font-weight:600;opacity:.8}
#match-backdrop .ark-dela{position:absolute;top:10px;left:14px}
#match-backdrop .ark-dela .ic{width:20px;height:20px}
#match-backdrop .ark-huvud>.close{top:10px;right:14px}
#match-backdrop .match-hero{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:0 8px;margin-top:8px}
#match-backdrop .match-hero-team,#match-backdrop .match-hero-team.away{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;padding:2px 0 0;border-radius:16px;color:var(--ink);font:inherit;text-align:center}
#match-backdrop .match-hero-team .badge{width:64px;height:64px;font-size:20px;margin-bottom:9px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
#match-backdrop .match-hero-team span.mh-namn{display:block;max-width:100%;overflow:hidden;white-space:normal;-webkit-line-clamp:unset;font:700 16px/1.18 var(--font);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:manual}
#match-backdrop .match-hero-team span.mh-rad{display:block;margin-top:4px;overflow:visible;white-space:nowrap;font:600 13.5px/1.2 var(--font);color:var(--on-color);font-variant-numeric:tabular-nums}
@media (hover:hover){#match-backdrop button.match-hero-team:hover span.mh-namn{text-decoration:underline;text-underline-offset:3px}}
#match-backdrop button.match-hero-team:focus-visible{outline-offset:4px}
#match-backdrop .match-hero-score{display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;padding:0;font:inherit;white-space:nowrap;letter-spacing:0}
#match-backdrop .mh-tal{font:800 76px/.86 var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink)}
#match-backdrop .mh-tal.lose{color:var(--ark-forlorare)}
#match-backdrop .mh-mitt{display:flex;flex-direction:column;align-items:center;min-width:52px;font:650 15.5px/1.2 var(--font);color:var(--ink);white-space:nowrap}
#match-backdrop .mh-klocka{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
#match-backdrop .hero-after{display:block;max-width:9ch;margin:3px auto 0;white-space:normal;text-align:center;font:600 12.5px/1.2 var(--font);letter-spacing:0;color:var(--on-color)}
#match-backdrop .match-hero-score.tid{flex-direction:column;gap:3px}
#match-backdrop .tid .mh-status,#match-backdrop .tid .mh-dag{display:inline-flex;align-items:center;gap:7px;font:650 15.5px/1.2 var(--font);color:var(--ink);white-space:normal;max-width:12em;text-wrap:balance}
#match-backdrop .tid .mh-tal.liten{font-size:44px;line-height:1}
#match-backdrop .match-hero-meta{margin:12px 0 0;font:500 13.5px/1.3 var(--font);color:var(--on-color)}
#match-backdrop .mtabs{display:flex;gap:0;margin:6px -16px 0;padding:0 8px;background:none;border-radius:0;border-bottom:1px solid var(--v16)}
#match-backdrop .mtab{position:relative;flex:1;min-width:0;min-height:50px;padding:0 4px;border-radius:0;background:none;font:600 17px/1 var(--font);letter-spacing:-.01em;color:var(--tab-av);display:inline-flex;align-items:center;justify-content:center}
#match-backdrop .mtab[aria-selected="true"]{background:none;color:var(--ink);font-weight:720}
#match-backdrop .mtab[aria-selected="true"]::after{content:"";position:absolute;left:50%;bottom:-1px;width:34px;height:3px;margin-left:-17px;border-radius:2px;background:var(--ink)}
@media (hover:hover){#match-backdrop .mtab:not([aria-selected="true"]):hover{color:var(--ink)}}
#match-backdrop .mtab:focus-visible{outline-offset:-5px;border-radius:14px}
#match-backdrop>.modal.wide{--lev-andas-lag:.3;--lev-andas-hog:.7;--lev-gnista-o:.85;--lev-gnista-ljus:#FFFFFF;--lev-glans:rgba(255,255,255,.9);--lev-nu-glod:rgba(255,255,255,.6)}
:root[data-tema="ljus"] #match-backdrop>.modal.wide{--lev-andas-lag:.14;--lev-andas-hog:.34;--lev-gnista-o:.9;--lev-gnista-ljus:#FFFFFF;--lev-glans:rgba(255,255,255,.8);--lev-nu-glod:rgba(0,0,0,.22)}
#match-backdrop .lev-lager{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}
#match-backdrop .lev-andas{position:absolute;inset:0;opacity:var(--lev-andas-lag);background:radial-gradient(60% 55% at 18% 34%,color-mix(in srgb,var(--lev-h) 60%,transparent),transparent 72%),radial-gradient(60% 55% at 82% 34%,color-mix(in srgb,var(--lev-a) 60%,transparent),transparent 72%),radial-gradient(80% 40% at 50% 0%,rgba(255,255,255,.14),transparent 70%);animation:levAndas 5s ease-in-out var(--lev-t,0ms) infinite;will-change:opacity}
#match-backdrop .lev-gnistor{position:absolute;left:0;right:0;bottom:56px;height:150px;overflow:hidden}
#match-backdrop .lev-gnista{position:absolute;bottom:0;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;opacity:0;background:color-mix(in srgb,var(--c) 62%,var(--lev-gnista-ljus));animation:levDrift 7.2s ease-out calc(var(--lev-t,0ms) - var(--i,0) * 800ms) infinite}
:root[data-tema="ljus"] #match-backdrop .lev-gnista{width:12px;height:12px;margin-left:-6px;background:radial-gradient(closest-side,var(--cl,var(--c)) 32%,color-mix(in srgb,var(--cl,var(--c)) 45%,transparent) 62%,transparent)}
:root[data-tema="ljus"] #match-backdrop .lev-gnista:nth-child(even){display:none}
#match-backdrop .lev-flamma{position:absolute;inset:0;opacity:0;background:radial-gradient(85% 70% at 50% 38%,color-mix(in srgb,var(--lev-f) 58%,var(--lev-gnista-ljus)),transparent 72%);animation:levFlamma 1800ms cubic-bezier(.16,1,.3,1) var(--lev-ft,0ms) both}
#match-backdrop .lev-flamma.b{background:radial-gradient(60% 70% at 22% 38%,var(--lev-h),transparent 72%),radial-gradient(60% 70% at 78% 38%,var(--lev-a),transparent 72%)}
#match-backdrop .modal.kompakt .lev-gnistor{display:none}
#match-backdrop .ark-kort.lev-tl{padding:12px 16px 10px;overflow:hidden}
#match-backdrop .modal.wide{overflow-x:hidden}
#match-backdrop .lev-etiketter{position:relative;height:15px;font:650 11.5px/15px var(--font);color:var(--ink-2);white-space:nowrap;container-type:inline-size}
#match-backdrop .lev-etiketter>span{position:absolute;top:0;transform:translateX(-50%)}
#match-backdrop .lev-etiketter>span.nu{color:var(--ink);font-weight:800;font-size:12px}
#match-backdrop .lev-bana{position:relative;height:40px;margin:4px 0 2px;container-type:inline-size}
#match-backdrop .lev-minuter{position:absolute;inset:0;pointer-events:none}
#match-backdrop .lev-minut{position:absolute;top:17px;width:1px;height:6px;margin-left:-.5px;background:var(--v28)}
#match-backdrop .lev-minut-t{position:absolute;top:25px;transform:translateX(-50%);font:600 8.5px/10px var(--font);color:var(--ink-2);white-space:nowrap}
#match-backdrop .lev-spar{position:absolute;left:0;right:0;top:19px;height:2px;border-radius:1px;background:var(--v12)}
#match-backdrop .lev-delning{position:absolute;top:12px;width:1px;height:16px;background:var(--v20)}
#match-backdrop .lev-spelad{position:absolute;left:0;right:0;top:18px;height:4px;overflow:hidden;border-radius:2px}
#match-backdrop .lev-spelad-in{position:absolute;inset:0;overflow:hidden;background:linear-gradient(90deg,var(--lev-h),var(--lev-a))}
#match-backdrop .lev-glans{position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,var(--lev-glans),transparent);transform:translateX(-100%);animation:levGlans 4.2s linear var(--lev-t,0ms) infinite}
#match-backdrop .lev-bana .tl-m.h{top:2px}
#match-backdrop .lev-bana .tl-m.a{bottom:2px}
#match-backdrop .lev-bana .tl-m.a{align-items:flex-end}
#match-backdrop .lev-bana .tl-utv.bricka{box-shadow:0 0 0 1.5px var(--surface)}
#match-backdrop .lev-bana .tl-m.mal,.ltl .tl-m.mal{z-index:1}
#match-backdrop .lev-nu-spar{z-index:2}
#match-backdrop .lev-bana .tl-m-in.ny{animation:levInglid 700ms cubic-bezier(.2,1.4,.4,1) both}
#match-backdrop .lev-nu-spar{position:absolute;inset:0;pointer-events:none}
#match-backdrop .lev-nu{position:absolute;left:0;top:7px;width:2px;height:26px;margin-left:-1px;border-radius:1px;background:var(--ink)}
#match-backdrop .lev-nu::after{content:"";position:absolute;inset:-3px -4px;border-radius:4px;box-shadow:0 0 10px 2px var(--lev-nu-glod);opacity:.5}
#match-backdrop .lev-nu.rör::after{animation:levNuPuls 2.6s ease-in-out var(--lev-t,0ms) infinite}
#match-backdrop .lev-tl .flytt{animation:levFlytt 900ms cubic-bezier(.16,1,.3,1) var(--flytt-t,0ms) both}
#match-backdrop .lev-legend{display:flex;justify-content:space-between;gap:12px;font:500 11.5px/1.3 var(--font);color:var(--ink-2)}
#match-backdrop .lev-legend>span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#match-backdrop .lev-legend i{flex:none;width:7px;height:7px;border-radius:50%}
#match-backdrop .ark-kort.lev-stat{display:flex;flex-direction:column;gap:7px;padding:14px 16px 16px}
#match-backdrop .lev-srad{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#match-backdrop .lev-srad+.lev-stapel{margin-bottom:5px}
#match-backdrop .lev-stapel:last-child{margin-bottom:0}
#match-backdrop .lev-tal{display:inline-block;min-width:3ch;font:800 19px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
#match-backdrop .lev-tal.a{text-align:right}
#match-backdrop .lev-tal.tick{animation:levTick 520ms cubic-bezier(.16,1,.3,1) both}
#match-backdrop .lev-namn{flex:1;min-width:0;text-align:center;font:600 13px/1.2 var(--font);color:var(--ink-2)}
#match-backdrop .lev-stapel{position:relative;height:6px;border-radius:3px;overflow:hidden;background:var(--lev-sa)}
#match-backdrop .lev-stapel.tom{background:var(--v12)}
#match-backdrop .lev-stapel>i{position:absolute;inset:0;background:var(--lev-sh);transform-origin:left center;box-shadow:2px 0 0 var(--surface)}
#match-backdrop .lev-stapel>i.flytt{animation:levFlytt 900ms cubic-bezier(.16,1,.3,1) both}
#match-backdrop .modal.lev-dold :is(.lev-andas,.lev-gnista,.lev-glans){animation:none}
#match-backdrop .modal.lev-dold .lev-nu.rör::after{animation:none}
@keyframes levAndas{0%,100%{opacity:var(--lev-andas-lag)}50%{opacity:var(--lev-andas-hog)}}
@keyframes levDrift{0%{transform:translate(0,0);opacity:0}18%{opacity:var(--lev-gnista-o)}100%{transform:translate(var(--dx,0),-130px);opacity:0}}
@keyframes levFlamma{0%{opacity:0}16%{opacity:.85}100%{opacity:0}}
@keyframes levGlans{0%{transform:translateX(-100%)}100%{transform:translateX(340%)}}
@keyframes levInglid{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes levNuPuls{0%,100%{opacity:.25}50%{opacity:.8}}
@keyframes levFlytt{from{transform:var(--fran)}}
@keyframes levTick{0%{transform:translateY(0)}35%{transform:translateY(-4px)}100%{transform:translateY(0)}}
@media (prefers-reduced-transparency: reduce){
  #match-backdrop :is(.lev-lager,.lev-lager *,.lev-tl *,.lev-stat *),#match-backdrop .lev-nu::after{animation:none!important}
}
:root{--ltl-glans:rgba(255,255,255,.85)}
:root[data-tema="ljus"]{--ltl-glans:rgba(255,255,255,.75)}
.ltl{position:relative;display:block;height:18px;overflow:hidden;contain:layout paint;pointer-events:none}
.mr>.ltl{grid-column:1 / -1;margin:10px 10px -2px}
.board .mr>.ltl{margin-top:12px}
.lg-body .match>.ltl{grid-column:1 / -1;margin:6px 0 -2px}
.ltl-in{position:absolute;inset:0 4px;display:block;container-type:inline-size}
.ltl-in>i{position:absolute;display:block}
.ltl-spar{left:0;right:0;top:8px;height:2px;border-radius:1px;background:var(--v12)}
.ltl-delning{top:5px;width:1px;height:8px;background:var(--v20)}
.ltl-spelad{left:0;right:0;top:8px;height:2px;overflow:hidden;border-radius:1px;transform-origin:left center;background:linear-gradient(90deg,var(--ltl-h),var(--ltl-a))}
.ltl .flytt{animation:levFlytt 900ms cubic-bezier(.16,1,.3,1) var(--flytt-t,0ms) both}
.ltl-glans{position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,var(--ltl-glans),transparent);transform:translateX(-100%);animation:levGlans 4.2s linear var(--ltl-t,0ms) infinite}
.ltl-in>.tl-m.h{top:0}
.ltl-in>.tl-m.a{bottom:0;align-items:flex-end}
:root{--tl-puck-topp:#F2F2F7;--tl-puck-sida:#AEAEB2;--tl-boll:#FFFFFF;--tl-boll-ink:#1C1C1E;--tl-utv:#8E8E93;--tl-utv-ink:#000000;--tl-gul:#FFD60A;--tl-rod:#FF453A;--tl-kort-kant:transparent}
:root[data-tema="ljus"]{--tl-puck-topp:#48484A;--tl-puck-sida:#1C1C1E;--tl-utv:#636366;--tl-utv-ink:#FFFFFF;--tl-rod:#D70015;--tl-kort-kant:#6E5600}
.tl-m{position:absolute;display:flex;justify-content:center;width:0;pointer-events:none}
.tl-m-in{display:block;flex:none;line-height:0}
.tl-m-in>svg,.tl-m-in>i{display:block}
.tl-puck{width:16px;height:11px}
.tl-puck-topp{fill:var(--tl-puck-topp)}
.tl-puck-sida{fill:var(--tl-puck-sida)}
.tl-boll{width:13px;height:13px}
.tl-boll-yta{fill:var(--tl-boll);stroke:var(--tl-boll-ink);stroke-width:1}
.tl-boll-lapp{fill:var(--tl-boll-ink)}
.tl-boll-linje{fill:none;stroke:var(--tl-boll-ink);stroke-width:.8;stroke-linecap:round}
.tl-utv{width:6px;height:4px;border-radius:1px;background:var(--tl-utv)}
.tl-utv.bricka{width:auto;height:auto;padding:0 4px;border-radius:5px;font:800 9.5px/14px var(--font);color:var(--tl-utv-ink);white-space:nowrap;font-style:normal;letter-spacing:.01em}
.tl-kort{width:7px;height:10px;border-radius:1.5px;background:var(--tl-gul);box-shadow:0 0 0 1px var(--tl-kort-kant)}
.tl-kort.rod{background:var(--tl-rod)}
.tl-m.ihop>.tl-m-in{display:flex;align-items:center;gap:1px}
.tl-antal{font:800 9px/1 var(--font);font-style:normal;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.ltl .tl-antal{font-size:7.5px}
.ltl .tl-puck{width:11px;height:7.6px}
.ltl .tl-boll{width:9px;height:9px}
.ltl .tl-kort{width:4px;height:6px;border-radius:1px}
html.sida-dold .ltl-glans{animation:none}
@media (prefers-reduced-transparency: reduce){.ltl-glans,.ltl .flytt{animation:none!important}}
#match-backdrop .ark-topp.med-skarm{padding:0 50px 0 100px}
@media (max-width:389px){#match-backdrop .ark-topp.med-skarm .sport-ico{display:none}}
#match-backdrop .ark-skarm{position:absolute;top:10px;left:66px;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
#match-backdrop .ark-skarm .skarm-ikon{width:21px;height:21px}
#match-backdrop .ark-huvud .ark-topp .ark-skarm.gbtn.glass[aria-pressed="true"]{background:var(--knapp);border-color:transparent;color:var(--knapp-ink)}
@media (hover:hover){#match-backdrop .ark-huvud .ark-topp .ark-skarm.gbtn.glass[aria-pressed="true"]:hover{background:var(--knapp-hover)}}
#match-backdrop .ark-skarm[aria-pressed="true"] .skarm-ikon circle{fill:currentColor}
#match-backdrop .ark-skarm:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
#match-backdrop .skarm-tips{position:absolute;top:62px;left:14px;z-index:4;width:max-content;max-width:min(272px,calc(100% - 28px));margin:0;padding:10px 14px;border-radius:14px;background:var(--knapp);color:var(--knapp-ink);font:600 13.5px/1.35 var(--font);text-align:left;box-shadow:0 10px 28px -8px rgba(0,0,0,.55);animation:skarmTipsIn .32s cubic-bezier(.16,1,.3,1)}
#match-backdrop .skarm-tips::before{content:"";position:absolute;top:-5px;left:69px;width:12px;height:12px;border-radius:2px;background:inherit;transform:rotate(45deg)}
#match-backdrop .skarm-tips[hidden]{display:none}
@keyframes skarmTipsIn{from{opacity:0;transform:translateY(-4px)}}
#match-backdrop .modal.kompakt .ark-skarm,#match-backdrop .modal.kompakt .skarm-tips{display:none}
@media (prefers-reduced-motion:reduce){#match-backdrop .ark-skarm{transition:none}#match-backdrop .skarm-tips{animation:none}}
.skarm-vila{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.62);cursor:pointer;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;touch-action:none;animation:vilaIn .6s ease-out}
.skarm-vila[hidden]{display:none}
.skarm-vila:focus{outline:none}
@keyframes vilaIn{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.skarm-vila{animation:none}}
html.skarm-vilar #match-backdrop *,html.skarm-vilar #match-backdrop *::after{animation-play-state:paused!important}
html.skarm-vilar .pling{z-index:91}
html.skarm-vilar .pling::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(0,0,0,.18);pointer-events:none}
#match-backdrop .skel-mitt .skel-res{width:132px;height:62px;border-radius:12px}
#match-backdrop .skel-badge{width:64px;height:64px;margin-bottom:9px}
@media (max-width:374px){
  #match-backdrop .ark-huvud{padding-inline:12px}
  #match-backdrop .mtabs{margin-inline:-12px}
  #match-backdrop .match-hero-team .badge{width:52px;height:52px}
  #match-backdrop .match-hero-team span.mh-namn{font-size:14.5px}
  #match-backdrop .match-hero-team span.mh-rad{font-size:12.5px}
  #match-backdrop .mh-tal{font-size:60px}
  #match-backdrop .tid .mh-tal.liten{font-size:36px}
  #match-backdrop .match-hero-score{gap:6px;min-height:54px}
  #match-backdrop .mh-mitt,#match-backdrop .tid .mh-status,#match-backdrop .tid .mh-dag{font-size:14px}
  #match-backdrop .mtab{font-size:16px}
}
#match-backdrop .modal.kompakt .ark-huvud{padding:6px 60px 0;box-shadow:0 12px 24px -16px rgba(0,0,0,.9)}
#match-backdrop .modal.kompakt .ark-topp{min-height:0;padding:0}
#match-backdrop .modal.kompakt .ark-rubrik{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#match-backdrop .modal.kompakt .ark-dela,#match-backdrop .modal.kompakt .ark-huvud>.close{top:6px}
#match-backdrop .modal.kompakt .match-hero{align-items:center;min-height:44px;margin-top:0;gap:0 6px}
#match-backdrop .modal.kompakt .match-hero-team,#match-backdrop .modal.kompakt .match-hero-team.away{flex-direction:column;padding:0}
#match-backdrop .modal.kompakt .match-hero-team .badge{width:32px;height:32px;margin:0;font-size:11px}
#match-backdrop .modal.kompakt .match-hero-team span.mh-namn,#match-backdrop .modal.kompakt .match-hero-team span.mh-rad,
#match-backdrop .modal.kompakt .tid .mh-dag{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#match-backdrop .modal.kompakt .match-hero-score{min-height:44px;gap:8px}
#match-backdrop .modal.kompakt .mh-tal{font-size:34px;line-height:.9}
#match-backdrop .modal.kompakt .mh-mitt{min-width:0;font-size:13px}
#match-backdrop .modal.kompakt .hero-after{font-size:11px;margin-top:1px;width:min-content}
#match-backdrop .modal.kompakt .match-hero-score.tid{flex-direction:row;gap:8px}
#match-backdrop .modal.kompakt .tid .mh-status{font-size:13px;max-width:7em;line-height:1.1}
#match-backdrop .modal.kompakt .tid .mh-tal{font-size:30px}
#match-backdrop .modal.kompakt .tid .mh-tal.liten{font-size:20px}
#match-backdrop .modal.kompakt .mtabs{margin:2px -60px 0}
#match-backdrop .modal.kompakt .mtab{min-height:44px;font-size:16px}
#match-backdrop .modal-scroll-body{position:relative;z-index:1;padding:14px 12px 16px}
#match-backdrop .ark-huvud>.mf-klocka{position:absolute;top:10px;right:66px;z-index:3}
#match-backdrop .ark-huvud>.mf-klocka[hidden]{display:none}
#match-backdrop .ark-huvud>.mf-klocka[aria-pressed="true"]{background:var(--knapp);border-color:transparent;color:var(--knapp-ink)}
#match-backdrop .ark-huvud>.mf-klocka[aria-pressed="true"] path:first-child{fill:currentColor}
#match-backdrop .ark-huvud>.mf-klocka:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
#match-backdrop .ark-huvud:has(>.mf-klocka:not([hidden])) .ark-topp{padding:0 100px}
@media (max-width:389px){#match-backdrop .ark-huvud:has(>.mf-klocka:not([hidden])) .ark-topp .sport-ico{display:none}}
.mf-pop{position:absolute;z-index:6;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 18px 40px -12px rgba(0,0,0,.6);text-align:left;color:var(--ink)}
.mf-pop[hidden]{display:none}
#match-backdrop .mf-notis-pop{top:60px;right:12px;width:min(320px,calc(100% - 24px))}
#match-backdrop .mf-notis-pop>#match-notif-hint{margin:0;max-width:none;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
#match-backdrop .mf-notis-pop>#match-notif-hint.bad{color:var(--bad)}
#match-backdrop .mf-notis-pop>#match-notif-toggle{display:flex;width:100%;min-height:46px;font:600 15px/1 var(--font)}
#match-backdrop .mf-notis-pop>#match-notif-toggle[hidden],#match-backdrop .mf-notis-pop>#match-notif-utv[hidden],#match-backdrop .mf-notis-pop>#match-notif-tyst[hidden]{display:none}
#match-backdrop .mf-notis-pop>#match-notif-utv,#match-backdrop .mf-notis-pop>#match-notif-tyst{display:flex;align-self:flex-start;margin:0}
#match-backdrop .modal.kompakt .ark-huvud>.mf-klocka,#match-backdrop .modal.kompakt .mf-notis-pop{display:none}
#match-backdrop .mf-ai{position:relative;margin-left:auto}
.mf-chip{display:inline-flex;align-items:center;gap:2px;min-height:var(--tap);padding:0 12px 0 14px;border:1px solid var(--glass-edge);border-radius:999px;background:var(--glass);color:var(--ink);font:600 13.5px/1.2 var(--font);white-space:nowrap;cursor:pointer}
.mf-chip b{font-weight:650;color:var(--ink-2)}
.mf-chip-chev{width:14px;height:14px;margin-left:4px;flex:none;transition:transform .22s cubic-bezier(.16,1,.3,1)}
.mf-chip[aria-expanded="true"] .mf-chip-chev{transform:rotate(180deg)}
@media (hover:hover){.mf-chip:hover{background:var(--v16)}}
.mf-chip:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
#match-backdrop .mf-ai-pop{top:calc(100% + 6px);right:0;width:min(300px,calc(100vw - 48px))}
#match-backdrop .mf-ai-pop .ai-spak{justify-content:space-between;width:100%;padding:0 2px 0 4px}
#match-backdrop .mf-ai-pop .ai-ton{flex-direction:column;align-items:stretch;gap:6px;margin:0}
#match-backdrop .mf-ai-pop .ai-ton[hidden]{display:none}
#match-backdrop .mf-ai-pop .ai-ton-seg{max-width:none}
@media (prefers-reduced-motion:reduce){.mf-chip-chev{transition:none}}
#match-backdrop .match-kvot{margin:0 0 12px}
#match-backdrop .ark-kort,#match-backdrop .reakt,#match-backdrop .infor,#match-backdrop .ark-tom{margin:0 0 12px;padding:0 16px 16px;border-radius:var(--r-card);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}
#match-backdrop .ark-tom{padding:6px 16px}
#match-backdrop .ark-tom .lineup-empty{text-align:center;padding:12px 0}
#match-backdrop .ark-lista{padding:0 0 6px;overflow:clip}
#match-backdrop .ark-kort>.match-section-title,#match-backdrop .reakt>.match-section-title,#match-backdrop .infor>.match-section-title{margin:0;padding:17px 0 12px;text-align:center;font:720 19px/1.3 var(--font);letter-spacing:-.012em;color:var(--ink)}
#match-backdrop .ark-lista>.match-section-title{padding:17px 16px 4px}
#match-backdrop .ark-kort>.match-section-title~.match-section-title{margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
#match-backdrop .ark-skel{padding-top:8px}
#match-backdrop .ark-sek{margin:8px 4px 10px;font:760 19px/1.2 var(--font);letter-spacing:-.012em;color:var(--ink);text-align:left}
#match-backdrop #match-folj-slot:empty,#match-backdrop #match-forum-slot:empty{display:none}
#match-backdrop .mpanel{padding-top:0}
#match-backdrop .evs{margin:0 0 12px}
#match-backdrop .ev-subs{margin:0 0 12px;padding:0;border:0}
#match-backdrop .ev-subs>summary{min-height:52px;padding:0 18px;border-radius:var(--r-ev);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);font:600 15px/1.2 var(--font);color:var(--ink)}
#match-backdrop .ev-subs[open]>summary{margin-bottom:8px}
#match-backdrop .ev-subs .evs{margin:0}
#match-backdrop .ev-subs>summary:focus-visible{outline-offset:-3px;border-radius:var(--r-ev)}
#match-backdrop .mer[hidden],#match-backdrop .mer-rad[hidden],#match-backdrop .mer-inre[hidden]{display:none}
#match-backdrop .mer-rubrik{margin:26px 4px 12px}
#match-backdrop .mer-rad{margin:0 0 8px}
#match-backdrop .mer-h{margin:0;font:inherit}
#match-backdrop .mer-knapp{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 18px;border:0;border-radius:var(--r-ev);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);color:var(--ink);font:600 15px/1.2 var(--font);text-align:left;cursor:pointer}
#match-backdrop .mer-knapp::before{content:"";flex:none;width:7px;height:7px;margin-right:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .22s cubic-bezier(.16,1,.3,1)}
#match-backdrop .mer-knapp[aria-expanded="true"]::before{transform:rotate(45deg)}
#match-backdrop .mer-knapp:focus-visible{outline:2px solid var(--accent-text);outline-offset:-3px}
#match-backdrop .mer-titel{flex:none}
#match-backdrop .mer-sum{flex:1;min-width:0;text-align:right;font:500 13px/1.25 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#match-backdrop .mer-inre{padding-top:8px}
#match-backdrop .mer-inre>#ai-rapport-plats:empty{display:none}
#match-backdrop .skrytkort-rad{padding:16px 18px 18px;border-radius:var(--r-ev);background:var(--card);text-align:center}
#match-backdrop .skrytkort-rad[hidden]{display:none}
#match-backdrop .skrytkort-text{margin:0;font:700 16px/1.3 var(--font);color:var(--ink);text-wrap:balance}
#match-backdrop .skrytkort-rad .dela-rad{margin-top:12px}
@media (hover:hover){#match-backdrop .mer-knapp:hover .mer-titel{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}
@media (max-width:359px){#match-backdrop .mer-knapp{gap:8px;padding:0 14px}#match-backdrop .mer-sum{font-size:12.5px}}
:root{--ai-bg:rgba(191,90,242,.08);--ai-kant:rgba(191,90,242,.18);--ai-ink:#DDB0FA;--ai-pill:rgba(191,90,242,.2)}
:root[data-tema="ljus"]{--ai-bg:rgba(175,82,222,.07);--ai-kant:rgba(175,82,222,.24);--ai-ink:#7E2BB0;--ai-pill:rgba(175,82,222,.13)}
#match-backdrop .ev-rubrik{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 10px 4px}
#match-backdrop .ev-rubrik>.ark-sek{margin:0}
.ai-spak{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);padding:0 2px 0 10px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:600 14px/1.2 var(--font);cursor:pointer}
.ai-spak[aria-checked="true"]{color:var(--ink)}
.ai-spak[aria-checked="true"] .notif-utv-spak{background:var(--knapp)}
.ai-spak[aria-checked="true"] .notif-utv-spak::after{transform:translateX(18px);background:var(--knapp-ink);box-shadow:none}
.ai-spak:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.ai-plats:empty{display:none}
#match-backdrop .ev-rubrik:has(>.ev-ai){flex-wrap:wrap;gap:0 8px}
#match-backdrop .ev-ai{display:flex;align-items:center;gap:0;min-width:0;margin-left:auto}
#match-backdrop .ev-ai .ai-spak{gap:8px;padding:0 0 0 4px}
.ai-ton-knapp{display:inline-flex;align-items:center;gap:3px;min-height:var(--tap);padding:0 4px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:600 13.5px/1.2 var(--font);white-space:nowrap;cursor:pointer}
.ai-ton-knapp[hidden]{display:none}
.ai-ton-knapp b{font-weight:650;color:var(--ink)}
.ai-ton-chev{width:13px;height:13px;flex:none;transition:transform .22s cubic-bezier(.16,1,.3,1)}
.ai-ton-knapp[aria-expanded="true"] .ai-ton-chev{transform:rotate(180deg)}
@media (hover:hover){.ai-ton-knapp:hover b{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}
.ai-ton-knapp:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ai-ton-chev{transition:none}}
@media (max-width:389px){.ai-ton-knapp{font-size:13px}.ai-ton-chev{display:none}}
#match-backdrop .ai-ton{display:flex;align-items:center;gap:12px;margin:-4px 0 12px 4px}
#match-backdrop .ai-ton[hidden]{display:none}
.ai-ton-l{flex:none;font:600 14px/1.2 var(--font);color:var(--ink-2)}
.ai-ton-seg{flex:1 1 auto;max-width:320px;min-width:0;padding:2px}
.ai-ton-seg>button{padding:0 6px;font-size:14px;white-space:nowrap}
.ai-rad{display:flex;align-items:flex-start;gap:10px;margin:-2px 0 10px;padding:10px 12px;border:1px solid var(--ai-kant);border-radius:14px;background:var(--ai-bg)}
.ai-pill{flex:none;display:inline-flex;align-items:center;height:20px;margin-top:1px;padding:0 7px;border-radius:999px;background:var(--ai-pill);color:var(--ai-ink);font:700 11px/1 var(--font);letter-spacing:.02em;white-space:nowrap}
.ai-text{margin:0;font:500 14.5px/1.42 var(--font);color:var(--ink);text-wrap:pretty}
.ai-plats.ny>.ai-rad{animation:ai-in .32s ease both}
@keyframes ai-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
#match-backdrop .ai-rapport{margin:0 0 12px;padding:16px;border:1px solid var(--ai-kant);border-radius:var(--r-card);background:linear-gradient(var(--ai-bg),var(--ai-bg)),var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}
.ai-rapport-topp{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:650 13px/1.2 var(--font);color:var(--ai-ink)}
.ai-rapport-rubrik{margin:0 0 6px;font:760 19px/1.25 var(--font);letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
.ai-rapport-text{margin:0 0 12px;font:500 15px/1.5 var(--font);color:var(--ink);text-wrap:pretty}
.ai-mal{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.ai-mal li{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:var(--v14);font:600 13px/1.2 var(--font);color:var(--ink)}
.ai-mal b{font-variant-numeric:tabular-nums}
.ai-mal span{color:var(--ink-2);font-weight:500}
.ai-dela-rad{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.ai-dela .ic,.ai-dela svg{width:18px;height:18px}
.ai-dela-status{font:500 13px/1.3 var(--font);color:var(--ink-2)}
.ai-dela-status:empty{display:none}
.ai-kalla{margin:12px 0 0;font:500 12.5px/1.4 var(--font);color:var(--ink-2)}
.lkort .ai-rapport{margin:12px 0 0;padding:16px;border:1px solid var(--ai-kant);border-radius:var(--r-card);background:linear-gradient(var(--ai-bg),var(--ai-bg)),var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}
.lkort .ai-rapport .ai-kalla{margin-top:0}
.demo-ev-rubrik{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 0 4px}
.demo-ev-titel{font:700 15px/1.2 var(--font);color:var(--ink)}
.lkort-ai.demo .lkort-ai-t{min-height:4.05em}
.lkort-ai{display:flex;align-items:flex-start;gap:8px;margin:2px 14px 12px;padding:8px 10px;border:1px solid var(--ai-kant);border-radius:12px;background:var(--ai-bg)}
.lkort-ai-t{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:500 13.5px/1.35 var(--font);color:var(--ink)}
@media (prefers-reduced-motion:reduce){.ai-plats.ny>.ai-rad{animation:none}.ai-spak .notif-utv-spak,.ai-spak .notif-utv-spak::after{transition:none}}
#match-backdrop .reakt-val{justify-content:center}
#match-backdrop .reakt-rad,#match-backdrop .reakt-not{text-align:center}
#match-backdrop .infor-rad,#match-backdrop .infor-hel{padding:12px 0}
#match-backdrop .infor-etikett{font:500 13.5px/1.25 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-2)}
#match-backdrop .infor-rad.tal .infor-sida{font:800 19px/1.1 var(--num);color:var(--ink)}
#match-backdrop .infor-hel{text-align:center}
#match-backdrop .infor-hel .infor-etikett{margin-bottom:5px}
#match-backdrop .infor-text{font:700 17px/1.3 var(--font);color:var(--ink);text-wrap:balance}
#match-backdrop .infor-text b{font:800 20px/1.2 var(--num);font-variant-numeric:tabular-nums}
#match-backdrop .infor-mote{font-weight:650}
#match-backdrop .infor-insats{margin:-4px 0 6px;text-align:center;font:650 16px/1.4 var(--font);color:var(--ink);text-wrap:balance}
#match-backdrop .infor-rad.form .form-dot{width:22px;height:22px;font-size:11px}
@media (max-width:360px){
  #match-backdrop .infor-rad.form,.infor-rad.form{column-gap:6px}
  #match-backdrop .infor-rad.form .form-row,.infor-rad.form .form-row{gap:2px}
  #match-backdrop .infor-rad.form .form-dot,.infor-rad.form .form-dot{width:20px;height:20px}
}
#match-backdrop .infor-kalla{justify-content:center}
.infor-snart{margin:0;padding-top:10px;border-top:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--ink-3);text-align:center}
.infor :is(.match-section-title,.infor-insats) + .infor-snart,
.infor :is(.match-section-title,.infor-insats) + #infor-poang:empty + .infor-snart{border-top:0;padding-top:0}
.vemvinner .vv-rad{padding:10px 0 12px}
.vemvinner .vv-rad+.vv-rad{border-top:1px solid var(--line)}
.vemvinner .vv-topp{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}
.vemvinner .vv-etikett{min-width:0;font:650 15px/1.3 var(--font);color:var(--ink)}
.vemvinner .vv-tillagg{font-weight:500;color:var(--ink-2)}
.vemvinner .vv-tid{flex:none;font:500 13px/1.3 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums}
.vemvinner .vv-stapel{display:flex;gap:3px;height:8px}
.vemvinner .vv-stapel i{display:block;flex-basis:0;min-width:3px;height:100%;border-radius:4px}
.vemvinner .vv-stapel i.x{background:none;box-shadow:inset 0 0 0 1.5px var(--ink-3)}
.vemvinner .vv-tal{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;margin-top:8px}
.vemvinner .vv-tal>span{display:flex;flex-direction:column;min-width:0}
.vemvinner .vv-tal b{font:800 19px/1.1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.vemvinner .vv-tal span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1.3 var(--font);color:var(--ink-2)}
.vemvinner .vv-x{align-items:center;text-align:center}
.vemvinner .vv-b{align-items:flex-end;text-align:right}
.vemvinner .vv-fore{margin:9px 0 0;font:500 13.5px/1.4 var(--font);color:var(--ink-2)}
.vemvinner .vv-not{margin:6px 0 0;padding-top:10px;border-top:1px solid var(--line);font:500 12.5px/1.4 var(--font);color:var(--ink-2)}
.vemvinner .vv-sub{margin:-5px 0 9px;font:500 13px/1.35 var(--font);color:var(--ink-2)}
.vemvinner .vv-tom{margin:0;font:500 13.5px/1.4 var(--font);color:var(--ink-2)}
.vemvinner .vv-fraga{margin:0 0 8px;font:600 14px/1.3 var(--font);color:var(--ink-2)}
.vemvinner .vv-val{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.modal .vemvinner .vv-knapp{min-width:0;min-height:44px;padding:6px 8px;border:1px solid var(--glass-edge);border-radius:14px;background:var(--glass);color:var(--ink);font:650 14px/1.2 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.modal .vemvinner .vv-knapp[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.modal .vemvinner .vv-knapp:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
@media (hover:hover){.modal .vemvinner .vv-knapp:not([aria-pressed="true"]):hover{background:var(--v16)}}
.vemvinner .vv-knapp.puls{animation:reaktPuls .22s ease-out}
@media (prefers-reduced-motion:reduce){.vemvinner .vv-knapp.puls{animation:none}}
.vemvinner .vv-status{margin:8px 0 0;font:500 13.5px/1.4 var(--font);color:var(--ink-2)}
.vemvinner .vv-status.fel{color:var(--bad)}
.vemvinner .vv-status:empty{display:none}
.mstat{margin:0;padding:10px 0 13px}
.mstat+.mstat{border-top:1px solid var(--line)}
.mstat-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:9px}
.mstat-row .mstat-val{min-width:0;font:800 28px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink-2)}
.mstat-row .mstat-val.leder{color:var(--ink)}
.mstat-row .mstat-val.away{text-align:right}
.mstat-row .mstat-label{font:500 13.5px/1.25 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-2);text-align:center}
.mstat-bar{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:5px;background:none;border-radius:0;overflow:visible}
.mstat-halva{display:flex;height:5px;border-radius:3px;background:var(--v08);overflow:hidden}
.mstat-halva.h{justify-content:flex-end}
.mstat-halva i{display:block;height:100%;border-radius:3px}
#match-backdrop .lineup-side h4{font:720 16px/1.25 var(--font);letter-spacing:-.01em;margin:0 0 8px}
#match-backdrop .lineup-list{font-size:14px}
#match-backdrop .lineup-list li{padding:6px 0}
#match-backdrop .hlu-kalla{margin:-6px 0 4px}
.lag-plats{margin:0 0 10px;font-size:13.5px;line-height:1.35;color:var(--ink-2)}
.lag-plats b{color:var(--ink);font-weight:700}
#match-backdrop .team-form .l{text-transform:none;letter-spacing:0;font:500 13.5px/1.2 var(--font);color:var(--ink-2)}
#match-backdrop .moten-fakta{margin:0;padding:2px 16px 6px;text-align:center;font-size:14px;color:var(--ink-2)}
#match-backdrop .ark-lista .lineup-empty{padding:4px 16px 12px;text-align:center}
#match-backdrop #match-folj-slot .folj-rad,#match-backdrop #match-forum-slot .folj-rad{border-top:1px solid var(--line)}
#match-body>.empty{padding:96px 24px 48px!important;color:var(--on-color);position:relative;z-index:1}
#match-body>.empty b{color:var(--ink);font-size:19px}
#match-backdrop .mrap{position:relative;z-index:1;margin:0 12px calc(16px + env(safe-area-inset-bottom,0px));padding:4px 16px 14px;border:0;border-radius:var(--r-card);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}
#match-backdrop .mrap .feedback-btn{display:flex;justify-content:center;width:100%;margin:0;min-height:48px;font-size:14.5px;color:var(--on-color)}
#match-backdrop .mrap h3.mrap-rubrik{margin:14px 0 12px;padding:0;font:720 19px/1.25 var(--font)}
#match-backdrop .mrap-tack{margin:14px 0 4px;text-align:center;font-size:15px;color:var(--ink)}
#team-backdrop>.modal.wide{--lag-s:40 40 44;max-width:600px;max-height:min(90vh,1000px);background:var(--bg);border:0;border-radius:var(--r-sheet);padding:0;box-shadow:0 30px 80px -24px rgba(0,0,0,.95)}
#team-backdrop>.modal.wide::before{content:"";position:absolute;left:0;right:0;top:0;height:700px;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgb(var(--lag-s) / .9) 0,rgb(var(--lag-s) / .6) 150px,rgb(var(--lag-s) / .35) 320px,rgb(var(--lag-s) / .12) 520px,rgb(var(--lag-s) / 0) 700px)}
@media (max-width:599px){
  #team-backdrop{align-items:stretch;padding:0}
  #team-backdrop>.modal.wide{width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0}
}
#team-backdrop .lag-topp{position:sticky;top:0;z-index:3;height:0;padding:0;background:none;border-radius:0}
#team-backdrop .lag-topp>.close{top:calc(12px + env(safe-area-inset-top,0px));left:auto;right:14px}
#team-backdrop .close .ic-bak{display:none}
#team-backdrop .close.bakat .ic-x{display:none}
#team-backdrop .close.bakat .ic-bak{display:block}
#team-backdrop .lag-topp>.close.bakat{left:14px;right:auto}
@media (max-width:599px){
  #team-backdrop .lag-topp>.close{left:14px;right:auto}
  #team-backdrop .close .ic-x{display:none}
  #team-backdrop .close .ic-bak{display:block}
}
#team-backdrop .lag-bgm{position:absolute;z-index:0;left:0;right:0;top:0;height:520px;overflow:hidden;pointer-events:none;mix-blend-mode:multiply}
#team-backdrop .lag-bgm .bgm-bild{position:absolute;top:calc(96px + env(safe-area-inset-top,0px));right:-96px;width:280px;height:280px;object-fit:contain;opacity:.38}
:root[data-tema="ljus"] #team-backdrop .lag-bgm{mix-blend-mode:screen}
:root[data-tema="ljus"] #team-backdrop .lag-bgm .bgm-bild{opacity:.45}
#team-backdrop .modal-scroll-body{position:relative;z-index:1;padding:0 12px calc(var(--flik-topp) + 16px)}
.lag-hero{display:flex;flex-direction:column;align-items:center;padding:calc(64px + env(safe-area-inset-top,0px)) 8px 22px;text-align:center}
.lag-marke{display:grid;place-items:center}
.lag-marke .badge{width:92px;height:92px;font-size:30px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.4))}
.lag-namn{margin:14px 0 0;padding:0;font:760 30px/1.1 var(--font);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.lag-sub{margin:8px 0 0;font:600 16px/1.3 var(--font);color:var(--ink);text-wrap:balance}
.lag-zon{display:block}
.lag-sub2{margin:3px 0 0;font:500 14.5px/1.3 var(--font);color:var(--on-color)}
.lag-knappar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;width:100%}
.lag-knappar .toggle{min-height:46px;margin:0;padding:0 20px;width:auto;border-color:var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi);color:var(--ink);font:600 15.5px/1 var(--font)}
.lag-knappar .toggle svg{width:17px;height:17px}
.lag-knappar .team-fav .star{color:var(--star)}
.lag-knappar .toggle[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
.lag-knappar .team-fav[aria-pressed="true"] .star{color:currentColor}
.lag-knappar .lag-tabell{gap:8px;padding:0 16px 0 18px}
.lag-knappar .lag-tabell .chev{width:14px;height:14px;margin-left:-2px;opacity:.6}
#tabell tr.lag-blink td{animation:lagBlink 1.5s cubic-bezier(.3,0,.2,1)}
@keyframes lagBlink{0%,30%{background-color:var(--lag-blink,var(--v11))}}
@media (prefers-reduced-motion: reduce),(prefers-reduced-transparency: reduce){
  #tabell tr.lag-blink td{animation:none}
}
.lag-knappar .notif-hint{flex:1 0 100%;max-width:38ch;margin:2px auto 0;text-align:center;font-size:13px;line-height:1.45;color:var(--on-color)}
.lag-knappar .notif-hint.bad{color:var(--bad-pa-falt)}
.lag-knappar:has(>.notif-utv:not([hidden]))::after{content:"";flex-basis:100%;height:0;order:1}
.lag-knappar .notif-utv{order:2;margin:-6px auto 0;font-size:15px}
.lag-kort{margin:0 0 12px;padding:0 0 8px;overflow:clip}
.lag-kort>.ctitle{padding:17px 16px 6px}
.lag-kort .lineup-empty{padding:4px 16px 12px;text-align:center}
.lag-fler>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);margin:4px 16px 0;border-radius:14px;font:600 14px/1.2 var(--font);color:var(--ink-2);cursor:pointer}
.lag-fler>summary::-webkit-details-marker{display:none}
.lag-fler>summary::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}
.lag-fler[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.lag-fler>summary:hover,.lag-fler>summary:focus-visible{color:var(--ink)}
.lag-fler>summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.team-now .ctitle{display:flex;align-items:center;justify-content:center;gap:9px}
#team-backdrop .team-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:10px 0 0;padding:0 6px;text-align:center}
#team-backdrop .team-stats.utan-plats{grid-template-columns:repeat(3,minmax(0,1fr))}
#team-backdrop .team-stats .team-stat,#team-backdrop .team-stats .pts{grid-column:auto}
#team-backdrop .team-stats .v,#team-backdrop .team-stats .pts .v{font:800 34px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
#team-backdrop .team-stats .l{margin-top:7px;font:500 13.5px/1.2 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-2)}
#team-backdrop .team-form{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;margin:14px 16px 0;padding-top:14px;border-top:1px solid var(--line)}
#team-backdrop .team-form .l{margin:0;font:500 15px/1.2 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-2)}
#team-backdrop .team-form .form-row{justify-self:end;gap:7px}
#team-backdrop .team-form .form-dot{width:28px;height:28px;font-size:12px}
#team-backdrop .team-form .form-dir{grid-column:1/-1;text-align:right;font-size:12.5px;color:var(--ink-3);white-space:normal}
#team-backdrop .team-trend{margin:14px 16px 4px;padding-top:14px;border-top:1px solid var(--line)}
#team-backdrop .team-trend .l{font:500 15px/1.2 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-2)}
#team-backdrop #team-trend-slot>.lineup-empty{margin:14px 16px 0;padding:14px 0 4px;border-top:1px solid var(--line)}
@media (max-width:374px){
  .lag-namn{font-size:27px}
  #team-backdrop .team-stats .v,#team-backdrop .team-stats .pts .v{font-size:30px}
  #team-backdrop .team-stats .l{font-size:12px}
  #team-backdrop .team-form .form-dot{width:25px;height:25px}
}
.srad.klick{display:block;padding:0;min-height:0}
.srad.klick+.srad.klick::before{left:46px}
.srad-knapp{display:grid;grid-template-columns:24px minmax(0,1fr) auto 14px;align-items:center;column-gap:10px;width:100%;min-height:52px;padding:10px 12px 3px;border-radius:14px;text-align:left;color:inherit}
.srad-knapp:focus-visible{outline-offset:-3px}
.srad-knapp:active{background:var(--v06)}
@media (hover:hover){.srad-knapp:hover .s-namn{text-decoration:underline;text-underline-offset:3px}}
.s-chev{width:14px;height:14px;color:var(--ink-3);flex:none}
.srad .who small:empty{display:none}
.srad.klick>.srad-knapp:last-child{padding-bottom:10px}
.s-lagrad{padding:3px 12px 11px 46px}
.s-lag{position:relative;display:inline-flex;align-items:center;gap:6px;max-width:100%;height:26px;padding:0 9px 0 3px;border-radius:13px;background:var(--v10);font:600 13px/1 var(--font);color:var(--ink);white-space:nowrap}
.s-lag::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:var(--tap);transform:translateY(-50%)}
.s-lag .badge{width:20px;height:20px;font-size:8px;flex:none}
.s-lag>span:not(.badge){overflow:hidden;text-overflow:ellipsis}
.s-lag .s-chev{width:11px;height:11px;color:var(--ink-2)}
@media (hover:hover){button.s-lag:hover{background:var(--v18)}}
button.s-lag:active{background:var(--v20)}
.srad.mv .srad-knapp{grid-template-columns:34px minmax(0,1fr) auto 14px}
.srad.mv .n{font-size:15px}
.srad.mv.klick+.srad.mv.klick::before{left:56px}
@media (max-width:360px){
  .srad-knapp{grid-template-columns:20px minmax(0,1fr) auto 12px;column-gap:8px;padding-inline:10px}
  .s-lagrad{padding-left:38px}
  .srad.klick+.srad.klick::before{left:38px}
}
button.bar{width:100%;border-radius:12px;text-align:left;color:inherit}
button.bar:focus-visible{outline-offset:2px}
@media (hover:hover){button.bar:hover .bar-namn{color:var(--ink);text-decoration:underline;text-underline-offset:3px}}
#team-backdrop .team-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
#team-backdrop .team-stats.utan-plats{grid-template-columns:repeat(2,minmax(0,1fr))}
.team-facit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:18px 12px 0}
.team-facit.hockey{grid-template-columns:repeat(5,minmax(0,1fr))}
.facit-ruta{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 2px 9px;border-radius:14px;background:var(--v07);text-align:center}
.facit-ruta .v{font:800 24px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink)}
.facit-ruta .l{font:500 12px/1.2 var(--font);color:var(--ink-2);white-space:nowrap}
.facit-ruta.vinst{background:rgb(48 209 88 / .16)}
.facit-ruta.vinst .v{color:var(--win)}
.facit-ruta.vinst .l{color:var(--on-color)}
.team-mal{margin:10px 16px 0;text-align:center;font:500 14px/1.3 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums}
@media (max-width:374px){
  .team-facit{gap:4px;margin-inline:6px}
  .facit-ruta .v{font-size:21px}
  .facit-ruta .l{font-size:11px}
}
.lag-spelare .rank{padding-bottom:0}
.lag-hela{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;margin:4px 0 0;border-top:1px solid var(--line);font:600 15px/1.2 var(--font);color:var(--ink)}
.lag-hela .s-chev{color:var(--ink-2)}
@media (hover:hover){.lag-hela:hover span{text-decoration:underline;text-underline-offset:3px}}
.lag-hela:focus-visible{outline-offset:-4px;border-radius:14px}
.lag-spelare .lineup-empty{padding:6px 20px 10px}
.lag-kalla{margin:6px 16px 4px;text-align:center;font-size:12.5px;line-height:1.4;color:var(--ink-2)}
#spelar-backdrop{z-index:65}
#spelar-backdrop>.modal{--lag-s:40 40 44;--lag-f:58 58 62;max-width:420px;max-height:min(88vh,860px);overflow-y:auto;overscroll-behavior:contain;padding:26px 16px 20px;
  background:linear-gradient(180deg,rgb(var(--lag-s) / .9) 0,rgb(var(--lag-s) / .45) 170px,rgb(var(--lag-s) / .12) 320px,var(--bg) 420px);animation:arkUpp .36s cubic-bezier(.16,1,.3,1)}
@media (max-width:599px){
  #spelar-backdrop>.modal{width:100%;max-height:calc(100dvh - 44px - env(safe-area-inset-top,0px));padding-bottom:calc(var(--flik-topp) + 14px)}
}
@keyframes arkUpp{from{transform:translateY(72px);opacity:0}}
@media (prefers-reduced-motion:reduce){#spelar-backdrop>.modal{animation:none}}
@media (max-height:500px){
  html.flik-over-blad .nav{display:none}
  .modal-backdrop{overflow-y:auto;padding:8px max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px))}
  .modal-backdrop>.modal{margin:auto}
  #match-backdrop,#team-backdrop,#spelar-backdrop,#kompis-backdrop,#spel-backdrop,#notiser-backdrop,
  #feedback-list-backdrop,#push-subscribers-backdrop,#accounts-backdrop{align-items:flex-end;overflow-y:hidden;padding-bottom:0}
  #match-backdrop>.modal,#team-backdrop>.modal,#spelar-backdrop>.modal,#kompis-backdrop>.modal,#spel-backdrop>.modal,#notiser-backdrop>.modal,
  #feedback-list-backdrop>.modal,#push-subscribers-backdrop>.modal,#accounts-backdrop>.modal{margin:0 auto;width:100%;border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding-bottom:0}
  .modal.wide{max-height:calc(100dvh - 8px - env(safe-area-inset-top,0px))}
  #match-backdrop>.modal.wide{max-width:720px;height:calc(100dvh - 8px - env(safe-area-inset-top,0px));max-height:none}
  #team-backdrop>.modal.wide{max-width:600px;height:calc(100dvh - 8px - env(safe-area-inset-top,0px));max-height:none}
  #spelar-backdrop>.modal{max-width:520px;max-height:calc(100dvh - 8px - env(safe-area-inset-top,0px));padding-bottom:16px}
  #kompis-backdrop>.modal.wide,#spel-backdrop>.modal.wide,#notiser-backdrop>.modal.wide{max-width:560px;height:calc(100dvh - 8px - env(safe-area-inset-top,0px))}
  html #match-backdrop>.modal.wide::after{height:16px}
  html #team-backdrop .modal-scroll-body{padding-bottom:22px}
  html.flik-over-blad #kompis-backdrop .modal-scroll-body{padding-bottom:24px}
  #team-backdrop .lag-hero{padding-top:52px}
  #match-backdrop .modal.kompakt .ark-huvud{padding-inline:112px}
  #match-backdrop .modal.kompakt .mtabs{margin-inline:-112px}
  #match-backdrop .modal.kompakt .ark-skarm{display:grid;top:6px}
  #match-backdrop .modal.kompakt .skarm-tips:not([hidden]){display:block;top:56px}
  #match-backdrop .modal.kompakt .skarm-tips::before{left:69px}
  .modal .kp-folk{aspect-ratio:16/5}
  .pling{top:calc(env(safe-area-inset-top,0px) + 6px);left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));max-height:calc(50dvh - 6px);overflow-y:auto;overscroll-behavior:contain}
  .pling-kort{min-height:64px;padding-block:8px}
  .film-ram video{height:min(78dvh,540px)}
  #match-backdrop .modal.kompakt .ark-huvud>.mf-klocka:not([hidden]){display:grid;top:6px}
  #match-backdrop .modal.kompakt .mf-notis-pop:not([hidden]){display:flex;top:56px}
}
@media (max-width:599px){
  .nav{transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .24s ease,visibility 0s linear 0s,background-color .2s}
  html.flik-over-blad .nav{transform:translateY(calc(100% + var(--flik-luft) + env(safe-area-inset-bottom,0px) + 8px));opacity:0;visibility:hidden;pointer-events:none;
    transition:transform .26s cubic-bezier(.4,0,1,1),opacity .18s ease .08s,visibility 0s linear .26s}
  html.flik-over-blad #match-backdrop>.modal.wide::after{height:calc(16px + env(safe-area-inset-bottom,0px))}
  html.flik-over-blad #team-backdrop .modal-scroll-body{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  html.flik-over-blad #kompis-backdrop .modal-scroll-body{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  html.flik-over-blad #spelar-backdrop>.modal{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  html.flik-over-blad .toast{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  html.flik-over-blad:has(#match-backdrop:not([hidden]) #rb) .toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.nav,html.flik-over-blad .nav{transition:none}}
@media (max-width:599px){
  html.flik-dold .nav{transform:translateY(calc(100% + var(--flik-luft) + env(safe-area-inset-bottom,0px) + 8px));opacity:0;visibility:hidden;pointer-events:none;
    transition:transform .26s cubic-bezier(.4,0,1,1),opacity .18s ease .08s,visibility 0s linear .26s}
}
@media (max-height:500px){
  html.flik-dold .nav{display:none}
  #du-backdrop{align-items:flex-end;padding-bottom:0}
  #du-backdrop>.modal.wide{margin:0 auto;width:100%;max-width:560px;max-height:calc(100dvh - 8px - env(safe-area-inset-top,0px));border-radius:var(--r-sheet) var(--r-sheet) 0 0}
}
@media (prefers-reduced-motion:reduce){html.flik-dold .nav{transition:none}}
#match-body:has(>#rb){display:flex;flex-direction:column;min-height:100%}
#match-body:has(>#rb)>.modal-scroll-body{flex:1 0 auto}
html #match-backdrop>.modal.wide:has(#rb)::after{height:0}
#match-backdrop .rb{position:sticky;bottom:0;z-index:3;padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));pointer-events:none}
#match-backdrop .rb-glas{position:relative;pointer-events:auto;display:flex;align-items:center;gap:4px;max-width:560px;height:64px;margin:0 auto;padding:0 6px;border-radius:33px;
  background:var(--flik-yta);-webkit-backdrop-filter:blur(26px) saturate(1.8);backdrop-filter:blur(26px) saturate(1.8);border:1px solid var(--v22);box-shadow:0 14px 40px -8px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.14)}
:root[data-tema="ljus"] #match-backdrop .rb-glas{box-shadow:0 14px 36px -10px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.6)}
#match-backdrop .rb-heja{display:flex;align-items:center;gap:2px;flex:none;max-width:46%;padding-right:6px;border-right:1px solid var(--line)}
#match-backdrop .rb-heja[hidden]{display:none}
#match-backdrop .rb-heja:only-child{border-right:0}
#match-backdrop .rb-heja-l{padding:0 4px 0 8px;font:650 13.5px/1 var(--font);color:var(--flik-ink)}
#match-backdrop .rb-heja-k{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:var(--tap);min-height:48px;padding:0 6px;border:0;border-radius:24px;background:transparent;color:var(--ink);font:650 13.5px/1.15 var(--font);text-align:left;cursor:pointer;transition:background-color .18s,color .18s}
#match-backdrop .rb-heja-k.namn{padding:0 12px 0 8px;min-width:0}
#match-backdrop .rb-heja-k .badge{width:28px;height:28px;font-size:10px;flex:none}
#match-backdrop .rb-heja-t{min-width:0;overflow-wrap:break-word}
#match-backdrop .rb-heja-k[aria-pressed="true"]{background:var(--knapp);color:var(--knapp-ink)}
@media (hover:hover){#match-backdrop .rb-heja-k:not([aria-pressed="true"]):hover{background:var(--v12)}}
#match-backdrop .rb-heja-k:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}
#match-backdrop .rb-heja-k.puls{animation:reaktPuls .22s ease-out}
#match-backdrop .rb .reakt{flex:1 1 auto;min-width:0;margin:0;padding:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
#match-backdrop .rb-rull{display:flex;align-items:center;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 4px;scroll-padding-inline:4px;--rb-v:0px;--rb-h:40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--rb-v),#000 calc(100% - var(--rb-h)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--rb-v),#000 calc(100% - var(--rb-h)),transparent)}
#match-backdrop .rb-rull.vid-mitt,#match-backdrop .rb-rull.vid-slut{--rb-v:32px}
#match-backdrop .rb-rull.vid-slut,#match-backdrop .rb-rull.ryms{--rb-h:0px}
#match-backdrop .rb-rull.ryms{--rb-v:0px}
#match-backdrop .rb .rb-reakt{box-shadow:none;background:none;border:0}
#match-backdrop .rb-rull::-webkit-scrollbar{display:none}
#match-backdrop .rb-rull .grp{flex:none;min-height:var(--tap);padding:0 14px;white-space:nowrap;border-color:var(--line-strong);gap:6px}
#match-backdrop .rb-rull .grp[aria-pressed="true"]{border-color:var(--knapp)}
#match-backdrop .rb-rull .grp.reakt-fler{background:transparent;border-style:dashed;color:var(--ink-2)}
#match-backdrop .rb-rull .grp.puls{animation:reaktPuls .22s ease-out}
#match-backdrop .rb-fler{display:contents}
#match-backdrop .rb-fler[hidden],#match-backdrop .rb-dela[hidden]{display:none}
#match-backdrop .rb-dela{display:contents}
#match-backdrop .rb-dela-k{flex:none}
#match-backdrop .rb-dela-k .ic{width:18px;height:18px}
#match-backdrop .rb-rad{position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);margin:0;padding:8px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line-strong);text-align:center;font:600 13px/1.35 var(--font);color:var(--ink-2);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
#match-backdrop .rb-rad.fel{color:var(--bad)}
#match-backdrop .rb-rad[hidden]{display:none}
@media (max-width:359px){#match-backdrop .rb-heja-k.namn .rb-heja-t{font-size:12.5px}#match-backdrop .rb-heja{max-width:42%}}
@media (max-height:500px){
  #match-backdrop .rb{padding:4px max(10px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}
  #match-backdrop .rb-glas{height:54px;border-radius:27px}
  #match-backdrop .rb-heja-k{min-height:44px}
}
@media (prefers-reduced-motion:reduce){#match-backdrop .rb-heja-k{transition:none}#match-backdrop .rb-heja-k.puls,#match-backdrop .rb-rull .grp.puls{animation:none}}
.sk-topp{display:flex;flex-direction:column;align-items:center;padding:4px 40px 0;text-align:center}
.sk-marke{display:grid;place-items:center}
.sk-topp .badge{width:72px;height:72px;font-size:24px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}
.modal p.sk-nr{margin:12px 0 0;font:800 19px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--on-color)}
.modal h2.sk-namn{margin:6px 0 0;padding:0;font:760 28px/1.12 var(--font);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.modal p.sk-sub{margin:7px 0 0;font:500 15px/1.3 var(--font);color:var(--on-color)}
.modal p.sk-plats{margin:12px 0 0;padding:6px 14px;border-radius:16px;background:var(--v14);font:600 14px/1.25 var(--font);color:var(--ink);text-wrap:balance}
.sk-rutor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 0}
.sk-rutor.en{grid-template-columns:minmax(0,160px);justify-content:center}
.sk-rutor.mv .sk-ruta:first-child .v{font-size:25px}
.sk-ruta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:76px;padding:10px 3px;border-radius:16px;background:var(--v08);text-align:center}
.sk-ruta .v{font:800 32px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.sk-ruta .v small{margin-left:1px;font:600 15px/1 var(--num);color:var(--on-color)}
.sk-ruta .l{font:500 12.5px/1.2 var(--font);color:var(--on-color);hyphens:manual;overflow-wrap:normal}
.sk-rader{margin:12px 0 0;padding:0;border-radius:18px;background:var(--v06)}
.sk-rader>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:0 16px}
.sk-rader>div+div{border-top:1px solid var(--line)}
.sk-rader dt{font:500 15px/1.3 var(--font);color:var(--on-color)}
.sk-rader dd{margin:0;font:800 22px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.sk-lag{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:12px 0 0;padding:10px 16px;border-radius:18px;background:rgb(var(--lag-f));color:#fff;font:700 16px/1.2 var(--font);text-align:left}
.sk-lag .badge{width:32px;height:32px;font-size:11px;flex:none}
.sk-lag .t{flex:1;min-width:0}
.sk-lag .s-chev{width:16px;height:16px;color:#fff}
.sk-lag:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}
@media (hover:hover){.sk-lag:hover .t{text-decoration:underline;text-underline-offset:3px}}
.modal p.sk-kalla{margin:14px 0 0;text-align:center;font-size:12.5px;line-height:1.4;color:var(--ink-2)}
.modal p.sk-kalla a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.modal h3.sk-rubrik{margin:22px 4px 8px;padding:0;font:700 17px/1.3 var(--font);letter-spacing:-.01em;color:var(--ink)}
.sk-rubrik+.sk-rader{margin-top:0}
.sk-ruta .v .sk-skel-v{display:block;width:38px;height:26px;border-radius:7px}
.sk-rader-skel>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:0 16px}
.sk-rader-skel>div+div{border-top:1px solid var(--line)}
.sk-rader-skel i{display:block;height:13px;width:42%}
.sk-rader-skel i+i{width:34px;height:18px}
.sk-matcher{list-style:none;margin:0;padding:0;border-radius:18px;background:var(--glass)}
.sk-m{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:60px;padding:8px 14px}
.sk-m+.sk-m{border-top:1px solid var(--line)}
.sk-m .form-dot{width:26px;height:26px}
.sk-m-mot{display:flex;flex-direction:column;gap:3px;min-width:0}
.sk-m-lag{display:flex;align-items:center;gap:7px;min-width:0}
.sk-m-lag .badge{width:20px;height:20px;font-size:8px;flex:none}
.sk-m-lag b{font:600 15px/1.25 var(--font);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-m small{font:500 12.5px/1.3 var(--font);color:var(--ink-2);font-variant-numeric:tabular-nums}
.sk-m-v{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.sk-m-v b{font:600 15px/1.25 var(--font);color:var(--ink);white-space:nowrap}
.sk-m-skel i{display:block;height:12px;border-radius:6px}
.sk-m-skel .sk-skel-prick{width:26px;height:26px;border-radius:50%}
.sk-m-skel .sk-m-mot i{width:60%}.sk-m-skel .sk-m-mot i+i{width:80%;height:10px}
.sk-m-skel .sk-m-v i{width:64px}.sk-m-skel .sk-m-v i+i{width:44px;height:10px}
.modal p.sk-tom{margin:0;padding:14px 16px;border-radius:18px;background:var(--glass);font:500 14.5px/1.4 var(--font);color:var(--ink-2);text-align:center;text-wrap:balance}
@media (max-width:374px){
  .sk-m{column-gap:9px;padding:8px 11px}
  .sk-m-lag b,.sk-m-v b{font-size:14px}
}
.hl-knapp{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;min-width:44px;min-height:44px;padding:0;border-radius:12px;text-align:center;color:inherit}
.hl-knapp:focus-visible{outline-offset:1px}
@media (hover:hover){.hl-knapp:hover .hl-efternamn{text-decoration:underline;text-underline-offset:3px}}
.plan-knapp{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:0;color:inherit}
.plan-knapp::before{content:"";position:absolute;left:50%;top:12px;width:var(--tap);height:var(--tap);transform:translate(-50%,-50%)}
.plan-knapp:focus-visible{outline-offset:1px;border-radius:8px}
.lineup-list li.lu-klick,#match-backdrop .lineup-list li.lu-klick{display:block;padding:0}
.lu-knapp{display:flex;align-items:center;gap:6px;width:100%;min-height:var(--tap);padding:0;text-align:left;color:inherit}
.lu-knapp:focus-visible{outline-offset:-2px;border-radius:8px}
@media (hover:hover){.lu-knapp:hover .lname{text-decoration:underline;text-underline-offset:3px}}
.evc-sp{position:relative;display:inline;padding:0;font:inherit;color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:1px;text-underline-offset:3px}
.evc-sp::before{content:"";position:absolute;left:50%;width:max(calc(100% + 6px),var(--tap));transform:translateX(-50%)}
.evc-t .evc-sp::before{top:-13px;bottom:-3px}
.evc-s:has(.evc-sp){margin-top:8px}
.evc-s .evc-sp::before{top:-4px;bottom:-8px}
@media (hover:hover){.evc-sp:hover{text-decoration-color:currentColor}}
@media (max-width:374px){
  .sk-rutor{gap:6px}
  .sk-ruta .v{font-size:27px}
  .sk-ruta .l{font-size:11.5px}
  .modal h2.sk-namn{font-size:25px}
}
:root[data-tema="ljus"]{
  color-scheme:light;
  --bg:#F2F2F7;
  --card:#FFFFFF;
  --surface:#FFFFFF; --surface-2:#EFEFF4;
  --fill:rgba(118,118,128,.12);
  --line:rgba(60,60,67,.12); --line-strong:rgba(60,60,67,.24);
  --scrim:rgba(0,0,0,.32); --modal-edge:rgba(0,0,0,.08);
  --glass:rgba(118,118,128,.12); --glass-edge:rgba(0,0,0,.08); --glass-on:#FFFFFF;
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.55);
  --card-blur:none;
  --ink:#1C1C1E; --ink-name:#1C1C1E; --on-color:#3A3A3C; --ink-2:#636366; --ink-3:#636366; --dim:#8E8E93;
  --ink-2-upp:#636366;
  --ink-sida:#3A3A3C; --ink-skimmer:#2C2C2E; --on-color-2:#48484A;
  --live:#FF3B30; --star:#A87700;
  --good:#1F7A34; --warn:#FFCC00; --bad:#D70015;
  --rod-yta:#D70015;
  --zone-a:#248A3D; --zone-b:#0071A4; --zone-c:#B58500; --zone-d:#8944AB;
  --win:#1F7A34; --win-ink:#FFFFFF;
  --goal:#248A3D; --goal-soft:#DDF3E2; --dot-ink:#FFFFFF;
  --fav-row:rgba(0,0,0,.04);
  --accent-text:#1C1C1E;
  --v10:rgba(0,0,0,.055); --v11:rgba(0,0,0,.061); --v12:rgba(0,0,0,.066); --v13:rgba(0,0,0,.072); --v14:rgba(0,0,0,.077); --v16:rgba(0,0,0,.088); --v18:rgba(0,0,0,.099); --v20:rgba(0,0,0,.11); --v22:rgba(0,0,0,.121); --v28:rgba(0,0,0,.154); --v34:rgba(0,0,0,.187); --v55:rgba(0,0,0,.303); --v40:rgba(0,0,0,.22); --v05:rgba(0,0,0,.028); --v06:rgba(0,0,0,.033); --v07:rgba(0,0,0,.039); --v08:rgba(0,0,0,.044);
  --meny-yta:#FFFFFF; --flik-yta:rgba(255,255,255,.92); --flik-ring:#FFFFFF; --flik-ink:#3A3A3C;
  --toast-yta:rgba(255,255,255,.98); --pling-yta:rgba(255,255,255,.97); --klister-yta:#FFFFFF;
  --knapp:#1C1C1E; --knapp-ink:#FFFFFF; --knapp-hover:#3A3A3C; --knapp-ink-2:#D1D1D6; --knapp-ink-3:rgba(255,255,255,.72);
  --bad-pa-falt:#C4161C; --ark-forlorare:#545458;
  --chev80:rgba(60,60,67,.6); --chev75:rgba(60,60,67,.55); --chev-namn:rgba(60,60,67,.6);
  --troja-kant:rgba(0,0,0,.35); --troja-kant-mork:rgba(0,0,0,.35); --mask-kant:rgba(0,0,0,.16);
  --kort-skugga:0 0 0 1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.06);
  --meny-skugga:0 0 0 1px rgba(0,0,0,.04),0 24px 48px -12px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.08);
}
:root[data-tema="ljus"] :is(.card,.datastatus,.valkomst,.live-status.bad,.board,.evc,.ad),
:root[data-tema="ljus"] #match-backdrop :is(.ark-kort,.reakt:not(.rb-reakt),.infor,.ark-tom,.mrap,.ev-subs>summary,.mer-knapp){box-shadow:var(--kort-skugga)}
:root[data-tema="ljus"] .skimmer{background:linear-gradient(180deg,rgb(var(--s,0 0 0) / 1) 0,rgb(var(--s,0 0 0) / 1) 290px,rgb(var(--s,0 0 0) / .62) 400px,rgb(var(--s,0 0 0) / .26) 520px,rgb(var(--s,0 0 0) / .08) 620px,rgb(var(--s,0 0 0) / 0) 700px)}
:root[data-tema="ljus"] .subleagues.seg,:root[data-tema="ljus"] .live-mode{background:rgba(118,118,128,.14)}
:root[data-tema="ljus"] :is(.seg>button:is([aria-pressed="true"],[aria-selected="true"],[aria-checked="true"],.on),.subleagues .grp[aria-pressed="true"],.live-mode>.grp[aria-pressed="true"]){box-shadow:0 1px 4px rgba(0,0,0,.14),0 0 0 .5px rgba(0,0,0,.04)}
:root[data-tema="ljus"] img.badge{filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}
:root[data-tema="ljus"] span.badge{box-shadow:0 0 0 2px #fff,0 2px 6px rgba(0,0,0,.14)}
:root[data-tema="ljus"] :is(.plate,.leaguehead-crest,.season-empty .se-crest,.lhead .plate,.lg-toggle .plate){box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 8px -2px rgba(0,0,0,.16)}
:root[data-tema="ljus"] .ico .ico-logo{box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
:root[data-tema="ljus"] #match-backdrop .match-hero-team .badge{filter:drop-shadow(0 4px 10px rgba(0,0,0,.16))}
:root[data-tema="ljus"] .lag-marke .badge{filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
:root[data-tema="ljus"] .sk-topp .badge{filter:drop-shadow(0 6px 14px rgba(0,0,0,.16))}
:root[data-tema="ljus"] .league-menu,:root[data-tema="ljus"] .fav-menu,:root[data-tema="ljus"] .round-menu{border-color:rgba(0,0,0,.06);box-shadow:var(--meny-skugga)}
@media (max-width:560px){:root[data-tema="ljus"] .league-menu:not([hidden]){box-shadow:0 0 0 100vmax rgba(0,0,0,.32),0 24px 48px -12px rgba(0,0,0,.22)}}
:root[data-tema="ljus"] .nav{border-color:rgba(0,0,0,.08);box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.6)}
:root[data-tema="ljus"] .toast{border-color:rgba(0,0,0,.08);box-shadow:0 14px 34px -10px rgba(0,0,0,.25)}
:root[data-tema="ljus"] .pling{border-color:rgba(0,0,0,.08);box-shadow:0 18px 40px -12px rgba(0,0,0,.28)}
:root[data-tema="ljus"] :is(.hs-banner,.hs-dator){border-color:rgba(0,0,0,.08);box-shadow:0 18px 40px -12px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.6)}
:root[data-tema="ljus"] .hs-banner-ikon,:root[data-tema="ljus"] .hsguide-ikon{box-shadow:0 8px 20px -10px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.06)}
:root[data-tema="ljus"] .hs-dator-qr{box-shadow:0 0 0 1px rgba(0,0,0,.08)}
:root[data-tema="ljus"] .hsguide-ico{background:#fff}
:root[data-tema="ljus"] .omg.klistrad .omg-flikar{box-shadow:0 8px 16px -10px rgba(0,0,0,.2)}
:root[data-tema="ljus"] .modal{box-shadow:0 30px 80px -24px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.06)}
:root[data-tema="ljus"] :is(#match-backdrop,#team-backdrop)>.modal.wide{box-shadow:0 30px 80px -24px rgba(0,0,0,.35)}
:root[data-tema="ljus"] #match-backdrop>.modal.wide{--ark-bild:linear-gradient(180deg,rgb(242 242 247 / 0) 0,rgb(242 242 247 / .12) 220px,rgb(242 242 247 / .62) 470px,rgb(242 242 247 / .9) 760px,#F2F2F7 1050px),linear-gradient(96deg,rgb(var(--ark-h)) 0,rgb(var(--ark-h)) 34%,rgb(var(--ark-a)) 66%,rgb(var(--ark-a)) 100%),linear-gradient(#F2F2F7,#F2F2F7)}
:root[data-tema="ljus"] #match-backdrop .modal.kompakt .ark-huvud{box-shadow:0 12px 24px -16px rgba(0,0,0,.25)}
:root[data-tema="ljus"] #team-backdrop>.modal.wide::before{background:linear-gradient(180deg,rgb(var(--lag-s) / 1) 0,rgb(var(--lag-s) / 1) 90px,rgb(var(--lag-s) / .58) 210px,rgb(var(--lag-s) / .22) 330px,rgb(var(--lag-s) / .06) 420px,rgb(var(--lag-s) / 0) 470px)}
:root[data-tema="ljus"] #spelar-backdrop>.modal{background:linear-gradient(180deg,rgb(var(--lag-s) / 1) 0,rgb(var(--lag-s) / .7) 170px,rgb(var(--lag-s) / .22) 320px,rgb(var(--lag-s) / 0) 420px),#F2F2F7}
:root[data-tema="ljus"] .sk-ruta,:root[data-tema="ljus"] .sk-rader{background:#FFFFFF;box-shadow:var(--kort-skugga)}
:root[data-tema="ljus"] .facit-ruta.vinst{background:rgb(36 138 61 / .12)}
:root[data-tema="ljus"] .modal .pa-knapp.inne{background:rgba(36,138,61,.12)}
:root[data-tema="ljus"] .form-dot{--g:31,122,52;text-shadow:0 1px 1px rgba(0,0,0,.22);background:linear-gradient(180deg,rgba(var(--g),1),rgba(var(--g),.92));box-shadow:inset 0 0 0 1px rgba(var(--g),1),inset 0 1px 0 rgba(255,255,255,.3)}
:root[data-tema="ljus"] .form-dot.draw{--g:245,196,0;color:#1C1C1E;text-shadow:none;background:linear-gradient(180deg,rgba(var(--g),1),rgba(var(--g),.92));box-shadow:inset 0 0 0 1px #C49A00}
:root[data-tema="ljus"] .form-dot.otwin{--g:36,138,61;color:#1B6A2F;text-shadow:none;background:linear-gradient(180deg,rgba(var(--g),.2),rgba(var(--g),.1));box-shadow:inset 0 0 0 1px rgba(var(--g),.7)}
:root[data-tema="ljus"] .form-dot.loss,:root[data-tema="ljus"] .form-dot.otloss{--g:196,0,26;background:rgba(var(--g),1);box-shadow:none}
:root[data-tema="ljus"] .form-dot.loss::before{background:linear-gradient(180deg,rgba(var(--g),.96),rgba(var(--g),.86)),var(--surface)}
:root[data-tema="ljus"] .form-dot.otloss{color:#A3001A;text-shadow:none}
:root[data-tema="ljus"] .form-dot.otloss::before{background:linear-gradient(180deg,rgba(var(--g),.16),rgba(var(--g),.08)),var(--surface)}
:root[data-tema="ljus"] :is(.mr-rec,.mr-plats,.mr-under,.srad .v small,.srad .who small,.pling-lagdel.dim,.pling-lagdel.dim .pling-v,.pling-streck,.pling-fler){color:var(--on-color-2)}
:root[data-tema="ljus"] .sidfot-namn span{color:var(--ink-sida)}
:root[data-tema="ljus"] .laget-not{color:var(--ink-skimmer)}
:root[data-tema="ljus"] #spelar-backdrop :is(.sk-nr,.sk-sub),
:root[data-tema="ljus"] .startsida.har-lag .ss-under{color:var(--ink-skimmer)}
:root[data-tema="ljus"] #match-backdrop :is(.hlu-kalla,.hlu-kalla a,.infor-kalla,.infor-kalla a,.infor-snart){color:var(--on-color-2)}
:root[data-tema="ljus"] .nav{border-color:rgba(0,0,0,.14);box-shadow:0 0 0 .5px rgba(0,0,0,.1),0 10px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.6)}
:root[data-tema="ljus"] .hs-banner{border-color:rgba(0,0,0,.14);background:linear-gradient(rgb(var(--liga-rgb,0 0 0) / .06),rgb(var(--liga-rgb,0 0 0) / .06)),var(--pling-yta);box-shadow:0 0 0 .5px rgba(0,0,0,.1),0 18px 40px -12px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.6)}
:root[data-tema="ljus"] :is(.s-lag,.facit-ruta:not(.vinst)){background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(60,60,67,.16)}
:root[data-tema="ljus"] :is(.notif-utv,.ns-spak):not([aria-checked="true"]) .notif-utv-spak{background:rgba(120,120,128,.32);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
:is(#match-backdrop,#team-backdrop,#spelar-backdrop) :is(.close,.gbtn.glass){background:rgba(28,28,30,.5);border-color:rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(18px) saturate(0);backdrop-filter:blur(18px) saturate(0)}
@media (hover:hover){:is(#match-backdrop,#team-backdrop,#spelar-backdrop) :is(.close,.gbtn.glass):hover{background:rgba(0,0,0,.5)}}
:root[data-tema="ljus"] :is(.account-btn,.refresh-btn,.notiser-btn,.fav-trigger),
:root[data-tema="ljus"] :is(#match-backdrop,#team-backdrop,#spelar-backdrop) :is(.close,.gbtn.glass,.lag-knappar .toggle,.team-fav){background:rgba(255,255,255,.55);border-color:rgba(0,0,0,.1);color:var(--ink)}
:root[data-tema="ljus"] .account-btn.is-in{background:var(--knapp);color:var(--knapp-ink);border-color:var(--knapp)}
@media (hover:hover){
  :root[data-tema="ljus"] :is(.account-btn,.refresh-btn,.notiser-btn,.fav-trigger):hover,
  :root[data-tema="ljus"] :is(#match-backdrop,#team-backdrop,#spelar-backdrop) :is(.close,.gbtn.glass,.lag-knappar .toggle,.team-fav):hover{background:rgba(255,255,255,.8)}
}
:root[data-tema="ljus"] :is(.notiser-ark,.kompis-ark,.film-ark,.du-ark),
:root[data-tema="ljus"] :is(.notiser-ark,.kompis-ark,.du-ark) .modal-sticky-head{background:var(--bg)}
:root[data-tema="ljus"] .du-lista{background:var(--card);box-shadow:var(--kort-skugga)}
:root[data-tema="ljus"] :is(.kp-kort,.kp-utm p,.ns-status,.ns-kort,.ns-fler>summary){background:var(--card);box-shadow:var(--kort-skugga)}
@media (hover:hover){:root[data-tema="ljus"] .kp-kort:hover{background:var(--surface-2)}}