/* Solheim Cup room v1. Every class is prefixed sc- and scoped under .sc */
.sc-body { margin: 0; background: #07080b; }
.sc {
  --night: #07080b; --ink: #121318; --paper: #f2ece1; --paper2: #e7ddcb; --rule: #d6cab3; --mute: #6b6457;
  --eu: #2453b8; --eu-d: #163a8a; --eu-l: #dbe4f7; --us: #c9343d; --us-d: #9a1f28; --us-l: #f6dcdc;
  --brass: #c9a24d; --brass-d: #8b6a25; --brass-l: #efdca6;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-family: var(--sans); color: var(--ink); -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums;
  position: relative;
}
.sc *, .sc *::before, .sc *::after { box-sizing: border-box; }
.sc a { color: inherit; }
.sc button { font: inherit; color: inherit; cursor: pointer; }
.sc :focus-visible { outline: 2px solid var(--brass); outline-offset: 2px; }
.sc .sc-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- top bar ---------- */
.sc-bar { position: fixed; z-index: 30; top: 0; left: 0; right: 0; height: 52px; display: flex; align-items: center; gap: 18px; padding: 0 20px;
  padding-top: env(safe-area-inset-top); color: #efe9dd; background: linear-gradient(#07080bcc, #07080b00); pointer-events: none; }
.sc-bar > * { pointer-events: auto; }
.sc-brand { font: 600 13px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; opacity: .85; }
.sc-nav { display: flex; gap: 4px; margin-left: auto; }
.sc-nav a { font: 500 14px/1 var(--sans); text-decoration: none; padding: 9px 12px; border-radius: 99px; color: #efe9dd; }
.sc-nav a:hover, .sc-nav a[aria-current] { background: #ffffff1a; }
.sc-replay { border: 1px solid #ffffff33; background: #07080b80; border-radius: 99px; padding: 7px 12px; font-size: 13px !important; color: #efe9dd !important; }
.sc-replay:hover { background: #ffffff1a; }

/* ---------- hero and stage ---------- */
.sc-hero { position: relative; height: 100vh; height: 100svh; min-height: 560px; color: #f1ebdf; overflow: hidden; }
.sc-stage { position: fixed; inset: 0; z-index: 0; background: radial-gradient(60% 55% at 50% 52%, #14161c 0%, #07080b 70%); }
.sc-stage canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; display: block; touch-action: pan-y; cursor: grab; }
.sc-stage canvas.sc-drag { cursor: grabbing; }
.sc-stage canvas.sc-hot { cursor: pointer; }
.sc-cover { position: absolute; inset: 0; background: #07080b; transition: opacity .6s ease; pointer-events: none; }
.sc-cover.sc-off { opacity: 0; }
.sc-titles { position: absolute; z-index: 2; left: max(28px, 4vw); bottom: 150px; max-width: 440px; pointer-events: none; }
.sc-kick { margin: 0 0 6px; font: 600 12px/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--brass-l); opacity: .9; }
.sc-titles h1 { margin: 0; font: 400 clamp(40px, 5.4vw, 76px)/.98 var(--serif); letter-spacing: -.01em; }
.sc-dek { margin: 14px 0 0; font: 400 16px/1.45 var(--sans); color: #d9d2c4; max-width: 34ch; }
.sc-held { margin: 10px 0 0; font: 500 14px/1.4 var(--sans); color: var(--brass-l); }
.sc-ticker { position: absolute; z-index: 3; left: 50%; bottom: 150px; transform: translateX(-50%); margin: 0; min-height: 1em; text-align: center;
  font: 400 clamp(20px, 2.2vw, 30px)/1.2 var(--serif); color: #f6f0e4; text-shadow: 0 2px 18px #000; pointer-events: none; transition: opacity .3s; white-space: nowrap; }
.sc-ticker small { display: block; font: 600 11px/1.6 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--brass-l); }
.sc-ticker .eu { color: #9fb8ff; } .sc-ticker .us { color: #ff9aa0; }
.sc-skip { position: absolute; z-index: 4; right: 20px; bottom: 150px; border: 1px solid #ffffff40; background: #07080b99; color: #efe9dd; border-radius: 99px; padding: 8px 14px; font-size: 13px; }
.sc-tip { position: fixed; z-index: 6; margin: 0; padding: 8px 11px; border-radius: 8px; background: #f2ece1f2; color: var(--ink); font: 500 13px/1.3 var(--sans);
  pointer-events: none; transform: translate(-50%, calc(-100% - 14px)); box-shadow: 0 6px 24px #0008; white-space: nowrap; }
.sc-tip b { font-family: var(--serif); font-size: 16px; font-weight: 400; margin-right: 6px; }
.sc-hero.sc-opening .sc-yr:not(.sc-lit) { opacity: .16; filter: saturate(.15); transform: none; }
.sc-hero.sc-opening .sc-yr { transition: opacity .25s, filter .25s, transform .25s; }
.sc-hero.sc-opening .sc-dek, .sc-hero.sc-opening .sc-held { opacity: .0; }
.sc-dek, .sc-held, .sc-rail { transition: opacity .8s ease; }

.sc-rail { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 0 max(20px, 4vw) calc(18px + env(safe-area-inset-bottom)); }
.sc-rail-h { margin: 0 0 8px; font: 600 11px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: #bdb5a6; }
.sc-rail ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(20, minmax(0, 1fr)); gap: 6px; }
.sc-yr { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; height: 64px; border-radius: 6px; text-decoration: none;
  position: relative; overflow: hidden; color: #fff; background: #222; box-shadow: inset 0 1px 0 #ffffff30, inset 0 -2px 0 #0004, 0 2px 8px #0006; transition: transform .2s ease, box-shadow .2s; }
.sc-yr.eu { background: linear-gradient(170deg, #2e60c9, var(--eu-d)); }
.sc-yr.us { background: linear-gradient(170deg, #d6434b, var(--us-d)); }
.sc-yr.tie { background: linear-gradient(135deg, #2e60c9 0 50%, #d6434b 50% 100%); }
.sc-yr.tie::after { content: ""; position: absolute; inset: 3px; border: 2px solid #9fb8ff; border-radius: 4px; }
.sc-yr b { font: 400 17px/1 var(--serif); }
.sc-yr i { font: 700 10px/1 var(--sans); font-style: normal; letter-spacing: .12em; opacity: .9; }
.sc-yr:hover, .sc-yr.sc-on { transform: translateY(-4px); box-shadow: inset 0 1px 0 #ffffff40, 0 0 0 2px var(--brass), 0 8px 20px #000a; }

/* ---------- doors and record ---------- */
.sc-doors { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 28px max(20px, 4vw); background: var(--night); }
.sc-door { display: block; padding: 22px 22px 20px; border-radius: 10px; background: #15171d; color: #efe9dd; text-decoration: none; border: 1px solid #2a2c33; transition: border-color .2s, transform .2s; }
.sc-door:hover { border-color: var(--brass); transform: translateY(-2px); }
.sc-door b { display: block; font: 400 24px/1.1 var(--serif); margin-bottom: 6px; }
.sc-door span { font-size: 14px; color: #b9b2a4; }
.sc-record { position: relative; z-index: 1; background: var(--paper); padding: 40px max(20px, 4vw) 80px; color: var(--ink); }
.sc-rec-head h2 { font: 400 36px/1.1 var(--serif); margin: 0 0 4px; }
.sc-rec-head p { margin: 0 0 28px; color: var(--mute); }
.sc-record h2 { font: 400 28px/1.15 var(--serif); margin: 36px 0 14px; }
.sc-record h3 { font: 400 22px/1.2 var(--serif); margin: 0 0 4px; }
.sc-record h4 { font: 600 13px/1.4 var(--sans); margin: 14px 0 4px; letter-spacing: .02em; }
.sc-record p, .sc-record li, .sc-record td { font-size: 14px; line-height: 1.5; }
.sc-record p { margin: 2px 0; max-width: 80ch; }
.sc-rec-cups { columns: 2 420px; column-gap: 40px; }
.sc-rec-cups > h2 { column-span: all; }
.sc-rec-cup { break-inside: avoid-column; padding: 18px 0; border-top: 1px solid var(--rule); }
.sc-rec-cup ul, .sc-rec-cup ol { margin: 0; padding-left: 18px; }
.sc-rec-res { font-weight: 600; }
.sc-rec-players table { border-collapse: collapse; width: 100%; }
.sc-rec-players th, .sc-rec-players td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--rule); vertical-align: top; }
.sc-rec-players th { font: 600 12px/1.2 var(--sans); text-transform: uppercase; letter-spacing: .06em; color: var(--mute); }
.sc-rec-quotes blockquote { margin: 0 0 14px; padding-left: 14px; border-left: 3px solid var(--brass); }
.sc-rec-quotes footer { font-size: 13px; color: var(--mute); }

/* ---------- views (panels) ---------- */
.sc-views { position: relative; z-index: 40; }
.sc-viewing .sc-titles, .sc-viewing .sc-ticker, .sc-viewing .sc-skip { opacity: 0; pointer-events: none; transition: opacity .3s; }
.sc-viewing .sc-bar .sc-nav, .sc-viewing .sc-bar .sc-replay { opacity: 0; pointer-events: none; }
.sc-view { position: fixed; z-index: 40; top: 0; right: 0; bottom: 0; width: min(640px, 47vw); background: var(--paper); color: var(--ink);
  display: flex; flex-direction: column; box-shadow: -30px 0 60px #0009; transform: translateX(0); transition: transform .38s cubic-bezier(.2,.8,.2,1), opacity .3s; }
.sc-view.sc-wide { width: min(940px, 66vw); }
.sc-view.sc-in { transform: translateX(104%); }
.sc-view.sc-under { opacity: 0; pointer-events: none; }
.sc-vhead { flex: none; display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 12px 0 16px; border-bottom: 1px solid var(--rule); background: var(--paper); }
.sc-vhead .sc-vt { font: 400 19px/1 var(--serif); margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }
.sc-back { border: 0; background: none; padding: 8px 6px; font-size: 14px !important; color: var(--mute) !important; white-space: nowrap; }
.sc-back:hover { color: var(--ink) !important; }
.sc-x { flex: none; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--rule); background: #fffaf2; font-size: 22px !important; line-height: 1; }
.sc-x:hover { background: #fff; border-color: var(--ink); }
.sc-vbody { flex: 1; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 0 22px 60px; }
.sc-copy { border: 1px solid var(--rule); background: none; border-radius: 99px; padding: 7px 11px; font-size: 12px !important; color: var(--mute) !important; white-space: nowrap; }

.sc-h2 { font: 400 34px/1.05 var(--serif); margin: 20px 0 6px; }
.sc-sub { margin: 0; color: var(--mute); font-size: 14px; line-height: 1.45; }
.sc-res { margin: 10px 0 0; font: 600 16px/1.35 var(--sans); }
.sc-res .eu { color: var(--eu); } .sc-res .us { color: var(--us); }
.sc-how { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: #3b382f; }
.sc-src { font-size: 12px; color: var(--mute); }
.sc-src a { color: var(--mute); }
.sc-sec { margin: 30px 0 8px; font: 600 12px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--mute); }
.sc-chip { display: inline-block; font: 700 10px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; padding: 4px 6px; border-radius: 4px; vertical-align: 2px; }
.sc-chip.pick { background: var(--brass-l); color: #5d4510; }
.sc-chip.eu { background: var(--eu); color: #fff; } .sc-chip.us { background: var(--us); color: #fff; }
.sc-dis { font-size: 12px; color: #7a5a12; border-bottom: 1px dotted #7a5a12; cursor: help; background: none; border-top: 0; border-left: 0; border-right: 0; padding: 0; }
.sc-dlist { margin: 6px 0 0; padding: 8px 10px; background: #fff7df; border-radius: 6px; font-size: 12px; line-height: 1.45; color: #5b4a20; }
.sc-dlist p { margin: 0 0 4px; }

/* ---------- the scoreboard ---------- */
.sc-board { position: sticky; top: 0; z-index: 3; margin: 16px -22px 0; padding: 14px 16px 12px; background: #15161a;
  background-image: linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px); background-size: 100% 6px, 9px 100%;
  box-shadow: inset 0 1px 0 #ffffff14, inset 0 -1px 0 #000, 0 10px 24px -14px #000a; color: #fff; }
.sc-brow { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 10px; }
.sc-bside { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 4px; position: relative;
  box-shadow: inset 0 2px 0 #ffffff2a, inset 0 -3px 0 #0005, 0 2px 0 #000; }
.sc-bside.eu { background: linear-gradient(175deg, #2d5fca, var(--eu-d)); }
.sc-bside.us { background: linear-gradient(175deg, #d4424a, var(--us-d)); flex-direction: row-reverse; }
.sc-bteam { font: 700 11px/1.1 var(--sans); letter-spacing: .14em; text-transform: uppercase; }
.sc-bside.us .sc-bteam { text-align: right; }
.sc-flaps { display: flex; gap: 3px; perspective: 300px; }
.sc-flap { position: relative; width: 30px; height: 44px; border-radius: 3px; background: #1b1c20; color: #f7f3ea; font: 600 32px/44px var(--sans); text-align: center;
  box-shadow: inset 0 1px 0 #ffffff22, 0 1px 0 #000, 0 2px 4px #0008; overflow: hidden; }
.sc-flap::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #000c; box-shadow: 0 1px 0 #ffffff12; z-index: 2; }
.sc-flap.sc-half { width: 22px; font-size: 22px; }
.sc-flap .sc-fold { position: absolute; left: 0; right: 0; top: 0; height: 50%; overflow: hidden; background: #1b1c20; transform-origin: 50% 100%; backface-visibility: hidden; z-index: 3; line-height: 44px; }
.sc-flap.sc-go .sc-fold { animation: sc-fold .32s cubic-bezier(.5,0,.8,.4) forwards; }
@keyframes sc-fold { to { transform: rotateX(-90deg); filter: brightness(.5); } }
.sc-bmid { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 96px; text-align: center; }
.sc-bsess { font: 600 12px/1.2 var(--sans); color: var(--brass-l); max-width: 130px; }
.sc-bday { font-size: 11px; color: #a9a397; margin-top: 3px; }
.sc-rope { position: relative; height: 14px; margin: 12px 4px 0; border-radius: 7px; background: linear-gradient(90deg, var(--eu-d), #2a2b31 42% 58%, var(--us-d)); box-shadow: inset 0 2px 3px #000a; }
.sc-rope::before { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: #ffffff55; }
.sc-puck { position: absolute; top: 50%; left: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff3c4, var(--brass) 45%, var(--brass-d) 100%); box-shadow: 0 2px 5px #000c, inset 0 -2px 3px #0005; transition: left .6s cubic-bezier(.3,.9,.3,1); }
.sc-pegs { display: flex; gap: 6px; margin: 12px 2px 0; }
.sc-pgroup { flex: var(--n) 1 0; display: flex; gap: 2px; }
.sc-peg { flex: 1; height: 12px; border-radius: 2px; background: #2a2b31; box-shadow: inset 0 1px 2px #000c; transition: background .25s; position: relative; }
.sc-peg.eu { background: linear-gradient(#3a6ee0, var(--eu-d)); box-shadow: inset 0 1px 0 #ffffff40; }
.sc-peg.us { background: linear-gradient(#e2525a, var(--us-d)); box-shadow: inset 0 1px 0 #ffffff40; }
.sc-peg.hv { background: linear-gradient(90deg, var(--eu) 0 50%, var(--us) 50%); }
.sc-peg.op { background: repeating-linear-gradient(45deg, #777 0 2px, #333 2px 4px); }
.sc-peg.now { outline: 2px solid var(--brass-l); outline-offset: 1px; }
.sc-peg.cl::after { content: ""; position: absolute; left: 50%; top: -6px; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%; background: var(--brass-l); }
.sc-ctl { display: flex; align-items: center; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.sc-play { border: 0; border-radius: 99px; padding: 9px 16px; background: var(--brass); color: #1a1408 !important; font-weight: 700 !important; font-size: 14px !important; box-shadow: inset 0 1px 0 #fff6, 0 2px 0 #0008; }
.sc-play:hover { background: #d9b35e; }
.sc-ghost { border: 1px solid #ffffff38; border-radius: 99px; padding: 8px 12px; background: none; color: #e9e3d6 !important; font-size: 13px !important; }
.sc-ghost:hover { background: #ffffff14; }
.sc-ghost[disabled] { opacity: .35; cursor: default; }
.sc-clinch { margin: 10px 0 0; padding: 9px 12px; border-radius: 6px; background: linear-gradient(170deg, #e6c77a, #b48a35); color: #22190a; font-size: 13px; line-height: 1.4; box-shadow: inset 0 1px 0 #fff8; }
.sc-clinch b { display: block; font: 700 10px/1.3 var(--sans); letter-spacing: .14em; text-transform: uppercase; }

/* sessions and matches */
.sc-tabs { display: flex; gap: 6px; overflow-x: auto; margin: 16px -22px 0; padding: 0 22px 4px; scrollbar-width: none; }
.sc-tabs::-webkit-scrollbar { display: none; }
.sc-tab { flex: none; border: 1px solid var(--rule); background: #fffaf2; border-radius: 8px; padding: 8px 11px; text-align: left; font-size: 12px !important; line-height: 1.25; }
.sc-tab b { display: block; font-weight: 600; font-size: 13px; }
.sc-tab[aria-current="true"] { border-color: var(--ink); background: #fff; box-shadow: 0 0 0 1px var(--ink); }
.sc-tab.sc-dim { opacity: .5; }
.sc-session { margin-top: 26px; scroll-margin-top: 230px; }
.sc-session h3 { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 0 0 4px; font: 400 22px/1.2 var(--serif); }
.sc-session h3 small { font: 500 13px/1 var(--sans); color: var(--mute); }
.sc-session .sc-spts { margin-left: auto; font: 600 13px/1 var(--sans); }
.sc-match { display: grid; grid-template-columns: 1fr 84px 1fr; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--rule); transition: opacity .3s, background .3s; }
.sc-match.sc-wait { opacity: .32; }
.sc-match.sc-wait .sc-mres { visibility: hidden; }
.sc-match.sc-now { background: linear-gradient(90deg, transparent, #fff4d6 20% 80%, transparent); }
.sc-mside { font-size: 14px; line-height: 1.35; }
.sc-mside.us { text-align: right; }
.sc-mside .sc-p { display: block; background: none; border: 0; padding: 1px 0; text-align: inherit; width: 100%; font-size: 14px !important; text-decoration: underline; text-decoration-color: #0002; text-underline-offset: 3px; }
.sc-mside .sc-p:hover { text-decoration-color: currentColor; }
.sc-mside.won { font-weight: 700; }
.sc-mside.won.eu { color: var(--eu-d); } .sc-mside.won.us { color: var(--us-d); }
.sc-mres { text-align: center; font: 600 13px/1.2 var(--sans); }
.sc-mres .sc-mb { display: inline-block; min-width: 64px; padding: 5px 6px; border-radius: 4px; background: #e9e1d1; color: #3d3a33; }
.sc-mres .sc-mb.eu { background: var(--eu); color: #fff; } .sc-mres .sc-mb.us { background: var(--us); color: #fff; }
.sc-mres .sc-mb.hv { background: linear-gradient(90deg, var(--eu-l) 0 50%, var(--us-l) 50%); }
.sc-mn { display: block; font: 500 10px/1.6 var(--sans); color: var(--mute); letter-spacing: .06em; text-transform: uppercase; }
.sc-mtag { grid-column: 1 / -1; margin: 2px 0 0; padding: 7px 10px; border-radius: 5px; background: linear-gradient(170deg, #efd896, #c9a24d); color: #2a1f08; font-size: 13px; line-height: 1.4; }
.sc-mtag b { font: 700 10px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; margin-right: 6px; }
.sc-mnote { grid-column: 1 / -1; font-size: 12px; color: var(--mute); margin: 0; }

/* teams */
.sc-teams { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.sc-team h4 { margin: 0 0 6px; font: 400 20px/1.1 var(--serif); display: flex; align-items: center; gap: 8px; }
.sc-team h4::before { content: ""; width: 12px; height: 12px; border-radius: 2px; background: var(--c); }
.sc-team.eu { --c: var(--eu); } .sc-team.us { --c: var(--us); }
.sc-cap { font-size: 13px; line-height: 1.45; margin: 0 0 8px; color: #3b382f; }
.sc-cap b { font-weight: 600; color: var(--ink); }
.sc-roster { list-style: none; margin: 0; padding: 0; }
.sc-roster li { display: flex; align-items: baseline; gap: 6px; padding: 5px 0; border-bottom: 1px solid #0000000d; font-size: 14px; }
.sc-roster .sc-p { border: 0; background: none; padding: 0; text-align: left; font-size: 14px !important; }
.sc-roster .sc-p:hover { text-decoration: underline; }
.sc-roster small { color: var(--mute); font-size: 11px; letter-spacing: .04em; }
.sc-notes p { font-size: 14px; line-height: 1.55; margin: 0 0 10px; }
.sc-qmini blockquote { margin: 0 0 14px; }

/* hall */
.sc-hall-tools { position: sticky; top: 0; z-index: 2; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 0 -22px; padding: 12px 22px; background: var(--paper); border-bottom: 1px solid var(--rule); }
.sc-search { flex: 1 1 200px; min-width: 0; height: 40px; border-radius: 99px; border: 1px solid var(--rule); background: #fffaf2; padding: 0 16px; font: 15px var(--sans); color: var(--ink); }
.sc-seg { display: inline-flex; border: 1px solid var(--rule); border-radius: 99px; overflow: hidden; }
.sc-seg button { border: 0; background: #fffaf2; padding: 9px 12px; font-size: 13px !important; }
.sc-seg button[aria-pressed="true"] { background: var(--ink); color: #fff !important; }
.sc-hall { list-style: none; margin: 0; padding: 0; }
.sc-hrow { display: grid; grid-template-columns: 40px minmax(0, 1.6fr) 1.2fr 70px 76px 54px; align-items: center; gap: 10px; padding: 11px 6px; border-bottom: 1px solid var(--rule); cursor: pointer; }
.sc-hrow:hover { background: #fffaf2; }
.sc-hhead { cursor: default; font: 600 11px/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); padding-top: 14px; }
.sc-hhead:hover { background: none; }
.sc-rank { font: 400 18px/1 var(--serif); color: var(--mute); text-align: right; }
.sc-hname { min-width: 0; }
.sc-hname button { border: 0; background: none; padding: 0; font: 400 18px/1.2 var(--serif) !important; text-align: left; }
.sc-hname .sc-hl { display: block; font-size: 12px; color: #7a5a12; margin-top: 2px; }
.sc-hname .sc-team-dot { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 7px; vertical-align: 1px; }
.sc-hcups { font-size: 13px; color: #3b382f; line-height: 1.35; }
.sc-hcups small { display: block; color: var(--mute); font-size: 11px; }
.sc-hrec { font-size: 14px; text-align: right; }
.sc-hrec small { display: block; color: var(--mute); font-size: 11px; }
.sc-hpts { font: 600 20px/1 var(--sans); text-align: right; }
.sc-hclinch { grid-column: 2 / -1; font-size: 12px; color: #7a5a12; margin-top: -4px; }

/* player */
.sc-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 16px; }
.sc-stat { background: #fffaf2; border: 1px solid var(--rule); border-radius: 8px; padding: 10px 12px; }
.sc-stat b { display: block; font: 600 24px/1.1 var(--sans); }
.sc-stat span { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.sc-card { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 9px 14px; border-radius: 99px; background: var(--ink); color: #fff !important; text-decoration: none; font-size: 14px; }
.sc-pcup { margin-top: 22px; }
.sc-pcup h3 { margin: 0 0 4px; font: 400 22px/1.2 var(--serif); display: flex; gap: 10px; align-items: baseline; }
.sc-pcup h3 button { border: 0; background: none; padding: 0; font: inherit !important; text-decoration: underline; text-decoration-color: #0003; text-underline-offset: 4px; }
.sc-pcup h3 small { font: 500 13px/1 var(--sans); color: var(--mute); }
.sc-pm { display: grid; grid-template-columns: 74px 1fr auto; gap: 10px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid var(--rule); font-size: 14px; line-height: 1.4; }
.sc-pm .sc-pmw { font: 700 11px/1.2 var(--sans); letter-spacing: .06em; text-transform: uppercase; }
.sc-pm .won { color: #1d6b3a; } .sc-pm .lost { color: #8b2a2a; } .sc-pm .halved { color: #6b6457; }
.sc-pm small { display: block; color: var(--mute); font-size: 12px; }
.sc-pm .sc-pmr { font-weight: 600; white-space: nowrap; }

/* quotes */
.sc-qfilter { display: flex; gap: 6px; overflow-x: auto; margin: 0 -22px; padding: 12px 22px; position: sticky; top: 0; background: var(--paper); border-bottom: 1px solid var(--rule); z-index: 2; scrollbar-width: none; }
.sc-qfilter button { flex: none; border: 1px solid var(--rule); background: #fffaf2; border-radius: 99px; padding: 7px 11px; font-size: 13px !important; }
.sc-qfilter button[aria-pressed="true"] { background: var(--ink); color: #fff !important; border-color: var(--ink); }
.sc-qcup { margin-top: 24px; }
.sc-qcup h3 { margin: 0 0 10px; font: 400 26px/1.1 var(--serif); }
.sc-q { margin: 0 0 18px; padding: 16px 18px; background: #fffaf2; border-radius: 10px; border: 1px solid var(--rule); }
.sc-q p { margin: 0; font: 400 18px/1.5 var(--serif); }
.sc-q footer { margin-top: 10px; font-size: 13px; color: var(--mute); line-height: 1.45; }
.sc-q footer b { color: var(--ink); font-weight: 600; }
.sc-q.sc-note p { font: 400 15px/1.5 var(--sans); }

/* cups index */
.sc-clist { list-style: none; margin: 10px 0 0; padding: 0; }
.sc-crow { display: grid; grid-template-columns: 62px 1fr auto; gap: 12px; align-items: center; padding: 12px 4px; border-bottom: 1px solid var(--rule); cursor: pointer; }
.sc-crow:hover { background: #fffaf2; }
.sc-crow .sc-cy { font: 400 24px/1 var(--serif); }
.sc-crow .sc-cv { font-size: 14px; line-height: 1.35; }
.sc-crow .sc-cv small { display: block; color: var(--mute); font-size: 12px; }
.sc-crow .sc-cs { text-align: right; font-weight: 600; font-size: 14px; }

/* ---------- phone ---------- */
@media (max-width: 760px) {
  .sc-bar { height: 48px; padding: 0 10px 0 14px; gap: 6px; }
  .sc-brand { font-size: 11px; max-width: 90px; line-height: 1.15; }
  .sc-nav a { padding: 8px 9px; font-size: 13px; }
  .sc-replay { padding: 6px 9px; }
  .sc-replay { font-size: 0 !important; } .sc-replay span { font-size: 15px; }
  .sc-titles { left: 18px; right: 18px; top: 62px; bottom: auto; }
  .sc-titles h1 { font-size: 40px; }
  .sc-dek { font-size: 14px; margin-top: 8px; }
  .sc-held { font-size: 13px; }
  .sc-ticker { bottom: 132px; font-size: 21px; }
  .sc-skip { bottom: auto; top: 58px; right: 12px; }
  .sc-rail { padding: 0 0 calc(14px + env(safe-area-inset-bottom)); }
  .sc-rail-h { padding-left: 18px; }
  .sc-rail ol { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px 18px 4px; gap: 6px; scrollbar-width: none; }
  .sc-rail ol::-webkit-scrollbar { display: none; }
  .sc-rail li { flex: none; scroll-snap-align: start; }
  .sc-yr { width: 56px; height: 62px; }
  .sc-doors { grid-template-columns: 1fr; padding: 18px; gap: 10px; }
  .sc-door { padding: 16px 18px; }
  .sc-record { padding: 28px 18px 60px; }
  .sc-view, .sc-view.sc-wide { width: auto; left: 0; top: 0; border-radius: 0; box-shadow: 0 -20px 50px #000a; }
  .sc-view.sc-cupv { top: 27svh; border-radius: 16px 16px 0 0; }
  .sc-view.sc-in { transform: translateY(104%); }
  .sc-vbody { padding: 0 16px 60px; }
  .sc-board { margin: 12px -16px 0; padding: 10px 10px 10px; }
  .sc-tabs { margin: 14px -16px 0; padding: 0 16px 4px; }
  .sc-hall-tools, .sc-qfilter { margin: 0 -16px; padding: 10px 16px; }
  .sc-h2 { font-size: 28px; margin-top: 14px; }
  .sc-flap { width: 25px; height: 38px; font-size: 27px; line-height: 38px; }
  .sc-flap .sc-fold { line-height: 38px; }
  .sc-flap.sc-half { width: 18px; font-size: 19px; }
  .sc-bmid { min-width: 74px; }
  .sc-bsess { font-size: 11px; max-width: 90px; }
  .sc-bteam { font-size: 9px; letter-spacing: .1em; }
  .sc-bside { padding: 6px 7px; }
  .sc-match { grid-template-columns: 1fr 70px 1fr; gap: 6px; }
  .sc-mside, .sc-mside .sc-p { font-size: 13px !important; }
  .sc-mres .sc-mb { min-width: 54px; font-size: 12px; }
  .sc-teams { grid-template-columns: 1fr; }
  .sc-hrow { grid-template-columns: 30px 1fr 58px; grid-template-areas: "r n p" "r c c" "r x x"; row-gap: 4px; padding: 12px 2px; }
  .sc-hrow .sc-rank { grid-area: r; align-self: start; padding-top: 2px; font-size: 16px; }
  .sc-hrow .sc-hname { grid-area: n; }
  .sc-hrow .sc-hpts { grid-area: p; }
  .sc-hrow .sc-hcups { grid-area: c; display: flex; gap: 10px; flex-wrap: wrap; align-items: baseline; }
  .sc-hrow .sc-hcups small { display: inline; }
  .sc-hrow .sc-hrec { display: none; }
  .sc-hrow .sc-hclinch { grid-area: x; margin-top: 0; }
  .sc-hhead { display: none; }
  .sc-stats { grid-template-columns: repeat(2, 1fr); }
  .sc-pm { grid-template-columns: 62px 1fr; }
  .sc-pm .sc-pmr { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
  .sc *, .sc *::before, .sc *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
.sc-arrows { display: flex; gap: 4px; }
.sc-ghost2 { border: 1px solid var(--rule); background: #fffaf2; border-radius: 99px; padding: 6px 10px; font-size: 12px !important; color: var(--ink); white-space: nowrap; }
.sc-ghost2:hover { border-color: var(--ink); }
.sc-clinch .sc-ghost2 { margin: 4px 4px 0 0; background: #fff8; border-color: #0002; }
.sc-qcup h3 .sc-ghost2 { vertical-align: 5px; margin-left: 8px; }
.sc-mob { display: none !important; }
.sc-srcs { margin: 0; padding-left: 18px; }
.sc-srcs li { margin: 0 0 4px; line-height: 1.4; }
@media (max-width: 760px) {
  .sc-mob { display: inline !important; }
  .sc-arrows { display: none; }
  .sc-copy { padding: 6px 9px; }
  .sc-vhead .sc-vt { font-size: 17px; }
}
.sc { overflow-x: clip; }
.sc-rec-players { overflow-x: auto; }
@media (max-width: 760px) {
  .sc-rec-players table { font-size: 12px; min-width: 560px; }
  .sc-rec-cups { columns: 1; }
  .sc-brand { font-size: 0; width: 34px; height: 34px; border-radius: 50%; background: #ffffff14; position: relative; flex: none; }
  .sc-brand::after { content: "GNN"; font-size: 10px; font-weight: 700; letter-spacing: .04em; position: absolute; inset: 0; display: grid; place-items: center; }
  .sc-nav { margin-left: auto; gap: 0; }
}
.sc-vt:focus { outline: none; }
.sc .sc-p { border: 0; background: none; padding: 0; font: inherit; color: inherit; text-decoration: underline; text-decoration-color: #0003; text-underline-offset: 3px; }
.sc .sc-p:hover { text-decoration-color: currentColor; }
span.sc-p { text-decoration: none; }
.sc-viewing .sc-rail, .sc-viewing .sc-doors { opacity: 0; pointer-events: none; }
.sc-clinch { margin: 12px 0 0; }
.sc-qcup h3 .sc-ghost2 { font-family: var(--sans); }
@media (max-width: 760px) {
  .sc-lg { display: none; }
  .sc-ctl { gap: 6px; flex-wrap: nowrap; }
  .sc-play { padding: 8px 14px; }
  .sc-ghost { padding: 8px 11px; }
  .sc-session { scroll-margin-top: 200px; }
}

/* ================= v2: the whole cup, a quiet load, and real surfaces ================= */
.sc { --grain: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .25 0 0 0 0 .16 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E"); --fibre: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .22 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23f%29'/%3E%3C/svg%3E"); --leather: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -.9 .62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23l%29'/%3E%3C/svg%3E"); --wood: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .16' numOctaves='3' seed='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .36 0 0 0 0 .2 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23w%29'/%3E%3C/svg%3E"); --brush: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .9' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .92 0 0 0 0 .7 0 0 0 .28 -.04'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23b%29'/%3E%3C/svg%3E");
  --ink2: #2a241b; --press: 0 1px 0 rgba(255,250,236,.75); }
.sc-stage { background: #050608; }
.sc-cover { display: none; }
.sc-stage canvas { opacity: 0; transition: opacity .9s ease; }
.sc-stage canvas.sc-ready { opacity: 1; }
.sc-still { position: fixed; z-index: 0; display: block; object-fit: contain; pointer-events: none; right: 4vw; top: 70px; height: calc(100svh - 250px); width: 46vw;
  -webkit-mask-image: radial-gradient(closest-side, #000 72%, transparent); mask-image: radial-gradient(closest-side, #000 72%, transparent); }
.sc-has-js .sc-still { display: none; }
.sc-has-js .sc-still.sc-show { display: block; }
@media (max-width: 760px) { .sc-still { left: 0; right: 0; width: 100%; top: 230px; height: calc(100svh - 360px); } }
/* the opening never hides or dims what painted first: tiles light up as the Cup reaches them */
.sc-hero.sc-opening .sc-dek, .sc-hero.sc-opening .sc-held { opacity: 1; }
.sc-hero.sc-opening .sc-yr:not(.sc-lit) { opacity: 1; filter: none; }
.sc-hero.sc-opening .sc-yr.sc-lit { box-shadow: inset 0 1px 0 #ffffff40, 0 0 0 2px #e9cf8a88, 0 0 18px -2px var(--glow, #fff6); }
.sc-hero.sc-opening .sc-yr.sc-on { transform: translateY(-6px); box-shadow: inset 0 1px 0 #ffffff60, 0 0 0 2px var(--brass-l), 0 0 26px 2px var(--glow, #fff8); }
.sc-yr.eu { --glow: #4f7dff; } .sc-yr.us { --glow: #ff4f58; }
.sc-ticker { transition: opacity .35s; }

/* ---- panels sit on the table: a leather-bound ledger, a brass wall, a table of cards ---- */
.sc-view { background: #0c0b0a; background-image: radial-gradient(140% 90% at 0% 30%, rgba(255,226,170,.07), transparent 60%), var(--wood); box-shadow: -40px 0 60px -20px #000; padding: 16px 16px 16px 20px; }
.sc-book { position: relative; height: 100%; display: flex; flex-direction: column; border-radius: 7px; padding: 9px;
  background-color: #3a1d14; background-image: linear-gradient(160deg, rgba(255,210,170,.16), transparent 40%, rgba(0,0,0,.35)), var(--leather);
  box-shadow: 0 34px 50px -18px #000, 0 10px 18px #000c, inset 0 1px 0 rgba(255,220,190,.22), inset 0 0 0 1px rgba(0,0,0,.6), inset 0 0 0 4px rgba(120,70,40,.25); }
.sc-book::before { content: ""; position: absolute; inset: 4px; border: 1px dashed rgba(230,190,140,.28); border-radius: 5px; pointer-events: none; }
.sc-vhead { background: transparent; border: 0; height: 52px; padding: 0 6px 0 10px; }
.sc-vhead .sc-vt { color: #e4c985; font-family: var(--serif); letter-spacing: .01em; text-shadow: 0 -1px 0 rgba(0,0,0,.7), 0 1px 0 rgba(255,220,160,.25); }
.sc-vhead .sc-back { color: #d9c39a !important; }
.sc-vhead .sc-copy, .sc-vhead .sc-ghost2, .sc-vhead .sc-x { color: #2b1d08 !important; border: 0; background: linear-gradient(#f0d792, #b88d3e); box-shadow: inset 0 1px 0 #fff8, inset 0 -1px 0 #0005, 0 1px 2px #000c; }
.sc-vhead .sc-x { width: 36px; height: 36px; font-size: 20px !important; }
.sc-ledger .sc-vbody, .sc-ledger .sc-vbody { color: var(--ink2); text-shadow: var(--press); border-radius: 3px;
  background-color: #eee4cd;
  background-image:
    linear-gradient(90deg, rgba(60,100,230,calc(var(--leu,0)*.13)), transparent 26%),
    linear-gradient(90deg, rgba(220,40,50,calc(var(--lus,0)*.11)), transparent 26%),
    radial-gradient(130% 70% at 0% 0%, rgba(255,246,220,.7), transparent 55%),
    radial-gradient(120% 120% at 100% 100%, rgba(120,80,30,.16), transparent 60%),
    linear-gradient(90deg, transparent 10px, rgba(190,60,60,.32) 10px 11px, transparent 11px 14px, rgba(190,60,60,.32) 14px 15px, transparent 15px),
    var(--fibre), var(--grain);
  box-shadow: inset 0 0 60px rgba(110,70,25,.22), inset 0 0 0 1px rgba(80,50,20,.35), 0 1px 0 rgba(255,255,255,.08); padding-left: 26px; }
.sc-ledger .sc-h2 { color: #33291b; text-shadow: 0 1px 0 rgba(255,253,244,.85), 0 -1px 0 rgba(60,40,10,.22); }
.sc-ledger .sc-sec { color: #7a5f35; letter-spacing: .2em; }
.sc-ledger .sc-match { border-bottom: 1px solid rgba(70,100,170,.22); }
.sc-ledger .sc-session h3 { border-bottom: 2px solid rgba(70,50,20,.45); padding-bottom: 6px; }
.sc-ledger .sc-mres .sc-mb { text-shadow: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.5); }
.sc-ledger .sc-tab { background: rgba(255,250,236,.55); border-color: rgba(90,60,25,.3); text-shadow: var(--press); }
.sc-ledger .sc-tab[aria-current="true"] { background: #fffaf0; box-shadow: 0 0 0 1px #3a2a12, 0 2px 4px rgba(60,40,10,.25); }
.sc-ledger .sc-stat { background: rgba(255,250,236,.5); border-color: rgba(90,60,25,.28); box-shadow: inset 0 1px 2px rgba(60,40,10,.18); }
.sc-ledger .sc-roster li { border-bottom-color: rgba(70,100,170,.18); }
.sc-ledger .sc-crow, .sc-ledger .sc-pm { border-bottom-color: rgba(70,100,170,.22); }
.sc-ledger .sc-clinch, .sc-ledger .sc-mtag { text-shadow: 0 1px 0 rgba(255,240,190,.5); background: linear-gradient(170deg, #ecd28b, #b88c3a); box-shadow: inset 0 1px 0 #fff9, inset 0 -2px 2px rgba(0,0,0,.2), 0 2px 4px rgba(50,30,5,.35); }

/* the scoreboard: a painted board with flip numbers, two stacks of counters and a brass peg rail */
.sc-board { background-color: #151719; background-image: linear-gradient(180deg, rgba(255,255,255,.05), transparent 30%, rgba(0,0,0,.25)), var(--wood);
  border-radius: 4px; text-shadow: none; box-shadow: 0 10px 18px -8px rgba(20,10,0,.6), 0 2px 0 rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 0 1px rgba(0,0,0,.6); }
.sc-board::before, .sc-board::after { content: ""; position: absolute; top: 6px; width: 7px; height: 7px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff2c0, #a37b2c 60%, #4d3810); box-shadow: 0 1px 1px #000; }
.sc-board::before { left: 6px; } .sc-board::after { right: 6px; }
.sc-rope { display: none; }
.sc-stacks { display: grid; grid-template-columns: 1fr 14px 1fr; align-items: center; margin: 12px 0 0; height: 30px; }
.sc-stack { display: flex; align-items: center; height: 30px; padding: 0 8px; }
.sc-stack.eu { flex-direction: row-reverse; --c1: #2e62d4; --c2: #e8eefc; }
.sc-stack.us { --c1: #cf343e; --c2: #fbe9ea; }
.sc-tee { height: 30px; width: 6px; margin: 0 auto; border-radius: 3px; background: linear-gradient(90deg, #6b4e18, #f2d68a, #8a6522); box-shadow: 0 1px 2px #000; }
.sc-ctr { flex: none; width: 22px; height: 22px; margin: 0 -5px; border-radius: 50%; position: relative;
  background: radial-gradient(circle at 36% 30%, rgba(255,255,255,.55) 0 7%, transparent 9%), radial-gradient(circle, var(--c1) 0 46%, var(--c2) 47% 55%, var(--c1) 56% 67%, transparent 68%), repeating-conic-gradient(var(--c1) 0 18deg, var(--c2) 18deg 30deg);
  box-shadow: 0 2px 2px rgba(0,0,0,.7), inset 0 -2px 2px rgba(0,0,0,.35), inset 0 1px 1px rgba(255,255,255,.5); }
.sc-stack.eu .sc-halfc { clip-path: inset(0 0 0 50%); } .sc-stack.us .sc-halfc { clip-path: inset(0 50% 0 0); }
.sc-stack.eu .sc-new { animation: sc-ctr-eu .5s cubic-bezier(.2,.8,.3,1.2) both; }
.sc-stack.us .sc-new { animation: sc-ctr-us .5s cubic-bezier(.2,.8,.3,1.2) both; }
@keyframes sc-ctr-eu { from { transform: translate(var(--far, 60px), -16px) scale(1.3); opacity: 0; } }
@keyframes sc-ctr-us { from { transform: translate(calc(-1 * var(--far, 60px)), -16px) scale(1.3); opacity: 0; } }
.sc-pegs { margin: 10px 0 0; padding: 6px 8px; border-radius: 5px; gap: 7px;
  background: linear-gradient(180deg, #f3dc98, #c79d48 45%, #8f6a26); background-image: var(--brush), linear-gradient(180deg, #f3dc98, #c79d48 45%, #8f6a26);
  box-shadow: inset 0 1px 0 #fff8, inset 0 -2px 2px rgba(0,0,0,.35), 0 2px 3px rgba(0,0,0,.6); }
.sc-pgroup { gap: 3px; justify-content: space-between; }
.sc-peg { flex: 0 1 11px; height: auto; aspect-ratio: 1; max-width: 11px; border-radius: 50%; background: radial-gradient(circle at 50% 40%, #1a1206, #3d2c10); box-shadow: inset 0 1px 2px #000, 0 1px 0 rgba(255,240,190,.6); }
.sc-peg.eu { background: radial-gradient(circle at 35% 30%, #cfdcff, #2f61d6 45%, #102a6e); box-shadow: 0 1px 1px #000a; }
.sc-peg.us { background: radial-gradient(circle at 35% 30%, #ffd2d4, #d43a44 45%, #6c1219); box-shadow: 0 1px 1px #000a; }
.sc-peg.hv { background: linear-gradient(90deg, #2f61d6 0 50%, #d43a44 50%); box-shadow: 0 1px 1px #000a, inset 0 1px 1px rgba(255,255,255,.5); }
.sc-peg.now { outline: 2px solid #fff3c4; outline-offset: 1px; }

/* ---- the players' hall: a wall of engraved brass plates, lit by a lamp that follows you ---- */
.sc-wall .sc-vbody { background-color: #1b120c; background-image: linear-gradient(180deg, rgba(0,0,0,.25), transparent 30%), var(--wood); color: #e8dcc4; border-radius: 3px; box-shadow: inset 0 0 50px #000c; }
.sc-wall .sc-sub { color: #cdbb98; }
.sc-wall .sc-hall-tools { background: rgba(20,13,8,.92); border-bottom: 1px solid #000; box-shadow: 0 6px 12px -6px #000; }
.sc-wall .sc-search { background: #110c08; border-color: #5b4222; color: #f0e2c2; }
.sc-wall .sc-seg { border-color: #5b4222; } .sc-wall .sc-seg button { background: #1d140d; color: #e8d6b0 !important; }
.sc-wall .sc-seg button[aria-pressed="true"] { background: linear-gradient(#f0d792, #b88d3e); color: #2b1d08 !important; }
.sc-hall { position: relative; display: grid; grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); gap: 16px 14px; padding: 18px 2px 30px; --lx: 50%; --ly: 220px; }
.sc-hall::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2; mix-blend-mode: soft-light;
  background: radial-gradient(360px 300px at var(--lx) var(--ly), rgba(255,240,200,.85), rgba(255,240,200,0) 60%, rgba(0,0,0,.55) 100%); transition: background-position .2s; }
.sc-plate.sc-hrow { display: grid; grid-template-columns: 34px 1fr auto; grid-template-areas: "r n n" "a b p" "c c p" "x x x"; gap: 2px 8px; align-items: baseline;
  padding: 14px 16px 12px 14px; border: 0; border-radius: 3px; cursor: pointer; color: #3b2a0c; position: relative;
  text-shadow: 0 1px 0 rgba(255,244,205,.6), 0 -1px 0 rgba(60,40,5,.35);
  background-image: var(--brush), linear-gradient(170deg, #f1d891 0%, #cda24e 38%, #b18536 70%, #d8b866 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -2px 3px rgba(0,0,0,.35), inset 0 0 0 1px rgba(90,62,15,.6), 0 7px 10px -2px rgba(0,0,0,.75), 0 2px 2px #000; transition: transform .2s, filter .2s; }
.sc-plate.sc-hrow:hover { background-color: transparent; transform: translateY(-2px); filter: brightness(1.08); }
.sc-plate::before { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(80,55,12,.45); box-shadow: 0 1px 0 rgba(255,240,200,.45); border-radius: 2px; pointer-events: none; }
.sc-plate::after { content: ""; position: absolute; inset: 0; pointer-events: none; background:
  radial-gradient(circle at 9px 9px, #7a5a1e 0 1.6px, #f6e1a4 2.2px, #8b6624 3.4px, transparent 3.8px), radial-gradient(circle at calc(100% - 9px) 9px, #7a5a1e 0 1.6px, #f6e1a4 2.2px, #8b6624 3.4px, transparent 3.8px),
  radial-gradient(circle at 9px calc(100% - 9px), #7a5a1e 0 1.6px, #f6e1a4 2.2px, #8b6624 3.4px, transparent 3.8px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), #7a5a1e 0 1.6px, #f6e1a4 2.2px, #8b6624 3.4px, transparent 3.8px); }
.sc-plate .sc-rank { grid-area: r; font: 400 24px/1 var(--serif); color: #4a3510; text-align: left; }
.sc-plate .sc-hname { grid-area: n; }
.sc-plate .sc-hname button { font: 600 18px/1.15 var(--serif) !important; color: #2f2006; letter-spacing: .01em; }
.sc-plate .sc-team-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 7px; vertical-align: 1px; box-shadow: inset 0 1px 1px rgba(255,255,255,.6), 0 0 0 1px rgba(60,40,5,.6); }
.sc-plate.eu .sc-team-dot { background: radial-gradient(circle at 35% 30%, #c9d7ff, #2a59c9 60%); }
.sc-plate.us .sc-team-dot { background: radial-gradient(circle at 35% 30%, #ffd1d3, #c8303a 60%); }
.sc-plate .sc-hl { display: block; font-size: 11px; color: #5c4210; margin-top: 3px; }
.sc-plate .sc-hl a { color: #3b2a0c; }
.sc-plate .sc-hrec { text-align: left; font: 600 14px/1.2 var(--sans); color: #3b2a0c; }
.sc-plate .sc-hrec:nth-of-type(3) { grid-area: a; } .sc-plate .sc-hrec:nth-of-type(4) { grid-area: b; }
.sc-plate .sc-hrec small, .sc-plate .sc-hcups small, .sc-plate .sc-hptsw small { display: block; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6a4d17; }
.sc-plate .sc-hptsw { grid-area: p; text-align: right; align-self: end; }
.sc-plate .sc-hpts { font: 400 30px/1 var(--serif); color: #2f2006; }
.sc-plate .sc-hcups { grid-area: c; font: 600 13px/1.2 var(--sans); color: #3b2a0c; margin-top: 4px; }
.sc-plate .sc-hcups small { display: inline; margin-left: 4px; }
.sc-plate .sc-hclinch { grid-area: x; font-size: 11px; color: #5c4210; margin-top: 4px; font-weight: 600; }

/* ---- quotes: type-set cards laid on the table ---- */
.sc-table .sc-vbody { background-color: #121014; background-image: radial-gradient(120% 80% at 0% 0%, rgba(255,226,170,.08), transparent 60%), var(--wood); color: #e8dcc4; border-radius: 3px; box-shadow: inset 0 0 50px #000c; }
.sc-table .sc-sub { color: #cdbb98; }
.sc-table .sc-qfilter { background: rgba(18,15,18,.94); border-bottom: 1px solid #000; }
.sc-table .sc-qfilter button { background: #1d1a1d; color: #e8d6b0 !important; border-color: #4a3b26; }
.sc-table .sc-qfilter button[aria-pressed="true"] { background: linear-gradient(#f0d792, #b88d3e); color: #2b1d08 !important; border-color: #b88d3e; }
.sc-table .sc-qcup h3 { color: #e4c985; text-shadow: 0 -1px 0 #000, 0 1px 0 rgba(255,220,160,.2); }
.sc-table .sc-q { position: relative; border: 0; border-radius: 2px; color: var(--ink2); text-shadow: var(--press); padding: 22px 24px 18px;
  background-color: #f1e8d4; background-image: radial-gradient(120% 90% at 10% 0%, rgba(255,250,234,.8), transparent 60%), var(--fibre), var(--grain);
  box-shadow: 0 14px 20px -10px #000, 0 2px 3px rgba(0,0,0,.7), inset 0 0 30px rgba(120,80,30,.18); transform: rotate(-.35deg); }
.sc-table .sc-q:nth-child(odd) { transform: rotate(.3deg); }
.sc-table .sc-q::before { content: "“"; position: absolute; left: 10px; top: -8px; font: 400 64px/1 var(--serif); color: rgba(150,40,40,.35); text-shadow: none; }
.sc-table .sc-q p { font: 400 19px/1.5 var(--serif); }
.sc-table .sc-q footer { font-variant: small-caps; letter-spacing: .04em; color: #5b4a30; border-top: 1px solid rgba(90,60,25,.25); padding-top: 8px; }
.sc-table .sc-q footer b { color: #2a241b; }
.sc-table .sc-q.sc-note p { font: 400 15px/1.55 var(--serif); }

/* ---- layouts: beside the cup on wide screens; a sheet below the cup on phones and tall screens ---- */
@media (max-width: 900px), (max-aspect-ratio: 9/10) {
  .sc-view, .sc-view.sc-wide { width: auto; left: 0; right: 0; bottom: 0; top: calc(40svh + 64px); padding: 8px 8px 0; border-radius: 16px 16px 0 0; box-shadow: 0 -24px 40px -10px #000; }
  .sc-view.sc-cupv { top: calc(40svh + 64px); }
  .sc-view.sc-in { transform: translateY(104%); }
  .sc-book { border-radius: 12px 12px 0 0; padding: 6px 6px 0; }
  .sc-ledger .sc-vbody { padding-left: 20px; padding-right: 12px; }
  .sc-vbody { border-radius: 3px 3px 0 0; }
  .sc-board { margin: 12px -12px 0 -20px; }
  .sc-ledger .sc-tabs { margin: 14px -12px 0 -20px; padding: 0 12px 4px 20px; }
  .sc-hall { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px 10px; }
}
@media (max-width: 760px) {
  .sc-vhead { height: 46px; }
  .sc-flap { width: 23px; height: 34px; font-size: 24px; line-height: 34px; } .sc-flap .sc-fold { line-height: 34px; }
  .sc-flap.sc-half { width: 17px; font-size: 17px; }
  .sc-board { padding: 8px 8px 8px; }
  .sc-ctr { width: 17px; height: 17px; margin: 0 -5.5px; }
  .sc-stacks, .sc-stack, .sc-tee { height: 24px; }
  .sc-stacks { margin-top: 8px; }
  .sc-pegs { gap: 4px; padding: 5px 6px; margin-top: 8px; } .sc-pgroup { gap: 2px; } .sc-peg { max-width: 9px; }
  .sc-ctl { margin-top: 8px; }
  .sc-hall { grid-template-columns: 1fr 1fr; }
  .sc-plate.sc-hrow { grid-template-columns: 22px 1fr auto; padding: 12px 11px 10px 11px; }
  .sc-plate .sc-rank { font-size: 18px; } .sc-plate .sc-hname button { font-size: 15px !important; } .sc-plate .sc-hpts { font-size: 24px; }
  .sc-plate .sc-hrec { font-size: 12px; }
  .sc-table .sc-q { padding: 18px 16px 14px; } .sc-table .sc-q p { font-size: 17px; }
}
.sc-brow { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.sc-bside { min-width: 0; }
@media (max-width: 760px) {
  .sc-board { margin: 12px -6px 0 -14px; }
  .sc-brow { gap: 5px; }
  .sc-bmid { min-width: 60px; }
  .sc-bteam { font-size: 8px; letter-spacing: .06em; overflow: hidden; }
  .sc-bside { padding: 6px 5px; gap: 4px; }
}
.sc-plate.sc-hrow { grid-template-columns: minmax(64px, auto) 1fr auto; grid-template-areas: "r n n" "a b p" "c c p" "x x x"; }
.sc-plate .sc-rank { align-self: start; }
.sc-plate .sc-hname { grid-column: 1 / -1; grid-row: 1; padding-left: 34px; }
.sc-plate .sc-hrec { display: block !important; white-space: nowrap; }
.sc-plate .sc-hcups { display: block !important; }
@media (max-width: 760px) {
  .sc-plate.sc-hrow { grid-template-columns: 1fr auto; grid-template-areas: "n n" "a b" "c p" "x x"; row-gap: 4px; }
  .sc-plate .sc-hname { padding-left: 24px; }
  .sc-plate .sc-rank { grid-area: auto; grid-column: 1; grid-row: 1; position: absolute; left: 11px; top: 12px; }
  .sc-plate .sc-hrec:nth-of-type(4) { text-align: right; }
}

/* ---------- under the cup: every match and the players ---------- */
#scUF .uf { position: relative; color: #eee4cd; font-family: var(--sans); background:
  radial-gradient(120% 60% at 50% 0%, rgba(201,162,77,.07), transparent 60%), var(--wood, #0c0b0a); background-color: #0d0c0b; padding: 0 0 48px; }
#scUF .uf-head { max-width: 1320px; margin: 0 auto; padding: 34px 40px 10px; display: flex; gap: 28px; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }
#scUF .uf-h2 { font: 400 40px/1.05 var(--serif); color: #f4ead4; margin: 0; }
#scUF .uf-sub { margin: 8px 0 0; color: rgba(238,228,205,.7); font-size: 15px; max-width: 640px; line-height: 1.45; }
#scUF .uf-key { display: flex; gap: 16px; align-items: center; font-size: 13px; color: rgba(238,228,205,.8); flex-wrap: wrap; }
#scUF .uf-key i { display: inline-block; width: 14px; height: 14px; border-radius: 3px; vertical-align: -2px; margin-right: 6px; }
#scUF .k-us { background: var(--us); }
#scUF .k-eu { background: var(--eu); }
#scUF .k-hv { background: #f6f1e6; }
#scUF .k-sd { background: repeating-linear-gradient(135deg, #8b6a25 0 3px, #c9a24d 3px 6px); }
#scUF .k-md { background: linear-gradient(var(--us), var(--us)) top/100% 9px no-repeat, repeating-linear-gradient(135deg, #efdca6 0 2px, transparent 2px 4px) bottom/100% 5px no-repeat; }
#scUF .k-cl { background: transparent; box-shadow: inset 0 0 0 2px #efdca6, 0 0 6px rgba(239,220,166,.8); }
#scUF .uf-bar { max-width: 1320px; margin: 14px auto 0; padding: 12px 40px; display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
#scUF .seg { display: inline-flex; border-radius: 9px; padding: 3px; background: rgba(0,0,0,.45); box-shadow: inset 0 0 0 1px rgba(201,162,77,.35); }
#scUF .seg button { font: 500 13px var(--sans); color: rgba(238,228,205,.85); background: none; border: 0; padding: 7px 12px; border-radius: 7px; cursor: pointer; }
#scUF .seg button.on { background: linear-gradient(#e7c873, #b8913f); color: #241a08; box-shadow: 0 1px 0 rgba(255,255,255,.4) inset; }
#scUF .seg .lab { font-size: 11px; color: rgba(238,228,205,.5); padding: 8px 8px 8px 10px; }
#scUF .search { display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,.45); border-radius: 9px; padding: 0 12px; box-shadow: inset 0 0 0 1px rgba(201,162,77,.35); min-width: 240px; }
#scUF .search input { background: none; border: 0; color: #f4ead4; font: 14px var(--sans); padding: 9px 0; outline: none; width: 100%; }
#scUF .panel { color: var(--ink2, #2a241b); text-shadow: var(--press); border-radius: 4px; background-color: #eee4cd;
  background-image: radial-gradient(130% 70% at 0% 0%, rgba(255,246,220,.7), transparent 55%), radial-gradient(120% 120% at 100% 100%, rgba(120,80,30,.16), transparent 60%), var(--fibre), var(--grain);
  box-shadow: inset 0 0 60px rgba(110,70,25,.22), inset 0 0 0 1px rgba(80,50,20,.35), 0 18px 40px rgba(0,0,0,.55); }
#scUF .leather { background-color: #3a2416; background-image: var(--leather); border-radius: 8px; padding: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.6), inset 0 0 0 1px rgba(201,162,77,.25); }
#scUF .panel h3 { font: 400 26px/1.15 var(--serif); margin: 0 0 4px; color: #33291b; }
#scUF .panel .meta { font-size: 13px; color: #6b6457; }
#scUF .chip-us, #scUF .chip-eu, #scUF .chip-hv { display: inline-block; font: 700 11px var(--sans); letter-spacing: .04em; color: #fff; border-radius: 4px; padding: 2px 6px; }
#scUF .chip-us { background: var(--us); }
#scUF .chip-eu { background: var(--eu); }
#scUF .chip-hv { background: #f6f1e6; color: #3a3226; box-shadow: inset 0 0 0 1px #cfc3ab; }
#scUF .sd { display: inline-block; font: 600 11px var(--sans); color: #3a2a08; border-radius: 4px; padding: 2px 6px; background: repeating-linear-gradient(135deg, #d8b866 0 4px, #c9a24d 4px 8px); }
#scUF .record { max-width: 1320px; margin: 30px auto 0; padding: 0 40px; color: rgba(238,228,205,.7); font-size: 14px; }
#scUF .record summary { cursor: pointer; color: #efdca6; font: 15px var(--serif); }
#scUF .note { font-size: 12px; color: rgba(238,228,205,.55); max-width: 1320px; margin: 18px auto 0; padding: 0 40px; line-height: 1.5; }
@media (max-width: 700px) {
#scUF .uf-head, #scUF .uf-bar, #scUF .record, #scUF .note { padding-left: 16px; padding-right: 16px; }
#scUF .uf-h2 { font-size: 30px; }
#scUF .uf-sub { font-size: 14px; }
}
#scUF .wallwrap { max-width: 1320px; margin: 18px auto 0; padding: 0 40px; display: grid; grid-template-columns: 1fr 330px; gap: 24px; align-items: start; }
#scUF .wall { overflow: hidden; border-radius: 10px; padding: 14px 14px 10px; background: rgba(0,0,0,.4); box-shadow: inset 0 0 0 1px rgba(201,162,77,.25), 0 30px 60px rgba(0,0,0,.5); }
#scUF .wgrid { display: grid; grid-template-columns: 74px repeat(20, 1fr); column-gap: 4px; row-gap: 3px; }
#scUF .yr { text-align: center; font: 15px var(--serif); color: #f4ead4; padding: 2px 0 6px; }
#scUF .yr small { display: block; font: 700 9px var(--sans); letter-spacing: .06em; margin-top: 3px; border-radius: 3px; padding: 2px 0; color: #fff; }
#scUF .yr small.us { background: var(--us); }
#scUF .yr small.eu { background: var(--eu); }
#scUF .yr small.tie { background: linear-gradient(135deg, var(--us) 50%, var(--eu) 50%); }
#scUF .band { grid-column: 1 / -1; font: 13px var(--serif); color: #efdca6; padding: 10px 0 4px; border-top: 1px solid rgba(201,162,77,.25); display: flex; justify-content: space-between; }
#scUF .band span { font: 11px var(--sans); color: rgba(238,228,205,.5); }
#scUF .rl { font-size: 10px; color: rgba(238,228,205,.35); align-self: center; text-align: right; padding-right: 6px; }
#scUF .t { height: 22px; border: 0; border-radius: 4px; font: 600 9.5px/22px var(--sans); color: rgba(255,255,255,.92); text-align: center; cursor: pointer; padding: 0; white-space: nowrap; overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -2px 0 rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.5); transition: opacity .2s, transform .2s; }
#scUF .t.us { background: linear-gradient(#d7474f, #a8262f); }
#scUF .t.eu { background: linear-gradient(#3567d1, #1c4399); }
#scUF .t.hv { background: linear-gradient(#fbf8f1, #e2d9c6); color: #4a3f2f; }
#scUF .t.md { background-image: repeating-linear-gradient(135deg, rgba(239,220,166,.95) 0 3px, transparent 3px 6px), linear-gradient(var(--c1), var(--c2)); background-size: 100% 5px, 100% 100%; background-repeat: no-repeat; background-position: bottom, 0 0; }
#scUF .t.md.us { --c1: #d7474f; --c2: #a8262f; }
#scUF .t.md.eu { --c1: #3567d1; --c2: #1c4399; }
#scUF .t.sd { background: repeating-linear-gradient(135deg, #d8b866 0 4px, #a98632 4px 8px); color: #2b1f07; font-size: 9px; }
#scUF .t.cl { box-shadow: 0 0 0 2px #efdca6, 0 0 10px rgba(239,220,166,.9); position: relative; z-index: 1; }
#scUF .t.sel { outline: 2px solid #fff; outline-offset: 1px; z-index: 2; transform: scale(1.12); }
#scUF .t.dim { opacity: .13; }
#scUF .t.lit { transform: scale(1.06); }
#scUF .e { height: 22px; }
#scUF .fin { text-align: center; font: 600 11px var(--sans); color: rgba(238,228,205,.85); padding-top: 8px; border-top: 1px solid rgba(201,162,77,.25); margin-top: 6px; }
#scUF .detail { position: sticky; top: 16px; }
#scUF .detail .panel { padding: 20px 22px 18px 24px; }
#scUF .dk { font: 700 11px var(--sans); letter-spacing: .06em; color: #8b6a25; margin: 14px 0 4px; }
#scUF .side { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin: 12px 0 4px; }
#scUF .side .n { font: 16px/1.25 var(--serif); }
#scUF .side .n.r { text-align: right; }
#scUF .side .n.won { font-weight: 700; }
#scUF .vs { font: 700 13px var(--sans); color: #fff; border-radius: 5px; padding: 4px 8px; }
#scUF .vs.us { background: var(--us); }
#scUF .vs.eu { background: var(--eu); }
#scUF .vs.hv { background: #f6f1e6; color: #3a3226; box-shadow: inset 0 0 0 1px #cfc3ab; }
#scUF .vs.sd { background: repeating-linear-gradient(135deg, #d8b866 0 4px, #c9a24d 4px 8px); color: #2b1f07; }
#scUF .detail p { font-size: 13.5px; line-height: 1.5; margin: 6px 0; }
#scUF .detail .src a { color: #6b4e14; font-size: 12px; }
#scUF .hit { font-size: 13px; color: #efdca6; }
#scUF .phone { display: none; }
@media (max-width: 700px) {
#scUF .wallwrap { display: block; padding: 0 16px; }
#scUF .wall { display: none; }
#scUF .phone { display: block; }
#scUF .detail { position: static; margin-top: 16px; }
#scUF .strip { display: flex; gap: 6px; overflow-x: auto; padding: 4px 0 10px; scrollbar-width: none; }
#scUF .strip button { flex: 0 0 auto; border: 0; border-radius: 6px; color: #fff; font: 14px var(--serif); padding: 7px 9px 5px; min-width: 54px; }
#scUF .strip button small { display: block; font: 700 9px var(--sans); letter-spacing: .06em; }
#scUF .strip .us { background: var(--us); }
#scUF .strip .eu { background: var(--eu); }
#scUF .strip .tie { background: linear-gradient(135deg, var(--us) 50%, var(--eu) 50%); }
#scUF .strip button.on { outline: 2px solid #efdca6; outline-offset: 2px; }
#scUF .ph-band { font: 14px var(--serif); color: #efdca6; margin: 14px 0 6px; display: flex; justify-content: space-between; }
#scUF .ph-band span { font: 12px var(--sans); color: rgba(238,228,205,.6); }
#scUF .row { display: grid; grid-template-columns: 1fr 64px 1fr; gap: 8px; align-items: center; padding: 8px 10px; margin-bottom: 4px; border-radius: 7px; background: rgba(0,0,0,.35); border: 0; width: 100%; text-align: left; color: #eee4cd; font: 13px/1.3 var(--sans); }
#scUF .row .r { text-align: right; }
#scUF .row .t { width: 64px; display: block; font-size: 11px; }
#scUF .row.cl { box-shadow: inset 0 0 0 2px #efdca6; }
#scUF .row.dim { opacity: .2; }
#scUF .uf-bar { gap: 8px; }
#scUF .uf-bar .seg button { padding: 7px 9px; font-size: 12px; }
#scUF .search { min-width: 0; flex: 1 1 100%; }
#scUF .seg { flex-wrap: wrap; }
}
#scUF .cwrap { max-width: 1320px; margin: 16px auto 0; padding: 0 40px; display: grid; grid-template-columns: 1fr 380px; gap: 24px; align-items: start; }
#scUF .field { border-radius: 10px; padding: 16px 16px 10px; background: radial-gradient(90% 80% at 30% 100%, rgba(201,162,77,.1), transparent 60%), rgba(0,0,0,.42); box-shadow: inset 0 0 0 1px rgba(201,162,77,.25), 0 30px 60px rgba(0,0,0,.5); position: relative; }
#scUF .field svg { width: 100%; height: 640px; display: block; overflow: visible; }
#scUF .field .ax { font: 12px var(--sans); fill: rgba(238,228,205,.55); }
#scUF .field .gl { stroke: rgba(238,228,205,.08); }
#scUF .field .guide { stroke: rgba(239,220,166,.28); stroke-dasharray: 4 5; }
#scUF .field .gt { font: italic 12px var(--serif); fill: rgba(239,220,166,.6); }
#scUF .dot { cursor: pointer; transition: opacity .2s; }
#scUF .dot.dim { opacity: .08; }
#scUF .dot.sel circle { stroke: #fff; stroke-width: 2.5; }
#scUF text.nm { font: 12px var(--sans); fill: #f4ead4; paint-order: stroke; stroke: rgba(0,0,0,.75); stroke-width: 3px; pointer-events: none; }
#scUF .pp .panel { padding: 20px 22px 18px 24px; }
#scUF .pp .hd { font-size: 13px; color: #6b6457; margin-top: 2px; }
#scUF .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 14px 0 6px; }
#scUF .stats div { background: rgba(255,250,236,.55); border-radius: 5px; padding: 6px 8px; box-shadow: inset 0 0 0 1px rgba(80,50,20,.18); }
#scUF .stats b { display: block; font: 400 22px var(--serif); color: #33291b; }
#scUF .stats span { font: 11px var(--sans); color: #6b6457; }
#scUF .dk { font: 700 11px var(--sans); letter-spacing: .06em; color: #8b6a25; margin: 14px 0 6px; }
#scUF .cups { display: flex; flex-wrap: wrap; gap: 5px; }
#scUF .cups span { font: 600 12px var(--sans); color: #fff; border-radius: 4px; padding: 3px 6px; }
#scUF .cups span.us { background: var(--us); }
#scUF .cups span.eu { background: var(--eu); }
#scUF .cups small { font: 600 9.5px var(--sans); opacity: .9; margin-left: 3px; }
#scUF .tiles { display: flex; flex-wrap: wrap; gap: 3px; }
#scUF .tiles i { width: 15px; height: 15px; border-radius: 3px; display: block; }
#scUF .tiles i.us { background: var(--us); }
#scUF .tiles i.eu { background: var(--eu); }
#scUF .tiles i.hv { background: #f6f1e6; box-shadow: inset 0 0 0 1px #cfc3ab; }
#scUF .tiles i.sd { background: repeating-linear-gradient(135deg, #d8b866 0 3px, #c9a24d 3px 6px); }
#scUF .tiles i.cl { box-shadow: 0 0 0 2px #8b6a25; }
#scUF .ptn { width: 100%; border-collapse: collapse; font-size: 13px; }
#scUF .ptn td { padding: 4px 0; border-bottom: 1px solid #d6cab3; }
#scUF .ptn td.n { text-align: right; color: #6b6457; }
#scUF .pp a { color: #6b4e14; }
#scUF select.sel2 { background: rgba(0,0,0,.45); color: #f4ead4; border: 0; border-radius: 9px; padding: 9px 10px; font: 13px var(--sans); box-shadow: inset 0 0 0 1px rgba(201,162,77,.35); }
#scUF .list { display: none; }
@media (max-width: 700px) {
#scUF .cwrap { display: block; padding: 0 16px; }
#scUF .field svg { height: 330px; }
#scUF .field { padding: 10px 8px 6px; }
#scUF .pp { margin-top: 14px; }
#scUF .list { display: block; margin-top: 16px; }
#scUF .list button { display: grid; grid-template-columns: 26px 1fr auto; gap: 8px; width: 100%; border: 0; background: linear-gradient(#e7c873, #b8913f); color: #2a1f0b; border-radius: 5px; padding: 8px 10px; margin-bottom: 5px; text-align: left; font: 14px var(--serif); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 4px rgba(0,0,0,.5); }
#scUF .list button small { display: block; font: 11px var(--sans); color: #4a3a16; }
#scUF .list button b { font: 400 20px var(--serif); }
#scUF .list button i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 5px; }
#scUF .stats { grid-template-columns: repeat(2, 1fr); }
#scUF .uf-bar { gap: 8px; }
#scUF .seg { flex-wrap: wrap; }
#scUF .search { min-width: 0; flex: 1 1 100%; }
}
#scUF .switch { position: sticky; top: 0; z-index: 5; display: flex; justify-content: center; gap: 0; padding: 14px 16px; background: linear-gradient(rgba(13,12,11,.96), rgba(13,12,11,.85)); border-bottom: 1px solid rgba(201,162,77,.2); }
#scUF .switch .seg button { font: 400 17px var(--serif); padding: 9px 22px; }
#scUF .view { display: none; }
#scUF .view.on { display: block; }
#scUF .view .uf-above { display: none; }
#scUF button.yr { background: none; border: 0; cursor: pointer; padding: 2px 0 6px; border-radius: 5px; min-width: 0; width: 100%; color: #f4ead4; font: 15px var(--serif); }
#scUF button.yr:hover, #scUF button.yr.on { background: rgba(239,220,166,.14); }
#scUF .ledg { position: relative; max-height: calc(100vh - 40px); overflow: auto; }
#scUF .ledg .x { position: absolute; top: 10px; right: 10px; border: 0; background: rgba(80,50,20,.12); border-radius: 50%; width: 30px; height: 30px; font-size: 18px; cursor: pointer; color: #33291b; }
#scUF .ledg .res { font-size: 14px; margin: 8px 0; }
#scUF .cb { font: 600 11px var(--sans); color: #8b6a25; border: 1px solid #c9a24d; border-radius: 4px; padding: 1px 5px; }
#scUF .board { display: flex; gap: 4px; margin: 10px 0 2px; }
#scUF .bs { flex: 1; border-radius: 5px; padding: 5px 4px 4px; color: #fff; text-align: center; text-shadow: none; }
#scUF .bs small { display: block; font: 9.5px/1.15 var(--sans); opacity: .9; min-height: 22px; }
#scUF .bs b { font: 400 17px var(--serif); }
#scUF .bs.us { background: var(--us); }
#scUF .bs.eu { background: var(--eu); }
#scUF .bs.hv { background: #f6f1e6; color: #3a3226; box-shadow: inset 0 0 0 1px #cfc3ab; }
#scUF .bkey { font-size: 11px; color: #6b6457; margin-bottom: 4px; }
#scUF .lm { display: grid; grid-template-columns: 1fr 62px 1fr; gap: 6px; font-size: 12px; line-height: 1.3; padding: 4px 0; border-bottom: 1px solid rgba(214,202,179,.6); align-items: center; cursor: pointer; }
#scUF .lm .r { text-align: right; }
#scUF .lm.cl .tile { box-shadow: 0 0 0 2px #8b6a25; }
#scUF .tile { text-align: center; color: #fff; font: 700 10px/19px var(--sans); border-radius: 4px; text-shadow: none; }
#scUF .tile.us { background: var(--us); }
#scUF .tile.eu { background: var(--eu); }
#scUF .tile.hv { background: #f6f1e6; color: #3a3226; box-shadow: inset 0 0 0 1px #cfc3ab; }
#scUF .tile.sd { background: repeating-linear-gradient(135deg, #d8b866 0 4px, #c9a24d 4px 8px); color: #2b1f07; font-size: 9px; }
#scUF .tile.md { font-size: 9px; background-image: repeating-linear-gradient(135deg, rgba(239,220,166,.55) 0 3px, transparent 3px 7px); }
#scUF .rost { display: grid; grid-template-columns: 1fr; gap: 10px; font-size: 12.5px; line-height: 1.45; }
#scUF .rost b { font-weight: 700; }
#scUF .rost i { color: #6b6457; }
#scUF a.pl { color: inherit; text-decoration: underline; text-decoration-color: rgba(107,78,20,.35); text-underline-offset: 2px; cursor: pointer; }
#scUF a.open { color: #6b4e14; cursor: pointer; text-decoration: underline; }
#scUF .phb .board { margin: 4px 0; }
#scUF .phb .bkey { color: rgba(238,228,205,.55); }
#scUF .phl { margin-top: 14px; padding: 14px; border-radius: 8px; background: rgba(0,0,0,.35); font-size: 13px; }
#scUF .phl .rost { color: #eee4cd; }
#scUF .phl .meta { color: rgba(238,228,205,.6); }
#scUF .phl a.pl { text-decoration-color: rgba(239,220,166,.4); }
@media (max-width: 700px) {
#scUF .switch .seg button { font-size: 15px; padding: 8px 14px; }
#scUF .bs small { font-size: 8.5px; }
#scUF .bs b { font-size: 14px; }
}

#scUF { position: relative; z-index: 1; }
#scUF .switch { top: 52px; }
html:not(.sc-has-js) #scUF { display: none; }
#scUF .uf-key i.k-hv { box-shadow: inset 0 0 0 1px rgba(0,0,0,.25); }
.sc-rec-fold > summary { cursor: pointer; list-style: none; font: 400 24px/1.2 var(--serif); padding: 4px 0; }
.sc-rec-fold > summary::-webkit-details-marker { display: none; }
.sc-rec-fold > summary::before { content: "▸ "; color: var(--brass-d); }
.sc-rec-fold[open] > summary::before { content: "▾ "; }
.sc-rec-fold > summary small { display: block; font: 14px var(--sans); color: var(--mute); margin-top: 4px; }