:root{color-scheme:dark;--bg:#071320;--bg2:#0b2037;--card:#102b48;--card2:#0c3759;--line:#275378;--text:#f7fbff;--muted:#afc6dc;--mint:#33b8ff;--blue:#0797ef;--blue2:#057ac8;--gold:#ffd155;--warn:#ffbbad;--shadow:0 20px 48px rgba(0,0,0,.25)}
*{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 920px 550px at 68% -190px,rgba(5,123,200,.40),transparent 68%),radial-gradient(circle 700px at 97% 30%,rgba(11,87,144,.18),transparent 72%),var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
button,select,input{font:inherit}button{cursor:pointer}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
a{color:#74d4ff}[hidden]{display:none!important}
.shell{width:min(1150px,100%);padding:0 20px;margin:0 auto}
.header{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:16px 0 15px}
.identity{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;min-width:0}
.identity-icon{width:55px;height:55px;object-fit:cover;border-radius:15px;box-shadow:0 4px 19px rgba(5,158,252,.20);flex:none}
.identity-text{min-width:0;display:flex;flex-direction:column;line-height:1.05}
.identity-text strong{font-size:19px;letter-spacing:.045em;font-weight:950}
.identity-text small{font-size:10px;font-weight:800;letter-spacing:.105em;color:#bcd4e5;margin-top:4px;white-space:nowrap}
.identity-text em{font-size:12px;letter-spacing:.12em;color:#ffd454;font-style:normal;font-weight:950}
.connection{border:1px solid #2c5270;background:#0b223b;border-radius:100px;color:#c5dbec;font-size:11px;padding:6px 11px;font-weight:800;white-space:nowrap}
.connection .dot{display:inline-block;border-radius:50%;width:7px;height:7px;background:var(--gold);margin-right:5px;vertical-align:1px}
.connection.good .dot{background:#4be7b3}.connection.bad .dot{background:var(--warn)}
.hero{position:relative;overflow:hidden;border-radius:20px;padding:22px 26px 17px;background:linear-gradient(115deg,#0865ae 0%,#073f79 52%,#082a51 100%);border:1px solid #2683be;box-shadow:var(--shadow)}
.hero:after{content:"";pointer-events:none;position:absolute;right:-65px;top:-150px;width:480px;height:450px;background:radial-gradient(ellipse at 45% 45%,rgba(0,168,242,.2),transparent 65%);opacity:.9}
.hero-overline{font-size:10px;font-weight:900;letter-spacing:.12em;color:#c4eaff;position:relative;z-index:1}
.tiny-dot{font-size:8px;padding:0 9px;color:var(--gold)}
h1{position:relative;z-index:1;font-size:clamp(23px,3vw,37px);letter-spacing:-.035em;line-height:1.12;margin:7px 0 14px;max-width:950px;font-weight:900}
.hero-meta{display:flex;position:relative;z-index:1;gap:6px;flex-wrap:wrap}
.h-pill{border:1px solid rgba(182,227,255,.32);background:rgba(0,31,69,.30);color:#e1f4ff;border-radius:999px;font-weight:700;font-size:11px;padding:5px 10px}
.hero-bottom{position:relative;z-index:1;display:flex;gap:14px;align-items:end;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(206,232,255,.17)}
.stats{display:flex;align-items:center;gap:21px;margin:0}
.stat{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.stat strong{font-weight:950;font-size:19px;line-height:1.2;letter-spacing:-.035em}
.stat span{font-size:11px;color:#c5e8f9}
.original{font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap;padding-bottom:2px;border-bottom:1px solid #72b9ef}
.error{border:1px solid #a75b55;background:#472a30;color:#ffe5dc;border-radius:12px;padding:12px 14px;margin:12px 0;white-space:pre-line;font-size:13px}
.tabs{position:sticky;top:0;z-index:6;padding:9px 0;background:rgba(7,19,32,.96);backdrop-filter:blur(14px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-bottom:1px solid #2a4b68;margin-top:9px}
.tab{border:1px solid #355d7a;border-radius:12px;background:#102c4a;color:#c6dbed;font-size:13px;font-weight:850;padding:10px 7px;min-height:48px;white-space:nowrap;transition:background .12s ease}
.tab-symbol{font-size:17px;margin-right:5px;vertical-align:-1px;color:#92c4e3}
.tab.active{background:linear-gradient(100deg,#08a4f3,#056ec3);color:#fff;border-color:#2fc4ff;box-shadow:inset 0 1px rgba(255,255,255,.27),0 4px 14px rgba(0,111,214,.25)}
.tab.active .tab-symbol{color:#fff}
.panel{min-height:220px;padding:19px 0 22px}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 0 12px}
.section-title>div{min-width:0}.kicker{display:block;font-size:10px;font-weight:950;letter-spacing:.12em;color:var(--gold)}
h2{font-size:21px;margin:2px 0 0;letter-spacing:-.02em;line-height:1.2}
.sub,.minor{color:var(--muted);font-size:12px}
.fieldlabel{color:#d4e8f6;font-size:12px;font-weight:800;display:block;margin-bottom:6px}
.select,.input{border:1px solid #426c89;background:#10273e;color:#f3f9ff;border-radius:11px;padding:10px 13px;height:48px}
.select.full,.input.full{width:100%}.input::placeholder{color:#8faabb}
.filters{display:grid;grid-template-columns:1fr;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:12px}
.filters .fieldlabel:not(:first-child){margin-top:9px}
.toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:10px 0 17px}
.toggle input{width:18px;height:18px;accent-color:var(--blue)}
.next-container{margin:16px 0}
.next{border:1px solid #287ebe;background:linear-gradient(135deg,#073d70,#102d4b 80%);border-radius:17px;padding:16px}
.next .eyebrow{color:#6ed4ff;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:11px}
.next h3{margin:7px 0 8px;font-size:21px;line-height:1.2}
.next-info{display:flex;gap:7px;flex-wrap:wrap;font-size:12px}
.next-info span{border:1px solid #346f99;border-radius:10px;background:#184971;padding:5px 8px}
.list-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#56c7ff;font-weight:900;margin:18px 0 8px;display:flex;align-items:center;gap:8px}
.list-title:after{content:"";flex:1;height:1px;background:var(--line)}
.match{border:1px solid #355876;border-radius:14px;background:var(--card);margin:0 0 9px;overflow:hidden}
.match-header{padding:10px 13px 0;display:flex;justify-content:space-between;align-items:center;gap:7px}
.match-header .number{color:var(--muted);font-size:11px;font-weight:800}
.status-pill{font-size:10px;font-weight:900;border-radius:999px;background:#254967;color:#d4e9f8;padding:4px 9px}
.status-pill.playing{background:#205747;color:#b0f9d4}.status-pill.finished{background:#344c63;color:#d4e2eb}.status-pill.waiting{background:#685324;color:#ffe7a0}
.pair{padding:9px 13px 12px}
.player-row{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:4px 0;line-height:1.3}
.player-name{font-weight:650;overflow-wrap:anywhere}.player-name.winner{color:#68ceff}
.score{font-size:20px;line-height:1;font-weight:900;min-width:23px;text-align:right;font-variant-numeric:tabular-nums}
.match-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;border-top:1px solid #32506b;padding:9px 13px;color:#cbe1f0;font-size:11px}
.place strong{font-weight:800}.actual-time{font-variant-numeric:tabular-nums;color:#b5cbd8}
.table-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0 18px}
.table-chip{border:1px solid #345c7b;background:var(--bg2);color:var(--text);border-radius:12px;padding:10px;text-align:left;min-width:0}
.table-chip strong{display:block;font-size:13px;overflow-wrap:anywhere}.table-chip span{font-size:11px;color:var(--muted)}
.table-chip.selected{background:#0a4e80;border-color:#18b7f6}
.empty{padding:23px 18px;background:var(--bg2);border:1px dashed #436c88;color:var(--muted);text-align:center;font-size:13px;border-radius:13px;margin-top:14px}

/* Readable, full-width cards instead of a miniature graphical bracket. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.overview-title{margin-bottom:7px}
.overview-help{font-size:13px;line-height:1.55;color:#c9e0ef;margin:0 0 15px;max-width:770px}
.overview-help strong{color:#fff}
.side-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.side-filters:empty{display:none}
.side-chip{min-width:0;background:#0e2b47;border:1px solid #335b78;color:#ebf7ff;border-radius:13px;padding:10px 9px;text-align:left;min-height:59px;transition:background .15s,border-color .15s}
.side-chip strong{display:block;font-weight:850;font-size:13px;line-height:1.22}
.side-chip small{display:block;color:#a6cadf;margin-top:4px;font-size:11px}
.side-chip.active{background:linear-gradient(100deg,#096db0,#0c4e81);border-color:#44bffc;box-shadow:inset 0 0 0 1px rgba(93,199,255,.2)}
.side-chip.active small{color:#e1f5ff}
.overview-search{display:block;width:100%;margin:0 0 16px;background:#0c2945}
.overview-section{margin:0 0 23px;scroll-margin-top:80px}
.overview-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #2e5777}
.overview-section-title h3{margin:0;font-size:18px;font-weight:900;color:#f0faff;letter-spacing:-.015em}
.overview-section-title span{font-size:12px;color:#b9d4e8;white-space:nowrap}
.overview-current .overview-section-title h3{color:#ffd155}
.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.match-grid .match{margin:0}
.match-open{display:block;width:100%;height:100%;color:inherit;text-align:left;padding:0;border:0;background:none;border-radius:inherit;min-height:151px}
.match-open:hover{background:rgba(28,133,206,.09)}
.match-open:active{background:rgba(28,133,206,.17)}
.match.playing{border-color:#34a889}
.match.waiting{border-color:#536379}
.match-open .match-header{display:flex}
.match-open .pair{display:block}
.match-open .player-row{display:flex}
.match-open .match-footer{display:flex}
.match-header .number{font-size:12px}
.match-open .player-name{font-size:16px;font-weight:750}
.match-open .score{font-size:22px}
.match-open .match-footer{font-size:12px;padding-top:10px;padding-bottom:10px}
.match-action{display:flex;align-items:center;justify-content:space-between;padding:7px 13px 8px;background:#0b2946;color:#7fd5ff;font-size:12px;font-weight:850;letter-spacing:.01em}
.match-action span{font-size:23px;line-height:1}
.match:hover{border-color:#40c0ff}
.overview-mine-link{border:1px solid #276597;border-radius:12px;background:#0d3b64;color:#dbf4ff;font-size:13px;font-weight:850;padding:14px;width:100%;margin:4px 0 0}
.dialog-route-title{font-size:13px;font-weight:900;color:#ffe29a;margin:18px 0 8px}
.dialog-no-route{font-size:12px;color:#b9d6e9;margin:5px 0 0}
.dialog-routes{display:grid;gap:8px}
.dialog-routes button{text-align:left;min-height:62px;padding:10px 13px}
.dialog-routes button strong,.dialog-routes button span{display:block}
.dialog-routes button strong{font-size:14px}
.dialog-routes button span{font-size:12px;font-weight:600;color:#bfe2f5;margin-top:4px}
.dialog-back{border:0;background:transparent;color:#9ddfff;padding:7px 0;font-size:12px;font-weight:850}

.schedule-details{margin:10px 0 15px;border:1px solid #4a5260;border-radius:13px;background:#182a38;overflow:hidden}
.schedule-details summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;padding:10px 13px;font-size:12px;font-weight:850;color:#f7dd9d;line-height:1.3}
.schedule-details summary::-webkit-details-marker{display:none}.schedule-details summary:after{content:'+';margin-left:auto;font-size:17px;color:var(--gold)}
.schedule-details[open] summary:after{content:'−'}
.schedule-details .alert{border-top:1px solid #525565;background:#1a2a3a;padding:10px 13px}.schedule-details .alert p{margin:0;color:#d5e0e9;font-size:12px}
.schedule-details .alert strong{color:var(--gold)}
.footnote{margin:0 0 32px;border-top:1px solid #2b5372;padding:15px 0 0;font-size:11px;color:#a5bfd1}
.footnote p{margin:4px 0 7px}.foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:10px}.foot-brand img{border-radius:4px;object-fit:cover}.foot-brand strong{font-size:13px;color:#eef8ff}.foot-brand p{margin:2px 0 0;max-width:680px}
.match-dialog{width:min(530px,calc(100vw - 26px));max-height:min(85dvh,680px);overflow:auto;border:1px solid #3173a1;border-radius:20px;background:linear-gradient(135deg,#0e3254,#09223c);color:var(--text);box-shadow:0 18px 60px #0009;padding:20px}
.match-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.dialog-top{display:flex;align-items:center;justify-content:space-between}.close-dialog{background:#244866;color:#fff;border:1px solid #4b7092;border-radius:999px;width:35px;height:35px;font-weight:900}
.match-dialog h2{font-size:22px;margin:6px 0 14px}.dialog-pair{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #375d79;padding:10px 0;font-weight:800}
.dialog-pair strong{font-size:22px}.dialog-pair .winner{color:#55c6ff}.dialog-info{display:grid;gap:7px;margin:17px 0;color:#bcd8e9;font-size:13px}
.dialog-info strong{color:#fff}.dialog-routes{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.dialog-routes button{border:1px solid #3778ad;background:#0b4a79;color:#e1f6ff;border-radius:10px;padding:8px 11px;font-weight:800}
@media(min-width:650px){.hero{padding:23px 28px 18px}.filters{grid-template-columns:1fr 1fr;column-gap:12px}.filters label:first-child,.filters input{grid-column:1}.filters label:nth-of-type(2),.filters select{grid-column:2}.filters label:nth-of-type(2){grid-row:1}.filters select{grid-row:2}.table-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.match-header,.pair,.match-footer{padding-left:16px;padding-right:16px}}
@media(max-width:600px){
 .shell{padding:0 12px}.header{padding:9px 0 10px}.identity{gap:8px}.identity-icon{width:43px;height:43px;border-radius:12px}.identity-text strong{font-size:16px}.identity-text small{font-size:9px}.identity-text em{font-size:10px}.connection{font-size:10px;padding:5px 7px}
 .hero{border-radius:16px;padding:13px 13px 11px}.hero-overline{font-size:9px}.tiny-dot{padding:0 5px}
 h1{font-size:21px;line-height:1.12;margin:6px 0 10px}.h-pill{padding:4px 7px;font-size:10px}
 .hero-bottom{margin-top:10px;padding-top:8px;gap:5px}.stats{gap:10px}.stat{display:block;line-height:1.1}.stat strong{font-size:17px}.stat span{display:block;font-size:9px;margin-top:4px}.original{font-size:10px}
 .tabs{margin-top:6px;padding:6px 0;gap:4px}.tab{font-size:10.6px;padding:8px 2px;min-height:42px;border-radius:9px}.tab-symbol{display:none}
 .panel{padding-top:12px}.section-title{margin-bottom:7px}.kicker{font-size:9px}h2{font-size:19px}.sub{font-size:10px}
 .side-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:11px}
 .side-chip{min-height:54px;padding:8px 10px}.side-chip strong{font-size:12px}.side-chip small{font-size:10px}
 .overview-help{font-size:12px;margin-bottom:11px}
 .overview-search{margin-bottom:13px;font-size:15px}
 .overview-section{margin-bottom:17px}.overview-section-title h3{font-size:16px}
 .match-grid{grid-template-columns:1fr;gap:9px}
 .match-open{min-height:149px}.match-open .player-name{font-size:16px}.match-open .score{font-size:22px}
 .match-open .match-footer{font-size:11.5px}
 .match-action{font-size:11.5px}
 .overview-mine-link{padding:11px 14px}

}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(min-width:601px) and (max-width:850px){.match-grid{grid-template-columns:1fr}}

/* BK Rijeka LIVE v8 – original blue crest, precise LIVE brush logo and readable cards. */
.header{padding-top:12px;padding-bottom:9px}
.identity-icon{width:57px;height:67px;object-fit:contain;object-position:center;border-radius:10px;box-shadow:0 3px 14px #007cc54f}
.identity-text{flex-direction:row;align-items:center;gap:7px;overflow:visible;min-width:0}
.identity-text strong{font-size:clamp(18px,3vw,29px);letter-spacing:.022em;white-space:nowrap;font-weight:950}
.live-lettering{width:auto;height:38px;max-width:100%;object-fit:contain;transform:translateY(4px)}
.header-actions{display:flex;align-items:center;gap:7px;flex:none}
.refresh-now{min-width:38px;min-height:38px;border:1px solid #2a7cb6;border-radius:11px;background:rgba(2,59,105,.7);color:#d8f1ff;font-size:27px;line-height:1;padding:0 3px}
.refresh-now:disabled{opacity:.6;cursor:wait}
.hero{background:linear-gradient(116deg,#074f99 0%,#073b76 48%,#08284f 100%);border-color:#1676b7}
.hero-balls{position:absolute;right:19px;bottom:15px;width:153px;height:auto;opacity:.89;filter:drop-shadow(0 9px 10px #0006);pointer-events:none}
.hero-bottom{margin-right:145px}
.round-nav{display:flex;gap:6px;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#2071ae transparent;margin:2px 0 11px;padding:2px 1px 9px}
.round-chip{flex:none;min-height:43px;padding:6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap;gap:1px;background:#0c2b4a;border:1px solid #33628c;border-radius:11px;color:#c8dfec;font-size:12px;font-weight:850}
.round-chip small{font-size:10px;color:#9ebed6;line-height:1.2;font-weight:600}
.round-chip.active{border-color:#3fd3ff;background:linear-gradient(125deg,#079eff,#056cb4);color:white;box-shadow:0 3px 12px #008fe02e}
.round-chip.active small{color:#e4f8ff}
.following-notice{border:1px solid #f5c741;background:#49391644;padding:9px 12px;border-radius:11px;margin:0 0 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#ffe69b}
.following-notice button{color:#fff;border:1px solid #bb9032;border-radius:9px;background:#59451d;padding:5px 11px;font-weight:750;white-space:nowrap}
.side-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
.match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.match{position:relative;background:linear-gradient(135deg,#0e2d50,#102840);border-color:#275f8a;box-shadow:inset 0 1px #ffffff0a}
.match.mine{border:2px solid #ffd04c;box-shadow:0 0 0 1px #bc8b18aa,inset 0 0 28px rgba(245,190,21,.09)}
.match.playing{border-color:#39ae98}
.match.mine.playing{border-color:#ffd04c}
.match-open{min-height:0;display:block}
.match-header{padding-top:11px}
.match-header .number{font-size:11px;color:#9fcde7}
.status-pill.playing{background:#0c5d55;color:#84ffe4;border:1px solid #2cbfae}
.status-pill.waiting{background:#57451d;color:#ffdd79;border:1px solid #ae842b}
.status-pill.finished{border:1px solid #415c75}
.match-open .pair{padding-top:11px;padding-bottom:10px}
.match-open .player-name{font-size:16px;font-weight:760;line-height:1.3}
.match-open .score{font-size:21px;background:#0f4c7b;border:1px solid #185c93;border-radius:7px;min-width:34px;padding:5px 6px}
.match-open .winner{color:#62c7ff}
.match-open .match-footer{border-top:1px solid #2c5271;padding:9px 13px;gap:4px;display:grid;grid-template-columns:1fr;align-items:start;font-size:12px}
.place{font-weight:720;color:#eff7ff}
.actual-time{color:#ffdc79;font-size:13px;font-weight:850}
.match-action{color:#7fd8ff;background:#0a263f;font-size:11.5px;padding:8px 13px}
.match-stream{display:flex;align-items:center;justify-content:center;gap:7px;background:#d71c26;color:white;text-decoration:none;font-weight:850;font-size:12px;border-radius:0 0 12px 12px;padding:9px 11px}
.match-stream:hover{background:#f11f2a;color:white}
.match-stream:focus-visible{outline-offset:-3px}
.match-stream small{font-size:11px;opacity:.91;font-weight:680}
.streams-hint{border:1px solid #35516e;background:#112d48;color:#b9dcec;font-size:12px;padding:9px 12px;border-radius:10px;margin:8px 0}
.video-link-detail{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;margin-top:10px;background:#d51b29;color:white!important;text-decoration:none;border-radius:10px;font-size:14px;font-weight:850}
.video-link-detail:hover{background:#ed1b2f}
.overview-section-title h3{font-size:17px}
.bottom-brand{height:85px;position:relative;overflow:hidden;margin-top:1px;border-bottom:1px solid #20527c;background:linear-gradient(160deg,transparent 35%,#054d94 95%);border-radius:0 0 18px 18px}
.bottom-brand img{position:absolute;width:190px;height:auto;right:6px;bottom:-12px;filter:drop-shadow(0 4px 8px #0008)}
.bottom-wave{position:absolute;left:-8%;right:-2%;height:65px;bottom:-48px;border-top:4px solid #ffd321;transform:rotate(-9deg);border-radius:50%;box-shadow:0 -6px 0 #078be0}
@media(max-width:770px){.match-grid{grid-template-columns:1fr}}
@media(max-width:600px){
 .shell{padding:0 12px}.header{padding:8px 0 9px;gap:5px}
 .identity{gap:9px}.identity-icon{width:43px;height:52px;border-radius:6px}.identity-text{gap:3px}
 .identity-text strong{font-size:clamp(15px,4vw,20px);letter-spacing:.015em}
 .live-lettering{height:31px;transform:translateY(3px)}
 .header-actions{gap:4px}.refresh-now{min-width:32px;min-height:32px;font-size:23px}
 .connection{padding:5px 7px;font-size:9px}
 .hero-balls{width:96px;right:8px;bottom:10px;opacity:.82}
 .hero-bottom{margin-right:90px}
 .h-pill{font-size:10px}
 .round-nav{margin-top:2px;gap:6px}.round-chip{font-size:11px;padding:5px 9px;min-height:41px}
 .panel{padding-top:10px}
 .side-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .overview-help{margin:0 0 8px;font-size:12px}
 .match-header .number{font-size:11px}.match-open .player-name{font-size:16px}
 .match-open .score{font-size:20px}.match-open .match-footer{font-size:12px}
 .bottom-brand{height:65px}.bottom-brand img{width:156px;bottom:-9px}
}
@media(max-width:360px){.identity-text strong{font-size:14px}.live-lettering{height:27px}.connection{font-size:8px}.hero-balls{width:75px}.hero-bottom{margin-right:70px}}

@media(max-width:600px){
 .side-filters{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:7px;margin:0 0 9px;padding:2px 1px 6px}
 .side-chip{flex:0 0 auto;min-height:40px;padding:8px 12px;border-radius:10px}
 .side-chip strong{font-size:12px}.side-chip small{display:none}
 .overview-help{line-height:1.35;margin-bottom:7px}
 .overview-search{margin-bottom:10px}
}

.hero-links{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.tournament-stream{font-size:11px;font-weight:850;color:#fff;text-decoration:none;background:#c91d29;border-radius:8px;padding:6px 8px;white-space:nowrap}
.tournament-stream:hover{background:#e52233}
@media(max-width:600px){.hero-links{gap:6px}.tournament-stream{font-size:10px;padding:5px 7px}}

/* BK Rijeka LIVE v9: choose a side first, then a compact round dropdown. */
.side-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0 11px;padding:0;overflow:visible}
.side-chip{min-height:61px;text-align:center;padding:10px;border-radius:12px}
.side-chip strong{font-size:14px;line-height:1.2}
.side-chip small{display:block;font-size:11px;margin-top:4px}
.side-short{display:none}
.round-nav{display:grid;grid-template-columns:auto minmax(190px,1fr) auto;align-items:center;gap:14px;margin:0 0 13px;padding:10px 13px;background:#0e2b48;border:1px solid #315d82;border-radius:12px;overflow:visible}
.round-label{color:#d5ebfa;font-size:13px;font-weight:850;white-space:nowrap}
.round-select{height:44px;min-width:0;width:100%;border:1px solid #4783ae;border-radius:10px;background:#0c233c;color:#fff;padding:8px 12px;font-weight:800}
.round-select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.round-count{color:#a9d0e8;white-space:nowrap;font-size:12px;font-weight:750}
.overview-help{margin:0 0 9px;color:#b7d2e4;font-size:12px}
@media(max-width:600px){
 .side-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 9px;padding:0;overflow:visible}
 .side-chip{min-height:50px;padding:7px 4px;border-radius:9px}
 .side-chip strong{font-size:11.5px}
 .side-chip small{display:block;font-size:10px;margin-top:2px}
 .side-long{display:none}.side-short{display:inline}
 .round-nav{grid-template-columns:auto minmax(0,1fr);gap:8px;margin-bottom:10px;padding:8px 10px}
 .round-label{font-size:12px}.round-select{height:41px;padding:7px 8px;font-size:13px}
 .round-count{display:none}
 .overview-help{margin:0 0 8px;line-height:1.35}
}


/* BK Rijeka LIVE v10: matches-first layout on phones. Desktop layout unchanged. */
.hero-more-toggle,.mobile-side-select,.overview-search-toggle{display:none}
.overview-controls{display:block}
@media(max-width:600px){
  /* Full title is available from Details; first matches appear without scrolling. */
  .header{padding:5px 0 5px;gap:5px}
  .identity-icon{width:39px;height:45px;box-shadow:0 2px 8px #007cc54f}
  .identity{gap:7px}
  .identity-text strong{font-size:clamp(15px,4.5vw,19px)}
  .live-lettering{height:27px;transform:translateY(2px)}
  .connection{padding:4px 6px;font-size:9px}
  .refresh-now{min-width:30px;min-height:30px;font-size:21px}
  .hero{border-radius:13px;padding:9px 12px 11px;min-height:0}
  .hero-overline{font-size:9px;line-height:1.2;padding-right:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero h1{font-size:17px;line-height:1.17;margin:5px 0 0;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
  .hero-more-toggle{display:inline-flex;position:absolute;right:9px;top:6px;z-index:3;align-items:center;gap:3px;color:#d9f1ff;border:1px solid #579cc5;border-radius:8px;background:#073a6d;font-size:10px;font-weight:800;padding:3px 7px;line-height:1.45}
  .hero:not(.expanded) .hero-meta,.hero:not(.expanded) .hero-bottom,.hero:not(.expanded) .hero-balls{display:none}
  .hero.expanded h1{-webkit-line-clamp:unset;line-clamp:unset;display:block}
  .hero.expanded .hero-meta{display:flex;margin-top:10px}
  .hero.expanded .hero-bottom{display:flex;margin:9px 76px 0 0;padding-top:9px}
  .hero.expanded .hero-balls{display:block;width:75px;right:8px;bottom:10px}
  .hero.expanded .stats{gap:9px}
  .hero.expanded .hero-links{flex-direction:column;align-items:flex-start}
  .tabs{margin-top:3px;padding:4px 0;gap:4px}
  .tab{min-height:38px;font-size:10.6px;padding:7px 1px;border-radius:8px}
  .panel{padding-top:8px}
  .overview-title{margin:0 0 6px;align-items:center}
  .overview-title .kicker{display:none}
  .overview-title h2{font-size:18px;margin:0}
  .overview-title .sub{font-size:10px}
  .overview-help{display:none}
  .overview-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;align-items:stretch;gap:6px;margin:0 0 8px}
  .overview-controls.single-side{grid-template-columns:minmax(0,1fr) 38px}
  .overview-controls.single-side .round-nav{grid-column:1}
  .overview-controls.single-side .overview-search-toggle{grid-column:2}
  .side-filters{display:block;margin:0;min-width:0;padding:0;overflow:visible}
  .side-chip{display:none}
  .mobile-side-select{display:block;width:100%;height:39px;min-width:0;background:#103d68;color:white;border:1px solid #299de0;border-radius:9px;font-size:12px;font-weight:800;padding:6px 5px;text-overflow:ellipsis}
  .round-nav{display:block;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
  .round-label,.round-count{display:none}
  .round-select{width:100%;height:39px;min-width:0;border:1px solid #477b9f;border-radius:9px;font-size:12px;font-weight:800;padding:6px 5px;background:#112a44;text-overflow:ellipsis}
  .overview-search-toggle{display:flex;align-items:center;justify-content:center;border:1px solid #477b9f;background:#112a44;color:#d1efff;border-radius:9px;width:38px;height:39px;padding:0}
  .overview-search-toggle[aria-expanded="true"]{border-color:#4fc9ff;background:#125e92}
  .overview-search{display:none;height:40px;font-size:14px;margin:0 0 9px;border-radius:9px;padding:8px 12px}
  .overview-search.search-open{display:block}
  .overview-section-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:0}
  .overview-section{margin:0 0 14px}
  .match-grid{gap:8px}
  .following-notice{padding:5px 8px;font-size:11px;margin-bottom:6px}
}
@media(max-width:350px){
  .tab{font-size:9.6px}
  .identity-text strong{font-size:15px}
  .live-lettering{height:24px}
  .connection{font-size:8px}
  .overview-title h2{font-size:17px}
  .mobile-side-select,.round-select{font-size:11px}
}


/* BK Rijeka LIVE v11: clean, matches-first, dense yet legible mobile cards. */
.time-compact{display:none}
@media(max-width:600px){
  .time-full{display:none}
  .time-compact{display:inline}
  .match-grid{gap:7px}
  .match{border-radius:11px;margin-bottom:7px}
  .match-open{min-height:0;height:auto}
  .match-open .match-header{padding:6px 10px 2px;min-height:21px}
  .match-header .number{font-size:10.5px;line-height:1.2}
  .status-pill{font-size:9.5px;padding:2px 7px;line-height:1.45;flex:none}
  .match-open .pair{padding:3px 10px 6px}
  .match-open .player-row{padding:1px 0;min-height:24px;gap:7px}
  .match-open .player-name{font-size:15px;line-height:1.15;font-weight:760;flex:1;min-width:0;overflow-wrap:break-word}
  .match-open .score{font-size:17px;min-width:31px;min-height:23px;padding:2px 5px;border-radius:6px;line-height:1.05;flex:none}
  .match-open .match-footer{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;font-size:10.5px;line-height:1.3}
  .match-open .match-footer .place{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}
  .match-open .match-footer .actual-time{flex:none;color:#ffd977;font-size:10.5px;white-space:nowrap}
  .match-open .match-action{display:none}
  .match-stream{font-size:11px;padding:5px 8px;border-radius:0 0 10px 10px}
  .match-stream small{font-size:10px}
  .overview-section{margin-bottom:10px}
  /* Immediately show match content: tournament meta remains behind Details. */
  .hero{padding:8px 11px 9px}
  .hero h1{font-size:16.5px;margin:8px 0 0;line-height:1.16}
  .hero-overline{font-size:8px;letter-spacing:.095em}
  .tabs{margin-top:3px;padding:3px 0}
  .tab{min-height:35px;padding:5px 1px;font-size:10.5px}
  .panel{padding-top:6px}
  .overview-title{margin:0 0 4px}
  .overview-title h2{font-size:16.5px}
  .overview-controls{gap:5px;margin-bottom:7px}
  .mobile-side-select,.round-select,.overview-search-toggle{height:36px;border-radius:8px;font-size:11.5px}
  .overview-search-toggle{width:36px}
  .overview-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}
  .overview-controls.single-side{grid-template-columns:minmax(0,1fr) 36px}
  .overview-section-title{display:none}
  .next-container{margin:10px 0}
  .list-title{margin:11px 0 6px}
}
@media(max-width:350px){
  .match-open .player-name{font-size:14px}
  .match-open .match-footer .place,.match-open .match-footer .actual-time{font-size:9.5px}
  .overview-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px}
  .overview-controls.single-side{grid-template-columns:minmax(0,1fr) 34px}
  .overview-search-toggle{width:34px}
  .mobile-side-select,.round-select{font-size:10.5px}
}


/* v12 — tournament date always visible, compact match rows and inline LIVE link. */
.hero-date{position:relative;z-index:1;display:flex;align-items:center;gap:6px;color:#f1dc93;font-size:12px;font-weight:800;margin:6px 0 0;line-height:1.3;font-variant-numeric:tabular-nums}
.match-header .number{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* The YouTube action is a sibling of the match button (not a nested link).
   It sits inside the card's header, avoiding an extra full-width row. */
.match.has-video .match-open .match-header{padding-right:78px}
.match .match-stream{position:absolute;right:8px;top:7px;z-index:2;width:auto;height:auto;min-height:24px;display:inline-flex;gap:4px;align-items:center;justify-content:center;border:1px solid #ff6e73;border-radius:7px;background:#c9192a;color:#fff;padding:3px 7px;text-decoration:none;box-shadow:0 2px 7px #0005;font-size:10px;line-height:1.2;font-weight:900}
.match .match-stream:hover{background:#e42030;color:#fff}
@media(max-width:600px){
  .hero{padding-top:7px;padding-bottom:7px}
  .hero h1{font-size:16px;margin:11px 0 0;line-height:1.13}
  .hero-date{font-size:11px;margin:4px 0 0;color:#ffe08c;line-height:1.3}
  .overview-title{margin-bottom:3px}
  .overview-controls{margin-bottom:5px}
  .match-grid{gap:5px}
  .match{border-radius:10px;margin-bottom:5px}
  .match-open .match-header{padding:4px 8px 1px;min-height:18px;gap:5px}
  .match-header .number{font-size:10px;line-height:1.15;letter-spacing:0}
  .status-pill{font-size:9px;padding:1px 6px;line-height:1.35}
  .match-open .pair{padding:1px 8px 3px}
  .match-open .player-row{min-height:21px;padding:0;gap:6px}
  .match-open .player-name{font-size:14.5px;line-height:1.1;font-weight:750}
  .match-open .score{font-size:16px;min-width:28px;min-height:21px;padding:2px 4px;line-height:1}
  .match-open .match-footer{padding:4px 8px;min-height:22px;gap:6px;line-height:1.15}
  .match-open .match-footer .place,.match-open .match-footer .actual-time{font-size:10px}
  .match.has-video .match-open .match-header{padding-right:69px}
  .match .match-stream{top:3px;right:6px;min-height:22px;padding:2px 6px;font-size:10px;border-radius:6px}
}
@media(max-width:350px){
  .match-open .player-name{font-size:14px}
  .match-open .match-footer .place,.match-open .match-footer .actual-time{font-size:9.4px}
  .match.has-video .match-open .match-header{padding-right:67px}
  .match .match-stream{font-size:9.5px;padding:2px 5px}
  .hero-date{font-size:10.5px}
}


/* v13: exactly three navigation cards; the middle card IS the dropdown. */
.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:61px;white-space:normal;line-height:1.12;text-align:center}
.tab-symbol{display:block;margin:0;font-size:18px;line-height:1.1}
.tab-label{display:block;font-weight:850}
.nav-match-tab{position:relative;display:block;padding:0;isolation:isolate}
.nav-match-tab.active{background:linear-gradient(100deg,#08a4f3,#056ec3);color:#fff;border-color:#2fc4ff;box-shadow:inset 0 1px rgba(255,255,255,.27),0 4px 14px rgba(0,111,214,.25)}
.nav-select-icon{position:absolute;top:8px;left:50%;transform:translateX(-50%);pointer-events:none;color:#92c4e3;font-size:18px;line-height:1;z-index:2}
.nav-match-tab.active .nav-select-icon{color:#fff}
.nav-match-select{position:absolute;inset:0;width:100%;height:100%;min-height:100%;border:0;box-shadow:none!important;outline-offset:-3px;background:transparent;color:inherit;-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center;font-size:13px;font-weight:850;line-height:1.1;padding:25px 17px 8px 8px;cursor:pointer;text-overflow:ellipsis;z-index:1}
.nav-match-select option{background:#102c4a;color:#fff;font-size:14px}
.nav-select-chevron{position:absolute;right:6px;bottom:13px;pointer-events:none;color:#bce0f7;font-size:12px;z-index:2}
.live-panel,.matches-panel,.player-panel{min-height:0}
.live-title,.matches-title{margin:0 0 9px}
.upcoming-title{margin:17px 0 8px}
.live-panel .match-grid,.matches-panel .match-grid{margin-bottom:0}
.live-panel .empty{margin:0;padding:13px 12px;border-style:solid;font-size:12px}
.matches-panel .following-notice{margin:0 0 7px}
@media(max-width:600px){
  .tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px 0;margin-top:4px}
  .tab{min-height:49px;font-size:11px;padding:5px 3px;border-radius:8px;gap:1px}
  .tab-symbol{font-size:14px}
  .nav-select-icon{top:6px;font-size:14px}
  .nav-match-select{font-size:11px;padding:19px 13px 4px 4px;line-height:1.08;border-radius:8px}
  .nav-select-chevron{right:3px;bottom:8px;font-size:10px}
  .panel{padding-top:6px}
  .live-title,.matches-title{margin-bottom:6px;align-items:center}
  .live-title h2,.upcoming-title h2,.matches-title h2{font-size:16px}
  .live-title .sub,.matches-title .sub,.upcoming-title .sub{font-size:10px}
  .upcoming-title{margin:11px 0 6px}
  .live-panel .empty{padding:9px 10px;font-size:11px;margin:0}
  .player-panel .section-title h2{font-size:16px}
  .player-panel .next{padding:10px}
  .player-panel .next h3{font-size:16px;margin:4px 0}
}
@media(max-width:350px){
  .tab{font-size:10px}
  .nav-match-select{font-size:10px;padding-left:1px;padding-right:11px}
  .nav-select-chevron{right:2px}
}


/* v14: player dropdown occupies the THIRD navigation card itself, no extra
   selector or open filter area under the navigation. */
.nav-player-tab{position:relative;display:block;padding:0;isolation:isolate}
.nav-player-tab.active{background:linear-gradient(100deg,#08a4f3,#056ec3);color:#fff;border-color:#2fc4ff;box-shadow:inset 0 1px rgba(255,255,255,.27),0 4px 14px rgba(0,111,214,.25)}
.nav-player-icon{position:absolute;top:8px;left:50%;transform:translateX(-50%);pointer-events:none;color:#92c4e3;font-size:18px;line-height:1;z-index:1}
.nav-player-tab.active .nav-player-icon{color:#fff}
.nav-player-label{position:absolute;left:9px;right:14px;bottom:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:inherit;font-size:13px;font-weight:850;z-index:1;pointer-events:none}
.nav-player-tab.has-selection .nav-player-label{color:#fff4ce}
.nav-player-select{position:absolute;inset:0;width:100%;height:100%;min-height:100%;opacity:0;cursor:pointer;z-index:2}
.nav-player-select option{background:#102c4a;color:#fff;font-size:14px}
.nav-player-chevron{position:absolute;right:6px;bottom:13px;pointer-events:none;color:#bce0f7;font-size:12px;z-index:1}
.nav-player-tab:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.hero-balls,.bottom-brand img{object-fit:contain}
@media(max-width:600px){
  .nav-player-icon{top:6px;font-size:14px}
  .nav-player-label{font-size:11px;bottom:7px;left:4px;right:10px}
  .nav-player-chevron{right:3px;bottom:8px;font-size:10px}
}
@media(max-width:350px){
  .nav-player-label{font-size:10px;left:1px;right:10px}
  .nav-player-chevron{right:2px}
}


/* v15 — approved realistic 8-9-10 footer composition and unobtrusive player dropdown. */
.bottom-brand{
  height:clamp(88px,11vw,128px);
  margin-top:10px;
  overflow:hidden;
  border-bottom:1px solid #245377;
  border-radius:0 0 8px 8px;
  background-color:#071b30;
  background-image:url('/kugle-8-9-10-banner.png');
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:auto 100%;
}
.bottom-brand .bottom-wave,.bottom-brand img{display:none}
@media(max-width:600px){
  .bottom-brand{height:clamp(74px,23vw,92px);background-size:auto 100%;background-position:right bottom;margin-top:8px}
}

/* v16: notification bell does not add another row above match cards. */
/* Two unmistakable states: a yellow ringing bell, or a muted crossed-out bell. */
.notify-toggle{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #456078;border-radius:11px;color:#9ab0c2;background:#102639;line-height:1;transition:color .15s,border-color .15s,background .15s}
.notify-toggle .bell-on{display:none}
.notify-toggle .bell-off{display:block}
.notify-toggle:focus-visible{outline:2px solid #ffe06a;outline-offset:2px}
.notify-toggle.enabled{border-color:#f3cd4d;background:#443d1f;color:#ffd342;box-shadow:0 0 0 1px #e6b62b35,inset 0 1px #fff2}
.notify-toggle.enabled .bell-on{display:block}
.notify-toggle.enabled .bell-off{display:none}
.notify-dialog{width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 44px);overflow:auto;color:#f1f8fe;background:#0d2944;border:1px solid #4683ad;border-radius:18px;padding:18px;box-shadow:0 22px 60px #000b}
.notify-dialog::backdrop{background:#020b17c9}
.notify-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.notify-head h2{margin:0;font-size:19px}
.notify-close{border:1px solid #537694;border-radius:10px;background:#193753;color:#fff;font-size:19px;padding:4px 10px}
.notify-dialog p{font-size:13px;color:#c3dcec;margin:10px 0}
.notify-dialog .notify-message{padding:11px;border-radius:10px;background:#123e64;border:1px solid #3176a5;color:#fff;font-weight:650}
.notify-dialog .notify-message.bad{border-color:#ba6859;background:#4d3037}
.notify-actions{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}
.notify-actions button{font-size:13px;font-weight:800;border-radius:10px;padding:11px 13px;flex:1 1 auto}
.notify-primary{border:1px solid #3dbafc;background:#087ac1;color:#fff}
.notify-secondary{border:1px solid #597791;background:#193b55;color:#e9f5ff}
.notify-actions button:disabled{opacity:.5}
.notify-dialog .notify-privacy{font-size:11px;color:#9ebad2}
@media(max-width:390px){.notify-toggle{width:30px;height:30px}.header-actions{gap:3px}}

/* v23 — colours drawn from Rijeka's official blue flag and ceremonial
   carmine/gold/ultramarine tricolour. HEX choices are screen approximations. */
:root{--rijeka-blue:#15518a;--rijeka-blue-light:#1a527f;--rijeka-gold:#f0c84a;--rijeka-carmine:#862640}
/* Only CueScore-confirmed in-progress matches are emphasized. */
.match.playing,
.match.mine.playing{
  background:linear-gradient(110deg,#1a5185 0%,#123b67 62%,#112e51 100%);
  border:2px solid var(--rijeka-gold);
  box-shadow:0 0 0 1px rgba(240,200,74,.25),0 5px 17px rgba(7,17,36,.18),inset 3px 0 0 var(--rijeka-carmine);
}
.match.playing:hover{border-color:#ffdc78}
.match.playing .match-header .number{color:#f8de94}
.match.playing .status-pill.playing{
  background:var(--rijeka-carmine);
  color:#fff2b4;
  border:1px solid var(--rijeka-gold);
  box-shadow:0 0 0 1px rgba(32,11,23,.14);
  font-weight:950;
  letter-spacing:.035em;
}
.match.playing .match-action{background:#123351;color:#ffdf81}
.match.playing .score{background:#174f7f;border-color:#b99140;color:#fff8e2}
.connection.good .dot{background:var(--rijeka-gold)}
/* Three compact navigation cards: middle one is now a simple button. */
.tab.is-final .tab-symbol{color:var(--rijeka-gold)}
.tab.is-final .tab-label{font-size:clamp(9px,1.1vw,13px)}
/* Completed tournament: rank cards take over the first tab automatically. */
.live-panel .final-standings{display:block}
.standings-list{display:flex;flex-direction:column;gap:8px}
.standings-row{display:flex;align-items:center;gap:13px;border:1px solid #3e6a91;background:linear-gradient(115deg,#14375b,#102a47);border-radius:13px;padding:11px 15px;min-height:57px}
.standings-row.first{border-color:#d2ab41;background:linear-gradient(110deg,#26527b,#153251)}
.standings-row.second{border-color:#839cb6}
.standings-row.bronze{border-color:#995069}
.standings-rank{width:48px;flex:none;color:#f5cf5f;font-size:19px;font-weight:950;font-variant-numeric:tabular-nums}
.standings-row.second .standings-rank{color:#d3e2ed}
.standings-row.bronze .standings-rank{color:#eca0b2;font-size:15px}
.standings-player{font-size:16px;line-height:1.22;overflow-wrap:anywhere;color:#f8fbff}
.standings-final-link{margin-top:11px;width:100%;text-align:left;display:flex;justify-content:space-between;padding:10px 15px;border:1px solid #496c89;background:#122d48;color:#ffdc79;border-radius:11px;font-size:12px;font-weight:850}
@media(max-width:600px){
  .standings-list{gap:6px}
  .standings-row{padding:9px 10px;gap:9px;min-height:48px;border-radius:10px}
  .standings-rank{width:45px;font-size:17px}
  .standings-player{font-size:14px}
  .tab.is-final .tab-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.match.playing{transition:none}}

/* Selected player (yellow) and live status (gold outline + carmine badge)
   communicate different things and must remain separately recognizable. */
.match .player-name.followed{
  color:#ffe18a !important;
  background:rgba(255,210,72,.13);
  text-shadow:0 1px 1px rgba(0,0,0,.30);
  padding:1px 4px;
  margin-left:-4px;
  border-radius:5px;
  box-shadow:inset 0 -1px 0 rgba(255,218,115,.62);
}
.match .player-name.followed::before{
  content:'★';
  display:inline;
  font-size:.68em;
  color:#ffda5d;
  margin-right:4px;
  vertical-align:2px;
}
.match.mine.playing{
  box-shadow:0 0 0 1px rgba(240,200,74,.36),0 5px 17px rgba(7,17,36,.18),inset 4px 0 0 #ffe18a;
}
.dialog-pair .followed{color:#ffe18a!important;text-decoration:underline;text-decoration-color:#ffe18a;text-underline-offset:3px}
/*
 * BK Rijeka LIVE v24 — city palette, entire public viewer.
 * Official city flag: blue and gold-outlined coat of arms.
 * Ceremonial flag: ultramarine, gold and carmine.
 * No city slogan, new copy or tournament-logic changes.
 * Dark backgrounds remain for legibility and small-phone match density.
 */
:root{
  --bg:#061629;
  --bg2:#0a2848;
  --card:#102f53;
  --card2:#14436e;
  --line:#315f88;
  --text:#f6f9ff;
  --muted:#b5cae0;
  --mint:#8bcdf1;
  --blue:#1769ae;
  --blue2:#0b467d;
  --gold:#f5cc54;
  --warn:#ffbdb1;
  --rijeka-blue:#1465a7;
  --rijeka-blue-light:#2679b9;
  --rijeka-deep:#082b50;
  --rijeka-gold:#f5cc54;
  --rijeka-carmine:#84283f;
}
html{scrollbar-color:#35628a #07182c}
body{
  background:
    radial-gradient(ellipse 850px 410px at 65% -130px,rgba(24,113,189,.31),transparent 73%),
    radial-gradient(ellipse 580px 690px at 100% 46%,rgba(12,75,140,.17),transparent 70%),
    linear-gradient(180deg,#07182c 0%,#061426 68%,#07182b 100%);
  color:var(--text);
}
::selection{background:#f5cc54;color:#082747}
a{color:#a7d9fa}
a:hover{color:#f5da8b}
.header{position:relative;border-bottom:1px solid rgba(245,204,84,.21)}
.header::after{
  content:"";position:absolute;bottom:-1px;left:0;width:min(250px,56%);height:2px;
  background:linear-gradient(90deg,var(--rijeka-gold),#397cba 68%,transparent);
  pointer-events:none;
}
.identity-icon{box-shadow:0 3px 14px rgba(13,89,160,.36)}
.identity-text strong{color:#fffdf3;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.connection{border-color:#34618c;background:#0b2c4b;color:#d7e9f8}
.connection .dot,.connection.good .dot{background:var(--rijeka-gold)}
.connection.bad .dot{background:#ffb4b2}
.refresh-now{background:#0c3867;border-color:#4282ba;color:#f0f8ff}
.refresh-now:hover:not(:disabled){background:#174e82;border-color:var(--rijeka-gold)}
.hero{
  background:linear-gradient(117deg,#1868aa 0%,#104e8b 43%,#092f62 100%);
  border-color:#417da9;
  box-shadow:inset 0 2px 0 rgba(245,204,84,.58),0 17px 40px rgba(0,0,0,.21);
}
.hero:after{background:radial-gradient(ellipse at 45% 48%,rgba(58,150,213,.25),transparent 68%)}
.hero-overline{color:#dceeff}
.hero h1{color:#fff}
.hero-date{color:#ffe29b}
.h-pill{border-color:rgba(232,218,159,.43);background:rgba(6,35,71,.43);color:#eff8ff}
.hero-bottom{border-top-color:rgba(243,218,142,.24)}
.stat strong{color:#fff4d2}.stat span{color:#d2e8f7}
.original{color:#f7dc98;border-bottom-color:var(--rijeka-gold)}
.hero-more-toggle{background:#113c6e;border-color:#9ab9cf;color:#fff5d9}
.hero-more-toggle:hover{border-color:var(--rijeka-gold)}
.tournament-stream{background:var(--rijeka-carmine);border:1px solid #c16877}
.tournament-stream:hover{background:#a43650;color:white}
.tabs{background:rgba(6,22,41,.96);border-bottom-color:#315d86}
.tab{background:linear-gradient(155deg,#10395f,#0d2e50);border-color:#376b96;color:#e2eefb;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.tab:hover,.nav-player-tab:hover{border-color:#99b7cf;background:#164775}
.tab.active,.nav-player-tab.active{
  background:linear-gradient(115deg,#216fab,#15518d);
  border-color:var(--rijeka-gold);
  color:#fff;
  box-shadow:inset 0 3px 0 var(--rijeka-gold),0 3px 15px rgba(4,55,107,.29);
}
.tab-symbol,.nav-player-icon{color:#e1c87c}
.tab.active .tab-symbol,.nav-player-tab.active .nav-player-icon{color:#fff5ca}
.nav-player-label{color:#f5f8ff}
.nav-player-chevron{color:#ffd87e}
.nav-player-tab.has-selection .nav-player-label{color:#ffe49b}
.nav-player-select option{background:#103353;color:#fff}
.section-title h2{color:#fff9e8}
.section-title .sub{color:#b7d0e8}
.live-title h2::before{content:"";display:inline-block;width:5px;height:14px;border-radius:5px;background:var(--rijeka-gold);margin-right:8px;vertical-align:-1px}
.upcoming-title h2::before,.matches-title h2::before{content:"";display:inline-block;width:5px;height:14px;border-radius:5px;background:#579bd1;margin-right:8px;vertical-align:-1px}
.next{background:linear-gradient(130deg,#12538a,#0d345b 84%);border-color:#5b92bd;box-shadow:inset 3px 0 var(--rijeka-gold)}
.next .eyebrow,.list-title{color:#f3d584}
.next-info span{background:#12436e;border-color:#477ca7}
.match{
  background:linear-gradient(135deg,#103456 0%,#0d2a4a 100%);
  border-color:#315f88;
  box-shadow:inset 0 1px 0 rgba(212,233,252,.06);
}
.match.waiting{border-color:#42638a}
.match:hover{border-color:#79aede}
.match-open:hover{background:rgba(65,137,198,.065)}
.match-open:active{background:rgba(65,137,198,.14)}
.match-header .number{color:#bed7eb}
.status-pill{background:#294f70;color:#e1efff}
.status-pill.finished{background:#304f6b;border:1px solid #4c708f;color:#dceaf6}
.status-pill.waiting{background:#51441f;border:1px solid #b59845;color:#ffe5a1}
.status-pill.playing{background:var(--rijeka-carmine);border:1px solid var(--rijeka-gold);color:#fff2ca}
.match-open .player-name{color:#f8fbff}
.match-open .winner,.player-name.winner{color:#9fdbff}
.match-open .score{background:#164d7e;border-color:#426d90;color:#fff}
.match-footer{border-top-color:#34618a}
.match-open .match-footer{border-top-color:#34618a}
.actual-time{color:#f8d885}
.match-action{background:#0b2743;color:#f3d47d}
.match-stream,.video-link-detail{background:var(--rijeka-carmine);color:#fff}
.match-stream:hover,.video-link-detail:hover{background:#a33752;color:#fff}
.match.playing,.match.mine.playing{
  border:2px solid var(--rijeka-gold);
  background:linear-gradient(105deg,#1a5488,#123f71 56%,#11335a);
  box-shadow:0 0 0 1px rgba(245,204,84,.21),0 5px 15px rgba(0,0,0,.15),inset 3px 0 0 var(--rijeka-carmine);
}
.match.playing:hover{border-color:#ffe497}
.match.playing .status-pill.playing{background:var(--rijeka-carmine);border-color:var(--rijeka-gold);color:#fff3ca}
.match.playing .score{background:#205784;border-color:#c6a54d;color:#fff}
.match.playing .match-action{background:#12375b;color:#ffde88}
/* Following a participant is NOT equivalent to a live match. */
.match.mine:not(.playing){
  border:1px solid #6c7990;
  box-shadow:inset 3px 0 0 var(--rijeka-gold),inset 0 1px 0 rgba(255,255,255,.07);
}
.match .player-name.followed{
  color:#ffe8a2!important;
  background:rgba(245,204,84,.15);
  box-shadow:inset 0 -1px 0 rgba(255,219,123,.72);
}
.match .player-name.followed::before{color:#ffe094}
.match.mine.playing{box-shadow:0 0 0 1px rgba(245,204,84,.32),0 5px 17px rgba(0,0,0,.18),inset 4px 0 0 var(--rijeka-carmine)}
.following-notice{border-color:#aa914e;color:#ffdf90;background:#6e542822}
.following-notice button{background:#53451f;border-color:#c2a159}
.standings-row{border-color:#356893;background:linear-gradient(112deg,#14416b,#0d2a4c)}
.standings-row.first{border-color:#e3c25a;background:linear-gradient(110deg,#1a578d,#10375c);box-shadow:inset 4px 0 0 var(--rijeka-gold)}
.standings-row.second{border-color:#809fba;box-shadow:inset 3px 0 0 #b1c6d9}
.standings-row.bronze{border-color:#94566e;box-shadow:inset 3px 0 0 var(--rijeka-carmine)}
.standings-rank{color:#ffe29a}
.standings-row.second .standings-rank{color:#e3ebf4}
.standings-row.bronze .standings-rank{color:#eab7c2}
.standings-final-link{border-color:#567a9a;background:#113554;color:#ffe39c}
.standings-final-link:hover{border-color:var(--rijeka-gold);background:#184872}
.empty{background:#0c2b4b;border-color:#4a779e;color:#c5d8e8}
.schedule-details{background:#102d48;border-color:#4c7095}
.schedule-details summary{color:#ffdf96}
.schedule-details .alert{background:#0f2b46;border-top-color:#466684}
.schedule-details .alert strong{color:#ffdf96}
.match-dialog{border-color:#6286a8;background:linear-gradient(135deg,#123f6a,#092746)}
.dialog-top .kicker,.dialog-route-title{color:#ffe098}
.dialog-pair{border-bottom-color:#3c6892}
.dialog-pair .winner{color:#94d2fa}
.dialog-pair .followed{color:#ffe8a2!important;text-decoration-color:#ffe8a2}
.dialog-info{color:#c9dff0}
.dialog-routes button{background:#164d7c;border-color:#679ac2;color:#effaff}
.dialog-routes button:hover{background:#206496;border-color:var(--rijeka-gold)}
.dialog-back{color:#ffe099}
.close-dialog,.notify-close{background:#154268;border-color:#6e93b2}
.close-dialog:hover,.notify-close:hover{border-color:var(--rijeka-gold)}
.notify-toggle{background:#0d2e4c;border-color:#487296;color:#b3c4d5}
.notify-toggle.enabled{border-color:var(--rijeka-gold);background:#51441c;color:#ffe07b}
.notify-dialog{background:#0d2f51;border-color:#5889af}
.notify-dialog .notify-message{background:#15456e;border-color:#457fae}
.notify-dialog .notify-message.bad{background:#4e2d38;border-color:#b16979}
.notify-primary{background:#175d98;border-color:var(--rijeka-gold)}
.notify-primary:hover{background:#2472af}
.notify-secondary{background:#153957;border-color:#5e83a1}
.footnote{border-top-color:#486f90;color:#afcadd}
.foot-brand strong{color:#ffdf91}
.bottom-brand{border-bottom-color:#b89b4c;background-color:#092341}
@media(max-width:600px){
  .live-title h2::before,.upcoming-title h2::before,.matches-title h2::before{height:11px;width:4px;margin-right:5px}
  .header::after{width:49%}
  .match-action{color:#ffdc81}
}

/* v25: compact refresh time, consistent app-icon crest and CueScore footer. */
.identity-icon{width:59px;height:59px;object-fit:contain;border-radius:16px;box-shadow:0 3px 12px rgba(14,80,148,.24)}
.refresh-group{display:flex;align-items:center;gap:6px;flex:none}
.last-refresh{display:inline-flex;align-items:center;gap:4px;color:#ffe39a;font-size:11px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.last-refresh svg{color:var(--rijeka-gold);flex:none}
.last-refresh.stale{color:#ffbfbd}
.foot-brand{align-items:center;margin-bottom:2px}
.foot-brand img{width:44px;height:44px;object-fit:contain;border-radius:11px;flex:none}
.foot-brand p{line-height:1.45;max-width:780px}
.foot-brand a{color:#ffdd81;font-weight:750;text-underline-offset:2px}
.footnote{padding:13px 0 20px}
.standings-explanation{font-size:11px;color:#b8d3e7;margin:2px 1px 11px;line-height:1.4}
.standings-list{gap:6px}
.standings-row{min-height:43px;padding:8px 12px}
.standings-rank{width:40px;font-size:17px}
.standings-player{font-size:14px}
.standings-row.following{border-color:var(--rijeka-gold);background:linear-gradient(110deg,#1d507b,#153852)}
.standings-row.following .standings-player{color:#ffe29a}
@media(max-width:700px){
  .refresh-group{flex-direction:column;align-items:center;gap:1px}
  .last-refresh{font-size:10px;gap:2px}
  .last-refresh svg{width:9px;height:9px}
  .identity-icon{width:46px;height:46px;border-radius:13px}
  .header-actions{align-self:center}
}
@media(max-width:430px){
  .connection{padding:5px;line-height:0}
  .connection .connection-label{display:none}
  .connection .dot{margin:0;width:8px;height:8px;vertical-align:0}
  .last-refresh{font-size:9px}
  .identity-icon{width:43px;height:43px}
  .header{gap:4px}
  .header-actions{gap:4px}
  .identity{gap:5px}
  .identity-text{gap:3px}
  .standings-row{padding:8px 9px;min-height:42px}
  .standings-player{font-size:13.5px}
}
@media(max-width:350px){
  .identity-icon{width:39px;height:39px}
  .identity-text strong{font-size:14px}
  .live-lettering{height:23px}
  .refresh-now{min-width:29px;min-height:29px}
  .last-refresh{font-size:8.5px}
}


/* v26 – narrow-screen header: identity and controls never overlap.
   Keep the clock next to manual refresh, and use Rijeka's blue/gold palette. */
@media (max-width: 600px) {
  .header {display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto;
    gap:4px; padding:7px 0 9px; align-items:center; }
  .identity {grid-column:1; min-width:0; width:100%; justify-self:start; gap:8px; align-items:center;}
  .identity-icon {width:43px; height:43px; flex:none; object-fit:contain;}
  .identity-text {min-width:0; display:flex; flex-direction:row; align-items:center; gap:7px; overflow:visible;}
  .identity-text strong {font-size:clamp(18px,5vw,23px); letter-spacing:.013em; white-space:nowrap;}
  .live-lettering {height:27px; width:auto; max-width:80px; transform:translateY(3px); flex:none;}
  .header-actions {grid-column:1; width:100%; min-width:0; display:flex;
    align-items:center; justify-content:flex-end; gap:8px;}
  .connection {margin-right:auto; flex:0 1 auto; min-width:0; display:inline-flex;
    align-items:center; gap:5px; padding:5px 8px; font-size:10px; line-height:1.25; white-space:nowrap;}
  .connection .connection-label {display:inline; white-space:nowrap; font-size:10px;}
  .connection .dot {flex:none; margin:0; width:7px; height:7px; vertical-align:middle;}
  .notify-toggle {flex:none; width:33px; height:33px;}
  .refresh-group {display:flex; align-items:center; flex-direction:row; gap:5px; flex:none;}
  .refresh-now {flex:none; min-width:33px; width:33px; min-height:33px; height:33px; font-size:24px;}
  .last-refresh {font-size:10px; gap:3px; line-height:1;}
  .last-refresh svg {width:11px; height:11px;}
}
@media (max-width: 350px) {
  .identity-text strong {font-size:17px;}
  .live-lettering {height:24px; max-width:69px;}
  .identity-icon {width:40px; height:40px;}
  .header-actions {gap:5px;}
  .connection {font-size:9px; padding:4px 6px;}
  .connection .connection-label {font-size:9px;}
  .last-refresh {font-size:9px;}
}

/* BK Rijeka LIVE v27: compact player picker, independent per-player push bells. */
.tabs{position:relative;z-index:5;overflow:visible}
.nav-player-tab{z-index:6}
.nav-player-select[hidden]{display:none!important}
.nav-player-trigger{position:absolute;inset:0;width:100%;height:100%;z-index:2;border:0;background:transparent;cursor:pointer;border-radius:inherit}
.nav-player-trigger:focus-visible{outline:2px solid #f5cc54;outline-offset:2px}
.player-picker-menu{position:absolute;right:0;top:calc(100% + 7px);width:min(355px,calc(100vw - 24px));
 z-index:20;background:#0c2a48;color:#fff;border:1px solid #f5cc54;border-radius:13px;
 padding:11px;box-shadow:0 15px 40px rgba(0,7,19,.65);text-align:left}
.player-picker-menu[hidden]{display:none!important}
.player-picker-head{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px}
.player-picker-head strong{flex:1;font-size:13px;color:#f8dc85}
.player-picker-head span{font-size:11px;color:#bbd6ea;white-space:nowrap}
.player-picker-head button{color:#fff;background:#214462;border:1px solid #4d6b82;border-radius:6px;padding:4px 8px}
.player-picker-help{margin:6px 0 9px;font-size:11px;line-height:1.4;color:#b8d4e7}
.player-picker-list{max-height:min(52vh,385px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#3e79a6 #102a48;padding:0 2px}
.picker-person{display:flex;align-items:stretch;gap:4px;margin-bottom:4px;background:#142f4d;border:1px solid #285375;border-radius:9px}
.picker-person.picked{background:#1b4c73;border-color:#e1b74b}
.picker-person-name{flex:1;min-width:0;text-align:left;border:0;background:transparent;color:#fff;padding:10px 8px;font-size:13px;font-weight:710;overflow-wrap:anywhere}
.picker-person.picked .picker-person-name{color:#f8de7a}
.picker-bell{flex:0 0 41px;border:0;border-left:1px solid #365879;border-radius:0 8px 8px 0;display:grid;place-items:center;background:#1a3854;color:#a8bccc;cursor:pointer}
.picker-bell.followed{background:#594519;color:#ffdb65}
.picker-person-name:focus-visible,.picker-bell:focus-visible{outline:2px solid #f5cc54;outline-offset:-2px}
.picker-everyone{display:block;width:100%;border:1px solid #466485;background:#123956;color:#f4d678;border-radius:8px;text-align:left;padding:9px;font-size:12px;font-weight:800;margin-bottom:7px}
.picker-no-players{font-size:12px;color:#c8d6e3;padding:10px 5px}

/* First tab during CueScore's Upcoming / no-draw phase. */
.live-panel .pre-draw-card{border:1px solid #3c6789;border-radius:13px;background:linear-gradient(125deg,#143d66,#102b48);padding:15px;max-width:100%;min-width:0;color:#f4f9ff}
.pre-draw-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#f4d476;font-size:15px}
.pre-draw-head span{background:#153a5e;border:1px solid #b8933e;border-radius:8px;padding:4px 8px;font-size:11px;white-space:nowrap}
.pre-draw-card>p{font-size:13px;color:#c9ddec;line-height:1.45;margin:9px 0}
.pre-draw-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:7px 0}
.pre-draw-facts>div{min-width:0;background:#102d4d;border:1px solid #315777;border-radius:9px;padding:8px}
.pre-draw-facts small{display:block;color:#a7c7de;font-size:10px;margin-bottom:4px}
.pre-draw-facts strong{display:block;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.pre-draw-card .pre-draw-dress{font-size:12px;margin:8px 0}
.pre-draw-description{margin:10px 0;border-top:1px solid #355d7a;padding-top:10px}
.pre-draw-description summary{color:#f4cf68;font-weight:800;font-size:12px;cursor:pointer}
.pre-draw-description>div{white-space:pre-line;font-size:12px;line-height:1.55;max-height:55vh;overflow-y:auto;color:#dcebf5;padding:8px 0}
.pre-draw-source{display:inline-flex;color:#fff2bb;font-size:12px;font-weight:800;margin-top:4px}
@media(max-width:370px){.pre-draw-facts{grid-template-columns:1fr 1fr;gap:6px}.pre-draw-facts>div{padding:7px}.pre-draw-facts strong{font-size:11px}}

/* Install invitation: quiet Rijeka-blue artwork with a subtle 8/9/10-ball watermark.
   The image is decorative only; all controls remain legible and fully clickable. */
.install-dialog{
 position:relative;isolation:isolate;color:#f8fbff;
 background:radial-gradient(ellipse at 99% 0,rgba(38,122,194,.29),transparent 51%),linear-gradient(150deg,#133d63 0%,#0d2b49 53%,#091e35 100%);
 border:1px solid #e9c45a;border-radius:19px;padding:20px;
 width:min(365px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow-y:auto;
 box-shadow:0 25px 65px #000b,inset 0 1px 0 #fff2;
}
.install-dialog::backdrop{background:rgba(1,8,17,.78)}
.install-dialog::before{
 content:"";position:absolute;z-index:0;right:-9px;top:23px;width:288px;height:172px;
 pointer-events:none;opacity:.19;
 background:url('/kugle-8-9-10-banner.png') right center / 410px auto no-repeat;
 -webkit-mask-image:radial-gradient(ellipse at 66% 50%,#000 17%,transparent 90%);
 mask-image:radial-gradient(ellipse at 66% 50%,#000 17%,transparent 90%);
}
.install-dialog::after{
 content:"";position:absolute;z-index:0;left:20px;right:20px;top:92px;height:1px;
 pointer-events:none;background:linear-gradient(90deg,#edc55e9e,#7594ad49,transparent);
}
.install-dialog>*{position:relative;z-index:1}
.install-top{display:flex;align-items:center;gap:11px;margin-bottom:17px}
.install-top>img{width:59px;height:59px;object-fit:contain;border-radius:12px;box-shadow:0 0 0 1px #ffe29b5c,0 6px 16px #0005}
.install-top>div{flex:1;min-width:0}
.install-top h2{margin:0;color:#fff;font-size:19px;line-height:1.15;letter-spacing:.15px}
.install-top p{margin:4px 0 0;color:#c1d8e8;font-size:11px}
.install-top>button{border:1px solid #567890;background:#234866cc;border-radius:9px;color:#fff;padding:6px 9px;align-self:flex-start;cursor:pointer}
.install-dialog h3{color:#ffdc78;font-size:16px;line-height:1.32;margin:17px 0 8px;text-shadow:0 1px 8px #001a2c55}
.install-dialog>p{font-size:13px;color:#e0ebf3;line-height:1.52;margin:0 0 14px}
.install-instructions{font-size:12px;color:#e9f3fb;background:#143d5ddc;border:1px solid #51738d;border-radius:11px;padding:11px;line-height:1.52;margin-bottom:12px;box-shadow:inset 0 1px 0 #fff1}
.install-primary{width:100%;background:linear-gradient(180deg,#ffdc76,#f3c64c);border:1px solid #ffe79c;color:#092843;font-size:14px;font-weight:900;padding:12px;border-radius:11px;cursor:pointer;box-shadow:0 5px 14px #0004}
.install-primary:focus-visible,.install-later:focus-visible,.install-top>button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.install-later{display:block;margin:11px auto 0;border:none;background:transparent;color:#c9dceb;font-size:12px;padding:6px 15px;cursor:pointer}
@media(max-width:350px){.install-dialog{padding:17px}.install-dialog::after{left:17px;right:17px;top:88px}.install-dialog::before{top:25px;opacity:.12}}
@media(prefers-reduced-motion:reduce){.install-dialog{scroll-behavior:auto}}