/* Section rails: a fade on the side where more sections wait (JS sets data-rail-overflow; without JS the cut-off next link is the affordance). The active link is the section being read. */ .sushi-app .prediction-jump[data-rail-overflow=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);} .sushi-app .prediction-jump[data-rail-overflow=start]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent);} .sushi-app .prediction-jump[data-rail-overflow=both]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);} .sf-tip-list{display:grid;gap:8px;min-width:0;} .sf-page-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;} .sf-page-controls>a{flex:1;justify-content:center;} .sushi-discovery #front-players .sf-page-controls{flex-direction:column;align-items:stretch;} .sushi-discovery #front-players a.sf-player-load-more{width:100%;min-height:44px;justify-content:center;} .sf-match-separator{flex-shrink:0;white-space:nowrap;} .sushi-discovery [data-sf-slice="fixtures"] .sf-fixture-view{display:block!important;} .sushi-discovery .sf-fixture-tabs>a{flex:0 0 auto;white-space:nowrap;gap:6px;} .sf-fixture-tabs .sf-fixture-tab{flex:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;} .sf-fixture-tabs .sf-fixture-tab[aria-current=page]{background:var(--s-accent-soft);color:var(--s-accent-ink);font-weight:700;} .sushi-discovery .sf-help-fallback{min-width:0;max-width:32rem;font-size:13px;color:var(--s-muted);} .sushi-discovery .sf-help-fallback>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;} .sushi-discovery .sf-help-fallback>p{margin:0;line-height:1.5;overflow-wrap:anywhere;} /* ⚠️ MOBIL-LAGET STAAR SIDST. CSS afgoer lige specificitet paa RAEKKEFOELGE, saa den samme media query placeret foer basisreglerne taber til dem: min foerste udgave saenkede ikke best-bets-raekkerne én px, fordi .sushi-discovery .bb stod 190 linjer laengere nede (audit 11/9 2026). Et overstyrings-lag hoerer efter det det overstyrer. */ @media(max-width:560px){ /* ⚠️ DE HER TRE STOD I ET 560-LAG 650 LINJER HOEJERE OPPE OG TABTE TIL 760-LAGET. CSS afgoer lige specificitet paa RAEKKEFOELGE, saa en SMALLERE media query placeret FOER en bredere taber til den: begge matcher ved 390 px. Maalt paa forsiden stod KPI-blokkens haarlinje derfor som et 9 px graat kryds (gap:1px tabte til gap:9px), ikonerne blev tegnet selv om 560-laget siger display:none, og etiketterne stod paa 9,6 px, altsaa under husets gulv. Et overstyrings-lag hoerer efter det det overstyrer. */ .sushi-discovery .sf-kpis{gap:1px;} .sushi-discovery .sf-kpi .ic{display:none;} .sushi-discovery .sf-kpi .k{font-size:var(--s-fs-min);letter-spacing:.07em;} /* ⚠️ OG FLISEN SKAL LIGGE VENSTRESTILLET OGSAA PAA TOUCH. 50s tap-maal-lag satte ``align-items:center`` paa ethvert link; det er nu nul-specificitet, men flisen siger det selv her, saa den ikke igen kan tabe til en fremtidig global regel. */ .sushi-discovery .sf-kpi{align-items:flex-start;} .sushi-discovery .nz-tier{flex-direction:column;gap:.2em;padding:9px 0 5px;} .sushi-discovery .nz-tb{flex:1 1 auto;} /* ── MOBIL-TAETHED (ejer-krav 11/9 2026: app-foelelse, mindre tekst) ────────────────── Maalt paa forsiden ved 390 px: radar-tabellen 3.374 px, markeds-panelerne 2.796 px og best-bets-listen 1.087 px. Vi fjerner LUFT og gentagelse, aldrig tal: hver raekke baerer praecis de samme felter som foer, bare taettere. Tekst-gulvet (--s-fs-min) er urort. */ .sushi-discovery .nz-list li .nz-row{padding:8px 0;gap:9px;} .sushi-discovery .nz-p{min-width:3.4em;font-size:.8rem;} .sushi-discovery .nz-mt{font-size:.72rem;} .sushi-discovery .sf-phead{padding-bottom:6px;} /* ⚠️ APP-FOELELSEN ER ÉN RAEKKE PR. KALD (ejer-dom sep 2026: "prioriter at tingene staar paa én raekke. APP foelelsen.. taenk paa apps som LIVESCORE"). ``.bb`` var ``flex-wrap:wrap`` med ``.bb-rt{margin-left:auto}``, saa prisen og chippen faldt ned paa deres EGEN linje under kortet: maalt seks linjer pr. kald paa 390 px. Formen er nu den samme som en livescore-raekke: venstre = tallet, midten = to taette linjer, hoejre = prisen. Intet klippes og intet skjules; den ene linje der forsvandt var en gentagelse (se ``bb-why`` i PHP). */ .sushi-discovery .bb{padding:10px 12px;gap:9px;flex-wrap:nowrap;align-items:center;} .sushi-discovery .bb-bd{flex:1 1 auto;} .sushi-discovery .bb-mt{font-size:.72rem;} .sushi-discovery .bb-why{font-size:.7rem;margin-top:.12em;} .sushi-discovery .bb-rt{gap:7px;} .sushi-discovery .bb-o i .lg{display:none;} .sushi-discovery .bb-o i .sm{display:inline;} /* ⚠️ BREDDEN ER BUDGETTET. Ved 390 px er raekken 348 px, og med det gamle badge og en pilspids stod der kun 210 px tilbage til teksten: baade etiket-linjen OG kampnavnet braekkede til to linjer. De to eneste elementer der ikke baerer data giver pladsen: badget bliver mindre, og pilspidsen gaar (hele raekken ER linket, saa den var ren dekoration). Det giver ~250 px, og begge linjer staar. Maalt, ikke gaettet. */ .sushi-discovery .bb-p{min-width:0;padding:.28em .4em;font-size:.74rem;} .sushi-discovery .bb .ff-go{display:none;} /* ⚠️ INDHOLDET SKAL LIGGE INDE I KORTET (ejer-dom: "det skal passe inden i cardet. IKKE HELT ude til kanterne"). Mobil-reglen satte ``padding:9px 0``, altsaa NUL i siderne, mens kortet beholdt sin ramme og sin flade: teksten laa klods op ad kanten hele vejen rundt. Vandret padding er ikke pynt paa et kort, det ER kortet. */ .sushi-discovery .bb{gap:7px;padding:10px 11px;} /* Sporingen paa versal-etiketten koster 30-40 px paa en telefon: "DOUBLE CHANCE" gaar fra 153 til ~110 px alene ved at trykke den sammen. Versalerne bliver (det er husets etiket-form), sporingen er det der giver sig. */ .sushi-discovery .bb-hd{gap:.2em .7ch;} /* ⚠️ VERSALERNE ER DYRE. "DOUBLE CHANCE" fylder 145 px i versaler mod ~100 i normal skrift, og de 45 px var forskellen paa én og to linjer i hver eneste raekke, da kortet fik sin vandrette padding tilbage. Etiketten er stadig en etiket: lille, fed, daempet og over selve kaldet. Den er bare ikke raabt. */ .sushi-discovery .bb-mk{letter-spacing:.01em;text-transform:none;font-size:.74rem;} .sushi-discovery .bb-k .lg{display:none;} .sushi-discovery .bb-k .sm{display:inline;} .sushi-discovery .bb-bd>b{line-height:1.25;} /* Chippen "model only" siger det samme som etiketten "our fair price" lige over den, og den koster hele hoejre-kolonnens bredde. Etiketten bliver; chippen gaar kun naar den er den tomme variant (en rigtig "edge 12%" er et tal og bliver staaende). */ .sushi-discovery .bb-e--none{display:none;} .sushi-discovery .bb-o i{font-size:.56rem;} /* Radar: den er en TABEL paa en telefon, saa hver linje taeller. */ .sushi-discovery table.rd th,.sushi-discovery table.rd td{padding:.4em .55em;line-height:1.3;} .sushi-discovery table.rd .rd-m b{font-size:.82rem;} } /* Shared front-page sections: compact rows, meaningful disclosure and canonical save controls. */ :is(.sushi-discovery,.sushi-board) .sf-discovery{margin:24px auto;padding:20px;background:var(--s-surface);border:1px solid var(--s-line);border-radius:14px;container-type:inline-size;container-name:front-section;} :is(.sushi-discovery,.sushi-board) .sf-section-head{position:relative;display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:0 0 14px;} :is(.sushi-discovery,.sushi-board) .sf-section-title{display:flex;align-items:center;gap:10px;min-width:0;} :is(.sushi-discovery,.sushi-board) .sf-section-head h2{margin:0;font-size:20px;font-weight:750;line-height:1.25;letter-spacing:-.02em;text-transform:none;color:var(--s-ink);} :is(.sushi-discovery,.sushi-board) .sf-section-link{display:flex;justify-content:flex-end;margin:12px 0 0;font-size:var(--s-t-small,.8125rem);font-weight:600;} :is(.sushi-discovery,.sushi-board) .sf-section-link>a{display:flex;align-items:center;gap:6px;min-height:44px;color:var(--s-accent-ink);} :is(.sushi-discovery,.sushi-board) :is(.sf-clean-crest,.sf-clean-icon,.sf-clean-chevron,.sf-clean-go){display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;} :is(.sushi-discovery,.sushi-board) .sf-clean-crest :is(img,svg,.sushi-badge){max-width:100%!important;width:100%!important;height:100%!important;object-fit:contain;margin:0!important;} :is(.sushi-discovery,.sushi-board) :is(.sf-clean-crest,.sf-clean-icon,.sf-clean-chevron,.sf-clean-go),:is(.sushi-discovery,.sushi-board) :is(.sf-clean-crest,.sf-clean-icon,.sf-clean-chevron,.sf-clean-go) :is(img,svg,.sushi-badge){background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;border-radius:0!important;padding:0!important;} :is(.sushi-discovery,.sushi-board) .sf-clean-icon{width:24px;height:24px;flex-basis:24px;color:var(--s-accent-ink);}:is(.sushi-discovery,.sushi-board) .sf-clean-icon :is(img,svg){width:100%;height:100%;margin:0;} :is(.sushi-discovery,.sushi-board) :is(.sf-clean-chevron,.sf-clean-go){width:18px;height:18px;flex-basis:18px;color:var(--s-accent-ink);}:is(.sushi-discovery,.sushi-board) :is(.sf-clean-chevron,.sf-clean-go) :is(img,svg){width:18px;height:18px;margin:0;} :is(.sushi-discovery,.sushi-board) .sf-clean-chevron{transform:rotate(90deg);}:is(.sushi-discovery,.sushi-board) details[open]>summary>.sf-clean-chevron{transform:rotate(-90deg);} :is(.sushi-discovery,.sushi-board) .sf-clean-label,:is(.sushi-discovery,.sushi-board) .sf-clean-sub,:is(.sushi-discovery,.sushi-board) .sf-clean-note{font-size:var(--s-t-small,.8125rem);font-weight:400;line-height:1.4;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-clean-note{margin-top:12px;} :is(.sushi-discovery,.sushi-board) .sf-clean-kicker{font-size:var(--s-t-caption,.6875rem);font-weight:550;line-height:1.35;color:var(--s-muted);margin-top:4px;} :is(.sushi-discovery,.sushi-board) .sf-clean-metric{min-width:0;display:flex;flex-direction:column;gap:5px;font-variant-numeric:tabular-nums;} :is(.sushi-discovery,.sushi-board) .sf-clean-metric>strong{font-size:20px;font-weight:750;line-height:1.2;color:var(--s-ink);white-space:nowrap;} :is(.sushi-discovery,.sushi-board) .sf-clean-metric.prob>strong{color:var(--s-accent-ink);font-size:18px;} :is(.sushi-discovery,.sushi-board) .sf-clean-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--s-accent);border-radius:6px;font-size:var(--s-t-body,.9375rem);font-weight:600;color:var(--s-accent-ink);} :is(.sushi-discovery,.sushi-board) .sf-clean-empty{padding:20px;font-size:var(--s-t-small,.8125rem);line-height:1.5;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) :is(.sf-section-help,.sf-bet-details,.sf-more-bets,.sf-slip-details){padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0;} :is(.sushi-discovery,.sushi-board) :is(.sf-section-help,.sf-bet-details,.sf-more-bets,.sf-slip-details)>summary{list-style:none;cursor:pointer;margin:0;} :is(.sushi-discovery,.sushi-board) :is(.sf-section-help,.sf-bet-details,.sf-more-bets,.sf-slip-details)>summary::-webkit-details-marker{display:none;} :is(.sushi-discovery,.sushi-board) :is(.sf-section-help,.sf-bet-details,.sf-more-bets,.sf-slip-details)>summary:focus-visible{outline:2px solid var(--s-accent);outline-offset:-3px;border-radius:6px;} :is(.sushi-discovery,.sushi-board) details.sf-section-help{position:static!important;} :is(.sushi-discovery,.sushi-board) .sf-section-help>summary{display:flex;align-items:center;justify-content:center;width:32px;min-height:44px;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-section-help>summary :is(svg,img){width:18px;height:18px;background:none;box-shadow:none;} :is(.sushi-discovery,.sushi-board) .sf-section-help>div{position:absolute;top:100%;right:0;z-index:20;width:min(300px,70vw);padding:14px;background:var(--s-surface);border:1px solid var(--s-line);border-radius:8px;box-shadow:var(--s-shadow);color:var(--s-muted);font-size:var(--s-t-small,.8125rem);line-height:1.5;} /* Best bets: keep saving independent from opening a match's detail row. */ :is(.sushi-discovery,.sushi-board) .sf-bet-list{display:flex;flex-direction:column;gap:8px;} :is(.sushi-discovery,.sushi-board) .sf-bet{position:relative;margin:0;border:1px solid var(--s-line);border-radius:9px;background:transparent;box-shadow:none;} :is(.sushi-discovery,.sushi-board) .sf-bet-details>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:center;padding:14px 92px 14px 14px;} :is(.sushi-discovery,.sushi-board) .sf-bet-identity{display:flex;align-items:center;gap:12px;min-width:0;} :is(.sushi-discovery,.sushi-board) .sf-bet-copy{min-width:0;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-bet-copy h3{margin:0 0 3px;font-size:var(--s-t-h3,1rem);line-height:1.3;font-weight:700;letter-spacing:0;text-transform:none;color:var(--s-ink);} :is(.sushi-discovery,.sushi-board) .sf-bet-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;} :is(.sushi-discovery,.sushi-board) .sf-bet-metrics>.sf-clean-metric+ .sf-clean-metric{padding-left:16px;border-left:1px solid var(--s-line);} :is(.sushi-discovery,.sushi-board) .sf-bet-details>summary>.sf-clean-chevron{position:absolute;right:14px;top:18px;} :is(.sushi-discovery,.sushi-board) .sf-bet-save{position:absolute;top:14px;right:46px;color:var(--s-accent-ink);} :is(.sushi-discovery,.sushi-board) .sf-bet-save>.sushi-add,:is(.sushi-discovery,.sushi-board) .sf-slip-save .sushi-add{--sa:28px;position:relative;inset:auto;margin:0;} :is(.sushi-discovery,.sushi-board) .sf-bet-context{display:grid;grid-template-columns:1fr 1.25fr 1fr auto;gap:16px;align-items:center;padding:12px;margin:0 8px 8px;border-radius:6px;background:#f3f4f4;} :is(.sushi-discovery,.sushi-board) .sf-bet-meta{display:flex;gap:10px;align-items:center;min-width:0;font-size:var(--s-t-small,.8125rem);line-height:1.4;color:var(--s-ink);overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-bet-meta .sf-clean-label{margin-bottom:3px;} :is(.sushi-discovery,.sushi-board) .sf-bet-meta .sf-clean-icon{flex-basis:20px;width:20px;height:20px;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-bet-price-note{grid-column:1/-1;color:var(--s-muted);font-size:var(--s-t-small,.8125rem);line-height:1.4;} :is(.sushi-discovery,.sushi-board) .sf-more-bets{display:flex;flex-direction:column-reverse;margin-top:8px;} :is(.sushi-discovery,.sushi-board) .sf-more-bets>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid var(--s-accent);border-radius:6px;color:var(--s-accent-ink);font-size:var(--s-t-small,.8125rem);font-weight:600;} :is(.sushi-discovery,.sushi-board) .sf-more-close,:is(.sushi-discovery,.sushi-board) .sf-more-bets[open] .sf-more-open{display:none;}:is(.sushi-discovery,.sushi-board) .sf-more-bets[open] .sf-more-close{display:inline;} :is(.sushi-discovery,.sushi-board) .sf-more-bets[open]>.sf-bet-list{margin-bottom:8px;} @container front-section (min-width:701px){:is(.sushi-discovery,.sushi-board) .sf-more-bets[open]>summary{display:none;}:is(.sushi-discovery,.sushi-board) .sf-more-bets[open]>.sf-bet-list{margin-bottom:0;}} /* Three compact panels share their own container, independent of viewport/admin chrome. */ :is(.sushi-discovery,.sushi-board) .sf-panels-wrap{container-type:inline-size;container-name:front-layout;} :is(.sushi-discovery,.sushi-board) .sf-compact-panels{display:block;margin:24px auto;container-type:inline-size;container-name:front-panels;} /* Panels-handoff 17/10 2026 (forslag 3): kampoversigten i fuld bredde oeverst, agenter og odds som to lige brede paneler nedenunder; under 700 px komponentbredde under hinanden. Et panel uden en partner i sin raekke (en Smart view-gruppe med kun ét eller to paneler) faar hele bredden, saa der aldrig staar et tomt felt. */ :is(.sushi-discovery,.sushi-board) .sf-panels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-gap);align-items:stretch;min-width:0;} :is(.sushi-discovery,.sushi-board) .sf-panels-grid>:is(.sf-fixtures-panel,:only-child,.sf-fixtures-panel+:last-child,:first-child:has(+.sf-fixtures-panel)){grid-column:1/-1;} @container front-panels (max-width:700px){:is(.sushi-discovery,.sushi-board) .sf-panels-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-gap);}} :is(.sushi-discovery,.sushi-board) .sf-compact-panel{min-width:0;padding:0;border:1px solid var(--s-line);border-radius:10px;background:var(--s-surface);box-shadow:none;display:flex;flex-direction:column;container-type:inline-size;container-name:front-section;} :is(.sushi-discovery,.sushi-board) .sf-compact-panel .sf-section-head{margin:0;padding:4px 12px;gap:8px;border-bottom:1px solid var(--s-line);} :is(.sushi-discovery,.sushi-board) .sf-compact-panel .sf-section-title{gap:8px;flex:1 1 auto;} :is(.sushi-discovery,.sushi-board) .sf-compact-panel .sf-section-head h2{font-size:var(--s-t-h3,1rem);letter-spacing:-.015em;} :is(.sushi-discovery,.sushi-board) .sf-compact-panel .sf-section-link{font-size:var(--s-t-caption,.6875rem);} :is(.sushi-discovery,.sushi-board) .sf-compact-panel>.sf-section-link{padding:8px 12px;margin-top:auto;} :is(.sushi-discovery,.sushi-board) .sf-compact-panel>.sf-panel-foot{margin-top:0;} :is(.sushi-discovery,.sushi-board) .sf-compact-panel .sf-panel-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:10px 12px;margin-top:auto;border-top:1px solid var(--s-line);background:#f5f6f6;border-radius:0 0 10px 10px;font-size:var(--s-t-caption,.6875rem);line-height:1.45;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-panel-foot a{display:flex;align-items:center;min-height:32px;white-space:normal;color:var(--s-accent-ink);font-weight:550;} /* Next fixtures: kun radio-mekanikken bor her. Udseendet er ejerens Calendar strip (approved CSS i 50) paa den globale liga-rail (global-controls i 50), saa de to aldrig kan staa i strid med hinanden. */ :is(.sushi-discovery,.sushi-board) .sf-fixture-tabs>div{position:relative;flex:0 0 auto;} :is(.sushi-discovery,.sushi-board) .sf-fixture-tabs label{display:block;cursor:pointer;margin:0;} :is(.sushi-discovery,.sushi-board) .sf-fixture-tabs input{position:absolute;width:1px;height:1px;opacity:0;} :is(.sushi-discovery,.sushi-board) .sf-fixture-view{display:none;}:is(.sushi-discovery,.sushi-board) .sf-fixture-view[data-sf-league=all]{display:block;} :is(.sushi-discovery,.sushi-board) .sf-count-narrow{display:none;} :is(.sushi-discovery,.sushi-board) .sf-agent-table{padding:0 10px;} :is(.sushi-discovery,.sushi-board) .sf-agent-head,:is(.sushi-discovery,.sushi-board) .sf-agent-row{display:grid;grid-template-columns:15px minmax(0,1fr) 50px 35px 40px 42px;gap:6px;align-items:center;} :is(.sushi-discovery,.sushi-board) .sf-agent-head{padding:10px 0;border-bottom:1px solid var(--s-line);font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);line-height:1.3;} :is(.sushi-discovery,.sushi-board) .sf-agent-row{padding:8px 0;min-height:54px;border-bottom:1px solid var(--s-line);font-size:var(--s-t-small,.8125rem);color:var(--s-ink);line-height:1.35;font-variant-numeric:tabular-nums;} :is(.sushi-discovery,.sushi-board) .sf-agent-row>*{min-width:0;}:is(.sushi-discovery,.sushi-board) .sf-agent-head>:nth-child(n+3),:is(.sushi-discovery,.sushi-board) .sf-agent-row>:nth-child(n+3){text-align:right;} :is(.sushi-discovery,.sushi-board) .sf-agent-name a{display:flex;align-items:center;gap:7px;color:var(--s-ink);overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-agent-avatar{display:flex;flex:0 0 26px;width:26px;height:30px;align-items:center;justify-content:center;} :is(.sushi-discovery,.sushi-board) .sf-agent-sub{display:block;margin-top:2px;font-size:var(--s-t-caption,.6875rem);font-weight:500;line-height:1.3;color:var(--s-muted);white-space:normal;}:is(.sushi-discovery,.sushi-board) .sf-agent-kv{white-space:nowrap;} :is(.sushi-discovery,.sushi-board) .sf-agent-avatar :is(img,svg){max-width:26px!important;width:26px!important;height:30px!important;object-fit:contain;margin:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;} :is(.sushi-discovery,.sushi-board) .sf-agent-pnl{font-weight:650;color:var(--s-accent-ink);white-space:nowrap;}:is(.sushi-discovery,.sushi-board) .sf-agent-pnl.negative{color:var(--s-risk);} :is(.sushi-discovery,.sushi-board) .sf-reads-head,:is(.sushi-discovery,.sushi-board) .sf-read-row{display:grid;grid-template-columns:minmax(0,1fr) 64px 52px;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--s-line);} :is(.sushi-discovery,.sushi-board) .sf-reads-head{font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);line-height:1.3;} :is(.sushi-discovery,.sushi-board) .sf-reads-head>:nth-child(n+2){text-align:right;} :is(.sushi-discovery,.sushi-board) .sf-read-row{min-height:54px;box-shadow:none;color:var(--s-ink);} :is(.sushi-discovery,.sushi-board) .sf-read-identity{display:flex;align-items:center;gap:9px;min-width:0;}:is(.sushi-discovery,.sushi-board) .sf-read-identity>div:last-child{min-width:0;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-read-identity .sf-clean-crest{width:28px;height:28px;flex-basis:28px;} :is(.sushi-discovery,.sushi-board) .sf-read-identity b{font-size:var(--s-t-small,.8125rem);font-weight:650;line-height:1.3;color:var(--s-ink);} :is(.sushi-discovery,.sushi-board) .sf-read-identity .sf-clean-sub{font-size:var(--s-t-caption,.6875rem);margin-top:3px;} :is(.sushi-discovery,.sushi-board) .sf-read-number{font-size:var(--s-t-small,.8125rem);font-weight:650;color:var(--s-accent-ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;} /* Slips: numbered legs, source probabilities and one save action for the whole coupon. */ :is(.sushi-discovery,.sushi-board) .sf-slip-sub{margin:-8px 0 16px;} :is(.sushi-discovery,.sushi-board) .sf-slips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;} @container front-section (max-width:1000px){:is(.sushi-discovery,.sushi-board) .sf-slips-grid{grid-template-columns:minmax(0,1fr);}} @container front-section (max-width:700px){ :is(.sushi-discovery,.sushi-board) .sf-bet-meta{overflow-wrap:normal;} :is(.sushi-discovery,.sushi-board) .sf-bet-details>summary{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;} :is(.sushi-discovery,.sushi-board) .sf-bet-identity{align-items:flex-start;padding-right:64px;gap:9px;} :is(.sushi-discovery,.sushi-board) .sf-bet-metrics{padding-left:41px;gap:12px;} :is(.sushi-discovery,.sushi-board) .sf-bet-metrics>.sf-clean-metric+ .sf-clean-metric{padding-left:12px;} :is(.sushi-discovery,.sushi-board) .sf-bet-context{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;} :is(.sushi-discovery,.sushi-board) .sf-bet-meta{flex-direction:column;align-items:flex-start;gap:6px;} :is(.sushi-discovery,.sushi-board) .sf-bet-meta+ .sf-bet-meta{border-left:1px solid var(--s-line);padding-left:6px;} :is(.sushi-discovery,.sushi-board) .sf-bet-view{grid-column:1/-1;} :is(.sushi-discovery,.sushi-board) .sf-bet-save{top:12px;right:44px;} :is(.sushi-discovery,.sushi-board) .sf-bet-details>summary>.sf-clean-chevron{right:12px;top:17px;} :is(.sushi-discovery,.sushi-board) .sf-bet-copy h3{font-size:var(--s-t-body,.9375rem);} :is(.sushi-discovery,.sushi-board) .sf-bet-copy .sf-clean-sub{font-size:var(--s-t-small,.8125rem);} } @container front-layout (max-width:1100px){:is(.sushi-discovery,.sushi-board) .sf-compact-panels{grid-template-columns:minmax(0,1fr);}} @container front-panels (max-width:1100px){ :is(.sushi-discovery,.sushi-board) .sf-fixture-item:nth-child(n+3){display:none;} :is(.sushi-discovery,.sushi-board) .sf-count-wide{display:none;}:is(.sushi-discovery,.sushi-board) .sf-count-narrow{display:inline;} } @media(max-width:560px){:is(.sushi-discovery,.sushi-board) .sf-discovery{padding:12px;}:is(.sushi-discovery,.sushi-board) .sf-section-head h2{font-size:18px;}} /* Markedsoverblik, kampvælger og resultatkort. Eksisterende font og ikoner arves. */ :is(.sushi-discovery,.sushi-board) :is(.sf-market-panel,.sf-market-more,.sf-prediction-context){margin:0;padding:0;border:0;background:none;box-shadow:none;min-width:0;} :is(.sushi-discovery,.sushi-board) :is(.sf-market-panel,.sf-market-more,.sf-prediction-context)>summary{margin:0;list-style:none;cursor:pointer;} :is(.sushi-discovery,.sushi-board) :is(.sf-market-panel,.sf-market-more,.sf-prediction-context)>summary::-webkit-details-marker{display:none;} :is(.sushi-discovery,.sushi-board) :is(.sf-market-panel,.sf-market-more,.sf-prediction-context)>summary:focus-visible,:is(.sushi-discovery,.sushi-board) :is(.sf-league-choice,.sf-round-control,.sf-radar-select,.sf-radar-next-card,.sf-radar-more,.sf-pred-dots button):focus-visible{outline:2px solid var(--s-accent);outline-offset:-3px;} :is(.sushi-discovery,.sushi-board) :is(.sf-market-grid,.sf-radar-layout,.sf-prediction-grid)>*{min-width:0;} :is(.sushi-discovery,.sushi-board) .sf-pair{display:flex;align-items:center;gap:5px;flex:0 0 auto;} :is(.sushi-discovery,.sushi-board) .sf-pair .sf-clean-crest{width:20px;height:20px;flex-basis:20px;} :is(.sushi-discovery,.sushi-board) :is(.sf-league-logo,.sf-league-identity,.sf-radar-kick) :is(img,svg,.sushi-league-badge){object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;border-radius:0!important;margin:0!important;} :is(.sushi-discovery,.sushi-board) :is(.sf-tip-save,.sf-prediction-save,.sf-radar-save,.sf-radar-row-save) .sushi-add{--sa:26px;position:relative;inset:auto;margin:0;color:var(--s-accent-ink);} :is(.sushi-discovery,.sushi-board) [data-sf-enhanced]{display:none;} :is(.sushi-discovery,.sushi-board) :is(.sf-radar,.sf-predictions) [hidden]{display:none!important;} :is(.sushi-discovery,.sushi-board) .sf-radar:not(.sf-interactive) .sf-radar-row[hidden]{display:table-row!important;} :is(.sushi-discovery,.sushi-board) .sf-round-control{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid var(--s-line);border-radius:8px;background:transparent;color:var(--s-ink);box-shadow:none;cursor:pointer;} :is(.sushi-discovery,.sushi-board) .sf-round-control:disabled{opacity:.35;cursor:default;} :is(.sushi-discovery,.sushi-board) .sf-round-control :is(img,svg){width:18px;height:18px;background:transparent!important;box-shadow:none!important;} :is(.sushi-discovery,.sushi-board) :is(.sf-scroll-back,.sf-match-prev,.sf-pred-prev) :is(img,svg){transform:rotate(180deg);} :is(.sushi-discovery,.sushi-board) .sf-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;} :is(.sushi-discovery,.sushi-board) details.sf-market-panel{border:1px solid var(--s-line);border-radius:10px;overflow:visible;} :is(.sushi-discovery,.sushi-board) .sf-market-panel>summary{display:flex;align-items:center;gap:10px;padding:12px;min-height:68px;} :is(.sushi-discovery,.sushi-board) .sf-market-panel>summary>.sf-clean-icon{flex-basis:28px;width:28px;height:28px;} :is(.sushi-discovery,.sushi-board) .sf-market-panel>summary>.sf-clean-chevron{margin-left:auto;} :is(.sushi-discovery,.sushi-board) .sf-market-panel h3{margin:0 0 3px;font-size:var(--s-t-h3,1rem);font-weight:700;line-height:1.3;color:var(--s-ink);letter-spacing:0;text-transform:none;} :is(.sushi-discovery,.sushi-board) .sf-market-body{padding:0 10px 10px;} :is(.sushi-discovery,.sushi-board) .sf-tip-risk{padding:6px 8px;margin-top:10px;background:var(--s-bg,#f5f7f8);color:var(--s-ink);font-size:var(--s-t-caption,.6875rem);line-height:1.4;font-weight:650;border-radius:4px;} :is(.sushi-discovery,.sushi-board) .sf-tip{display:grid;grid-template-columns:minmax(0,1fr) 35px;gap:8px 10px;padding:12px 4px;border-bottom:1px solid var(--s-line);} :is(.sushi-discovery,.sushi-board) .sf-tip-featured{padding:10px;background:var(--s-bg,#f5f7f8);border:0;border-radius:7px;} :is(.sushi-discovery,.sushi-board) .sf-tip-featured>.sf-tip-risk{grid-column:1/-1;grid-row:2;padding:0;margin:0;background:transparent;} :is(.sushi-discovery,.sushi-board) .sf-tip-pick{grid-column:1/-1;grid-row:2;min-width:0;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-tip h4{margin:0;font-size:20px;line-height:1.35;font-weight:650;color:var(--s-ink);letter-spacing:0;text-transform:none;} :is(.sushi-discovery,.sushi-board) .sf-tip-pick a{color:var(--s-ink)!important;text-decoration:none;} :is(.sushi-discovery,.sushi-board) .sf-tip-match{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;min-width:0;color:var(--s-ink);font-size:15px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-tip-values{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} :is(.sushi-discovery,.sushi-board) .sf-tip-values>.sf-clean-metric+div{border-left:1px solid var(--s-line);padding-left:12px;} :is(.sushi-discovery,.sushi-board) .sf-tip-values .sf-clean-label{font-size:var(--s-t-caption,.6875rem);} :is(.sushi-discovery,.sushi-board) .sf-tip-values .sf-clean-metric>strong{font-size:var(--s-t-body,.9375rem);color:var(--s-accent-ink);} :is(.sushi-discovery,.sushi-board) .sf-tip-save{grid-column:2;grid-row:1;display:flex;justify-content:center;align-self:start;padding:3px 4px 0 0;} :is(.sushi-discovery,.sushi-board) .sf-tip-featured>.sf-tip-save{grid-row:1;} :is(.sushi-discovery,.sushi-board) .sf-tip-featured>.sf-tip-pick{grid-row:3;} :is(.sushi-discovery,.sushi-board) .sf-tip-featured>.sf-tip-values{grid-row:4;} :is(.sushi-discovery,.sushi-board) .sf-tip-match>div:last-child{min-width:0;} :is(.sushi-discovery,.sushi-board) .sf-tip-match .sf-clean-crest{width:26px;height:28px;flex-basis:26px;} :is(.sushi-discovery,.sushi-board) .sf-market-more{display:flex;flex-direction:column-reverse;margin:0;} :is(.sushi-discovery,.sushi-board) .sf-market-more>summary{display:flex;align-items:center;min-height:44px;font-size:var(--s-t-small,.8125rem);color:var(--s-accent-ink);font-weight:600;} :is(.sushi-discovery,.sushi-board) .sf-market-more[open] .sf-more-open{display:none;}:is(.sushi-discovery,.sushi-board) .sf-market-more[open] .sf-more-close{display:inline;} :is(.sushi-discovery,.sushi-board) .sf-market-note{font-size:var(--s-t-caption,.6875rem);line-height:1.45;color:var(--s-muted);margin-top:10px;} /* Liga-slideren scroller kun i sit eget spor, aldrig hele siden. */ :is(.sushi-discovery,.sushi-board) .sf-radar-sub{margin-top:-8px;margin-bottom:14px;} :is(.sushi-discovery,.sushi-board) .sf-interactive .sf-league-slider{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:14px;} :is(.sushi-discovery,.sushi-board) .sf-league-track{display:flex;align-items:stretch;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none!important;min-width:0;flex:1;overscroll-behavior-x:contain;} :is(.sushi-discovery,.sushi-board) .sf-league-track::-webkit-scrollbar{display:none!important;} :is(.sushi-discovery,.sushi-board) .sf-interactive .sf-league-nudge{display:flex;align-items:center;justify-content:center;gap:8px;margin:-7px 0 13px;min-height:4px;} :is(.sushi-discovery,.sushi-board) .sf-league-nudge>span{display:none;} :is(.sushi-discovery,.sushi-board) .sf-radar-selected{min-width:0;touch-action:pan-y pinch-zoom;} :is(.sushi-discovery,.sushi-board) .sf-radar-selected:focus-visible{outline:2px solid var(--s-accent);outline-offset:3px;border-radius:8px;} :is(.sushi-discovery,.sushi-board) .sf-league-choice{display:flex;flex:0 0 auto;align-items:center;gap:8px;scroll-snap-align:start;padding:8px 10px;min-height:52px;margin:0;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;background:transparent;color:var(--s-muted);font:inherit;font-size:var(--s-t-small,.8125rem);line-height:1.3;letter-spacing:0;text-transform:none;cursor:pointer;} :is(.sushi-discovery,.sushi-board) .sf-league-choice[aria-current=true]{border-color:var(--s-accent);color:var(--s-ink);font-weight:650;} :is(.sushi-discovery,.sushi-board) .sf-league-logo{display:flex;align-items:center;justify-content:center;width:26px;height:28px;} :is(.sushi-discovery,.sushi-board) .sf-league-logo :is(img,svg,.sushi-league-badge){width:26px!important;height:26px!important;padding:0!important;} :is(.sushi-discovery,.sushi-board) .sf-radar-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(305px,1fr);gap:14px;align-items:start;} :is(.sushi-discovery,.sushi-board) .sf-radar-list{border:1px solid var(--s-line);border-radius:8px;min-width:0;overflow:hidden;} /* Native fallback stays within the card, including owner-defined container names. */ :is(.sushi-discovery,.sushi-board) .sf-radar:not(.sf-interactive) .sf-radar-layout{grid-template-columns:minmax(0,1fr);} :is(.sushi-discovery,.sushi-board) .sf-radar:not(.sf-interactive) .sf-radar-list{max-width:100%;overflow-x:auto;} :is(.sushi-discovery,.sushi-board) table.sf-radar-table{display:table;width:100%;min-width:0;border:0;margin:0;background:transparent;border-collapse:collapse;table-layout:fixed;} :is(.sushi-discovery,.sushi-board) .sf-radar-table :is(th,td){border:0;border-bottom:1px solid var(--s-line);background:transparent;white-space:normal;text-align:left;vertical-align:middle;padding:10px 6px;color:var(--s-ink);line-height:1.35;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-radar-table thead th{font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);font-weight:600;} :is(.sushi-discovery,.sushi-board) .sf-radar-table th:first-child{width:31%;padding-left:10px;} :is(.sushi-discovery,.sushi-board) .sf-radar-table th:last-child{width:44px;} :is(.sushi-discovery,.sushi-board) .sf-radar-table td>strong{display:block;font-size:var(--s-t-small,.8125rem);font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;} :is(.sushi-discovery,.sushi-board) .sf-radar-table td>span{display:block;margin-top:4px;font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);line-height:1.35;} :is(.sushi-discovery,.sushi-board) .sf-radar-row[data-selected=true]{background:var(--s-bg,#f5f7f8);box-shadow:inset 3px 0 var(--s-accent);} :is(.sushi-discovery,.sushi-board) .sf-radar-select{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:center;width:100%;min-height:44px;margin:0;padding:0;border:0;background:none;box-shadow:none;font:inherit;font-size:var(--s-t-small,.8125rem);font-weight:600;text-align:left;line-height:1.35;letter-spacing:0;color:var(--s-ink);text-transform:none;cursor:pointer;} :is(.sushi-discovery,.sushi-board) .sf-radar-match-name{overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-radar-kick{display:flex;gap:6px;align-items:center;font-size:var(--s-t-caption,.6875rem);font-weight:400;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-radar-kick :is(img,svg){width:16px!important;height:16px!important;} :is(.sushi-discovery,.sushi-board) .sf-radar-row-save{text-align:center!important;padding:6px!important;} :is(.sushi-discovery,.sushi-board) .sf-radar-list-foot{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:6px 12px;font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-radar-list-foot a{display:flex;align-items:center;min-height:44px;} :is(.sushi-discovery,.sushi-board) .sf-interactive .sf-radar-more{display:block;margin:0;padding:8px;min-height:44px;border:0;border-radius:0;background:none;color:var(--s-accent-ink);font:inherit;font-weight:600;cursor:pointer;} :is(.sushi-discovery,.sushi-board) .sf-radar-detail{padding:14px;border:1px solid var(--s-line);border-radius:8px;background:var(--s-surface);} :is(.sushi-discovery,.sushi-board) .sf-radar-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--s-t-caption,.6875rem);line-height:1.4;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-league-identity{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-league-identity :is(img,svg){flex:0 0 20px;width:20px!important;height:20px!important;} :is(.sushi-discovery,.sushi-board) .sf-match-teams{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:8px;align-items:center;padding:16px 0;} :is(.sushi-discovery,.sushi-board) .sf-match-team{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center;} :is(.sushi-discovery,.sushi-board) .sf-match-team>.sf-clean-crest{width:40px;height:40px;flex-basis:40px;} :is(.sushi-discovery,.sushi-board) .sf-match-team h3{margin:0;font-size:var(--s-t-body,.9375rem);font-weight:650;line-height:1.3;color:var(--s-ink);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-match-vs{font-size:var(--s-t-caption,.6875rem);text-align:center;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-radar-market-head,:is(.sushi-discovery,.sushi-board) .sf-radar-market{display:grid;grid-template-columns:minmax(72px,1fr) minmax(0,1.15fr) 75px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--s-line);} :is(.sushi-discovery,.sushi-board) .sf-radar-market-head{font-size:var(--s-t-caption,.6875rem);line-height:1.3;color:var(--s-muted);border-top:1px solid var(--s-line);} :is(.sushi-discovery,.sushi-board) .sf-radar-market-head>:last-child{text-align:right;} :is(.sushi-discovery,.sushi-board) .sf-radar-market{font-size:var(--s-t-small,.8125rem);line-height:1.4;} :is(.sushi-discovery,.sushi-board) .sf-radar-market-name{display:flex;align-items:center;gap:7px;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-radar-market-name .sf-clean-icon{width:18px;height:18px;flex-basis:18px;} :is(.sushi-discovery,.sushi-board) .sf-radar-market-pick{min-width:0;overflow-wrap:anywhere;color:var(--s-ink);font-weight:550;} :is(.sushi-discovery,.sushi-board) .sf-radar-market>strong{white-space:nowrap;text-align:right;font-size:var(--s-t-body,.9375rem);font-weight:650;} :is(.sushi-discovery,.sushi-board) .sf-view-match{margin-top:14px;background:var(--s-accent);color:white!important;} :is(.sushi-discovery,.sushi-board) .sf-radar-save{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 8px 12px;min-height:44px;margin-top:8px;border:1px solid var(--s-line);border-radius:6px;font-size:var(--s-t-small,.8125rem);color:var(--s-ink);} :is(.sushi-discovery,.sushi-board) .sf-radar-current{text-align:center;font-size:var(--s-t-small,.8125rem);font-weight:650;color:var(--s-ink);line-height:1.35;min-width:0;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-radar-next-card{align-items:center;text-align:left;grid-template-columns:minmax(0,1fr) 18px;gap:6px 12px;width:100%;padding:12px;margin:12px 0 0;border:1px solid var(--s-line);border-radius:8px;background:var(--s-surface);color:var(--s-ink);box-shadow:none;cursor:pointer;line-height:1.4;} :is(.sushi-discovery,.sushi-board) .sf-radar-next-card>span:first-child{font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);font-weight:400;} :is(.sushi-discovery,.sushi-board) .sf-radar-next-card>strong{grid-column:1;font-size:var(--s-t-small,.8125rem);font-weight:650;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-radar-next-card>.sf-clean-chevron{grid-column:2;grid-row:1/3;transform:none;} /* Predictions: tre kort på desktop, to pr. side på telefon. */ :is(.sushi-discovery,.sushi-board) .sf-prediction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;} :is(.sushi-discovery,.sushi-board) .sf-prediction-card{border:1px solid var(--s-line);border-radius:10px;padding:14px;background:var(--s-surface);box-shadow:none;min-width:0;} :is(.sushi-discovery,.sushi-board) .sf-prediction-meta{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;align-items:start;font-size:var(--s-t-caption,.6875rem);line-height:1.4;color:var(--s-muted);min-height:36px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-save{display:flex;justify-content:center;padding-top:3px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-date{padding-top:3px;max-width:70px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-link{display:block;color:var(--s-ink)!important;text-decoration:none;} :is(.sushi-discovery,.sushi-board) .sf-prediction-link:focus-visible{outline:2px solid var(--s-accent);outline-offset:4px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:8px 10px;background:var(--s-bg,#f5f7f8);border-radius:6px;font-size:var(--s-t-small,.8125rem);line-height:1.4;color:var(--s-ink);} :is(.sushi-discovery,.sushi-board) .sf-prediction-pick span{color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-prediction-pick strong{white-space:nowrap;font-variant-numeric:tabular-nums;} :is(.sushi-discovery,.sushi-board) .sf-prediction-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-result>.sf-clean-metric+div{border-left:1px solid var(--s-line);padding-left:8px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-result .sf-clean-label{font-size:var(--s-t-caption,.6875rem);} :is(.sushi-discovery,.sushi-board) .sf-prediction-result .sf-clean-metric>strong{font-size:18px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-extras{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--s-line);} :is(.sushi-discovery,.sushi-board) .sf-prediction-extras>div{display:flex;align-items:center;gap:8px;min-width:0;flex:1;} :is(.sushi-discovery,.sushi-board) .sf-prediction-extras>div+div{border-left:1px solid var(--s-line);padding-left:12px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-extras .sf-clean-label{font-size:var(--s-t-caption,.6875rem);} :is(.sushi-discovery,.sushi-board) .sf-prediction-extras .sf-clean-metric>strong{font-size:18px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-context{margin-top:10px;font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);line-height:1.45;} :is(.sushi-discovery,.sushi-board) .sf-prediction-context>summary{padding:8px 0;min-height:44px;} :is(.sushi-discovery,.sushi-board) .sf-interactive .sf-prediction-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;} :is(.sushi-discovery,.sushi-board) .sf-pred-dots{display:flex;align-items:center;gap:0;} :is(.sushi-discovery,.sushi-board) .sf-pred-dots button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;} :is(.sushi-discovery,.sushi-board) .sf-pred-dots button::after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--s-line);} :is(.sushi-discovery,.sushi-board) .sf-pred-dots button[aria-current=true]::after{background:var(--s-accent);} :is(.sushi-discovery,.sushi-board) .sf-pred-page{font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);} @container front-section (max-width:1050px){ :is(.sushi-discovery,.sushi-board) .sf-radar-layout{grid-template-columns:minmax(0,1fr);} :is(.sushi-discovery,.sushi-board) .sf-interactive .sf-radar-list{display:none;} :is(.sushi-discovery,.sushi-board) .sf-radar:not(.sf-interactive) .sf-radar-list{overflow-x:auto;} :is(.sushi-discovery,.sushi-board) .sf-radar:not(.sf-interactive) table.sf-radar-table{min-width:600px;} :is(.sushi-discovery,.sushi-board) .sf-interactive .sf-radar-switch{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;margin-bottom:12px;} :is(.sushi-discovery,.sushi-board) .sf-interactive .sf-radar-next-card{display:grid;} } @container front-section (max-width:900px){:is(.sushi-discovery,.sushi-board) .sf-market-grid{grid-template-columns:minmax(0,1fr);}:is(.sushi-discovery,.sushi-board) .sf-prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @container front-section (max-width:700px){ :is(.sushi-discovery,.sushi-board) .sf-interactive :is(.sf-scroll-back,.sf-scroll-forward,.sf-radar-switch,.sf-radar-next-card){display:none!important;} :is(.sushi-discovery,.sushi-board) .sf-interactive .sf-radar-nudge{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px;font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);line-height:1.35;} :is(.sushi-discovery,.sushi-board) .sf-league-nudge>span{display:inline;font-size:var(--s-t-caption,.6875rem);color:var(--s-muted);line-height:1.35;} :is(.sushi-discovery,.sushi-board) .sf-interactive .sf-league-slider{margin-bottom:12px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-grid{grid-template-columns:minmax(0,1fr);} :is(.sushi-discovery,.sushi-board) .sf-market-panel>summary{min-height:64px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-card{padding:12px;} :is(.sushi-discovery,.sushi-board) .sf-radar-detail{padding:12px;} :is(.sushi-discovery,.sushi-board) .sf-radar-market-head,:is(.sushi-discovery,.sushi-board) .sf-radar-market{grid-template-columns:minmax(68px,1fr) minmax(0,1fr) 70px;gap:6px;} :is(.sushi-discovery,.sushi-board) .sf-radar-market-name{gap:5px;} :is(.sushi-discovery,.sushi-board) .sf-radar-market-name .sf-clean-icon{flex-basis:16px;width:16px;height:16px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-meta{grid-template-columns:minmax(0,1fr) 64px 44px;gap:6px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-extras{gap:8px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-extras>div{gap:6px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-extras>div+div{padding-left:8px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-extras .sf-clean-icon{flex-basis:20px;width:20px;height:20px;} :is(.sushi-discovery,.sushi-board) .sf-league-slider{gap:4px;} :is(.sushi-discovery,.sushi-board) .sf-league-choice{flex-direction:column;gap:5px;max-width:125px;min-width:90px;padding:8px;font-size:var(--s-t-caption,.6875rem);} :is(.sushi-discovery,.sushi-board) .sf-radar-detail-meta{flex-wrap:wrap;} :is(.sushi-discovery,.sushi-board) .sf-tip-match{grid-column:1;} } /* Keep identity, selection and metrics in separate rows at every card width. */ @container front-section (max-width:330px){ :is(.sushi-discovery,.sushi-board) .sf-prediction-result .sf-clean-metric>strong{font-size:16px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-result{gap:6px;} :is(.sushi-discovery,.sushi-board) .sf-prediction-result>.sf-clean-metric+div{padding-left:6px;} } /* Shared discovery surfaces, sized independently from the page shell. */ :is(.sushi-discovery,.sushi-board) .sf-compare-match{display:flex;align-items:center;gap:9px;min-width:0;} :is(.sushi-discovery,.sushi-board) .sf-compare-match>span{min-width:0;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} :is(.sushi-discovery,.sushi-board) .sf-player-grid{grid-template-columns:repeat(4,minmax(0,1fr));} :is(.sushi-discovery,.sushi-board) .sf-player-card{min-width:0;padding:14px;border:1px solid var(--s-line);border-radius:10px;background:var(--s-surface);} :is(.sushi-discovery,.sushi-board) .sf-player-person{display:flex;align-items:center;gap:4px;} :is(.sushi-discovery,.sushi-board) .sf-player-person>div{min-width:0;} :is(.sushi-discovery,.sushi-board) .sf-player-person h3{margin:0 0 4px;font-size:16px;line-height:1.3;font-weight:700;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-player-team{display:flex;align-items:center;gap:5px;font-size:14px;color:var(--s-muted);} :is(.sushi-discovery,.sushi-board) .sf-player-estimate{display:flex;justify-content:space-between;gap:8px;padding:12px 0;font-size:14px;} :is(.sushi-discovery,.sushi-board) .sf-player-estimate strong{font-size:18px;font-variant-numeric:tabular-nums;} :is(.sushi-discovery,.sushi-board) .sf-player-match{display:flex;align-items:center;gap:8px;min-height:44px;border-top:1px solid var(--s-line);padding-top:9px;color:var(--s-ink);text-decoration:none!important;font-size:14px;} :is(.sushi-discovery,.sushi-board) .sf-player-match>span{min-width:0;flex:1;overflow-wrap:anywhere;} :is(.sushi-discovery,.sushi-board) .sf-player-match>svg{flex:0 0 18px;} :is(.sushi-discovery,.sushi-board) .sf-player-card:has(a:hover){border-color:var(--s-accent);} :is(.sushi-discovery,.sushi-board) .sf-player-match:focus-visible{outline:2px solid var(--s-accent);outline-offset:3px;} /* Players to watch: foer scriptet koerer staar kun startportionen; uden JavaScript (ingen .si-js) staar alle. */ .si-js .sushi-discovery #front-players .sf-player-card[data-sf-player-more]{display:none;} .sushi-discovery{min-width:0;width:100%;} .sushi-discovery a{text-decoration:none!important;} @media(max-width:1000px){:is(.sushi-discovery,.sushi-board) .sf-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:560px){:is(.sushi-discovery,.sushi-board) .sf-player-grid{grid-template-columns:1fr;gap:8px;}.sushi-discovery .sf-discovery{margin:18px 0;padding:12px;}} :is(.sushi-discovery,.sushi-board) .sf-smart-panels{grid-template-columns:repeat(var(--sf-smart-columns,3),minmax(0,1fr));} @container front-layout (max-width:1100px){:is(.sushi-discovery,.sushi-board) .sf-smart-panels{grid-template-columns:minmax(0,1fr);}} @media(max-width:700px){:is(.sushi-discovery,.sushi-board) .sf-smart-panels{grid-template-columns:minmax(0,1fr);}} :is(.sushi-discovery,.sushi-board) .sf-smartbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:12px 0;color:var(--s-muted);font-size:12px;} :is(.sushi-discovery,.sushi-board) .sf-smartbar a{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-left:auto;color:var(--s-accent-ink);font-size:14px;font-weight:600;text-decoration:none;}