:root{color-scheme:light dark;
  --nav:#172b46;
  --accent:#8b2346;
  --page:#f4f5f6;
  --content:#fff;
  --side:#e9edef;
  --ink:#202733;
  --muted:#65717d;
  --line:#d6dde1;
  --link:#147e63;
  --selected-day:#2563eb;
  --selected-day-outline:#93c5fd;
  --max:1180px}

@media(prefers-color-scheme:dark){:root{--nav:#29496f;
  --page:#151b23;
  --content:#202833;
  --side:#293440;
  --ink:#f1f4f5;
  --muted:#bac4cb;
  --line:#3d4955;
  --link:#67d4ae;
  --selected-day:#2563eb;
  --selected-day-outline:#bfdbfe}

}

*{box-sizing:border-box}

body{margin:0;
  background:var(--page);
  color:var(--ink);
  font:16px/1.55 Arial,sans-serif}

a{color:var(--ink)}

.top{position:sticky;
  top:0;
  z-index:3;
  background:var(--nav);
  box-shadow:inset 0 -3px var(--accent);
  color:#fff}

.top>div{max-width:1700px;
  min-height:68px;
  margin:auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:22px}

.brand{color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:1.15rem}

.top nav{display:flex;
  gap:20px;
  flex-wrap:wrap}

.top nav a{color:#fff;
  text-decoration:none;
  font-size:1rem}

.refresh-button{padding:3px 7px;
  border:1px solid rgba(255,255,255,.65);
  background:transparent;
  color:#fff;
  font:inherit;
  font-size:.75rem;
  cursor:pointer}

.refresh-button:hover{background:rgba(255,255,255,.14)}

.in-frame .top{display:none}

.frame-shell{height:100vh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden}

.frame-shell .top{position:static}

.frame-shell iframe{display:block;
  width:100%;
  height:100%;
  min-height:0;
  border:0}

.shell{width:100%;
  margin:0;
  display:grid;
  grid-template-columns:294px 1fr;
  min-height:calc(100vh - 68px);
  background:var(--content)}

aside{background:var(--side);
  padding:34px 24px;
  border-right:1px solid var(--line)}

aside h2{font-size:1.05rem;
  margin:0 0 18px}

aside a{display:block;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  text-decoration:none}

.content{padding:48px clamp(28px,6vw,78px) 70px}

.content>*{max-width:none}

.eyebrow{color:var(--accent);
  font-weight:bold;
  font-size:.76rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin:0}

h1{font-size:clamp(2rem,4vw,3.1rem);
  line-height:1.15;
  margin:8px 0}

h2{margin-top:38px}

.season{color:var(--muted);
  font-size:1.15rem;
  margin:0 0 32px}

.entry{padding:17px 0;
  border-top:1px solid var(--line)}

.entry h3{margin:0 0 4px;
  font-size:1.05rem}

.entry h3 a{color:var(--ink)}

.competition-title{display:flex;
  align-items:center;
  gap:10px}

.bowling-icon{flex:0 0 auto;
  font-size:2rem;
  line-height:1}

.entry p{margin:0;
  color:var(--muted)}

.competition-entry{margin:14px 0 20px 14px;
  padding:13px 16px;
  border:0;
  border-left:3px solid var(--accent);
  background:var(--side)}

.competition-entry h3{margin:0;
  font-size:1.1rem}

.competition-entry .competition-detail{margin:9px 0 0 17px;
  color:var(--muted)}

.competition-info{margin-left:2rem}

.competition-info .competition-subinfo{margin-left:2rem}

.information-list{margin:10px 0 0 18px}

.information-list p{margin:0 0 8px}

img,video{max-width:100%;
  height:auto}

.mobile-menu{display:none}

.media-small{width:180px}
.media-medium{width:420px}
.media-large{width:100%}
.caption{margin-top:4px;color:var(--muted);font-size:.9rem}

.photo-gallery{display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin:0}

.photo-gallery .photo-item{flex:0 0 360px;
  width:360px;
  max-width:100%;
  margin:0}

.photo-gallery .photo-item img{display:block;
  width:100%!important;
  max-width:100%}
.indent{margin-left:2rem}
.text-small{font-size:.9rem}
.text-large{font-size:1.2rem}
.spacer{height:2rem}
.content table{width:100%;border-collapse:collapse}
.content th,.content td{padding:9px;border:1px solid var(--line);text-align:left}
.content th{background:var(--side)}
blockquote{margin:1.2rem 0;padding-left:1rem;border-left:3px solid var(--accent);color:var(--muted)}

.agenda-widget{max-width:880px;
  margin:24px 0;
  padding:18px;
  border:1px solid var(--line);
  background:var(--side)}

.agenda-widget--mini{width:min(560px,100%)}

.agenda-toolbar{display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px}

.agenda-toolbar h2{margin:0;
  font-size:1.15rem}

.agenda-toolbar button{border:1px solid var(--line);
  background:var(--content);
  color:var(--ink);
  font:inherit;
  cursor:pointer}

.agenda-grid{display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:3px}

.agenda-weekday{padding:4px 0;
  color:var(--muted);
  font-size:.75rem;
  font-weight:bold;
  text-align:center}

.agenda-day{min-height:36px;
  padding:4px;
  border:1px solid var(--line);
  background:var(--content);
  color:var(--ink);
  font:inherit;
  white-space:nowrap;
  text-align:left;
  cursor:pointer}

.agenda-day--empty{border-color:transparent;
  background:transparent;
  cursor:default}

.agenda-day--has-events{border-color:var(--accent);
  font-weight:bold}

.agenda-day--selected{background:var(--selected-day);
  color:#fff;
  outline:2px solid var(--selected-day-outline);
  outline-offset:-2px;
  font-weight:bold}

.agenda-events{margin:14px 0 0;
  padding-top:12px;
  border-top:1px solid var(--line)}

.agenda-events ul{margin:6px 0 0;
  padding-left:20px}

.agenda-more{display:inline-block;
  margin-top:14px}

.player-search{display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:end;
  margin:24px 0}

.search-panels{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:start;
  margin:24px 0}

.search-panel{margin:0;
  padding:18px;
  border:1px solid var(--line);
  background:var(--side)}

.player-search label{display:block;
  font-weight:bold}

.player-search input{display:block;
  width:min(330px,100%);
  margin-top:4px;
  padding:9px;
  border:1px solid var(--line);
  background:var(--content);
  color:var(--ink);
  font:inherit}

.player-candidates{display:block;
  max-width:430px;
  margin:0 0 18px;
  font-weight:bold}

.player-candidates select{display:block;
  width:100%;
  margin-top:4px;
  padding:9px;
  border:1px solid var(--line);
  background:var(--content);
  color:var(--ink);
  font:inherit}

.player-search button{padding:9px 14px;
  border:1px solid var(--accent);
  background:var(--accent);
  color:#fff;
  font:inherit;
  cursor:pointer}

.player-card{width:100%;
  max-width:1350px;
  padding:22px;
  border:1px solid var(--line);
  background:var(--side)}

.player-card h2{margin:0 0 16px}

.club-results{width:100%;
  max-width:900px;
  margin:0 0 22px;
  padding:22px;
  border:1px solid var(--line);
  background:var(--side)}

.club-results h2{margin:0 0 8px}

.club-options{display:flex;
  flex-wrap:wrap;
  gap:8px}

.club-options button,.club-player{border:1px solid var(--line);
  background:var(--content);
  color:var(--ink);
  font:inherit;
  cursor:pointer}

.club-options button{padding:8px 12px}

.club-player-list{display:grid;
  gap:6px}

.club-player{display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  width:100%;
  padding:9px 11px;
  text-align:left}

.club-player:hover,.club-player:focus-visible,.club-options button:hover,.club-options button:focus-visible{border-color:var(--accent);
  color:var(--accent)}

.player-data-group{display:grid;
  gap:12px;
  margin:0}

.player-data{display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:24px;
  margin:0}

.player-data div{padding-bottom:8px;
  border-bottom:1px solid var(--line)}

.player-data dt{color:var(--muted);
  font-size:.86rem}

.player-data dd{margin:2px 0 0;
  font-weight:bold}

.competition-table{width:83.3333%!important;
  table-layout:fixed}

.competition-table th:first-child,
.competition-table td:first-child{width:40%}

.competition-table th:not(:first-child),
.competition-table td:not(:first-child){width:20%}

footer{padding:18px;
  text-align:center;
  color:var(--muted);
  font-size:.85rem;
  background:var(--content);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.55rem}
.footer-mark{display:inline-block;
  width:.55rem;
  height:.55rem;
  border-radius:50%;
  background:currentColor;
  color:inherit;
  flex:0 0 auto}
a.footer-mark:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

@media(max-width:800px){.top,aside{display:none}

.shell{display:block}

.content{padding:26px 20px 54px}

.mobile-menu{display:block;
  border:1px solid var(--line);
  background:var(--side);
  margin:0 0 28px}

.mobile-menu summary{padding:11px;
  color:var(--ink);
  font-weight:bold;
  list-style:none}

.mobile-menu summary::before{content:"›";
  display:inline-block;
  width:1.1em;
  color:var(--ink);
  font-size:1.25em;
  line-height:0}

.mobile-menu[open]>summary::before,.mobile-menu .section-group[open]>summary::before{content:"⌄"}

.mobile-menu summary::marker{content:""}

.mobile-menu summary::-webkit-details-marker{display:none}

.mobile-menu a{display:block;
  padding:9px 11px;
  border-top:1px solid var(--line);
  color:var(--ink)!important;
  text-decoration:none}

.mobile-refresh{display:block;
  width:calc(100% - 22px);
  margin:11px;
  padding:9px 11px;
  border:1px solid var(--line);
  background:var(--content);
  color:var(--ink);
  font:inherit;
  text-align:left;
  cursor:pointer}

.content h1{font-size:2rem}

.agenda-widget{padding:14px}

.agenda-day{min-height:34px;
  font-size:.9rem}

.player-data{grid-template-columns:1fr}

.search-panels{grid-template-columns:1fr}

.competition-table{width:100%!important;
  table-layout:auto}

.competition-entry{margin-left:0}

.competition-info{margin-left:1rem}

.competition-info .competition-subinfo{margin-left:1rem}

.information-list{margin-left:12px}

}

.brand img{width:32px;
  height:32px;
  object-fit:contain;
  vertical-align:middle;
  margin-right:8px}

.section-group{margin:10px 0}

.section-group summary{cursor:pointer;
  font-weight:bold;
  padding:7px 0}

.section-group a{padding:5px 0 5px 14px;
  font-size:.9rem}

.section-group .section-group a{padding-left:28px}

.mobile-menu .section-group summary{padding:9px 11px;
  border-top:1px solid var(--line)}

.mobile-menu .section-group a{padding-left:25px;
  color:var(--ink)!important}

.mobile-menu .section-group .section-group a{padding-left:39px}

.lupa-cerca {
  display: inline-block;
  margin-left: .45rem;
  text-decoration: none;
  font-size: 1.15em;
  line-height: 1;
}

.entry p.detall-indentat {
  margin: 0 0 0 17px;
}