body, html {
height: 100%;
margin: 0;
overflow: hidden;
font-family: 'Inter', sans-serif;
background-color: #f3f4f6;
}
/* v816: iOS PWA safe-area foundation, based on viewport-fit=cover */
html{
min-height:calc(100% + env(safe-area-inset-top, 0px))!important;
padding:
env(safe-area-inset-top, 0px)
env(safe-area-inset-right, 0px)
env(safe-area-inset-bottom, 0px)
env(safe-area-inset-left, 0px)!important;
background:#062420!important;
background-attachment:fixed!important;
box-sizing:border-box!important;
}
body{
min-height:100%!important;
box-sizing:border-box!important;
}
html:has(body .bnh-home-v11:not(.profile-start-clone-v10)){
background:#050706!important;
}
#app {
display: none !important; /* Dold som standard för nya besökare */
height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
flex-direction: column !important;
}
body.unlocked #app {
display: flex !important;
}
.global-auth-overlay {
position: fixed;
inset: 0;
background:
radial-gradient(circle at 82% 2%, rgba(214,177,90,.13), transparent 34%),
radial-gradient(circle at 12% 90%, rgba(255,255,255,.06), transparent 38%),
linear-gradient(180deg,#0b2b24 0%,#061b18 52%,#031210 100%);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
body.unlocked .global-auth-overlay {
display: none !important;
}
#content-view {
flex: 1 1 auto !important;
height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
min-height: 0 !important;
overflow-y: auto !important;
display: block !important;
-webkit-overflow-scrolling: touch;
padding-bottom: 104px !important;
box-sizing: border-box !important;
}
header {
flex-shrink: 0;
position: relative;
z-index: 50;
}
.sidebar-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.5);
z-index: 65;
display: none;
}
.flex.overflow-x-auto {
overflow-x: auto !important;
display: flex !important;
flex-wrap: nowrap !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #cbd5e1 transparent;
}
.no-scrollbar { -ms-overflow-style: none !important; scrollbar-width: none !important; }
.bg-bnh-green { background-color: #092f1c; }
.text-bnh-green { color: #092f1c; }
.animate-fade-in { animation: fadeIn 0.2s ease-out; }
/* v752: Fantasy cleanup - plain cards, white dropdowns, mobile league, leaderboard-style scorecard */
html body .fantasy-premium .bg-white,
html body .fantasy-premium .bg-gray-50,
html body .fantasy-premium .bg-yellow-50,
html body .fantasy-premium .fantasy-top-card,
html body .fantasy-premium .fantasy-player-detail-card,
html body .fantasy-premium .fantasy-league-table,
html body .fantasy-premium [style*="background:#f9fafb"],
html body .fantasy-premium [style*="background:#f0fdf4"]{
background:#fff!important;
background-image:none!important;
}
html body .fantasy-premium .bg-green-50{
background:#f8faf8!important;
background-image:none!important;
}
html body .fantasy-premium .bg-bnh-green,
html body .fantasy-premium .bg-bnh-green *,
html body .fantasy-premium [style*="background:#092f1c"],
html body .fantasy-premium [style*="background:#092f1c"] *,
html body .fantasy-premium [style*="background: #092f1c"],
html body .fantasy-premium [style*="background: #092f1c"] *{
background-image:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
html body .fantasy-premium select{
background:#fff!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
border:1px solid #dfe8e4!important;
box-shadow:none!important;
}
html body .fantasy-premium select option{
background:#fff!important;
color:#0f172a!important;
}
html body .fantasy-premium .fantasy-league-table{
overflow:hidden!important;
}
html body .fantasy-premium .fantasy-league-table > .fantasy-league-grid{
min-width:0!important;
}
html body .fantasy-premium .fantasy-league-row:hover{
background:#f8faf8!important;
}
html body .fantasy-premium .fantasy-score-table-wrap{
border:1px solid #dfe8e4!important;
border-radius:14px!important;
overflow:hidden!important;
background:#fff!important;
margin-top:10px!important;
}
html body .fantasy-premium table.fantasy-score-table{
width:100%!important;
min-width:0!important;
border-collapse:collapse!important;
table-layout:fixed!important;
background:#fff!important;
}
html body .fantasy-premium table.fantasy-score-table tr:first-child,
html body .fantasy-premium table.fantasy-score-table tr:first-child th,
html body .fantasy-premium table.fantasy-score-table tr:first-child td{
background:#092f1c!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
html body .fantasy-premium table.fantasy-score-table th,
html body .fantasy-premium table.fantasy-score-table td{
height:38px!important;
padding:7px 2px!important;
border-bottom:1px solid #eef2ee!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
font-size:11px!important;
font-weight:850!important;
text-align:center!important;
}
html body .fantasy-premium table.fantasy-score-table th{
width:46px!important;
padding-left:9px!important;
color:#64748b!important;
-webkit-text-fill-color:#64748b!important;
text-align:left!important;
text-transform:uppercase!important;
}
html body .fantasy-premium table.fantasy-score-table td.tot{
width:36px!important;
font-weight:900!important;
}
html body .fantasy-premium table.fantasy-score-table .fantasy-row,
html body .fantasy-premium table.fantasy-score-table .fantasy-row th,
html body .fantasy-premium table.fantasy-score-table .fantasy-row td{
background:#f5faf8!important;
color:#092f1c!important;
-webkit-text-fill-color:#092f1c!important;
}
html body .fantasy-premium .fantasy-shot-pill{
width:28px!important;
height:28px!important;
min-width:28px!important;
padding:0!important;
display:grid!important;
place-items:center!important;
margin:0 auto!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
font-size:12px!important;
font-weight:900!important;
}
html body .fantasy-premium .fantasy-shot-pill.eagle{
background:#eab308!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
border-radius:999px!important;
}
html body .fantasy-premium .fantasy-shot-pill.birdie{
background:#ef4444!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border-radius:999px!important;
}
html body .fantasy-premium .fantasy-shot-pill.par,
html body .fantasy-premium .fantasy-shot-pill.played{
background:transparent!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
}
html body .fantasy-premium .fantasy-shot-pill.bogey{
background:#cbd5e1!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
border-radius:7px!important;
}
html body .fantasy-premium .fantasy-shot-pill.double{
background:#64748b!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border-radius:7px!important;
}
html body .fantasy-premium .fantasy-shot-pill.worse{
background:#111827!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border-radius:7px!important;
}
@media (max-width:820px){
html body .fantasy-premium .fantasy-league-table{
border-radius:24px!important;
overflow:hidden!important;
}
html body .fantasy-premium .fantasy-league-grid{
grid-template-columns:42px minmax(0,1fr) 64px!important;
}
html body .fantasy-premium .fantasy-league-grid > :nth-child(n+3):not(:last-child){
display:none!important;
}
html body .fantasy-premium .fantasy-league-grid > :first-child{
padding-left:14px!important;
}
html body .fantasy-premium .fantasy-league-row > div:nth-child(2) .font-bold{
white-space:normal!important;
line-height:1.08!important;
}
}
/* v789 final home/nav polish: visible profile card, smaller button with larger cropped ball */
html body .bnh-home-v11:not(.profile-start-clone-v10) .bnh-white-shell{
margin:-8px 0 0!important;
padding-top:78px!important;
overflow:visible!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-card-v691{
margin:-18px 0 16px!important;
position:relative!important;
z-index:30!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-actions-v691{
position:relative!important;
z-index:29!important;
}
html body .bnh-home-v11 section.bnh-active-round-card-v771 .bnh-stat-value,
html body .bnh-home-v11 section.bnh-active-round-card-v771 .bnh-participants-compact{
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
font-size:15px!important;
font-weight:400!important;
letter-spacing:0!important;
}
html body .bnh-home-v11 section.bnh-active-round-card-v771 .bnh-stat-label{
font-weight:500!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"]{
width:96px!important;
height:96px!important;
min-width:96px!important;
min-height:96px!important;
flex-basis:96px!important;
margin-top:-34px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item .bnh-play-ball-wrap,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"] .bnh-play-ball-wrap{
width:92px!important;
height:84px!important;
overflow:hidden!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item .bnh-play-golf-ball-png,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"] .bnh-play-golf-ball-png{
width:116px!important;
height:116px!important;
max-width:none!important;
max-height:none!important;
object-fit:contain!important;
transform:translateY(-10px)!important;
transform-origin:center top!important;
}
@media(max-width:430px){
html body .bnh-home-v11:not(.profile-start-clone-v10) .bnh-white-shell{
margin:-6px 0 0!important;
padding-top:76px!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-card-v691{
margin:-14px 0 14px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"]{
width:94px!important;
height:94px!important;
min-width:94px!important;
min-height:94px!important;
flex-basis:94px!important;
margin-top:-33px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item .bnh-play-ball-wrap,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"] .bnh-play-ball-wrap{
width:90px!important;
height:82px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item .bnh-play-golf-ball-png,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"] .bnh-play-golf-ball-png{
width:112px!important;
height:112px!important;
transform:translateY(-9px)!important;
}
}
/* v787: use BNH/Scramble-style serif for home/profile names */
html body .bnh-home-v11:not(.profile-start-clone-v10) .bnh-name,
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-info-v691 h2,
html body .profile-start-clone-v10 .profile-identity-card .hero-info h1{
font-family:'Bodoni Moda',Didot,'Bodoni 72',Georgia,serif!important;
font-weight:500!important;
letter-spacing:0!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .bnh-name{
font-size:44px!important;
line-height:.92!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-info-v691 h2{
font-size:32px!important;
line-height:.98!important;
}
@media(max-width:430px){
html body .bnh-home-v11:not(.profile-start-clone-v10) .bnh-name{
font-size:42px!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-info-v691 h2{
font-size:30px!important;
}
}
/* v788: lighter first-page typography to match concept */
html body .bnh-home-v11:not(.profile-start-clone-v10){
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
letter-spacing:0!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .bnh-name{
font-family:'Bodoni Moda',Didot,'Bodoni 72',Georgia,serif!important;
font-size:42px!important;
font-weight:400!important;
line-height:.9!important;
letter-spacing:0!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .bnh-welcome{
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
font-size:14px!important;
font-weight:400!important;
letter-spacing:0!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-info-v691 h2{
font-family:'Bodoni Moda',Didot,'Bodoni 72',Georgia,serif!important;
font-size:30px!important;
font-weight:500!important;
line-height:.98!important;
letter-spacing:0!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-meta-v691,
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-meta-v691 .hcp-value-mini,
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-location-v691{
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
font-weight:500!important;
letter-spacing:0!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-mini-v691 strong{
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
font-size:15px!important;
font-weight:500!important;
letter-spacing:0!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-mini-v691 strong b{
font-size:22px!important;
font-weight:600!important;
}
html body .bnh-home-v11 section.bnh-active-round-card-v771 .bnh-mode{
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
font-weight:600!important;
letter-spacing:.04em!important;
}
html body .bnh-home-v11 section.bnh-active-round-card-v771 .bnh-status-title{
font-family:'Bodoni Moda',Didot,'Bodoni 72',Georgia,serif!important;
font-size:31px!important;
font-weight:400!important;
letter-spacing:0!important;
}
html body .bnh-home-v11 section.bnh-active-round-card-v771 .bnh-status-sub{
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
font-size:14px!important;
font-weight:500!important;
letter-spacing:0!important;
}
html body .bnh-home-v11 section.bnh-active-round-card-v771 .bnh-stat-label{
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
font-weight:600!important;
letter-spacing:.07em!important;
}
html body .bnh-home-v11 section.bnh-active-round-card-v771 .bnh-stat-value{
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
font-size:15px!important;
font-weight:500!important;
letter-spacing:0!important;
}
html body .bnh-home-v11 .bnh-panel,
html body .bnh-home-v11 .bnh-panel *{
font-family:'Inter','Inter Tight',system-ui,sans-serif!important;
letter-spacing:0!important;
}
html body .bnh-home-v11 .bnh-panel-head span,
html body .bnh-home-v11 .bnh-live-sub,
html body .bnh-home-v11 .bnh-leader{
font-weight:500!important;
}
@media(max-width:430px){
html body .bnh-home-v11:not(.profile-start-clone-v10) .bnh-name{
font-size:40px!important;
}
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-info-v691 h2{
font-size:28px!important;
}
html body .bnh-home-v11 section.bnh-active-round-card-v771 .bnh-status-title{
font-size:29px!important;
}
}
/* v786: remove image outlines and tighten premium bottom nav */
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-avatar-v691 img,
html body .bnh-home-v11:not(.profile-start-clone-v10) .home-profile-participants-v691 .bnh-face,
html body .bnh-home-v11:not(.profile-start-clone-v10) .bnh-faces .bnh-face,
html body .profile-start-clone-v10 .profile-identity-card .avatar,
html body .profile-start-clone-v10 .profile-identity-card .avatar-wrap img,
html body .profile-start-clone-v10 .bnh-face,
html body .participants-list img,
html body .team-list img{
border:0!important;
outline:0!important;
box-shadow:none!important;
}
html body #gamebook-bottom-nav nav{
height:74px!important;
min-height:74px!important;
padding-top:0!important;
}
html body #gamebook-bottom-nav nav > div{
height:74px!important;
min-height:74px!important;
align-items:flex-start!important;
padding-top:7px!important;
}
html body #gamebook-bottom-nav nav > div > button:not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]){
padding-top:4px!important;
gap:1px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"]{
margin-top:-44px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item .bnh-play-ball-wrap,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"] .bnh-play-ball-wrap{
width:104px!important;
height:104px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item .bnh-play-golf-ball-png,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"] .bnh-play-golf-ball-png{
width:100px!important;
height:100px!important;
max-width:none!important;
max-height:none!important;
transform:translateY(2px) scale(1.08)!important;
transform-origin:center bottom!important;
}
@media(max-width:430px){
html body #gamebook-bottom-nav nav,
html body #gamebook-bottom-nav nav > div{
height:72px!important;
min-height:72px!important;
}
html body #gamebook-bottom-nav nav > div{
padding-top:6px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"]{
margin-top:-43px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item .bnh-play-ball-wrap,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"] .bnh-play-ball-wrap{
width:100px!important;
height:100px!important;
}
html body #gamebook-bottom-nav .bnh-play-nav-item .bnh-play-golf-ball-png,
html body #gamebook-bottom-nav button[onclick*="openPlayMenu"] .bnh-play-golf-ball-png{
width:96px!important;
height:96px!important;
}
}
@media (max-width:520px){
html body .fantasy-premium table.fantasy-score-table th,
html body .fantasy-premium table.fantasy-score-table td{
font-size:10px!important;
padding-left:1px!important;
padding-right:1px!important;
}
html body .fantasy-premium table.fantasy-score-table th{
width:40px!important;
padding-left:7px!important;
}
html body .fantasy-premium .fantasy-shot-pill{
width:24px!important;
height:24px!important;
min-width:24px!important;
font-size:11px!important;
}
}
{
}
.round-expand-chevron.rotated { transform: rotate(180deg) !important; background: rgba(0,0,0,.12) !important; }
#content-view { font-size: 16px; -webkit-font-smoothing: antialiased; padding-bottom: 100px; }
.text-xs { font-size: 12px !important; }
.text-sm { font-size: 14px !important; }
.text-base { font-size: 16px !important; }
.text-lg { font-size: 18px !important; }
.text-xl { font-size: 20px !important; }
.text-2xl { font-size: 24px !important; }
.text-gray-400 { color: #6b7280 !important; }
.text-gray-500 { color: #4b5563 !important; }
.text-gray-300 { color: #6b7280 !important; }
table { font-size: 13px; }
button { min-height: 36px; }
:root { --bnh-green:#092f1c; --bnh-dark:#020607; }
.lb-shell{margin:0 12px 16px 12px;border-radius:0 0 20px 20px;overflow:visible;border:0;background:#ffffff;box-shadow:0 4px 20px rgba(15,23,42,.08);}
.lb-head{padding:18px 18px 0;background:linear-gradient(135deg,#092f1c 0%,#092f1c 52%,#092f1c 100%);border-bottom:0;border-radius:0;margin-top:0;}
.lb-round-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 18px;background:linear-gradient(135deg,#092f1c 0%,#092f1c 52%,#092f1c 100%);border-bottom:0;scrollbar-width:none;border-radius:0;}
.lb-round-tabs button{flex:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:rgba(255,255,255,.85);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700;white-space:nowrap;transition:all .15s;}
.lb-round-tabs button.active{background:#092f1c;color:#ffffff;border-color:#092f1c;box-shadow:0 4px 14px rgba(0,0,0,.20);}
.lb-list{border-top:1px solid #ece9e4;margin-top:0;}
.lb-row{padding:14px 16px;border-bottom:1px solid #f0f0ed;background:#ffffff;}
.lb-row:nth-child(even){background:#fafaf8;}
.lb-row.expanded{background:#f5faf8;}
.lb-row-main{display:grid;grid-template-columns:42px 1fr 72px 38px 14px;align-items:center;gap:10px;}
.lb-rank{width:38px;height:38px;border-radius:999px;background:#f0f0ed;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}
.lb-rank.gold{background:linear-gradient(135deg,#f2c44d,#c98d12);color:#fff;}
.lb-rank.silver{background:linear-gradient(135deg,#cfd7e3,#8d99a7);color:#fff;}
.lb-name{font-size:18px;font-weight:750;line-height:1.05;color:#0f172a;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lb-sub{font-size:12px;font-weight:500;color:#6b7280;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lb-score{text-align:right;font-size:26px;font-weight:800;line-height:1;letter-spacing:-.03em;}.lb-score.green{color:#16a34a;}
.lb-holes{text-align:right;font-size:22px;font-weight:800;color:#9ca3af;}
.lb-empty{padding:34px 20px;text-align:center;color:#9ca3af;font-weight:600;}
.guide-top{position:relative;z-index:20;background:linear-gradient(180deg,#092f1c,rgba(5,13,11,.88));padding:22px 18px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.guide-hole-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.guide-hole-tabs button{flex:none;min-width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.07);color:white;font-weight:900;font-size:16px}.guide-hole-tabs button.active{background:#092f1c;box-shadow:0 10px 22px rgba(21,128,61,.25)}
.guide-map-stage{position:relative;height:calc(100dvh - 74px);min-height:620px;overflow:hidden;background:#092f1c}.guide-map-stage .guide-map{position:absolute;inset:0;width:100%;height:100%;filter:saturate(1.12) contrast(1.05) brightness(.88)}.guide-map-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.06) 28%,rgba(0,0,0,.42) 78%,rgba(0,0,0,.76));z-index:2}.guide-card{position:absolute;z-index:5;border:1px solid rgba(255,255,255,.10);background:rgba(9,15,18,.72);backdrop-filter:blur(18px);box-shadow:0 16px 36px rgba(0,0,0,.34);border-radius:24px}.guide-distance{top:18px;left:18px;width:144px;padding:18px}.guide-label{font-size:11px;font-weight:900;color:rgba(255,255,255,.62);letter-spacing:.08em;text-transform:uppercase}.guide-distance .big{font-size:48px;line-height:.95;font-weight:900;margin-top:8px;letter-spacing:-.05em}.guide-distance button{margin-top:14px;background:#092f1c;border:none;color:white;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900;width:100%}.guide-float{position:absolute;right:18px;z-index:5;width:58px;height:58px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:rgba(9,15,18,.72);backdrop-filter:blur(18px);color:white;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.28)}.guide-float.target{bottom:176px}
.lb-scorecard-detail{margin-top:10px;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb;}
.lb-scorecard-detail .sc-row{display:grid;grid-template-columns:50px repeat(10,minmax(26px,1fr));align-items:center;min-width:720px;border-bottom:1px solid #f0f0ed;font-size:12px;color:#374151;}
.lb-scorecard-detail .sc-row:last-child{border-bottom:0;}
.lb-scorecard-detail .sc-row>div{padding:8px 4px;text-align:center;font-weight:600;}
.lb-scorecard-detail .sc-row>div:first-child{text-align:left;padding-left:12px;color:#0f172a;font-weight:800;}
.lb-scorecard-detail .sc-head{background:#092f1c;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.04em;}
.lb-scorecard-detail .score-dot{width:24px;height:24px;border-radius:8px;margin:auto;display:flex;align-items:center;justify-content:center;font-weight:800;color:#374151;background:#e5e7eb;}
.lb-scorecard-detail .score-dot.eagle{background:#eab308;color:#0f172a!important;}.lb-scorecard-detail .score-dot.birdie{background:#eab308;}.lb-scorecard-detail .score-dot.par{background:#092f1c;color:#fff;}.lb-scorecard-detail .score-dot.empty{background:transparent;color:#374151;}.lb-scorecard-detail .pos{color:#16a34a!important;font-weight:800!important;}
.lb-row{padding:14px 16px!important;}.lb-row-main{grid-template-columns:40px 1fr 66px 34px 12px!important;}.lb-rank{width:36px!important;height:36px!important;font-weight:800!important;}.guide-float.target{bottom:176px!important}.guide-label{font-weight:700!important}.guide-distance .big{font-weight:800!important}
.lb-name{font-size:18px!important;font-weight:750!important;letter-spacing:-.01em!important;color:#0f172a!important;}
.lb-sub{font-size:12px!important;font-weight:500!important;color:#6b7280!important;}
.lb-score{font-size:26px!important;font-weight:800!important;}
.lb-holes{font-size:22px!important;font-weight:800!important;color:#9ca3af!important;}
.lb-scorecard-detail{margin-top:10px!important;border-radius:14px!important;overflow:hidden!important;}
.lb-scorecard-detail .sc-row{
grid-template-columns:36px repeat(10,minmax(0,1fr))!important;
min-width:0!important;
font-size:10.5px!important;
line-height:1!important;
color:#374151!important;
}
.lb-scorecard-detail .sc-row>div{padding:6px 1px!important;font-weight:650!important;min-width:0!important;}
.lb-scorecard-detail .sc-row>div:first-child{padding-left:6px!important;font-weight:800!important;font-size:10.5px!important;color:#0f172a!important;}
.lb-scorecard-detail .sc-head{font-size:10px!important;letter-spacing:.02em!important;}
.lb-scorecard-detail .score-dot{width:21px!important;height:21px!important;border-radius:7px!important;font-size:10px!important;font-weight:800!important;color:#374151!important;}
(max-width:820px){
.lb-shell{margin-left:10px!important;margin-right:10px!important;border-radius:22px!important;}
.lb-head{padding:18px 16px 0!important;}
.lb-round-tabs{padding-left:12px!important;padding-right:12px!important;}
.lb-row{padding:12px 10px!important;}
.lb-row-main{grid-template-columns:34px 1fr 54px 28px 10px!important;gap:7px!important;}
.lb-rank{width:31px!important;height:31px!important;font-size:12px!important;}
.lb-name{font-size:16px!important;}
.lb-sub{font-size:11px!important;}
.lb-score{font-size:22px!important;}
.lb-holes{font-size:20px!important;}
.lb-scorecard-detail .sc-row{grid-template-columns:32px repeat(10,minmax(0,1fr))!important;font-size:9.5px!important;}
.lb-scorecard-detail .score-dot{width:19px!important;height:19px!important;font-size:9px!important;border-radius:6px!important}
}
.guide-distance{width:136px!important;padding:14px!important;border-radius:22px!important}
.guide-label{font-size:10px!important;font-weight:750!important;letter-spacing:.08em!important}
.guide-distance .big{
font-size:15px!important;
line-height:1.25!important;
font-weight:650!important;
letter-spacing:0!important;
margin-top:8px!important;
word-break:normal!important;
}
.guide-distance .big .font-black{font-size:24px!important;font-weight:800!important;line-height:1!important}
.guide-distance .big .text-bnh-green{color:#4ade80!important}
.guide-actions-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
.guide-distance button{margin-top:0!important;padding:9px 10px!important;font-size:12px!important;font-weight:800!important;border-radius:999px!important}
.guide-distance .drive-btn{background:#ea580c!important}
.guide-ld-result{font-size:11px;font-weight:750;color:#fb923c;margin-top:8px;line-height:1.25}
.guide-float.target{width:52px!important;height:52px!important;border-radius:18px!important;right:16px!important;bottom:146px!important;font-size:22px!important}
(max-width:820px){
.guide-distance{width:126px!important;left:14px!important;top:14px!important;padding:13px!important}
.guide-distance .big{font-size:13px!important}
.guide-distance .big .font-black{font-size:20px!important}
}
.lb-scorecard-detail .score-dot{
width:24px!important;
height:24px!important;
min-width:24px!important;
border-radius:0!important;
margin:auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:12px!important;
font-weight:800!important;
line-height:1!important;
color:#0f172a!important;
background:transparent!important;
border:none!important;
}
.lb-scorecard-detail .score-dot.eagle{
background:#eab308!important;
color:white!important;
border-radius:999px!important;
}
.lb-scorecard-detail .score-dot.birdie{
background:#ef4444!important;
color:white!important;
border-radius:999px!important;
}
.lb-scorecard-detail .score-dot.par,
.lb-scorecard-detail .score-dot.played{
background:transparent!important;
color:rgba(255,255,255,.86)!important;
border-radius:0!important;
}
.lb-scorecard-detail .score-dot.empty{
background:transparent!important;
color:rgba(255,255,255,.30)!important;
}
.lb-scorecard-detail .sc-row{
grid-template-columns:42px repeat(10, minmax(24px,1fr))!important;
min-width:0!important;
width:100%!important;
font-size:12px!important;
}
.lb-scorecard-detail .sc-row>div{
padding:7px 2px!important;
}
.lb-scorecard-detail .sc-row>div:first-child{
padding-left:8px!important;
}
html body .profile-premium-v83 .profile-rounds-shell-v448{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;}
html body .profile-premium-v83 .profile-rounds-mode-v448{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;background:#fff;border:1px solid #dbe4e0;border-radius:999px;box-shadow:0 16px 28px rgba(15,23,42,.06);}
html body .profile-premium-v83 .profile-rounds-mode-v448 button{height:48px;border:0;border-radius:999px;background:transparent;color:#64748b;font-size:15px;font-weight:800;cursor:pointer;transition:.2s ease;}
html body .profile-premium-v83 .profile-rounds-mode-v448 button.active{background:#092f1c;color:#fff;box-shadow:0 12px 22px rgba(22,101,52,.24);}
html body .profile-premium-v83 .profile-rounds-group-v448{background:#fff!important;border:1px solid #dbe4e0!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 18px 34px rgba(15,23,42,.06)!important;color:#0f172a!important;}
html body .profile-premium-v83 .profile-rounds-summary-v448{background:#f8fbf8!important;border-bottom:1px solid #e4ebe9!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;}
html body .profile-premium-v83 .profile-rounds-summary-item-v448{padding:14px 8px!important;text-align:center!important;border-right:1px solid #e4ebe9!important;}
html body .profile-premium-v83 .profile-rounds-summary-item-v448:last-child{border-right:0!important;}
html body .profile-premium-v83 .profile-rounds-summary-value-v448{display:block!important;font-size:24px!important;line-height:1!important;font-weight:900!important;color:#092f1c!important;letter-spacing:-.03em!important;}
html body .profile-premium-v83 .profile-rounds-summary-label-v448{display:block!important;margin-top:6px!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:800!important;color:#64748b!important;}
html body .profile-premium-v83 .profile-round-row-v448{border-top:1px solid #edf2f0!important;}
html body .profile-premium-v83 .profile-round-row-v448:first-of-type{border-top:0!important;}
html body .profile-premium-v83 .profile-round-row-head-v448{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:16px 18px!important;background:#fff!important;color:#0f172a!important;border:0!important;cursor:pointer!important;}
html body .profile-premium-v83 .profile-round-row-head-v448:hover{background:#f8fbf8!important;}
html body .profile-premium-v83 .profile-round-row-title-v448{font-size:16px!important;font-weight:900!important;line-height:1.15!important;color:#0f172a!important;}
html body .profile-premium-v83 .profile-round-row-meta-v448{margin-top:5px!important;font-size:12px!important;font-weight:700!important;color:#64748b!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
html body .profile-premium-v83 .profile-round-row-side-v448{text-align:right!important;display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important;}
html body .profile-premium-v83 .profile-round-row-score-v448{min-width:86px!important;text-align:right!important;}
html body .profile-premium-v83 .profile-round-score-main-v448{font-size:28px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.03em!important;color:#0f172a!important;}
html body .profile-premium-v83 .profile-round-score-main-v448 span{font-size:12px!important;font-weight:800!important;margin-left:3px!important;color:#64748b!important;}
html body .profile-premium-v83 .profile-round-score-sub-v448{margin-top:4px!important;font-size:12px!important;font-weight:800!important;color:#64748b!important;}
html body .profile-premium-v83 .profile-round-score-sub-v448.positive{color:#092f1c!important;}
html body .profile-premium-v83 .profile-round-chevron-v448{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:999px!important;background:#f4f7f4!important;border:1px solid #dbe4e0!important;color:#64748b!important;font-size:10px!important;transition:transform .2s ease!important;pointer-events:none!important;}
html body .profile-premium-v83 .profile-round-detail-v448{background:#f8fbf8!important;border-top:1px solid #e4ebe9!important;padding:0 12px 14px!important;}
html body .profile-premium-v83 .hidden{display:none!important;}
html body .profile-premium-v83 .profile-round-share-wrap-v448{padding:12px 4px 2px!important;}
html body .profile-premium-v83 .profile-round-share-btn-v448{width:100%!important;padding:13px 14px!important;border-radius:16px!important;border:1px solid rgba(22,101,52,.14)!important;background:linear-gradient(135deg,#092f1c,#092f1c)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:0 12px 22px rgba(22,101,52,.18)!important;}
html body .profile-premium-v83 .bnh-profile-scorecards{padding:10px 0 0!important;background:transparent!important;}
html body .profile-premium-v83 .bnh-leaderboard-scorecard{border-radius:18px!important;overflow:hidden!important;border:1px solid #dbe4e0!important;background:#fff!important;box-shadow:0 8px 18px rgba(15,23,42,.04)!important;}
html body .profile-premium-v83 .bnh-leaderboard-scorecard .bnh-sc-head{background:#edf6f2!important;}
html body .profile-premium-v83 .bnh-leaderboard-scorecard .bnh-sc-head th{color:#092f1c!important;}
html body .profile-premium-v83 .bnh-leaderboard-scorecard tr:not(.bnh-sc-head){background:#fff!important;}
html body .profile-premium-v83 .bnh-leaderboard-scorecard th,
html body .profile-premium-v83 .bnh-leaderboard-scorecard td{color:#0f172a!important;border-color:#eef2ef!important;font-size:10.5px!important;}
html body .profile-premium-v83 .bnh-leaderboard-scorecard .muted,
html body .profile-premium-v83 .bnh-leaderboard-scorecard .bnh-sc-empty,
html body .profile-premium-v83 .bnh-leaderboard-scorecard .row-label{color:#64748b!important;}
html body .profile-premium-v83 .bnh-leaderboard-scorecard .total-cell.points,
html body .profile-premium-v83 .bnh-leaderboard-scorecard .points-good,
html body .profile-premium-v83 .bnh-leaderboard-scorecard .total-cell.fir,
html body .profile-premium-v83 .bnh-leaderboard-scorecard .total-cell.gir,
html body .profile-premium-v83 .bnh-leaderboard-scorecard .stat-hit{color:#092f1c!important;}
html body .profile-premium-v83 .bnh-leaderboard-scorecard .points-low,
html body .profile-premium-v83 .bnh-leaderboard-scorecard .stat-miss{color:#dc2626!important;}
html body .profile-premium-v83 .profile-round-metric-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:14px!important;}
html body .profile-premium-v83 .bnh-round-stat-summary{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important;margin:10px 0 2px!important;}
html body .profile-premium-v83 .bnh-round-stat-tile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:10px 4px!important;border-radius:14px!important;border:1px solid #dbe4e0!important;background:#f8fbf8!important;text-align:center!important;}
html body .profile-premium-v83 .bnh-round-stat-tile small{color:#64748b!important;font-size:9.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.03em!important;}
html body .profile-premium-v83 .bnh-round-stat-tile b{color:#092f1c!important;font-size:15px!important;font-weight:900!important;line-height:1.2!important;}
html body .profile-premium-v83 .bnh-round-stat-tile em{color:#94a3b8!important;font-style:normal!important;font-size:9px!important;font-weight:600!important;line-height:1!important;}
html body .profile-premium-v83 .bnh-round-stat-tile.hazard b{color:#2563eb!important;}
/* v168: Ikoner ovanför FIR/GIR/Putt/Chip/Vatten-boxarna i scorekortets rundsammanfattning */
html body .profile-premium-v83 .bnh-round-stat-tile-ico{
width:30px!important;
height:30px!important;
margin-bottom:2px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
html body .profile-premium-v83 .bnh-round-stat-tile-ico img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
display:block!important;
}
@media (max-width:420px){
html body .profile-premium-v83 .bnh-round-stat-summary{grid-template-columns:repeat(3,1fr)!important;}
}
{
}
.bnh-page-title{
color: #fff !important;
font-family: Georgia, "Times New Roman", serif !important;
font-size: 38px !important;
font-weight: 400 !important;
letter-spacing: -0.045em !important;
margin: 12px 0 0 !important;
line-height: 1 !important;
text-align: center !important;
text-shadow: 0 2px 10px rgba(0,0,0,.36) !important;
text-rendering: optimizeLegibility !important;
}
.participants-heading,
.res-heading{
font-family:'Inter',sans-serif!important;
}
.bnh-home-v11 .bnh-white-shell{
min-height:0!important;
}
.bnh-home-v11{
padding-bottom:0!important;
}
.avatar-wrap{ position:relative; width:116px; height:116px; }
.avatar-wrap .avatar{
width:116px;
height:116px;
border-radius:50%;
object-fit:cover;
filter:grayscale(.85);
border:2px solid #092f1c;
box-shadow:0 18px 44px rgba(0,0,0,.42);
}
.hero-info h1{
margin:0;
font-size:28px;
line-height:1;
letter-spacing:-.04em;
font-weight:950;
}
.hero-hcp{
margin-top:8px;
color:rgba(255,255,255,.72);
font-size:18px;
}
.edit-profile{
position:absolute;
right:2px;
bottom:4px;
width:22px;
height:22px;
border-radius:50%;
background:#092f1c;
color:#fff;
border:2px solid white;
font-size:11px;
font-weight:900;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
padding:0;
line-height:1;
}
.profile-tabbar{
display:flex;
gap:0;
overflow-x:auto;
border-bottom:1px solid rgba(255,255,255,.10);
margin:4px 0 20px;
scrollbar-width:none;
}
.profile-tabbar button{
flex:0 0 auto;
min-width:118px;
padding:16px 12px 15px;
border:0;
background:transparent;
color:rgba(255,255,255,.58);
font-size:13px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.04em;
}
.profile-tabbar button.active{
color:#fff;
border-bottom:3px solid #4ade80;
}
.oom-premium{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
}
.oom-premium b{
display:block;
font-size:26px;
}
.oom-premium span{
display:block;
margin-top:7px;
color:rgba(255,255,255,.65);
font-size:12px;
font-weight:850;
}
.notify-off{
width:100%;
margin:24px 0 18px;
padding:16px;
border:1px solid rgba(239,68,68,.20);
background:rgba(239,68,68,.10);
color:#fca5a5;
font-weight:950;
font-size:16px;
border-radius:18px;
}
(max-width:760px){
.avatar-wrap,.avatar-wrap .avatar{ width:86px; height:86px; }
.hero-info h1{ font-size:24px; }
.oom-premium{ grid-template-columns:repeat(2,1fr); }
}
.profile-premium-v83{min-height:100%;padding:0 18px 140px;position:relative;overflow:hidden;color:#f8fafc;background:radial-gradient(circle at 50% -5%,rgba(31,132,72,.28),transparent 30%),radial-gradient(circle at 12% 10%,rgba(96,165,250,.10),transparent 26%),linear-gradient(180deg,#092f1c 0%,#060e10 36%,#030807 100%)}
.profile-premium-v83::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 22%,rgba(255,255,255,.025) 52%,transparent);pointer-events:none}.profile-premium-v83>*{position:relative;z-index:1}.profile-premium-v83 .avatar-wrap{position:relative;width:116px;height:116px}.profile-premium-v83 .avatar{width:116px;height:116px;border-radius:50%;object-fit:cover;filter:grayscale(.85);border:2px solid #092f1c;box-shadow:0 18px 44px rgba(0,0,0,.42)}.profile-premium-v83 .hero-info h1{margin:0;font-size:28px;line-height:1;letter-spacing:-.04em;font-weight:950}.profile-premium-v83 .hero-hcp{margin-top:8px;color:rgba(255,255,255,.72);font-size:18px}.profile-premium-v83 .hero-location,.profile-premium-v83 .hero-bio{margin-top:9px;color:rgba(255,255,255,.58);font-size:14px}.profile-premium-v83 .edit-profile{margin-top:14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;padding:9px 18px;font-weight:750}
.profile-premium-v83 .profile-tabbar{display:flex;border-bottom:1px solid rgba(255,255,255,.10);margin:4px 0 20px}.profile-premium-v83 .profile-tabbar button{flex:1;padding:16px 12px 15px;border:0;background:transparent;color:rgba(255,255,255,.58);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.profile-premium-v83 .profile-tabbar button.active{color:#fff;border-bottom:3px solid #4ade80}.profile-premium-v83 .green{color:#4ade80!important}.profile-premium-v83 .red{color:#f87171!important}.profile-premium-v83 .notify-off{width:100%;margin:24px 0 18px;padding:16px;border:1px solid rgba(239,68,68,.20);background:rgba(239,68,68,.10);color:#fca5a5;font-weight:950;font-size:16px;border-radius:18px}
(max-width:760px){.profile-premium-v83{padding-left:14px;padding-right:14px}.profile-premium-v83 .avatar-wrap,.profile-premium-v83 .avatar{width:86px;height:86px}.profile-premium-v83 .hero-info h1{font-size:24px}}
.profile-premium-v83{
--g:#092f1c;
--g2:#4ade80;
--line:rgba(255,255,255,.12);
--muted:rgba(255,255,255,.62);
min-height:100%;
padding:0 20px 144px!important;
background:
radial-gradient(circle at 52px 100px,rgba(60,130,110,.20),transparent 170px),
radial-gradient(circle at 80% 0%,rgba(22,163,74,.24),transparent 300px),
linear-gradient(180deg,#092f1c 0%,#06110e 42%,#020607 100%)!important;
}
.profile-premium-v83::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(120deg,rgba(255,255,255,.035),transparent 18%,rgba(255,255,255,.018) 56%,transparent),
radial-gradient(circle at 50% -120px,rgba(255,255,255,.12),transparent 280px);
}
.profile-premium-v83 .avatar-wrap,
.profile-premium-v83 .avatar{
width:112px!important;
height:112px!important;
}
.profile-premium-v83 .avatar{
border:2px solid var(--g)!important;
filter:grayscale(.8) contrast(1.04)!important;
box-shadow:0 20px 48px rgba(0,0,0,.52),0 0 0 8px rgba(22,163,74,.08)!important;
}
.profile-premium-v83 .hero-info h1{
font-size:34px!important;
font-weight:950!important;
letter-spacing:-.055em!important;
}
.profile-premium-v83 .hero-hcp{
color:rgba(255,255,255,.70)!important;
font-size:21px!important;
font-weight:650!important;
}
.profile-premium-v83 .edit-profile{
border-radius:999px!important;
background:rgba(255,255,255,.065)!important;
border:1px solid rgba(255,255,255,.16)!important;
padding:10px 22px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.profile-premium-v83 .hero-location,
.profile-premium-v83 .hero-bio{
color:rgba(255,255,255,.58)!important;
}
.profile-premium-v83 .profile-tabbar{
margin:6px 0 22px!important;
border-bottom:1px solid rgba(255,255,255,.11)!important;
}
.profile-premium-v83 .profile-tabbar button{
padding:18px 10px 16px!important;
color:rgba(255,255,255,.56)!important;
}
.profile-premium-v83 .profile-tabbar button.active{
color:#fff!important;
border-bottom:3px solid var(--g2)!important;
}
(max-width:760px){
.profile-premium-v83{
padding-left:14px!important;
padding-right:14px!important;
}
.profile-premium-v83 .avatar-wrap,
.profile-premium-v83 .avatar{
width:84px!important;
height:84px!important;
}
.profile-premium-v83 .hero-info h1{
font-size:28px!important;
}
}
.profile-premium-v83 .semi-circle{
width:270px;
height:270px;
border-radius:50%;
position:absolute;
left:50%;
top:0;
transform:translateX(-50%);
box-shadow:0 12px 28px rgba(0,0,0,.25);
}
.profile-premium-v83 .semi-center{
position:absolute;
left:50%;
bottom:12px;
transform:translateX(-50%);
z-index:2;
text-align:center;
}
.profile-premium-v83 .semi-center b{
display:block;
font-size:34px;
line-height:.9;
color:#fff;
font-weight:950;
}
.profile-premium-v83 .semi-center span{
display:block;
margin-top:5px;
color:rgba(255,255,255,.62);
font-size:12px;
font-weight:950;
letter-spacing:.06em;
}
{
}
.profile-premium-v83 .hero-info h1{
font-size:26px!important;
}
.profile-premium-v83 .hero-hcp{
font-size:17px!important;
}
.profile-premium-v83 .edit-profile{
font-size:14px!important;
padding:9px 17px!important;
}
.profile-premium-v83 .semi-circle{
width:235px!important;
height:235px!important;
}
.profile-premium-v83 .semi-center{
bottom:9px!important;
}
.profile-premium-v83 .semi-center b{
font-size:29px!important;
}
.profile-premium-v83 .semi-center span{
font-size:10px!important;
}
(max-width:760px){
.profile-premium-v83 .hero-info h1{
font-size:24px!important;
}
.profile-premium-v83 .semi-circle{
width:220px!important;
height:220px!important;
}
.profile-premium-v83 .semi-center b{
font-size:26px!important;
}
}
{
}
.profile-premium-v83 table{
color:#0f172a!important;
border-collapse:collapse!important;
}
.profile-premium-v83 table th,
.profile-premium-v83 table td{
color:#0f172a!important;
border-color:#e5e7eb!important;
}
.profile-premium-v83 .hidden{
display:none!important;
}
(max-width:760px){
.profile-premium-v83 table{
font-size:11px!important;
}
.profile-premium-v83 table td,
.profile-premium-v83 table th{
padding-left:4px!important;
padding-right:4px!important;
}
}
.profile-premium-v83 .bnh-profile-scorecards{
display:flex;
flex-direction:column;
gap:12px;
margin-top:10px;
}
.profile-premium-v83 .bnh-leaderboard-scorecard{
overflow:hidden;
border-radius:18px;
border:1px solid rgba(74,222,128,.18);
background:linear-gradient(180deg,rgba(8,31,23,.96),rgba(5,18,15,.98));
box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.profile-premium-v83 .bnh-leaderboard-scorecard table{
width:100%;
border-collapse:collapse!important;
table-layout:fixed;
color:#eef2f7!important;
min-width:0!important;
font-size:12px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th,
.profile-premium-v83 .bnh-leaderboard-scorecard td{
padding:7px 5px!important;
text-align:center!important;
border-color:rgba(255,255,255,.07)!important;
color:#eef2f7!important;
vertical-align:middle;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th:first-child,
.profile-premium-v83 .bnh-leaderboard-scorecard td:first-child{
width:54px;
text-align:left!important;
padding-left:10px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th:last-child,
.profile-premium-v83 .bnh-leaderboard-scorecard td:last-child{
width:46px;
padding-right:10px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .bnh-sc-head{
background:#092f1c!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .bnh-sc-head th{
color:#fff!important;
font-weight:950!important;
text-transform:uppercase;
letter-spacing:.02em;
border-bottom:0!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard tr:not(.bnh-sc-head){
background:rgba(255,255,255,.018)!important;
border-bottom:1px solid rgba(255,255,255,.065)!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard tr:last-child{
border-bottom:0!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .row-label{
color:rgba(255,255,255,.82)!important;
font-weight:850!important;
font-size:12px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .row-label.strong{
color:#fff!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .row-label.points,
.profile-premium-v83 .bnh-leaderboard-scorecard .row-label.fir{
color:#4ade80!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .muted,
.profile-premium-v83 .bnh-leaderboard-scorecard .bnh-sc-empty{
color:rgba(255,255,255,.42)!important;
font-weight:750!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .total-cell{
color:#fff!important;
font-weight:950!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .total-cell.points,
.profile-premium-v83 .bnh-leaderboard-scorecard .points-good{
color:#4ade80!important;
font-weight:950!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .points-neutral{
color:#e5e7eb!important;
font-weight:850!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .points-low{
color:#9ca3af!important;
font-weight:850!important;
}
.profile-premium-v83 .bnh-score-bubble{
width:25px;
height:25px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:12px;
line-height:1;
font-weight:950;
box-shadow:0 6px 16px rgba(0,0,0,.22);
}
.profile-premium-v83 .bnh-score-bubble.eagle{
background:#eab308;
color:#0f172a!important;
}
.profile-premium-v83 .bnh-score-bubble.birdie{
background:#ef4444;
color:#fff!important;
}
.profile-premium-v83 .bnh-score-bubble.par{
background:transparent;
color:#fff!important;
box-shadow:none;
width:auto;
height:auto;
border-radius:0;
font-size:13px;
}
.profile-premium-v83 .bnh-score-bubble.bogey{
border-radius:7px;
background:#bfdbfe;
color:#1e40af!important;
}
.profile-premium-v83 .bnh-score-bubble.double{
border-radius:7px;
background:#1d4ed8;
color:#fff!important;
}
.profile-premium-v83 div:has(.bnh-profile-scorecards){
color:#fff;
}
(max-width:760px){
.profile-premium-v83 .bnh-leaderboard-scorecard{
border-radius:14px;
}
.profile-premium-v83 .bnh-leaderboard-scorecard table{
font-size:11px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th,
.profile-premium-v83 .bnh-leaderboard-scorecard td{
padding:6px 3px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th:first-child,
.profile-premium-v83 .bnh-leaderboard-scorecard td:first-child{
width:44px;
padding-left:7px!important;
font-size:10px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th:last-child,
.profile-premium-v83 .bnh-leaderboard-scorecard td:last-child{
width:38px;
padding-right:7px!important;
}
.profile-premium-v83 .bnh-score-bubble{
width:22px;
height:22px;
font-size:11px;
}
}
.profile-premium-v83{
--bg0:#020607;
--bg1:#092f1c;
--bg2:#0b2419;
--green:#092f1c;
--green2:#4ade80;
--line:rgba(255,255,255,.115);
--muted:rgba(255,255,255,.58);
--card:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
padding:0 22px 148px!important;
background:
radial-gradient(circle at 18% 6%,rgba(74,222,128,.14),transparent 210px),
radial-gradient(circle at 82% -8%,rgba(34,197,94,.22),transparent 330px),
linear-gradient(180deg,#092f1c 0%,#04100d 40%,#020607 100%)!important;
}
.profile-premium-v83 .avatar-wrap,
.profile-premium-v83 .avatar{
width:86px!important;
height:86px!important;
}
.profile-premium-v83 .avatar-wrap{
filter:drop-shadow(0 18px 30px rgba(0,0,0,.32));
}
.profile-premium-v83 .avatar{
border:2px solid var(--green2)!important;
box-shadow:0 0 0 7px rgba(34,197,94,.08)!important;
filter:grayscale(.76) contrast(1.04)!important;
}
.profile-premium-v83 .hero-info h1{
font-size:26px!important;
line-height:.98!important;
font-weight:950!important;
letter-spacing:-.055em!important;
margin:0!important;
}
.profile-premium-v83 .hero-hcp{
margin-top:5px!important;
font-size:15px!important;
color:rgba(255,255,255,.66)!important;
font-weight:800!important;
}
.profile-premium-v83 .edit-profile{
margin-top:10px!important;
height:38px!important;
padding:0 16px!important;
border-radius:999px!important;
font-size:13px!important;
font-weight:900!important;
background:rgba(255,255,255,.065)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.14)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.profile-premium-v83 .hero-location,
.profile-premium-v83 .hero-bio{
margin-top:7px!important;
font-size:12px!important;
color:rgba(255,255,255,.55)!important;
line-height:1.25!important;
}
.profile-premium-v83 .profile-tabbar{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:6px!important;
padding:6px!important;
margin:0 0 18px!important;
border:1px solid var(--line)!important;
border-radius:22px!important;
background:rgba(255,255,255,.045)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.profile-premium-v83 .profile-tabbar button{
min-width:0!important;
padding:13px 10px!important;
border-radius:17px!important;
border:0!important;
color:rgba(255,255,255,.56)!important;
background:transparent!important;
font-size:13px!important;
font-weight:950!important;
letter-spacing:.03em!important;
text-transform:uppercase!important;
}
.profile-premium-v83 .profile-tabbar button.active{
background:linear-gradient(135deg,#22c55e,#092f1c)!important;
color:#fff!important;
border-bottom:0!important;
box-shadow:0 10px 24px rgba(22,163,74,.23)!important;
}
.profile-premium-v83 .premium-rounds-wrap{
display:block!important;
margin-top:2px!important;
}
.profile-premium-v83 .premium-rounds-wrap > div{
gap:14px!important;
}
.profile-premium-v83 .premium-rounds-wrap div[onclick*="nextElementSibling"]{
background:rgba(0,0,0,.16)!important;
padding:14px 18px!important;
border-top:1px solid rgba(255,255,255,.08)!important;
}
.profile-premium-v83 .bnh-profile-scorecards{
padding:12px!important;
gap:12px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard{
border-radius:18px!important;
border:1px solid rgba(74,222,128,.20)!important;
background:linear-gradient(180deg,rgba(7,32,23,.98),rgba(4,18,14,.98))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .bnh-sc-head{
background:linear-gradient(135deg,#092f1c,#0f6f36)!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th,
.profile-premium-v83 .bnh-leaderboard-scorecard td{
font-size:12px!important;
padding:8px 5px!important;
}
.profile-premium-v83 .bnh-score-bubble{
width:24px!important;
height:24px!important;
font-size:12px!important;
}
#bnh-bottom-nav nav > div > button,
#bnh-bottom-nav nav button[aria-label*="Starta"],
#bnh-bottom-nav nav button:has(.start-round),
#bnh-bottom-nav nav button:has(svg){
-webkit-tap-highlight-color:transparent;
}
(max-width:760px){
.profile-premium-v83{
padding-left:14px!important;
padding-right:14px!important;
}
.profile-premium-v83 .avatar-wrap,
.profile-premium-v83 .avatar{
width:76px!important;
height:76px!important;
}
.profile-premium-v83 .hero-info h1{
font-size:23px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th,
.profile-premium-v83 .bnh-leaderboard-scorecard td{
font-size:10.5px!important;
padding:6px 3px!important;
}
}
.profile-premium-v83{
--bg:#030907;
--panel:#092f1c;
--panel2:#0b1d16;
--line:rgba(255,255,255,.11);
--line2:rgba(74,222,128,.18);
--green:#18a680;
--green2:#48e37a;
--muted:rgba(255,255,255,.58);
--soft:rgba(255,255,255,.08);
max-width:430px;
margin:0 auto;
padding:0 14px 130px!important;
color:#fff;
background:
radial-gradient(circle at 50% -80px,rgba(37,118,75,.30),transparent 280px),
radial-gradient(circle at 10% 120px,rgba(86,170,120,.11),transparent 230px),
linear-gradient(180deg,#092f1c 0%,#020607 52%,#020605 100%)!important;
}
.profile-premium-v83 .avatar-wrap,
.profile-premium-v83 .avatar{
width:72px!important;
height:72px!important;
}
.profile-premium-v83 .avatar{
border:2px solid var(--green2)!important;
filter:grayscale(.62) contrast(1.05)!important;
box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 6px rgba(22,163,74,.16)!important;
}
.profile-premium-v83 .hero-info h1{
font-size:22px!important;
line-height:1!important;
letter-spacing:-.04em!important;
font-weight:950!important;
margin:0!important;
}
.profile-premium-v83 .hero-hcp{
margin-top:5px!important;
font-size:12px!important;
color:#76ee9d!important;
font-weight:900!important;
}
.profile-premium-v83 .hero-location{
margin-top:5px!important;
font-size:9px!important;
color:rgba(255,255,255,.70)!important;
}
.profile-premium-v83 .edit-profile{
margin-top:8px!important;
height:28px!important;
padding:0 12px!important;
border-radius:999px!important;
font-size:10px!important;
font-weight:900!important;
background:rgba(3,10,8,.62)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.18)!important;
backdrop-filter:blur(8px);
}
.profile-premium-v83 .profile-tabbar{
height:38px!important;
margin:0 0 12px!important;
padding:0!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.12)!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.profile-premium-v83 .profile-tabbar button{
height:38px!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
color:rgba(255,255,255,.55)!important;
font-size:10px!important;
font-weight:950!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
border-bottom:2px solid transparent!important;
}
.profile-premium-v83 .profile-tabbar button.active{
background:transparent!important;
color:#fff!important;
border-bottom-color:#4ade80!important;
box-shadow:none!important;
}
.profile-premium-v83 .premium-rounds-wrap{
margin-top:0!important;
}
.profile-premium-v83 .premium-rounds-wrap div[onclick*="nextElementSibling"]{
padding:12px 16px!important;
background:rgba(0,0,0,.22)!important;
border-top:1px solid rgba(255,255,255,.08)!important;
}
.profile-premium-v83 .bnh-profile-scorecards{
padding:12px!important;
background:rgba(0,0,0,.18)!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard{
border-radius:18px!important;
border:1px solid rgba(74,222,128,.22)!important;
background:linear-gradient(180deg,rgba(7,32,23,.98),rgba(3,14,12,.98))!important;
overflow:hidden!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard table{
color:#eef2f7!important;
font-size:10px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .bnh-sc-head{
background:linear-gradient(135deg,#168a43,#0f7059)!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th,
.profile-premium-v83 .bnh-leaderboard-scorecard td{
color:#eef2f7!important;
padding:7px 3px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .row-label{
font-size:10px!important;
}
.profile-premium-v83 .bnh-score-bubble{
width:22px!important;
height:22px!important;
font-size:11px!important;
}
.profile-premium-v83 .profile-round-metric-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:9px;
margin:12px 0 0;
}
{
}
#bnh-bottom-nav nav{
height:86px!important;
padding-bottom:0px!important;
background:
radial-gradient(circle at 50% -20px,rgba(30,160,84,.18),transparent 120px),
linear-gradient(180deg,rgba(10,20,23,.90),rgba(5,12,15,.98))!important;
border-top:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 -18px 44px rgba(0,0,0,.38)!important;
overflow:visible!important;
}
#bnh-bottom-nav nav > div{
height:86px!important;
max-width:430px!important;
margin:0 auto!important;
position:relative!important;
}
#bnh-bottom-nav nav button,
#bnh-bottom-nav nav a{
font-size:11px!important;
font-weight:850!important;
}
#bnh-bottom-nav nav > div > *:nth-child(3),
#bnh-bottom-nav nav > div > button:nth-child(3),
#bnh-bottom-nav nav > div > a:nth-child(3){
position:relative!important;
top:-28px!important;
width:82px!important;
height:82px!important;
min-width:82px!important;
min-height:82px!important;
border-radius:999px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
background:
radial-gradient(circle at 35% 25%,rgba(255,255,255,.22),transparent 28%),
linear-gradient(145deg,#18a680,#0f7f3d)!important;
border:5px solid rgba(255,255,255,.96)!important;
outline:9px solid rgba(34,197,94,.16)!important;
box-shadow:
0 0 0 1px rgba(255,255,255,.12),
0 22px 42px rgba(0,0,0,.42),
0 0 34px rgba(34,197,94,.38),
inset 0 1px 0 rgba(255,255,255,.24)!important;
color:#fff!important;
transform:none!important;
z-index:4!important;
overflow:hidden!important;
}
#bnh-bottom-nav nav > div > *:not(:nth-child(3)){
color:rgba(255,255,255,.78)!important;
transform:translateY(3px)!important;
}
#content-view{
padding-bottom:calc(112px)!important;
}
.profile-premium-v83{
max-width:430px!important;
margin:0 auto!important;
padding-left:12px!important;
padding-right:12px!important;
}
.profile-premium-v83 .bnh-profile-scorecards{
background:rgba(0,0,0,.16)!important;
padding:12px!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard{
border-radius:17px!important;
background:linear-gradient(180deg,rgba(7,32,23,.98),rgba(3,14,12,.99))!important;
}
/* metric cards under scorecard should align with concept */
.profile-premium-v83 .profile-round-metric-grid article{
border-radius:18px!important;
background:
radial-gradient(circle at 26% 16%,rgba(74,222,128,.10),transparent 70px),
linear-gradient(145deg,rgba(255,255,255,.070),rgba(255,255,255,.023))!important;
}
/* Notification button less dominant */
.profile-premium-v83 .notify-off{
border-radius:20px!important;
padding:15px!important;
font-size:13px!important;
background:rgba(239,68,68,.10)!important;
border:1px solid rgba(239,68,68,.20)!important;
}
{
}
#bnh-bottom-nav nav{
height:88px!important;
padding-bottom:0px!important;
overflow:visible!important;
background:
radial-gradient(circle at 50% -24px,rgba(34,197,94,.18),transparent 118px),
linear-gradient(180deg,rgba(8,17,18,.94),rgba(4,10,12,.99))!important;
border-top:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 -18px 42px rgba(0,0,0,.40)!important;
}
#bnh-bottom-nav nav > div{
height:88px!important;
max-width:430px!important;
margin:0 auto!important;
overflow:visible!important;
}
#bnh-bottom-nav nav > div > *:nth-child(3){
top:-14px!important;
width:74px!important;
height:74px!important;
min-width:74px!important;
min-height:74px!important;
border-radius:50%!important;
background:
radial-gradient(circle at 38% 24%,rgba(255,255,255,.24),transparent 30%),
linear-gradient(145deg,#1aaa52,#0f7d3c)!important;
border:5px solid rgba(255,255,255,.96)!important;
outline:8px solid rgba(34,197,94,.16)!important;
box-shadow:
0 16px 34px rgba(0,0,0,.42),
0 0 30px rgba(34,197,94,.40),
inset 0 1px 0 rgba(255,255,255,.24)!important;
overflow:hidden!important;
color:#fff!important;
z-index:5!important;
}
#bnh-bottom-nav nav > div > *:not(:nth-child(3)){
transform:translateY(3px)!important;
}
.profile-premium-v83{
max-width:430px!important;
margin:0 auto!important;
padding-left:12px!important;
padding-right:12px!important;
background:
radial-gradient(circle at 50% -90px,rgba(34,197,94,.24),transparent 280px),
radial-gradient(circle at 20% 210px,rgba(74,222,128,.10),transparent 210px),
linear-gradient(180deg,#092f1c 0%,#020808 55%,#020605 100%)!important;
}
.profile-premium-v83 .profile-concept-stats,
.profile-premium-v83 .profile-round-metric-grid article,
.profile-premium-v83 .notify-off{
border:1px solid rgba(255,255,255,.11)!important;
background:
radial-gradient(circle at 20% 0%,rgba(74,222,128,.08),transparent 160px),
linear-gradient(145deg,rgba(255,255,255,.070),rgba(255,255,255,.024))!important;
box-shadow:0 20px 46px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
.profile-premium-v83 .premium-rounds-wrap *{
border-color:rgba(255,255,255,.09)!important;
}
.profile-premium-v83 .bnh-profile-scorecards{
padding:10px 0 0!important;
background:transparent!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard{
border-radius:17px!important;
overflow:hidden!important;
border:1px solid rgba(74,222,128,.20)!important;
background:linear-gradient(180deg,rgba(7,32,23,.98),rgba(3,14,12,.99))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard .bnh-sc-head{
background:linear-gradient(135deg,#168f46,#0f7059)!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard th,
.profile-premium-v83 .bnh-leaderboard-scorecard td{
color:#eef2f7!important;
font-size:10.5px!important;
}
.profile-premium-v83 .premium-rounds-wrap div[onclick*="nextElementSibling"]{
background:rgba(0,0,0,.20)!important;
}
/* Notification button less loud */
.profile-premium-v83 .notify-off{
margin-top:18px!important;
padding:14px!important;
font-size:13px!important;
border-radius:19px!important;
background:rgba(239,68,68,.095)!important;
}
{
}
:root{
--bnh-icon-oom: url('./assets/icons/icon-order-of-merit-trophy2.png');
--bnh-icon-jacket: url('./assets/icons/icon-masters-jacket3.png');
--bnh-icon-hcp: url('./assets/icons/icon-hcp-ranking.png');
--bnh-icon-gir: url('./assets/icons/icon-gir-green-flag.png');
--bnh-icon-putter: url('./assets/icons/icon-putter.png');
--bnh-icon-fir: url('./assets/icons/icon-fir-target.png');
--bnh-golf-ball-bg: url('./assets/graphics/golf-ball-bg.png');
}
#bnh-bottom-nav nav{
height:88px!important;
overflow:visible!important;
background:
linear-gradient(180deg,rgba(8,17,18,.94),rgba(4,10,12,.99))!important;
box-shadow:0 -10px 24px rgba(0,0,0,.34)!important;
}
#bnh-bottom-nav nav > div{
height:88px!important;
}
#bnh-bottom-nav nav > div > *:nth-child(3){
top:-6px!important;
width:70px!important;
height:70px!important;
min-width:70px!important;
min-height:70px!important;
outline:0!important;
border:4px solid rgba(255,255,255,.92)!important;
box-shadow:
0 8px 18px rgba(0,0,0,.34),
inset 0 1px 0 rgba(255,255,255,.20)!important;
background:
radial-gradient(circle at 38% 24%,rgba(255,255,255,.18),transparent 30%),
linear-gradient(145deg,#179b49,#0f793a)!important;
}
#bnh-bottom-nav nav > div > *:nth-child(3){
font-size:0!important;
}
{
}
:root{
--bnh-icon-oom:
url('/assets/icons/icon-order-of-merit-trophy2.png'),
url('./assets/icons/icon-order-of-merit-trophy2.png'),
url('/assets/assets/icons/icon-order-of-merit-trophy2.png');
--bnh-icon-jacket:
url('/assets/icons/icon-masters-jacket3.png'),
url('./assets/icons/icon-masters-jacket3.png'),
url('/assets/assets/icons/icon-masters-jacket3.png');
--bnh-icon-hcp:
url('/assets/icons/icon-hcp-ranking.png'),
url('./assets/icons/icon-hcp-ranking.png'),
url('/assets/assets/icons/icon-hcp-ranking.png');
--bnh-icon-gir:
url('/assets/icons/icon-gir-green-flag.png'),
url('./assets/icons/icon-gir-green-flag.png'),
url('/assets/assets/icons/icon-gir-green-flag.png');
--bnh-icon-putter:
url('/assets/icons/icon-putter.png'),
url('./assets/icons/icon-putter.png'),
url('/assets/assets/icons/icon-putter.png');
--bnh-icon-fir:
url('/assets/icons/icon-fir-target.png'),
url('./assets/icons/icon-fir-target.png'),
url('/assets/assets/icons/icon-fir-target.png');
--bnh-golf-ball-bg:
url('/assets/graphics/golf-ball-bg.png'),
url('./assets/graphics/golf-ball-bg.png'),
url('/assets/assets/graphics/golf-ball-bg.png');
}
.profile-premium-v83 .profile-round-metric-grid{
display:none!important;
}
{
}
:root{
--bnh-icon-oom: url('/assets/icons/icon-order-of-merit-trophy2.png');
--bnh-icon-jacket: url('/assets/icons/icon-masters-jacket3.png');
--bnh-icon-hcp: url('/assets/icons/icon-hcp-ranking.png');
--bnh-icon-gir: url('/assets/icons/icon-gir-green-flag.png');
--bnh-icon-putter: url('/assets/icons/icon-putter.png');
--bnh-icon-fir: url('/assets/icons/icon-fir-target.png');
--bnh-golf-ball-bg: url('/assets/graphics/golf-ball-bg.png');
}
.profile-premium-v83 .profile-round-metric-grid{
display:none!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard{
border-radius:18px!important;
border:1px solid rgba(74,222,128,.20)!important;
background:linear-gradient(180deg,rgba(7,32,23,.97),rgba(2,12,10,.99))!important;
overflow:hidden!important;
}
#bnh-bottom-nav nav{
height:88px!important;
background:linear-gradient(180deg,rgba(8,17,18,.94),rgba(4,10,12,.99))!important;
box-shadow:0 -8px 20px rgba(0,0,0,.30)!important;
overflow:visible!important;
}
#bnh-bottom-nav nav > div{
height:88px!important;
overflow:visible!important;
}
#bnh-bottom-nav nav > div > *:nth-child(3){
top:-4px!important;
width:68px!important;
height:68px!important;
min-width:68px!important;
min-height:68px!important;
outline:0!important;
border:4px solid rgba(255,255,255,.92)!important;
box-shadow:0 7px 14px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.18)!important;
background:linear-gradient(145deg,#092f1c,#0d2e26)!important;
filter:none!important;
}
{
}
#bnh-bottom-nav nav{
height:88px!important;
overflow:visible!important;
}
#bnh-bottom-nav nav > div{
height:88px!important;
overflow:visible!important;
}
#bnh-bottom-nav nav > div > *:nth-child(3){
position:relative!important;
top:16px!important;
transform:translateY(0)!important;
width:66px!important;
height:66px!important;
min-width:66px!important;
min-height:66px!important;
outline:0!important;
border:4px solid rgba(255,255,255,.92)!important;
box-shadow:0 6px 13px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.18)!important;
filter:none!important;
}
#bnh-bottom-nav nav > div > *:not(:nth-child(3)){
transform:translateY(0)!important;
}
{
}
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
margin-top:-6px!important; /* original was -30px */
transform:none!important;
top:auto!important;
position:relative!important;
width:66px!important;
height:66px!important;
min-width:66px!important;
min-height:66px!important;
border-radius:50%!important;
border:4px solid rgba(255,255,255,.94)!important;
outline:0!important;
background:linear-gradient(145deg,#092f1c,#0d2e26)!important;
box-shadow:0 6px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18)!important;
filter:none!important;
}
#bnh-bottom-nav button[onclick*="openPlayMenu"],
#bnh-bottom-nav button[onclick*="openPlayMenu"]::before,
#bnh-bottom-nav button[onclick*="openPlayMenu"]::after{
text-shadow:none!important;
}
#bnh-bottom-nav button[onclick*="openPlayMenu"] > *{
opacity:1!important;
}
#bnh-bottom-nav button[onclick*="openPlayMenu"]::before,
#bnh-bottom-nav button[onclick*="openPlayMenu"]::after{
content:none!important;
display:none!important;
}
#bnh-bottom-nav nav > div > *:nth-child(3){
margin-top:-6px!important;
top:auto!important;
transform:none!important;
width:66px!important;
height:66px!important;
min-width:66px!important;
min-height:66px!important;
outline:0!important;
box-shadow:0 6px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18)!important;
filter:none!important;
}
#bnh-bottom-nav nav,
#bnh-bottom-nav nav > div{
height:88px!important;
overflow:visible!important;
}
{
}
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
margin-top:0!important;
top:auto!important;
transform:none!important;
width:62px!important;
height:62px!important;
min-width:62px!important;
min-height:62px!important;
border-radius:50%!important;
background:#092f1c!important;
background-image:none!important;
border:3px solid rgba(255,255,255,.92)!important;
outline:0!important;
box-shadow:none!important;
filter:none!important;
color:#fff!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-direction:column!important;
overflow:hidden!important;
}
#bnh-bottom-nav button[onclick*="openPlayMenu"]::before,
#bnh-bottom-nav button[onclick*="openPlayMenu"]::after{
display:none!important;
content:none!important;
}
#bnh-bottom-nav nav > div > *:nth-child(3){
margin-top:0!important;
top:auto!important;
transform:none!important;
width:62px!important;
height:62px!important;
min-width:62px!important;
min-height:62px!important;
outline:0!important;
box-shadow:none!important;
filter:none!important;
}
#bnh-bottom-nav nav > div{
height:88px!important;
align-items:center!important;
}
.profile-premium-v83 .bnh-leaderboard-scorecard tr td.muted,
.profile-premium-v83 .bnh-leaderboard-scorecard .muted{
color:rgba(255,255,255,.54)!important;
}
{
}
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
box-shadow:none!important;
outline:0!important;
filter:none!important;
}
{
}
.bnh-profile-card-home{
border:none!important;
cursor:pointer!important;
font-family:inherit!important;
text-align:center!important;
}
.bnh-profile-card-home span{
letter-spacing:.04em!important;
}
.bnh-home-v11 .bnh-quick{
grid-template-columns:repeat(4,1fr)!important;
gap:12px!important;
}
.bnh-home-v11 .bnh-quick button{
min-width:0!important;
}
.bnh-home-v11 .bnh-qico svg{
width:22px!important;
height:22px!important;
}
/* Make messages button visually same as old glass controls */
.bnh-top-actions .bnh-glass-icon[aria-label="Meddelanden"] svg{
width:24px!important;
height:24px!important;
}
/* Bottom nav: five stable items, no glow play ball */
#bnh-bottom-nav nav{
background:linear-gradient(180deg,rgba(8,17,18,.96),rgba(4,10,12,1))!important;
box-shadow:0 -10px 28px rgba(0,0,0,.28)!important;
}
#bnh-bottom-nav nav > div{
max-width:620px!important;
align-items:center!important;
}
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:62px!important;
height:62px!important;
min-width:62px!important;
min-height:62px!important;
margin-top:0!important;
top:auto!important;
transform:none!important;
background:#092f1c!important;
background-image:none!important;
border:none!important;
outline:0!important;
box-shadow:none!important;
filter:none!important;
color:#fff!important;
}
#bnh-bottom-nav button[onclick*="openPlayMenu"]::before,
#bnh-bottom-nav button[onclick*="openPlayMenu"]::after{
display:none!important;
content:none!important;
}
#bnh-bottom-nav button{
min-width:0!important;
}
@media(max-width:520px){
.bnh-home-v11 .bnh-quick{
gap:10px!important;
}
.bnh-home-v11 .bnh-quick button{
font-size:10px!important;
}
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:60px!important;
height:60px!important;
min-width:60px!important;
min-height:60px!important;
}
}
/* V114: profilbild i högra kortet, meddelanden till egen sida, Resultat som första ikon, Admin till adminpanel */
/* Högra kortet bredvid deltagare = Min profil */
.bnh-home-v11 .bnh-profile-card-home{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
padding:8px!important;
background:rgba(255,255,255,.96)!important;
border:none!important;
cursor:pointer!important;
}
.bnh-home-v11 .bnh-profile-card-home .bnh-profile-mini-img{
width:42px!important;
height:42px!important;
border-radius:50%!important;
object-fit:cover!important;
border:2px solid rgba(21,128,61,.20)!important;
box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
}
.bnh-home-v11 .bnh-profile-card-home span{
font-size:11px!important;
font-weight:900!important;
line-height:1!important;
color:#111827!important;
letter-spacing:-.02em!important;
text-transform:none!important;
}
.bnh-home-v11 .bnh-quick{
grid-template-columns:repeat(5,1fr)!important;
gap:10px!important;
}
.bnh-home-v11 .bnh-quick button{
min-width:0!important;
padding:10px 5px!important;
font-size:9.5px!important;
line-height:1.05!important;
word-break:normal!important;
}
.bnh-home-v11 .bnh-qico{
width:38px!important;
height:38px!important;
border-radius:13px!important;
margin-bottom:7px!important;
}
.bnh-home-v11 .bnh-qico svg{
width:20px!important;
height:20px!important;
}
/* Meddelanden från tävlingsledningen */
@media(max-width:520px){
.bnh-home-v11 .bnh-quick{
gap:7px!important;
}
.bnh-home-v11 .bnh-quick button{
font-size:8.5px!important;
padding:9px 3px!important;
}
.bnh-home-v11 .bnh-qico{
width:34px!important;
height:34px!important;
border-radius:12px!important;
}
.bnh-home-v11 .bnh-qico svg{
width:18px!important;
height:18px!important;
}
.bnh-home-v11 .bnh-profile-card-home .bnh-profile-mini-img,
.bnh-home-v11 .bnh-profile-card-home .bnh-profile-mini-fallback{
width:38px!important;
height:38px!important;
}
}
/* V115: slutlig hård fix av gröna bollen.
Ingen glow, ingen outline, ingen ikon, ingen conditional text, ingen dubbeltext.
*/
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:58px!important;
height:58px!important;
min-width:58px!important;
min-height:58px!important;
max-width:58px!important;
max-height:58px!important;
margin:0!important;
margin-top:0!important;
padding:0!important;
top:auto!important;
transform:none!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
filter:none!important;
text-shadow:none!important;
background:#092f1c!important;
background-image:none!important;
border-radius:50%!important;
color:#fff!important;
overflow:hidden!important;
flex:0 0 58px!important;
}
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"]::before,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"]::after,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"] span::before,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"] span::after{
content:none!important;
display:none!important;
opacity:0!important;
width:0!important;
height:0!important;
background:none!important;
box-shadow:none!important;
border:0!important;
}
html body #app #bnh-bottom-nav nav > div > *:nth-child(3){
width:58px!important;
height:58px!important;
min-width:58px!important;
min-height:58px!important;
max-width:58px!important;
max-height:58px!important;
margin:0!important;
margin-top:0!important;
top:auto!important;
transform:none!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
filter:none!important;
background:#092f1c!important;
background-image:none!important;
flex:0 0 58px!important;
}
{
}
html body #app #bnh-bottom-nav nav{
z-index:10000!important;
}
html body #app #bnh-bottom-nav nav > div{
align-items:center!important;
height:96px!important;
}
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:72px!important;
height:72px!important;
min-width:72px!important;
min-height:72px!important;
max-width:72px!important;
max-height:72px!important;
flex:0 0 72px!important;
margin:0!important;
margin-top:-12px!important;
padding:0!important;
top:auto!important;
transform:none!important;
border:0!important;
outline:0!important;
background:#092f1c!important;
background-image:none!important;
border-radius:50%!important;
color:#fff!important;
filter:none!important;
text-shadow:none!important;
box-shadow:0 10px 18px rgba(0,0,0,.35)!important;
overflow:hidden!important;
text-transform:uppercase!important;
}
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"]::before,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"]::after,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"] span::before,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"] span::after{
display:none!important;
content:none!important;
opacity:0!important;
width:0!important;
height:0!important;
box-shadow:none!important;
background:none!important;
border:0!important;
}
html body #app #bnh-bottom-nav nav > div > *:nth-child(3){
width:72px!important;
height:72px!important;
min-width:72px!important;
min-height:72px!important;
max-width:72px!important;
max-height:72px!important;
flex:0 0 72px!important;
margin:0!important;
margin-top:-12px!important;
top:auto!important;
transform:none!important;
border:0!important;
outline:0!important;
background:#092f1c!important;
background-image:none!important;
box-shadow:0 10px 18px rgba(0,0,0,.35)!important;
filter:none!important;
}
#play-menu{
bottom:calc(96px)!important;
z-index:10002!important;
padding-bottom:24px!important;
max-height:calc(100dvh - 112px)!important;
overflow-y:auto!important;
border-radius:24px 24px 0 0!important;
}
#play-menu-overlay{
z-index:10001!important;
}
{}
html body #app #bnh-bottom-nav nav{
height:104px!important;
}
html body #app #bnh-bottom-nav nav > div{
height:104px!important;
align-items:center!important;
}
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"],
html body #app #bnh-bottom-nav nav > div > *:nth-child(3){
width:86px!important;
height:86px!important;
min-width:86px!important;
min-height:86px!important;
max-width:86px!important;
max-height:86px!important;
flex:0 0 86px!important;
margin:0!important;
margin-top:-24px!important;
top:auto!important;
transform:none!important;
padding:0!important;
border:0!important;
outline:0!important;
background:#092f1c!important;
background-image:none!important;
border-radius:50%!important;
color:#fff!important;
filter:none!important;
text-shadow:none!important;
box-shadow:0 12px 22px rgba(0,0,0,.38)!important;
overflow:hidden!important;
}
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"]::before,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"]::after,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"] span::before,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"] span::after{
display:none!important;
content:none!important;
opacity:0!important;
}
#play-menu{
bottom:calc(104px)!important;
max-height:calc(100dvh - 120px)!important;
}
{}
#bnh-bottom-nav nav{
height:72px!important;
min-height:72px!important;
max-height:72px!important;
padding-top:0!important;
padding-bottom:0!important;
overflow:visible!important;
box-sizing:border-box!important;
background:linear-gradient(180deg,rgba(9,16,20,.96),rgba(7,13,16,1))!important;
border-top:1px solid rgba(255,255,255,.10)!important;
box-shadow:0 -8px 18px rgba(0,0,0,.24)!important;
}
#bnh-bottom-nav nav > div{
height:72px!important;
min-height:72px!important;
max-height:72px!important;
align-items:center!important;
overflow:visible!important;
}
#bnh-bottom-nav nav > div > button,
#bnh-bottom-nav .bnh-play-nav-item{
padding:1px 5px!important;
gap:0!important;
justify-content:center!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
background:none!important;
filter:none!important;
flex:1!important;
margin:0!important;
top:auto!important;
transform:none!important;
width:auto!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
max-width:none!important;
max-height:none!important;
}
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
border:0!important;
outline:0!important;
box-shadow:none!important;
filter:none!important;
background:none!important;
background-image:none!important;
border-radius:0!important;
margin:0!important;
width:auto!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
max-width:none!important;
max-height:none!important;
flex:1!important;
top:auto!important;
transform:none!important;
overflow:visible!important;
}
#bnh-bottom-nav .bnh-play-nav-item span,
/* Ingen pseudo-dubbeltext */
#bnh-bottom-nav button[onclick*="openPlayMenu"]::before,
#bnh-bottom-nav button[onclick*="openPlayMenu"]::after,
#bnh-bottom-nav button[onclick*="openPlayMenu"] span::before,
#bnh-bottom-nav button[onclick*="openPlayMenu"] span::after{
display:none!important;
content:none!important;
}
#play-menu{
bottom:calc(72px)!important;
z-index:10002!important;
max-height:calc(100dvh - 88px)!important;
overflow-y:auto!important;
}
#play-menu-overlay{
z-index:10001!important;
}
.bnh-home-v11 .bnh-friends-wrap{
grid-template-columns:1fr 128px!important;
gap:12px!important;
}
.bnh-home-v11 .bnh-friends-card,
.bnh-home-v11 .bnh-hcp-card,
.bnh-home-v11 .bnh-profile-card-home{
min-height:70px!important;
height:70px!important;
max-height:70px!important;
border-radius:20px!important;
box-sizing:border-box!important;
}
.bnh-home-v11 .bnh-friends-card{
padding:9px 14px!important;
gap:14px!important;
}
.bnh-home-v11 .bnh-faces{
min-width:88px!important;
flex:0 0 88px!important;
display:flex!important;
align-items:center!important;
}
.bnh-home-v11 .bnh-face{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
max-width:42px!important;
max-height:42px!important;
margin-left:-13px!important;
border:2.5px solid #fff!important;
border-radius:50%!important;
font-size:20px!important;
box-shadow:0 6px 14px rgba(5,16,32,.16)!important;
}
.bnh-home-v11 .bnh-face:first-child{
margin-left:0!important;
}
.bnh-home-v11 .bnh-face img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
border-radius:50%!important;
}
.bnh-home-v11 .bnh-profile-card-home{
min-width:128px!important;
width:128px!important;
max-width:128px!important;
padding:7px 10px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:4px!important;
overflow:hidden!important;
}
.bnh-home-v11 .bnh-profile-card-home img,
.bnh-home-v11 .bnh-profile-card-home .bnh-profile-mini-img{
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
max-width:46px!important;
max-height:46px!important;
border-radius:50%!important;
object-fit:cover!important;
display:block!important;
}
.bnh-home-v11 .bnh-profile-card-home span{
display:block!important;
font-size:10.5px!important;
line-height:1!important;
font-weight:900!important;
white-space:nowrap!important;
text-align:center!important;
margin:0!important;
}
.bnh-home-v11 .bnh-friends-main{
font-size:21px!important;
white-space:nowrap!important;
}
{
}
:root{
--bnh-icon-oom:
url('/assets/icons/icon-order-of-merit-trophy2.png?v=138'),
url('./assets/icons/icon-order-of-merit-trophy2.png?v=138'),
url('/assets/assets/icons/icon-order-of-merit-trophy2.png?v=138')!important;
}
.profile-premium-v83 .avatar,
.bnh-home-v11 .bnh-profile-card-home img,
.bnh-home-v11 .bnh-face img{
backface-visibility:hidden!important;
transform:translateZ(0);
}
.lb-row-main{
grid-template-columns:42px 1fr 72px 38px!important;
}
{
}
.profile-premium-v83 .notify-off.is-off{
border-color:rgba(34,197,94,.25)!important;
background:rgba(34,197,94,.12)!important;
color:#86efac!important;
}
.profile-premium-v83 .notify-off.is-on{
border-color:rgba(239,68,68,.20)!important;
background:rgba(239,68,68,.10)!important;
color:#fca5a5!important;
}
/* V144: Fortsätt din runda-kortet.
- Tävlingsrundor visar globalt hålnummer, inte "5 av 18".
- Deltagare visas kompakt: Gustaf G, Thomas N osv, en per rad.
*/
.bnh-home-v11 .bnh-status-grid{
grid-template-columns:.70fr 1.28fr .92fr!important;
gap:15px!important;
padding-right:34px!important;
}
.bnh-home-v11 .bnh-participants-compact{
font-size:14px!important;
line-height:1.18!important;
font-weight:650!important;
letter-spacing:-.035em!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
.bnh-home-v11 .bnh-status-sub{
max-width:calc(100% - 28px)!important;
}
{
}
.bnh-admin-v145{
background:
radial-gradient(circle at 50% -10%,rgba(21,128,61,.26),transparent 34%),
linear-gradient(180deg,#092f1c 0%,#050706 100%)!important;
color:#fff!important;
min-height:100dvh!important;
}
.bnh-admin-v145 h2{
color:#fff!important;
letter-spacing:-.04em!important;
}
.bnh-admin-v145 > div > .flex.border-b{
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:18px!important;
padding:4px!important;
margin-bottom:18px!important;
}
.bnh-admin-v145 > div > .flex.border-b button{
border-radius:14px!important;
border-bottom:0!important;
padding:10px 14px!important;
}
.bnh-admin-v145 .bg-white{
border-color:rgba(255,255,255,.12)!important;
box-shadow:0 18px 42px rgba(0,0,0,.20)!important;
}
.bnh-admin-v145 input,
.bnh-admin-v145 select,
.bnh-admin-v145 textarea{
border:1px solid rgba(15,23,42,.08)!important;
}
.bnh-admin-v145 .border-l-4.border-yellow-500{
border-left-color:#22c55e!important;
border-radius:24px!important;
}
.bnh-admin-v145 .border-l-4.border-yellow-500 h3::after{
content:" · klicka pennan på en runda för att redigera";
display:block;
margin-top:4px;
color:#64748b;
font-size:10px;
font-style:normal;
letter-spacing:0;
text-transform:none;
}
.bnh-admin-v145{
padding-top:0!important;
}
{
}
.bnh-admin-v145 > div > .flex.border-b button{
color:rgba(255,255,255,.82)!important;
border-bottom:0!important;
}
.bnh-admin-v145 > div > .flex.border-b button.text-bnh-green,
.bnh-admin-v145 > div > .flex.border-b button[class*="border-bnh-green"]{
color:#fff!important;
background:linear-gradient(135deg,rgba(21,128,61,.95),rgba(34,197,94,.68))!important;
box-shadow:0 8px 18px rgba(21,128,61,.22)!important;
}
.bnh-admin-v145 .bg-white,
.bnh-admin-v145 .bg-gray-50,
.bnh-admin-v145 .bg-blue-50,
.bnh-admin-v145 .bg-green-50,
.bnh-admin-v145 .bg-red-50,
.bnh-admin-v145 .bg-yellow-50{
color:#0f172a!important;
}
.bnh-admin-v145 .bg-white h1,
.bnh-admin-v145 .bg-white h2,
.bnh-admin-v145 .bg-white h3,
.bnh-admin-v145 .bg-white h4,
.bnh-admin-v145 .bg-white div,
.bnh-admin-v145 .bg-white span,
.bnh-admin-v145 .bg-white p,
.bnh-admin-v145 .bg-white label{
color:inherit;
}
.bnh-admin-v145 button.bg-purple-600,
.bnh-admin-v145 button.bg-blue-600,
.bnh-admin-v145 button.bg-red-600,
.bnh-admin-v145 button.bg-orange-500,
.bnh-admin-v145 button.bg-bnh-green,
.bnh-admin-v145 button.bg-green-500,
.bnh-admin-v145 button.bg-yellow-500{
color:#fff!important;
}
.bnh-admin-v145 button.bg-yellow-500{
color:#111827!important;
}
.bnh-admin-v145 input,
.bnh-admin-v145 select,
.bnh-admin-v145 textarea{
color:#111827!important;
background:#f8fafc!important;
}
.bnh-lottery-pool{
margin:12px 0 10px;
padding:12px;
border-radius:18px;
border:1px solid rgba(124,58,237,.14);
background:linear-gradient(180deg,#fff,#f8fafc);
}
.bnh-lottery-pool-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:8px;
}
.bnh-lottery-pool-title{
font-size:10px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.08em;
color:#6d28d9!important;
}
.bnh-lottery-pool-actions{
display:flex;
gap:6px;
flex-wrap:wrap;
}
.bnh-lottery-pool-actions button{
border:1px solid #e5e7eb;
background:#fff;
color:#334155!important;
border-radius:999px;
padding:5px 8px;
font-size:10px;
font-weight:900;
}
.bnh-lottery-pool-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:6px;
}
.bnh-lottery-player{
display:flex;
align-items:center;
gap:7px;
padding:7px 8px;
border-radius:12px;
border:1px solid #e5e7eb;
background:#fff;
font-size:11px;
font-weight:850;
color:#0f172a!important;
cursor:pointer;
user-select:none;
}
.bnh-lottery-player input{
width:14px;
height:14px;
accent-color:#092f1c;
flex:0 0 auto;
}
.bnh-lottery-pool-note{
margin-top:8px;
color:#64748b!important;
font-size:10px;
font-weight:750;
}
{
}
.bnh-home-v11 .bnh-leader{
grid-template-columns:24px minmax(0,1fr) auto auto!important;
gap:8px!important;
}
.bnh-home-v11 .bnh-leader span:nth-child(2){
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
{
}
.oom-premium{
display:block!important;
}
.oom-premium > .oom-hero,
.oom-premium > .oom-podium-wrap,
.oom-premium > .oom-table,
.oom-premium > .oom-system{
display:block!important;
width:100%!important;
max-width:100%!important;
float:none!important;
clear:both!important;
grid-column:1 / -1!important;
}
.oom-premium > .oom-table{
margin-top:0!important;
margin-bottom:16px!important;
}
.oom-premium > .oom-system{
margin-top:16px!important;
margin-left:0!important;
margin-right:0!important;
position:relative!important;
}
.oom-premium .oom-table + .oom-system{
display:block!important;
width:100%!important;
grid-column:1 / -1!important;
}
.oom-premium section{
grid-column:1 / -1!important;
}
.oom-system{
width:100%!important;
box-sizing:border-box!important;
}
.oom-system-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
width:100%!important;
}
(max-width:720px){
.oom-system-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
.oom-premium .oom-podium-wrap{
margin-top:20px!important;
margin-bottom:16px!important;
padding-top:14px!important;
}
.oom-premium .oom-grid,
.oom-premium .oom-row{
grid-template-columns:31px minmax(78px,1.18fr) 38px 38px 36px 36px 36px 36px 35px 42px 48px!important;
}
.oom-premium .oom-head,
.oom-premium .oom-list{
min-width:620px!important;
}
.oom-premium .oom-head{
min-height:48px!important;
padding:0 7px!important;
font-size:8.5px!important;
letter-spacing:.035em!important;
}
.oom-premium .oom-list{
padding:6px 7px 8px!important;
}
.oom-premium .oom-row{
min-height:38px!important;
margin-bottom:5px!important;
border-radius:15px!important;
font-size:12.5px!important;
}
.oom-premium .oom-player{
font-size:13px!important;
}
.oom-premium .oom-pos{
width:24px!important;
height:24px!important;
font-size:12px!important;
}
.oom-premium .oom-total{
font-size:15.5px!important;
}
.oom-premium .oom-head div{
line-height:1.05!important;
}
.oom-premium .oom-head-icon{
width:17px!important;
height:17px!important;
object-fit:contain!important;
display:inline-block!important;
vertical-align:middle!important;
margin-bottom:2px!important;
filter:drop-shadow(0 4px 7px rgba(0,0,0,.28));
}
.oom-premium .oom-jacket-icon{
width:19px!important;
height:19px!important;
}
.oom-premium .oom-system{
margin-top:12px!important;
padding:12px!important;
}
.oom-premium .oom-system-grid{
gap:6px!important;
}
.oom-premium .oom-system-grid div{
padding:8px 5px!important;
font-size:10px!important;
border-radius:12px!important;
}
.oom-premium .oom-system-grid b{
font-size:14px!important;
}
(max-width:720px){
.oom-premium .oom-title{
font-size:38px!important;
}
.oom-premium .oom-grid,
.oom-premium .oom-row{
grid-template-columns:30px minmax(78px,1.12fr) 36px 36px 34px 34px 34px 34px 34px 40px 46px!important;
}
.oom-premium .oom-head,
.oom-premium .oom-list{
min-width:590px!important;
}
}
.oom-premium .oom-grid,
.oom-premium .oom-row{
grid-template-columns:31px minmax(64px,.92fr) 34px 38px 36px 36px 36px 36px 35px 42px 48px!important;
}
.oom-premium .oom-head,
.oom-premium .oom-list{
min-width:570px!important;
}
.oom-premium .oom-player{
padding-right:2px!important;
}
(max-width:720px){
.oom-premium .oom-grid,
.oom-premium .oom-row{
grid-template-columns:30px minmax(62px,.88fr) 33px 36px 34px 34px 34px 34px 34px 40px 46px!important;
}
.oom-premium .oom-head,
.oom-premium .oom-list{
min-width:545px!important;
}
}
.oom-premium{
padding-left:8px!important;
padding-right:8px!important;
}
.oom-premium .oom-table{
width:100%!important;
overflow-x:auto!important;
border-radius:20px!important;
}
.oom-premium .oom-grid,
.oom-premium .oom-row{
grid-template-columns:
26px
minmax(70px,.92fr)
28px
28px
28px
28px
28px
28px
28px
32px
38px!important;
}
.oom-premium .oom-head,
.oom-premium .oom-list{
min-width:0!important;
width:100%!important;
}
.oom-premium .oom-head{
min-height:42px!important;
padding:0 4px!important;
font-size:7.2px!important;
letter-spacing:.01em!important;
}
.oom-premium .oom-list{
padding:5px 4px 7px!important;
}
.oom-premium .oom-row{
min-height:34px!important;
margin-bottom:4px!important;
border-radius:13px!important;
font-size:11.5px!important;
}
.oom-premium .oom-player{
font-size:12px!important;
letter-spacing:-.045em!important;
padding-left:2px!important;
padding-right:0!important;
}
.oom-premium .oom-pos{
width:22px!important;
height:22px!important;
font-size:11px!important;
}
.oom-premium .oom-total{
font-size:14px!important;
}
.oom-premium .oom-head-icon{
width:13px!important;
height:13px!important;
margin-bottom:0!important;
}
.oom-premium .oom-jacket-icon{
width:15px!important;
height:15px!important;
}
.oom-premium .oom-row > div{
min-width:0!important;
line-height:1!important;
}
.oom-premium .oom-head > div:nth-child(1),
.oom-premium .oom-row > div:nth-child(1){
position:sticky!important;
left:0!important;
z-index:4!important;
}
.oom-premium .oom-head > div:nth-child(2),
.oom-premium .oom-row > div:nth-child(2){
position:sticky!important;
left:26px!important;
z-index:4!important;
}
.oom-premium .oom-head > div:nth-child(1),
.oom-premium .oom-head > div:nth-child(2){
background:#061514!important;
}
.oom-premium .oom-row > div:nth-child(1),
.oom-premium .oom-row > div:nth-child(2){
background:inherit!important;
}
.oom-premium .oom-head > div:nth-child(2),
.oom-premium .oom-row > div:nth-child(2){
box-shadow:8px 0 10px rgba(0,0,0,.20)!important;
}
.oom-premium .oom-head div{
overflow:hidden!important;
text-overflow:clip!important;
white-space:normal!important;
}
{
}
.results-premium .res-podium-v2{
display:grid!important;
grid-template-columns:1fr 1.12fr 1fr!important;
gap:10px!important;
align-items:end!important;
margin:26px 0 20px!important;
padding:16px 4px 4px!important;
}
.results-premium .res-podium-card{
position:relative!important;
min-height:136px!important;
border-radius:24px 24px 18px 18px!important;
padding:34px 10px 16px!important;
text-align:center!important;
background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;
border:1px solid rgba(255,255,255,.14)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 36px rgba(0,0,0,.25)!important;
color:#fff!important;
}
.results-premium .res-podium-card.first{
min-height:166px!important;
transform:translateY(-16px)!important;
border-color:rgba(234,179,8,.68)!important;
box-shadow:0 0 0 1px rgba(234,179,8,.18),0 24px 50px rgba(0,0,0,.34)!important;
}
.results-premium .res-podium-card.second{
min-height:134px!important;
border-color:rgba(226,232,240,.46)!important;
}
.results-premium .res-podium-card.third{
min-height:126px!important;
border-color:rgba(251,146,60,.46)!important;
}
.results-premium .res-podium-card::after{
content:""!important;
position:absolute!important;
left:8px!important;
right:8px!important;
bottom:-12px!important;
height:12px!important;
border-radius:0 0 14px 14px!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.08)!important;
border-top:0!important;
}
.results-premium .res-podium-card.first::after{
background:rgba(234,179,8,.13)!important;
border-color:rgba(234,179,8,.22)!important;
}
.results-premium .res-rank-medal{
position:absolute!important;
top:-20px!important;
left:50%!important;
transform:translateX(-50%)!important;
width:42px!important;
height:42px!important;
border-radius:50%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-weight:950!important;
color:#111827!important;
border:2px solid rgba(255,255,255,.50)!important;
box-shadow:0 10px 22px rgba(0,0,0,.35)!important;
}
.results-premium .res-podium-card.gold .res-rank-medal{
background:linear-gradient(135deg,#fde68a,#f59e0b)!important;
}
.results-premium .res-podium-card.silver .res-rank-medal{
background:linear-gradient(135deg,#f8fafc,#94a3b8)!important;
}
.results-premium .res-podium-card.bronze .res-rank-medal{
background:linear-gradient(135deg,#fed7aa,#ea580c)!important;
}
.results-premium .res-podium-jacket{
width:42px!important;
height:42px!important;
object-fit:contain!important;
margin:0 auto 10px!important;
display:block!important;
filter:drop-shadow(0 9px 13px rgba(0,0,0,.35))!important;
}
.results-premium .res-podium-medal-icon{
font-size:31px!important;
margin-bottom:9px!important;
filter:drop-shadow(0 8px 12px rgba(0,0,0,.30))!important;
}
.results-premium .res-podium-card h3{
margin:0!important;
font-size:16px!important;
line-height:1.05!important;
font-weight:950!important;
color:#fff!important;
letter-spacing:-.045em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.results-premium .res-podium-card strong{
display:block!important;
margin-top:8px!important;
font-size:32px!important;
line-height:.9!important;
font-weight:950!important;
color:#facc15!important;
letter-spacing:-.05em!important;
}
.results-premium .res-podium-card span{
display:block!important;
margin-top:6px!important;
font-size:10px!important;
text-transform:uppercase!important;
font-weight:900!important;
letter-spacing:.12em!important;
color:rgba(255,255,255,.56)!important;
}
{
}
.oom-premium .oom-row.top-row{
background:rgba(255,255,255,.055)!important;
}
.oom-premium .oom-row.top-row > div,
.oom-premium .oom-row.top-row .oom-player{
background:transparent!important;
}
.oom-premium .oom-row > div:nth-child(1),
.oom-premium .oom-row > div:nth-child(2){
background:transparent!important;
box-shadow:none!important;
}
.oom-premium .oom-row.top-row .oom-pos.gold,
.oom-premium .oom-row.top-row .oom-pos.silver,
.oom-premium .oom-row.top-row .oom-pos.bronze{
box-shadow:0 8px 16px rgba(0,0,0,.22)!important;
}
.oom-premium .oom-row .oom-pos.gold,
.oom-premium .oom-row .oom-pos.silver,
.oom-premium .oom-row .oom-pos.bronze,
.oom-premium .oom-row.top-row .oom-pos.gold,
.oom-premium .oom-row.top-row .oom-pos.silver,
.oom-premium .oom-row.top-row .oom-pos.bronze{
background:rgba(255,255,255,.08)!important;
color:rgba(255,255,255,.70)!important;
box-shadow:none!important;
}
#content-view:has(.schedule-premium){
background:#020607!important;
}
.schedule-premium{
min-height:100dvh;
max-width:720px;
margin:0 auto;
padding:0 14px calc(var(--bnh-bottom-nav-h, 92px) + 22px)!important;
color:#fff;
font-family:'Inter Tight','Inter',system-ui,sans-serif;
background:
radial-gradient(circle at 80% 0%,rgba(21,128,61,.25),transparent 34%),
radial-gradient(circle at 0% 20%,rgba(234,179,8,.10),transparent 30%),
linear-gradient(180deg,#061514 0%,#020607 52%,#020607 100%);
}
.schedule-day-card{
position:relative;
overflow:hidden;
margin:0 0 18px;
border-radius:26px;
border:1px solid rgba(199,169,106,.34);
background:
radial-gradient(circle at 80% 0%,rgba(21,128,61,.16),transparent 38%),
linear-gradient(180deg,rgba(9,38,27,.94),rgba(3,15,11,.96));
box-shadow:0 20px 48px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
}
.schedule-day-head{
display:grid;
grid-template-columns:54px minmax(0,1fr) auto 46px;
align-items:center;
gap:14px;
padding:20px 18px 16px;
cursor:pointer;
user-select:none;
}
.schedule-day-icon{
width:54px;
height:54px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,rgba(21,128,61,.42),rgba(255,255,255,.05));
border:1px solid rgba(74,222,128,.18);
font-size:25px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.schedule-day-copy{
min-width:0;
}
.schedule-day-title-row{
display:flex;
align-items:baseline;
gap:12px;
min-width:0;
}
.schedule-day-title-row h2{
margin:0;
color:#fff;
font-size:34px;
line-height:.96;
font-weight:950;
letter-spacing:-.06em;
}
.schedule-day-title-row span{
color:#86efac;
font-size:15px;
font-weight:850;
white-space:nowrap;
}
.schedule-course{
margin-top:8px;
color:rgba(255,255,255,.76);
font-size:16px;
font-weight:750;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.schedule-weather{
display:grid;
grid-template-columns:repeat(5,44px);
gap:5px;
padding:8px 10px;
border-radius:19px;
border:1px solid rgba(255,255,255,.08);
background:rgba(0,0,0,.15);
}
.schedule-format-row{
display:flex;
gap:10px;
flex-wrap:wrap;
padding:0 18px 16px;
}
.schedule-format-row > span{
display:inline-flex;
align-items:center;
gap:7px;
min-height:34px;
padding:0 15px;
border-radius:999px;
border:1px solid rgba(199,169,106,.58);
background:rgba(0,0,0,.18);
color:#f4e7c5;
font-size:12px;
font-weight:950;
letter-spacing:.05em;
text-transform:uppercase;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.schedule-format-row > span:before{
content:"⚑";
color:#f4e7c5;
font-size:14px;
}
.schedule-ball-list{
padding:0 18px 18px;
display:grid;
gap:10px;
}
.schedule-ball{
border-radius:22px;
overflow:hidden;
background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
border:1px solid rgba(255,255,255,.12);
box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.schedule-ball-main{
display:grid;
grid-template-columns:92px minmax(0,1fr) 44px;
align-items:center;
gap:14px;
padding:14px;
cursor:pointer;
}
.schedule-start-box{
min-height:68px;
border-radius:17px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:linear-gradient(180deg,rgba(21,128,61,.95),rgba(10,93,51,.92));
border:1px solid rgba(244,231,197,.56);
box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 22px rgba(0,0,0,.20);
}
.schedule-start-box div{
color:#f4e7c5;
font-size:11px;
line-height:1;
font-weight:950;
letter-spacing:.13em;
}
.schedule-start-box strong{
margin-top:6px;
color:#fff;
font-size:24px;
line-height:.95;
font-weight:950;
letter-spacing:-.04em;
}
.schedule-ball-copy{
min-width:0;
}
.schedule-ball-title{
color:#f4e7c5;
font-size:24px;
line-height:1;
font-weight:850;
letter-spacing:-.04em;
}
.schedule-ball-names,
.schedule-ball-empty{
margin-top:7px;
color:rgba(255,255,255,.68);
font-size:14px;
font-weight:700;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.schedule-ball-arrow{
width:38px;
height:38px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
color:#f4e7c5;
font-size:22px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.04);
}
.schedule-ball-detail{
margin:0 12px 12px;
border-radius:18px;
background:rgba(0,0,0,.18);
border:1px solid rgba(255,255,255,.08);
}
.schedule-ball-detail-inner{
padding:12px;
}
.schedule-detail-tags{
display:flex;
flex-wrap:wrap;
gap:7px;
padding:0 12px 12px;
}
.schedule-detail-tags span,
.schedule-ball-detail span.inline-block{
border-color:rgba(199,169,106,.34)!important;
background:rgba(199,169,106,.10)!important;
color:#f4e7c5!important;
}
{
}
.bnh-message-button{
position:relative!important;
}
.bnh-message-count{
position:absolute!important;
right:-5px!important;
top:-6px!important;
min-width:23px!important;
height:23px!important;
padding:0 6px!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(135deg,#facc15,#f97316)!important;
color:#111827!important;
border:2px solid rgba(255,255,255,.92)!important;
box-shadow:0 8px 18px rgba(0,0,0,.32)!important;
font-size:10px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:-.03em!important;
}
.messages-premium{
min-height:100dvh;
padding:0 14px calc(var(--bnh-bottom-nav-h, 92px) + 24px)!important;
color:#fff;
background:
radial-gradient(circle at 82% 0%,rgba(21,128,61,.26),transparent 36%),
radial-gradient(circle at 0% 22%,rgba(250,204,21,.10),transparent 30%),
linear-gradient(180deg,#061514 0%,#020607 54%,#020607 100%);
font-family:'Inter Tight','Inter',system-ui,sans-serif;
}
.messages-list{
display:grid;
gap:14px;
}
.message-premium-card{
position:relative;
overflow:hidden;
border-radius:26px;
border:1px solid rgba(255,255,255,.11);
background:
radial-gradient(circle at 86% 0%,rgba(21,128,61,.15),transparent 38%),
linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
box-shadow:0 18px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
}
.message-premium-card.is-pinned{
border-color:rgba(250,204,21,.34);
box-shadow:0 0 0 1px rgba(250,204,21,.08),0 20px 48px rgba(0,0,0,.34);
}
.message-card-head{
display:grid;
grid-template-columns:48px minmax(0,1fr) auto auto;
gap:12px;
align-items:center;
padding:16px 16px 13px;
border-bottom:1px solid rgba(255,255,255,.08);
}
.message-icon{
width:48px;
height:48px;
border-radius:17px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,rgba(21,128,61,.45),rgba(255,255,255,.055));
border:1px solid rgba(74,222,128,.18);
color:#f4e7c5;
font-size:22px;
font-weight:950;
}
.message-premium-card.is-pinned .message-icon{
background:linear-gradient(135deg,#facc15,#b7791f);
color:#111827;
}
.message-title-wrap{
min-width:0;
}
.message-kicker{
color:#86efac;
font-size:10px;
font-weight:950;
letter-spacing:.09em;
text-transform:uppercase;
margin-bottom:4px;
}
.message-title-wrap h2{
margin:0;
color:#fff;
font-size:20px;
line-height:1.05;
font-weight:950;
letter-spacing:-.045em;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.message-date{
color:rgba(255,255,255,.54);
font-size:11px;
font-weight:850;
white-space:nowrap;
}
.message-delete{
width:30px;
height:30px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.07);
color:#fff;
border-radius:11px;
font-size:19px;
line-height:1;
font-weight:850;
}
.message-body{
padding:16px 18px 18px;
color:rgba(255,255,255,.82);
font-size:15px;
line-height:1.58;
font-weight:620;
}
.message-empty{
text-align:center;
border-radius:28px;
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
padding:44px 24px;
box-shadow:0 16px 38px rgba(0,0,0,.26);
}
.message-empty-icon{
width:64px;
height:64px;
margin:0 auto 16px;
border-radius:22px;
background:rgba(21,128,61,.16);
border:1px solid rgba(74,222,128,.18);
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
}
.message-empty h2{
margin:0 0 8px;
color:#fff;
font-size:26px;
font-weight:950;
letter-spacing:-.05em;
}
.message-empty p{
margin:0;
color:rgba(255,255,255,.58);
font-size:14px;
font-weight:700;
}
@media(max-width:520px){
.messages-premium{
padding-left:10px!important;
padding-right:10px!important;
}
.message-card-head{
grid-template-columns:44px minmax(0,1fr) auto;
gap:10px;
}
.message-icon{
width:44px;
height:44px;
border-radius:15px;
}
.message-title-wrap h2{
font-size:18px;
}
.message-date{
grid-column:2 / 3;
font-size:10px;
}
.message-delete{
grid-column:3;
grid-row:1;
}
}
/* V171: Senaste händelser = spelflöde + likes/kommentarer */
.bnh-gameflow{
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.98))!important;
}
.bnh-gameflow .bnh-events-head span:last-child{
color:#092f1c!important;
font-weight:900!important;
}
.bnh-gameflow-event{
width:100%!important;
border:0!important;
background:transparent!important;
text-align:left!important;
font-family:inherit!important;
cursor:pointer!important;
border-radius:14px!important;
transition:background .15s ease!important;
}
.bnh-event-text{
min-width:0!important;
line-height:1.25!important;
}
.bnh-event-meta{
display:flex!important;
flex-direction:column!important;
align-items:flex-end!important;
gap:3px!important;
color:#9ca3af!important;
font-size:11px!important;
font-weight:700!important;
white-space:nowrap!important;
}
.bnh-event-meta small{
font-size:10px!important;
color:#64748b!important;
font-weight:850!important;
}
.gameflow-modal{
position:fixed!important;
inset:0!important;
z-index:100000!important;
display:flex!important;
align-items:flex-end!important;
justify-content:center!important;
padding:16px!important;
pointer-events:none!important;
}
.gameflow-modal > *{
pointer-events:auto!important;
}
.gameflow-backdrop{
position:fixed!important;
top:0!important;
left:0!important;
right:0!important;
bottom:0!important;
background:rgba(0,0,0,.55)!important;
backdrop-filter:blur(6px)!important;
-webkit-backdrop-filter:blur(6px)!important;
pointer-events:auto!important;
}
.gameflow-card{
position:relative!important;
width:min(620px,100%)!important;
max-height:calc(100dvh - 40px)!important;
overflow:auto!important;
border-radius:30px!important;
border:1px solid rgba(255,255,255,.14)!important;
background:
radial-gradient(circle at 82% 0%,rgba(34,197,94,.16),transparent 36%),
linear-gradient(180deg,#10191a 0%,#070f10 100%)!important;
color:#fff!important;
box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
padding:22px!important;
}
.gameflow-head{
display:flex!important;
justify-content:space-between!important;
align-items:flex-start!important;
gap:14px!important;
margin-bottom:18px!important;
}
.gameflow-head span{
color:#4ade80!important;
font-size:11px!important;
font-weight:950!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
}
.gameflow-head h2{
margin:6px 0 0!important;
font-size:30px!important;
line-height:.95!important;
font-weight:950!important;
letter-spacing:-.055em!important;
}
.gameflow-head button{
width:38px!important;
height:38px!important;
border-radius:14px!important;
border:1px solid rgba(255,255,255,.12)!important;
background:rgba(255,255,255,.08)!important;
color:#fff!important;
font-size:24px!important;
font-weight:850!important;
}
.gameflow-event-main{
border-radius:22px!important;
border:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.06)!important;
padding:18px!important;
font-size:18px!important;
line-height:1.32!important;
font-weight:850!important;
letter-spacing:-.02em!important;
}
.gameflow-actions{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin:16px 0!important;
}
.gameflow-actions button{
border:1px solid rgba(255,255,255,.12)!important;
background:rgba(255,255,255,.08)!important;
color:#fff!important;
border-radius:999px!important;
padding:10px 14px!important;
font-size:13px!important;
font-weight:950!important;
}
.gameflow-actions span{
color:rgba(255,255,255,.52)!important;
font-size:12px!important;
font-weight:800!important;
}
.gameflow-comments{
display:grid!important;
gap:9px!important;
margin:12px 0 14px!important;
}
.gameflow-no-comments{
color:rgba(255,255,255,.45)!important;
font-size:13px!important;
font-weight:750!important;
padding:8px 2px!important;
}
.gameflow-comment-form{
display:grid!important;
grid-template-columns:1fr auto!important;
gap:8px!important;
}
.gameflow-comment-form input{
min-height:46px!important;
border-radius:16px!important;
border:1px solid rgba(255,255,255,.12)!important;
background:rgba(255,255,255,.08)!important;
color:#fff!important;
padding:0 14px!important;
outline:none!important;
font-size:14px!important;
font-weight:750!important;
}
.gameflow-comment-form input::placeholder{
color:rgba(255,255,255,.40)!important;
}
.gameflow-comment-form button{
min-height:46px!important;
border:0!important;
border-radius:16px!important;
background:#22c55e!important;
color:#04110f!important;
padding:0 16px!important;
font-size:13px!important;
font-weight:950!important;
}
.bnh-home-v11 .bnh-leader-head{
display:grid!important;
grid-template-columns:18px minmax(0,1fr) 48px 28px!important;
gap:7px!important;
align-items:center!important;
margin:12px 0 5px!important;
color:rgba(255,255,255,.46)!important;
font-size:9px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:.07em!important;
text-transform:uppercase!important;
}
.bnh-home-v11 .bnh-leader-head span:nth-child(3),
.bnh-home-v11 .bnh-leader-head span:nth-child(4){
text-align:right!important;
}
.bnh-home-v11 .bnh-leader{
grid-template-columns:18px minmax(0,1fr) 48px 28px!important;
}
.bnh-home-v11 .bnh-leader .score,
.bnh-home-v11 .bnh-leader .holes{
text-align:right!important;
}
{
}
.bnh-home-v11 .bnh-gameflow{
margin-top:16px!important;
background:
radial-gradient(circle at 88% 0%,rgba(34,197,94,.12),transparent 35%),
linear-gradient(180deg,rgba(3,18,16,.98),rgba(0,10,6,.99))!important;
border:1px solid rgba(74,222,128,.18)!important;
border-radius:22px!important;
color:#fff!important;
box-shadow:0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.bnh-home-v11 .bnh-gameflow .bnh-events-head{
color:#b7d9c9!important;
}
.bnh-home-v11 .bnh-gameflow .bnh-events-head span:first-child{
color:#b7d9c9!important;
font-size:12px!important;
font-weight:950!important;
}
.bnh-home-v11 .bnh-gameflow .bnh-events-head span:last-child{
color:rgba(255,255,255,.58)!important;
font-size:12px!important;
font-weight:850!important;
}
.bnh-home-v11 .bnh-gameflow-event{
color:#fff!important;
border-radius:16px!important;
padding:10px 0!important;
}
.bnh-home-v11 .bnh-gameflow-event + .bnh-gameflow-event{
border-top:1px solid rgba(255,255,255,.08)!important;
}
.bnh-home-v11 .bnh-gameflow .bnh-event-ico{
background:#092f1c!important;
box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}
.bnh-home-v11 .bnh-gameflow .bnh-event-text{
color:#fff!important;
font-weight:750!important;
}
.bnh-home-v11 .bnh-gameflow .bnh-event-meta{
color:rgba(255,255,255,.56)!important;
}
.bnh-home-v11 .bnh-gameflow .bnh-event-meta small{
color:#8bd7b7!important;
}
.gameflow-modal{
align-items:flex-end!important;
padding:16px 16px calc(var(--bnh-bottom-nav-h, 92px) + 18px)!important;
}
.gameflow-card{
max-height:calc(100dvh - var(--bnh-bottom-nav-h, 92px) - 42px)!important;
margin-bottom:0!important;
}
{
}
.gameflow-all-card{
max-height:calc(100dvh - var(--bnh-bottom-nav-h, 92px) - 42px)!important;
}
.gameflow-all-list{
display:grid!important;
gap:8px!important;
}
.gameflow-all-row{
width:100%!important;
text-align:left!important;
border:1px solid rgba(255,255,255,.08)!important;
background:rgba(255,255,255,.055)!important;
color:#fff!important;
border-radius:16px!important;
padding:12px 13px!important;
font-family:inherit!important;
cursor:pointer!important;
}
.gameflow-all-row div{
font-size:14px!important;
line-height:1.25!important;
font-weight:850!important;
}
.gameflow-all-row small{
display:block!important;
margin-top:5px!important;
color:#8bd7b7!important;
font-size:11px!important;
font-weight:800!important;
}
.oom-premium .oom-head{
min-height:52px!important;
padding:6px 5px 5px!important;
font-size:8.4px!important;
line-height:1.05!important;
letter-spacing:.035em!important;
}
.oom-premium .oom-head-icon{
width:16px!important;
height:16px!important;
font-size:15px!important;
line-height:1!important;
margin-bottom:3px!important;
}
.oom-premium .oom-jacket-icon{
width:18px!important;
height:18px!important;
margin-bottom:3px!important;
}
.oom-premium .oom-head div{
align-self:center!important;
}
{
}
{
}
#content-view:has(.travel-premium){
background:#020607!important;
}
.travel-premium{
min-height:100dvh;
padding:0 14px calc(var(--bnh-bottom-nav-h, 92px) + 26px)!important;
color:#fff;
font-family:'Inter Tight','Inter',system-ui,sans-serif;
background:
radial-gradient(circle at 86% 0%,rgba(21,128,61,.24),transparent 36%),
radial-gradient(circle at 0% 18%,rgba(199,169,106,.10),transparent 30%),
linear-gradient(180deg,#061514 0%,#020607 50%,#020607 100%);
}
.travel-card-head{
display:flex;
align-items:center;
gap:14px;
padding:18px 18px 16px;
border-bottom:1px solid rgba(255,255,255,.08);
background:linear-gradient(90deg,rgba(21,128,61,.20),rgba(255,255,255,.02));
}
.travel-card-head h2{
margin:0;
color:#fff;
font-size:25px;
line-height:1;
font-weight:950;
letter-spacing:-.055em;
}
.travel-card-head p{
margin:6px 0 0;
color:#86efac;
font-size:12px;
line-height:1.15;
font-weight:850;
letter-spacing:.02em;
}
.travel-card-body{
padding:20px 22px 23px;
color:rgba(255,255,255,.82);
font-size:16px;
line-height:1.62;
font-weight:620;
}
.travel-card-body b,
.travel-strong{
color:#fff!important;
font-weight:950!important;
}
.travel-card-body a{
color:#86efac;
}
.travel-card-body::selection{
background:rgba(34,197,94,.35);
}
@media(max-width:520px){
.travel-premium{
padding-left:10px!important;
padding-right:10px!important;
}
.travel-card-head{
padding:16px;
gap:12px;
}
.travel-card-head h2{
font-size:22px;
}
.travel-card-body{
padding:18px 18px 20px;
font-size:15px;
line-height:1.58;
}
}
/* V186: Albatross / Double Eagle ska visas separat från Eagle */
/* V188: Resultattavla topplista + OOM icon-only header och legend */
.res-top-list{
margin-top:14px!important;
margin-bottom:14px!important;
display:grid!important;
gap:8px!important;
}
.res-top-list-title{
padding:0 4px!important;
color:rgba(255,255,255,.60)!important;
font-size:11px!important;
line-height:1!important;
font-weight:950!important;
text-transform:uppercase!important;
letter-spacing:.08em!important;
}
.oom-premium .oom-head.icon-only{
min-height:58px!important;
padding-top:8px!important;
padding-bottom:8px!important;
align-items:center!important;
font-size:0!important;
}
.oom-premium .oom-head.icon-only > div{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:42px!important;
font-size:18px!important;
line-height:1!important;
}
.oom-premium .oom-head.icon-only > div:first-child{
font-size:13px!important;
font-weight:950!important;
color:rgba(255,255,255,.66)!important;
}
.oom-premium .oom-head.icon-only > div:nth-child(2){
font-size:18px!important;
justify-content:flex-start!important;
text-align:left!important;
}
.oom-premium .oom-head.icon-only > div:last-child{
font-size:18px!important;
}
.oom-premium .oom-head .oom-head-big-icon{
font-size:22px!important;
filter:drop-shadow(0 5px 9px rgba(0,0,0,.34))!important;
}
.oom-premium .oom-head.icon-only .oom-head-icon,
.oom-premium .oom-head.icon-only .oom-jacket-icon{
width:31px!important;
height:31px!important;
margin:0!important;
object-fit:contain!important;
filter:drop-shadow(0 6px 10px rgba(0,0,0,.38))!important;
}
.oom-premium .oom-legend-system{
padding:16px!important;
border-radius:24px!important;
}
.oom-premium .oom-legend-system .oom-system-title{
font-size:17px!important;
line-height:1!important;
margin-bottom:13px!important;
letter-spacing:-.035em!important;
}
.oom-premium .oom-legend-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
}
.oom-premium .oom-legend-grid div{
min-height:92px!important;
padding:10px 6px!important;
border-radius:17px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
text-align:center!important;
background:rgba(255,255,255,.06)!important;
border:1px solid rgba(255,255,255,.09)!important;
}
.oom-premium .oom-legend-grid em{
font-style:normal!important;
font-size:30px!important;
line-height:1!important;
filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))!important;
}
.oom-premium .oom-legend-jacket{
width:38px!important;
height:38px!important;
object-fit:contain!important;
filter:drop-shadow(0 7px 11px rgba(0,0,0,.38))!important;
}
.oom-premium .oom-viking-icon{
object-fit:contain!important;
filter:drop-shadow(0 7px 11px rgba(0,0,0,.38))!important;
}
.oom-premium .oom-legend-grid span{
color:rgba(255,255,255,.82)!important;
font-size:10px!important;
line-height:1.08!important;
font-weight:850!important;
}
.oom-premium .oom-legend-grid b{
color:#facc15!important;
font-size:15px!important;
line-height:1!important;
font-weight:950!important;
}
(max-width:720px){
.oom-premium .oom-head.icon-only{
min-height:56px!important;
}
.oom-premium .oom-head.icon-only .oom-head-icon,
.oom-premium .oom-head.icon-only .oom-jacket-icon{
width:28px!important;
height:28px!important;
}
.oom-premium .oom-head .oom-head-big-icon{
font-size:20px!important;
}
.oom-premium .oom-legend-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.oom-premium .oom-legend-grid div{
min-height:84px!important;
}
.oom-premium .oom-legend-grid em{
font-size:28px!important;
}
}
#overlay.hidden,
#sidebar-overlay:not(.active),
#notif-panel:empty{
pointer-events:none!important;
}
.bnh-home-v11,
.bnh-home-v11 button,
.bnh-home-v11 a,
.bnh-home-v11 [onclick]{
pointer-events:auto!important;
}
.bnh-home-v11::before,
.bnh-home-v11::after,
.bnh-home-v11 .bnh-status-card::before,
.bnh-home-v11 .bnh-hero::before,
.bnh-home-v11 .bnh-hero::after{
pointer-events:none!important;
}
#overlay.hidden,
#sidebar-overlay:not(.open):not(.active){
display:none!important;
pointer-events:none!important;
}
body.unlocked .global-auth-overlay{
display:none!important;
pointer-events:none!important;
}
.bnh-home-v11,
.bnh-home-v11 *{
pointer-events:auto;
}
.bnh-home-v11::before,
.bnh-home-v11::after,
.bnh-home-v11 .bnh-hero::before,
.bnh-home-v11 .bnh-hero::after,
.bnh-home-v11 .bnh-status-card::before{
pointer-events:none!important;
}
.admin-debug-card{
border-radius:24px!important;
border:1px solid rgba(255,255,255,.12)!important;
background:
radial-gradient(circle at 80% 0%,rgba(34,197,94,.14),transparent 38%),
linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
color:#fff!important;
padding:18px!important;
box-shadow:0 22px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.admin-debug-head{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:14px!important;
margin-bottom:14px!important;
}
.admin-debug-head span,
.debug-section-title{
color:#4ade80!important;
text-transform:uppercase!important;
letter-spacing:.11em!important;
font-size:11px!important;
font-weight:950!important;
}
.admin-debug-head h2{
margin:4px 0 4px!important;
font-size:28px!important;
line-height:.95!important;
font-weight:950!important;
letter-spacing:-.055em!important;
}
.admin-debug-head p{
margin:0!important;
color:rgba(255,255,255,.55)!important;
font-size:12px!important;
font-weight:700!important;
}
.admin-debug-head button,
.admin-debug-actions button{
border:1px solid rgba(255,255,255,.14)!important;
background:#092f1c!important;
color:#fff!important;
border-radius:14px!important;
padding:10px 13px!important;
font-size:12px!important;
font-weight:900!important;
}
.admin-debug-actions{
display:flex!important;
gap:8px!important;
margin-bottom:14px!important;
}
.admin-debug-actions button{
background:rgba(255,255,255,.08)!important;
}
.debug-metric-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
margin-bottom:16px!important;
}
.debug-metric-grid div,
.debug-row,
.debug-event{
border:1px solid rgba(255,255,255,.09)!important;
background:rgba(255,255,255,.055)!important;
border-radius:16px!important;
padding:11px!important;
}
.debug-metric-grid span{
display:block!important;
color:rgba(255,255,255,.55)!important;
font-size:10px!important;
font-weight:900!important;
text-transform:uppercase!important;
}
.debug-metric-grid b{
display:block!important;
margin-top:4px!important;
font-size:26px!important;
line-height:1!important;
font-weight:950!important;
color:#fff!important;
}
.debug-metric-grid small,
.debug-row small,
.debug-event small{
display:block!important;
margin-top:5px!important;
color:rgba(255,255,255,.42)!important;
font-size:10px!important;
line-height:1.25!important;
word-break:break-all!important;
}
.debug-section-title{
margin:16px 0 8px!important;
}
.debug-list,
.debug-events{
display:grid!important;
gap:7px!important;
}
.debug-empty{
color:rgba(255,255,255,.48)!important;
font-size:13px!important;
font-weight:700!important;
padding:12px!important;
}
{
}
.bnh-admin-v145 .flex.border-b button{
flex:0 0 auto!important;
}
.bnh-admin-v145 .flex.border-b{
scrollbar-width:thin!important;
}
.admin-debug-head button{
background:#092f1c!important;
}
.results-premium .res-viking-rank-icon{
width:28px!important;
height:28px!important;
object-fit:contain!important;
display:block!important;
margin:0 auto!important;
filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))!important;
}
.results-premium .res-rank:has(.res-viking-rank-icon){
background:rgba(255,255,255,.08)!important;
}
.results-premium .res-jacket-rank-icon{
width:30px!important;
height:30px!important;
object-fit:contain!important;
display:block!important;
margin:0 auto!important;
filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))!important;
}
.results-premium .res-rank:has(.res-jacket-rank-icon){
background:rgba(234,179,8,.12)!important;
border-color:rgba(234,179,8,.28)!important;
}
.guide-premium .guide-distance,
.guide-map-stage .guide-distance{
top:18px!important;
bottom:auto!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
display:inline-block!important;
}
.fantasy-premium{
min-height:100dvh!important;
max-width:none!important;
width:100%!important;
padding-bottom:calc(var(--bnh-bottom-nav-h,96px) + 28px)!important;
background:
radial-gradient(circle at 80% 0%,rgba(126,34,206,.24),transparent 34%),
radial-gradient(circle at 8% 18%,rgba(34,197,94,.16),transparent 32%),
linear-gradient(180deg,#061111 0%,#020607 62%,#020607 100%)!important;
color:#fff!important;
}
.fantasy-premium > .px-4{
max-width:720px!important;
margin:0 auto!important;
padding:18px 14px 0!important;
}
.fantasy-premium .bg-white{
background:
radial-gradient(circle at 80% 0%,rgba(74,222,128,.08),transparent 82px),
linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;
color:#fff!important;
border-color:rgba(255,255,255,.11)!important;
box-shadow:0 16px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.fantasy-premium .text-gray-900,
.fantasy-premium .text-gray-800,
.fantasy-premium .text-gray-700,
.fantasy-premium .text-gray-500,
.fantasy-premium .text-gray-400{
color:rgba(255,255,255,.78)!important;
}
.fantasy-premium select{
background:rgba(0,0,0,.28)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.14)!important;
border-radius:16px!important;
}
.fantasy-premium select option{
color:#111827!important;
}
.fantasy-premium .bg-gray-100{
background:rgba(255,255,255,.07)!important;
border:1px solid rgba(255,255,255,.10)!important;
}
.fantasy-premium button.bg-bnh-green,
.fantasy-premium .bg-bnh-green{
background:#092f1c!important;
}
.fantasy-premium .border-gray-100,
.fantasy-premium .border-gray-200{
border-color:rgba(255,255,255,.10)!important;
}
.bnh-gameflow-head-actions{
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.bnh-gameflow-head-actions button,
.gameflow-head-actions button.clear{
width:auto!important;
height:auto!important;
border:1px solid rgba(255,255,255,.12)!important;
background:rgba(255,255,255,.075)!important;
color:rgba(255,255,255,.78)!important;
border-radius:999px!important;
padding:6px 9px!important;
font-size:10px!important;
font-weight:950!important;
line-height:1!important;
}
.gameflow-head-actions{
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.fantasy-premium{
background:
radial-gradient(circle at 84% 0%,rgba(126,34,206,.20),transparent 34%),
radial-gradient(circle at 8% 16%,rgba(34,197,94,.17),transparent 31%),
linear-gradient(180deg,#061111 0%,#020607 62%,#020607 100%)!important;
}
.fantasy-premium *{
text-shadow:none!important;
}
.fantasy-premium .flex.gap-2.mb-4.bg-gray-100{
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:24px!important;
padding:7px!important;
gap:7px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 34px rgba(0,0,0,.20)!important;
}
.fantasy-premium .flex.gap-2.mb-4.bg-gray-100 button{
border-radius:18px!important;
padding:12px 8px!important;
color:rgba(255,255,255,.72)!important;
background:rgba(255,255,255,.055)!important;
border:1px solid rgba(255,255,255,.08)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
font-weight:950!important;
}
.fantasy-premium .flex.gap-2.mb-4.bg-gray-100 button.bg-bnh-green,
.fantasy-premium .flex.gap-2.mb-4.bg-gray-100 button[class*="bg-bnh-green"]{
color:#fff!important;
background:#092f1c!important;
background-color:#092f1c!important;
background-image:none!important;
border-color:#092f1c!important;
}
.fantasy-premium h3,
.fantasy-premium .text-xs.font-black.uppercase{
color:#d9f7df!important;
letter-spacing:.055em!important;
}
.fantasy-premium .bg-yellow-50{
background:
radial-gradient(circle at 80% 0%,rgba(74,222,128,.10),transparent 110px),
linear-gradient(145deg,rgba(255,255,255,.070),rgba(255,255,255,.028))!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.11)!important;
}
.fantasy-premium .rounded-2xl,
.fantasy-premium .rounded-xl{
border-color:rgba(255,255,255,.11)!important;
}
.fantasy-premium .bg-white,
.fantasy-premium .bg-gray-50{
background:
radial-gradient(circle at 78% 0%,rgba(74,222,128,.08),transparent 90px),
linear-gradient(145deg,rgba(255,255,255,.070),rgba(255,255,255,.026))!important;
color:#fff!important;
border-color:rgba(255,255,255,.11)!important;
}
.fantasy-premium .text-gray-900,
.fantasy-premium .text-gray-800,
.fantasy-premium .text-gray-700,
.fantasy-premium .text-gray-600,
.fantasy-premium .text-gray-500,
.fantasy-premium .text-gray-400{
color:rgba(255,255,255,.72)!important;
}
.fantasy-premium .font-bold,
.fantasy-premium .font-black{
color:#fff!important;
}
.fantasy-premium select{
background:rgba(0,0,0,.34)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.14)!important;
border-radius:18px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.fantasy-premium select option{
background:#070f10!important;
color:#fff!important;
}
.fantasy-premium h3 + div.bg-white{
overflow-x:auto!important;
border-radius:24px!important;
}
.fantasy-premium h3 + div.bg-white > div:first-child{
min-width:560px!important;
}
.fantasy-premium h3 + div.bg-white > div:first-child > div:first-child,
.fantasy-premium h3 + div.bg-white > div:first-child > div:nth-child(2),
.fantasy-premium h3 + div.bg-white > div:first-child > div[class*="text-center"],
.fantasy-premium h3 + div.bg-white > div:first-child > div:nth-child(3),
.fantasy-premium h3 + div.bg-white > div:first-child > div:nth-child(4),
.fantasy-premium h3 + div.bg-white > div:first-child > div:nth-child(5){
color:rgba(255,255,255,.70)!important;
font-size:11px!important;
font-weight:950!important;
letter-spacing:.045em!important;
text-transform:uppercase!important;
align-self:center!important;
}
.fantasy-premium h3 + div.bg-white > div:first-child > div{
align-items:center!important;
}
.fantasy-premium h3 + div.bg-white .grid.border-t{
min-width:560px!important;
border-color:rgba(255,255,255,.09)!important;
background:rgba(255,255,255,.035)!important;
}
.fantasy-premium h3 + div.bg-white .grid.border-t > div{
display:flex!important;
align-items:center!important;
}
.fantasy-premium h3 + div.bg-white .grid.border-t > div:nth-child(n+3){
justify-content:center!important;
font-variant-numeric:tabular-nums!important;
}
.fantasy-premium h3 + div.bg-white .grid.border-t > div:last-child{
justify-content:center!important;
font-weight:950!important;
}
.fantasy-premium table{
color:#fff!important;
border-collapse:collapse!important;
}
.fantasy-premium th{
color:rgba(255,255,255,.70)!important;
background:rgba(255,255,255,.075)!important;
font-size:10px!important;
font-weight:950!important;
text-transform:uppercase!important;
letter-spacing:.035em!important;
text-align:center!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.fantasy-premium th:first-child{
text-align:left!important;
}
.fantasy-premium td{
color:rgba(255,255,255,.76)!important;
border-top:1px solid rgba(255,255,255,.07)!important;
text-align:center!important;
font-variant-numeric:tabular-nums!important;
}
.fantasy-premium .text-red-500{
color:#ff4d57!important;
}
.fantasy-premium .text-yellow-500{
color:#facc15!important;
}
{
}
.fantasy-premium h3 + div.bg-white .grid.border-t > div:nth-child(2){
min-width:0!important;
}
.fantasy-premium h3 + div.bg-white .grid.border-t > div:nth-child(2) .font-bold{
white-space:normal!important;
line-height:1.12!important;
}
.fantasy-premium table span,
.fantasy-premium table div,
.fantasy-premium table td,
.fantasy-premium table th{
text-shadow:none!important;
}
.fantasy-premium table tr:first-child{
background:rgba(255,255,255,.075)!important;
}
.fantasy-premium table th{
background:rgba(255,255,255,.075)!important;
color:rgba(255,255,255,.86)!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.fantasy-premium table td{
color:rgba(255,255,255,.88)!important;
font-weight:900!important;
}
.fantasy-premium table td:last-child{
font-weight:950!important;
color:#fff!important;
}
.fantasy-premium .text-red-500{
color:#ff4d57!important;
}
.fantasy-premium .overflow-x-auto{
border-color:rgba(255,255,255,.10)!important;
}
{
}
#play-menu-overlay{
background:rgba(0,0,0,.66)!important;
backdrop-filter:blur(10px)!important;
-webkit-backdrop-filter:blur(10px)!important;
}
#play-menu{
background:#ffffff!important;
color:#0f172a!important;
border:none!important;
box-shadow:0 -4px 24px rgba(0,0,0,.10)!important;
border-radius:28px 28px 0 0!important;
}
#play-menu > div:first-child{
background:#e5e7eb!important;
}
#play-menu h3{
color:#0f172a!important;
font-size:14px!important;
letter-spacing:.08em!important;
}
#play-menu p{
color:#6b7280!important;
font-weight:500!important;
}
#play-menu button{
position:relative!important;
overflow:hidden!important;
border-radius:20px!important;
padding:16px!important;
border:1.5px solid rgba(9,47,28,.20)!important;
box-shadow:none!important;
background:#ffffff!important;
transition:transform .12s ease!important;
}
#play-menu button:active{
transform:scale(.985)!important;
}
#play-menu button[onclick*="practice"]{ background:#ffffff!important; border:1.5px solid rgba(9,47,28,.20)!important; color:#0f172a!important; }
#play-menu button[onclick*="scorecard"]{ background:#ffffff!important; border:1.5px solid rgba(9,47,28,.20)!important; color:#0f172a!important; }
#play-menu button[onclick*="fantasy"]{ background:#ffffff!important; border:1.5px solid rgba(9,47,28,.20)!important; color:#0f172a!important; }
#play-menu button > div:first-child{
position:relative!important;
z-index:1!important;
border-radius:14px!important;
box-shadow:none!important;
}
#play-menu button svg,
#play-menu button > div:not(:first-child){
position:relative!important;
z-index:1!important;
}
{
}
.fantasy-premium .flex.gap-3.overflow-x-auto.pb-3.mb-4.no-scrollbar{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:7px!important;
overflow:visible!important;
padding-bottom:4px!important;
}
.fantasy-premium .fantasy-live-v3 .fantasy-top-card{
display:grid!important;
grid-template-rows:28px 86px 42px 34px!important;
align-items:center!important;
justify-items:center!important;
min-height:204px!important;
}
.fantasy-premium .fantasy-live-v3 .fantasy-top-card .text-\[0\.55rem\]{
align-self:start!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
min-height:28px!important;
line-height:1.05!important;
text-align:center!important;
}
.fantasy-premium .fantasy-live-v3 .fantasy-top-avatar{
width:78px!important;
height:78px!important;
align-self:center!important;
margin:0!important;
}
.fantasy-premium .fantasy-live-v3 .fantasy-top-card .font-black.text-xs{
align-self:center!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:42px!important;
margin:0!important;
text-align:center!important;
line-height:1.08!important;
}
.fantasy-premium .fantasy-live-v3 .fantasy-top-card .text-xl{
align-self:end!important;
margin:0!important;
line-height:1!important;
font-variant-numeric:tabular-nums!important;
}
.fantasy-premium h3 + div.bg-white{
background:
radial-gradient(circle at 78% 0%,rgba(74,222,128,.08),transparent 120px),
linear-gradient(145deg,rgba(255,255,255,.070),rgba(255,255,255,.026))!important;
}
{
}
.fantasy-premium h3 + div.bg-white .grid.border-t > div:nth-child(2){
display:flex!important;
align-items:center!important;
min-width:0!important;
}
.fantasy-premium h3 + div.bg-white .grid.border-t > div:nth-child(2) .font-bold{
white-space:normal!important;
line-height:1.15!important;
}
.fantasy-premium .fantasy-live-v3 .fantasy-section-title{
margin:18px 0 12px!important;
color:#dfffe8!important;
font-size:15px!important;
font-weight:950!important;
letter-spacing:.06em!important;
text-transform:uppercase!important;
}
.fantasy-premium .fantasy-live-v3 .fantasy-section-title.all{margin-top:22px!important;}
.fantasy-premium .fantasy-player-detail-card{
margin-bottom:14px!important;
border:1px solid rgba(255,255,255,.11)!important;
border-radius:24px!important;
overflow:hidden!important;
background:
radial-gradient(circle at 84% 0%,rgba(74,222,128,.08),transparent 120px),
linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.020))!important;
box-shadow:0 16px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.fantasy-premium .fantasy-player-detail-head{
display:flex!important;
align-items:center!important;
gap:12px!important;
padding:14px 14px!important;
border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.fantasy-premium .fantasy-player-avatar{
width:46px!important;
height:46px!important;
border-radius:50%!important;
object-fit:cover!important;
border:1px solid rgba(74,222,128,.28)!important;
background:rgba(74,222,128,.13)!important;
}
.fantasy-premium .fantasy-player-avatar.fallback{
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:22px!important;
}
.fantasy-premium .fantasy-player-main{
min-width:0!important;
flex:1!important;
}
.fantasy-premium .fantasy-player-main div{
color:#fff!important;
font-size:18px!important;
font-weight:950!important;
line-height:1.08!important;
}
.fantasy-premium .fantasy-player-main small{
display:block!important;
margin-top:4px!important;
color:rgba(255,255,255,.58)!important;
font-size:12px!important;
font-weight:850!important;
}
.fantasy-premium .fantasy-player-total{
font-size:28px!important;
line-height:1!important;
font-weight:950!important;
min-width:58px!important;
text-align:right!important;
}
.fantasy-premium .negative{color:#ff4d57!important;}
.fantasy-premium .neutral{color:rgba(255,255,255,.84)!important;}
.fantasy-premium .fantasy-score-breakdown{
padding:0!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.fantasy-premium .fantasy-score-breakdown:last-child{
border-bottom:0!important;
}
.fantasy-premium .fantasy-score-round-head{
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
gap:12px!important;
padding:10px 14px!important;
background:rgba(255,255,255,.055)!important;
color:rgba(255,255,255,.88)!important;
font-size:13px!important;
font-weight:950!important;
}
.fantasy-premium .fantasy-score-round-head b{
font-size:15px!important;
}
.fantasy-premium .fantasy-score-table-wrap{
overflow-x:auto!important;
-webkit-overflow-scrolling:touch!important;
}
.fantasy-premium table.fantasy-score-table{
width:100%!important;
min-width:560px!important;
border-collapse:collapse!important;
table-layout:fixed!important;
}
.fantasy-premium table.fantasy-score-table th,
.fantasy-premium table.fantasy-score-table td{
padding:9px 5px!important;
border-top:1px solid rgba(255,255,255,.055)!important;
text-align:center!important;
font-size:12px!important;
font-weight:900!important;
font-variant-numeric:tabular-nums!important;
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
}
.fantasy-premium table.fantasy-score-table th{
width:74px!important;
text-align:left!important;
padding-left:14px!important;
color:rgba(255,255,255,.62)!important;
text-transform:uppercase!important;
letter-spacing:.03em!important;
font-size:10.5px!important;
}
.fantasy-premium table.fantasy-score-table td{
color:rgba(255,255,255,.88)!important;
}
.fantasy-premium table.fantasy-score-table td.tot{
font-weight:950!important;
color:#fff!important;
}
.fantasy-premium table.fantasy-score-table .fantasy-row th,
.fantasy-premium table.fantasy-score-table .fantasy-row td{
background:rgba(74,222,128,.055)!important;
}
{
}
.fantasy-premium .fantasy-shot-pill{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:26px!important;
height:24px!important;
padding:0 7px!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.14)!important;
background:rgba(255,255,255,.06)!important;
color:#fff!important;
font-size:12px!important;
font-weight:950!important;
line-height:1!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.fantasy-premium button.fantasy-score-round-head{
width:100%!important;
border:0!important;
cursor:pointer!important;
font-family:inherit!important;
}
.fantasy-premium .fantasy-score-round-head em{
font-style:normal!important;
color:rgba(255,255,255,.55)!important;
margin-left:6px!important;
font-size:11px!important;
}
.fantasy-premium .fantasy-shot-pill{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:26px!important;
height:24px!important;
padding:0 7px!important;
font-size:12px!important;
font-weight:950!important;
line-height:1!important;
box-shadow:none!important;
border:0!important;
background:transparent!important;
color:rgba(255,255,255,.90)!important;
border-radius:0!important;
}
.fantasy-premium .fantasy-shot-pill.eagle{
background:#eab308!important;
color:#fff!important;
border-radius:999px!important;
border:2px solid rgba(254,240,138,.95)!important;
box-shadow:0 0 0 2px rgba(234,179,8,.22)!important;
}
.fantasy-premium .fantasy-shot-pill.birdie{
background:#ef4444!important;
color:#fff!important;
border-radius:999px!important;
border:2px solid rgba(252,165,165,.95)!important;
box-shadow:0 0 0 2px rgba(239,68,68,.18)!important;
}
.fantasy-premium .fantasy-shot-pill.par,
.fantasy-premium .fantasy-shot-pill.played{
background:transparent!important;
color:rgba(255,255,255,.90)!important;
border-radius:0!important;
border:0!important;
box-shadow:none!important;
}
.fantasy-premium .fantasy-score-table-wrap{
overflow-x:visible!important;
width:100%!important;
}
.fantasy-premium table.fantasy-score-table{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
}
.fantasy-premium table.fantasy-score-table th,
.fantasy-premium table.fantasy-score-table td{
padding:7px 1px!important;
font-size:11px!important;
line-height:1!important;
min-width:0!important;
}
.fantasy-premium table.fantasy-score-table th{
width:43px!important;
padding-left:7px!important;
font-size:10px!important;
}
.fantasy-premium table.fantasy-score-table td.tot{
width:34px!important;
}
.fantasy-premium .fantasy-shot-pill{
min-width:22px!important;
height:22px!important;
padding:0 5px!important;
font-size:11px!important;
}
{
}
.evs-premium{
min-height:100dvh!important;
background:
radial-gradient(circle at 88% 0%,rgba(59,130,246,.18),transparent 270px),
radial-gradient(circle at 10% 10%,rgba(34,197,94,.20),transparent 260px),
linear-gradient(180deg,#061111 0%,#020607 100%)!important;
color:#fff!important;
padding-bottom:calc(116px)!important;
font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Inter',sans-serif!important;
}
.evs-tabs{
position:sticky!important;
top:0!important;
z-index:15!important;
display:flex!important;
gap:10px!important;
overflow-x:auto!important;
-webkit-overflow-scrolling:touch!important;
padding:12px 14px!important;
background:linear-gradient(180deg,rgba(3,12,10,.96),rgba(3,12,10,.82))!important;
backdrop-filter:blur(14px)!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.evs-tab{
flex:0 0 auto!important;
min-width:116px!important;
min-height:58px!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:19px!important;
background:
radial-gradient(circle at 20% 0%,rgba(255,255,255,.08),transparent 70px),
rgba(255,255,255,.055)!important;
color:rgba(255,255,255,.70)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
padding:12px 13px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.evs-tab b{
display:block!important;
color:inherit!important;
font-size:12px!important;
font-weight:950!important;
letter-spacing:.035em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
}
.evs-tab.active{
color:#fff!important;
background:
radial-gradient(circle at 20% 0%,rgba(74,222,128,.28),transparent 90px),
linear-gradient(135deg,#159475,#0b6a56)!important;
border-color:rgba(74,222,128,.36)!important;
box-shadow:0 16px 28px rgba(21,128,61,.24), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.evs-content{
max-width:760px!important;
margin:0 auto!important;
padding:16px 14px 0!important;
}
.evs-premium .bg-white,
.evs-premium .bg-gray-50,
.evs-premium .bg-gray-100,
.evs-premium .bg-green-50,
.evs-premium .bg-blue-50,
.evs-premium .bg-yellow-50,
.evs-premium .bg-red-50,
.evs-premium .bg-gray-200{
background:
radial-gradient(circle at 18% 0%,rgba(74,222,128,.075),transparent 160px),
linear-gradient(145deg,rgba(255,255,255,.068),rgba(255,255,255,.026))!important;
color:#fff!important;
}
.evs-premium .shadow-sm,
.evs-premium .shadow-md,
.evs-premium .shadow-lg{
box-shadow:0 16px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.evs-premium .border,
.evs-premium .border-gray-100,
.evs-premium .border-gray-200,
.evs-premium .border-gray-300,
.evs-premium .border-green-100,
.evs-premium .border-blue-100{
border-color:rgba(255,255,255,.105)!important;
}
.evs-premium .rounded-xl,
.evs-premium .rounded-2xl,
.evs-premium .rounded-3xl{
border-radius:24px!important;
}
.evs-premium .text-gray-900,
.evs-premium .text-gray-800,
.evs-premium .text-gray-700{
color:#fff!important;
}
.evs-premium .text-gray-600,
.evs-premium .text-gray-500,
.evs-premium .text-gray-400{
color:rgba(255,255,255,.62)!important;
}
.evs-premium .text-bnh-green,
.evs-premium .text-green-600,
.evs-premium .text-green-700{
color:#4ade80!important;
}
.evs-premium .text-red-500,
.evs-premium .text-red-600,
.evs-premium .text-red-700{
color:#ff4d57!important;
}
.evs-premium .text-blue-500,
.evs-premium .text-blue-600,
.evs-premium .text-blue-700,
.evs-premium .text-blue-800{
color:#93c5fd!important;
}
.evs-premium input,
.evs-premium select,
.evs-premium textarea{
background:rgba(0,0,0,.28)!important;
border-color:rgba(255,255,255,.12)!important;
color:#fff!important;
border-radius:16px!important;
}
.evs-premium input::placeholder,
.evs-premium textarea::placeholder{
color:rgba(255,255,255,.38)!important;
}
.evs-premium option{
background:#070f10!important;
color:#fff!important;
}
.evs-premium button:not(.evs-back):not(.evs-tab):not(.bottom-nav-item):not(.nav-btn):not([style*="border"]):not([style*="border-radius:999px"]) {
border-color:rgba(255,255,255,.11)!important;
}
.evs-premium .bg-bnh-green,
.evs-premium button.bg-bnh-green,
.evs-premium .bg-green-600,
.evs-premium .bg-green-700{
background:linear-gradient(135deg,#159475,#0b6a56)!important;
color:#fff!important;
box-shadow:0 14px 28px rgba(21,128,61,.22)!important;
}
.evs-premium .text-4xl{
letter-spacing:-.04em!important;
}
.evs-premium .overflow-y-auto{
scrollbar-width:none!important;
}
{
}
.evs-premium .evs-tabs{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:6px!important;
overflow-x:visible!important;
padding:9px 10px!important;
}
.evs-premium .evs-tab{
min-width:0!important;
width:100%!important;
min-height:52px!important;
padding:8px 3px!important;
border-radius:16px!important;
gap:4px!important;
flex-direction:column!important;
}
.evs-premium .evs-tab b{
font-size:9.5px!important;
line-height:1.05!important;
letter-spacing:.01em!important;
white-space:normal!important;
text-align:center!important;
}
.evs-premium .evs-tab.active{
box-shadow:0 10px 20px rgba(21,128,61,.20), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.evs-premium .evs-balance-row{
display:flex!important;
align-items:center!important;
gap:12px!important;
margin-bottom:9px!important;
padding:13px 14px!important;
border-radius:21px!important;
cursor:pointer!important;
background:
radial-gradient(circle at 10% 0%,rgba(74,222,128,.08),transparent 110px),
linear-gradient(145deg,rgba(255,255,255,.070),rgba(255,255,255,.030))!important;
border:1px solid rgba(255,255,255,.105)!important;
box-shadow:0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.evs-premium .evs-avatar{
width:48px!important;
height:48px!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 auto!important;
background:linear-gradient(145deg,rgba(21,128,61,.72),rgba(4,120,87,.42))!important;
border:1px solid rgba(74,222,128,.24)!important;
color:#fff!important;
font-size:13px!important;
font-weight:950!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
overflow:hidden!important;
}
.evs-premium .evs-balance-name{
min-width:0!important;
flex:1!important;
}
.evs-premium .evs-balance-name div{
color:#fff!important;
font-size:15px!important;
font-weight:950!important;
line-height:1.1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.evs-premium .evs-balance-name span{
color:rgba(255,255,255,.45)!important;
font-size:12px!important;
}
.evs-premium .evs-balance-amount{
flex:0 0 auto!important;
text-align:right!important;
}
.evs-premium .evs-balance-amount span{
display:block!important;
font-size:18px!important;
line-height:1!important;
font-weight:950!important;
letter-spacing:-.02em!important;
}
.evs-premium .evs-balance-amount small{
display:block!important;
margin-top:6px!important;
color:rgba(255,255,255,.45)!important;
font-size:10px!important;
font-weight:950!important;
text-transform:uppercase!important;
letter-spacing:.03em!important;
}
.evs-premium .evs-balance-row.is-positive .evs-balance-amount span{color:#4ade80!important;}
.evs-premium .evs-balance-row.is-even .evs-balance-amount span{color:rgba(255,255,255,.70)!important;}
.evs-premium .evs-balance-bar{
width:4px!important;
height:42px!important;
border-radius:999px!important;
flex:0 0 auto!important;
background:rgba(255,255,255,.16)!important;
}
.evs-premium .evs-balance-row.is-positive .evs-balance-bar{background:#22c55e!important;}
{
}
.evs-premium .evs-tab.active,
.evs-premium .bg-bnh-green,
.evs-premium button.bg-bnh-green,
.evs-premium .bg-green-600,
.evs-premium .bg-green-700,
.evs-premium button[class*="bg-green"],
.evs-premium button[class*="bg-bnh-green"],
.evs-premium .border-bnh-green.bg-green-50{
background:
radial-gradient(circle at 25% 0%,rgba(255,255,255,.20),transparent 58px),
linear-gradient(135deg,#19a855 0%,#0d7a39 52%,#075f2d 100%)!important;
color:#fff!important;
border-color:rgba(91,255,161,.34)!important;
box-shadow:
0 14px 28px rgba(13,122,57,.28),
inset 0 1px 0 rgba(255,255,255,.18),
inset 0 -1px 0 rgba(0,0,0,.22)!important;
}
.evs-premium .text-bnh-green,
.evs-premium .text-green-600,
.evs-premium .text-green-700{
color:#4ade80!important;
}
.evs-premium input:checked,
.evs-premium input[type="checkbox"]:checked{
accent-color:#092f1c!important;
}
.evs-premium .evs-tab.active,
.evs-premium .evs-tab.active *{
color:#fff!important;
}
.results-premium,
.participants-premium,
.guide-premium,
.gallery-premium,
.fantasy-premium,
.evs-premium,
.oom-premium,
.messages-premium{
padding-top:0!important;
margin-top:0!important;
}
.gallery-title-row h1,
.res-heading,
.participants-heading,
.oom-title,
.lb-title-row h1{
font-family:'Inter Tight','Inter',system-ui,sans-serif!important;
color:#fff!important;
font-size:42px!important;
line-height:.92!important;
font-weight:950!important;
letter-spacing:-.06em!important;
}
.results-premium,
.participants-premium{
padding:0 16px 120px!important;
}
.results-premium .res-heading,
.results-premium .res-heading{
margin-left:0!important;
margin-right:0!important;
margin-bottom:18px!important;
}
.lb-shell{
margin-top:16px!important;
}
.lb-head{
margin-top:0!important;
}
{
}
.oom-premium{
padding-top:0!important;
}
.oom-premium .oom-title{
font-size:42px!important;
line-height:.92!important;
letter-spacing:-.06em!important;
margin-top:0!important;
}
.travel-premium{
padding-top:0!important;
}
.profile-premium-v83{
padding-top:0!important;
}
{
}
:root{
--bnh-bottom-nav-h:112px!important;
}
#bnh-bottom-nav nav{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
padding-bottom:0!important;
box-sizing:border-box!important;
background:
linear-gradient(180deg,rgba(10,20,23,.98),rgba(3,9,11,1))!important;
border-top:1px solid rgba(255,255,255,.11)!important;
}
#bnh-bottom-nav nav > div{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
max-width:650px!important;
align-items:center!important;
padding:0 10px!important;
box-sizing:border-box!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]){
min-height:78px!important;
justify-content:center!important;
gap:5px!important;
padding:8px 7px!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) svg{
width:31px!important;
height:31px!important;
stroke-width:2.2!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) span{
font-size:13px!important;
line-height:1.05!important;
font-weight:800!important;
}
#bnh-bottom-nav .bnh-play-nav-item,
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:82px!important;
height:82px!important;
min-width:82px!important;
min-height:82px!important;
max-width:82px!important;
max-height:82px!important;
flex:0 0 82px!important;
border-radius:999px!important;
margin-top:-18px!important;
transform:none!important;
background:
radial-gradient(circle at 32% 22%,rgba(255,255,255,.18),transparent 36%),
linear-gradient(145deg,#18a14e,#087034)!important;
color:#fff!important;
box-shadow:
0 16px 36px rgba(4,120,52,.34),
inset 0 1px 0 rgba(255,255,255,.18)!important;
border:1px solid rgba(113,255,170,.20)!important;
}
#bnh-bottom-nav .bnh-play-nav-item span,
#play-menu{
bottom:calc(var(--bnh-bottom-nav-h) - 20px)!important;
max-height:calc(100dvh - var(--bnh-bottom-nav-h) - 16px)!important;
}
.bnh-home-v11{
min-height:100dvh!important;
background:#050706!important;
}
.bnh-home-v11 .bnh-white-shell{
min-height:calc(100dvh - 300px)!important;
padding-bottom:calc(var(--bnh-bottom-nav-h) + 22px)!important;
margin-bottom:0!important;
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important;
background:
linear-gradient(180deg,#f7f8fa 0%,#ffffff 38%,#f5f7fa 100%)!important;
}
.bnh-home-v11 .bnh-quick{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:13px!important;
margin-top:18px!important;
margin-bottom:0!important;
padding-bottom:0!important;
}
.bnh-home-v11 .bnh-quick button{
min-height:104px!important;
border-radius:23px!important;
padding:13px 8px!important;
font-size:12px!important;
line-height:1.08!important;
font-weight:850!important;
letter-spacing:-.015em!important;
color:#071422!important;
background:rgba(255,255,255,.98)!important;
box-shadow:0 14px 34px rgba(5,16,32,.13)!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
}
.bnh-home-v11 .bnh-qico{
width:48px!important;
height:48px!important;
border-radius:16px!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#fff!important;
box-shadow:0 10px 22px rgba(5,16,32,.16)!important;
}
.bnh-home-v11 .bnh-qico svg{
width:27px!important;
height:27px!important;
stroke-width:2.2!important;
}
(min-width:560px){
.bnh-home-v11 .bnh-quick{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
}
{
}
:root{
--bnh-bottom-nav-h:104px!important;
}
#bnh-bottom-nav nav{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
}
#bnh-bottom-nav nav > div{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]){
min-height:70px!important;
padding-top:7px!important;
padding-bottom:7px!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) svg{
width:29px!important;
height:29px!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) span{
font-size:12.5px!important;
}
#bnh-bottom-nav .bnh-play-nav-item,
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:82px!important;
height:82px!important;
min-width:82px!important;
min-height:82px!important;
max-width:82px!important;
max-height:82px!important;
flex:0 0 82px!important;
margin-top:-20px!important;
}
.bnh-home-v11 .bnh-topbar{
top:10px!important;
left:18px!important;
right:18px!important;
align-items:center!important;
}
.bnh-home-v11 .bnh-top-actions{
gap:8px!important;
}
.bnh-home-v11 .bnh-glass-icon{
width:48px!important;
height:48px!important;
border-radius:16px!important;
}
.bnh-home-v11 .bnh-glass-icon svg{
width:23px!important;
height:23px!important;
}
.bnh-home-v11 .bnh-red-dot{
right:9px!important;
top:8px!important;
}
.bnh-home-v11 .bnh-hero-copy{
bottom:62px!important;
}
.bnh-home-v11 .bnh-white-shell{
padding-bottom:calc(var(--bnh-bottom-nav-h) + 22px)!important;
min-height:calc(100dvh - 300px)!important;
}
#play-menu{
bottom:calc(var(--bnh-bottom-nav-h) - 14px)!important;
max-height:calc(100dvh - var(--bnh-bottom-nav-h) - 16px)!important;
}
{
}
.bnh-home-v11 .bnh-quick{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
align-items:stretch!important;
}
.bnh-home-v11 .bnh-quick button{
min-height:106px!important;
border-radius:23px!important;
padding:13px 7px!important;
font-size:13px!important;
line-height:1.12!important;
font-weight:850!important;
}
.bnh-home-v11 .bnh-qico{
width:48px!important;
height:48px!important;
border-radius:16px!important;
margin:0 auto 7px!important;
}
.bnh-home-v11 .bnh-qico svg{
width:27px!important;
height:27px!important;
}
(min-width:560px){
.bnh-home-v11 .bnh-quick{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
}
{
}
.profile-premium-v83{
padding-top:0!important;
background:
radial-gradient(circle at 82% 0%,rgba(34,197,94,.18),transparent 270px),
linear-gradient(180deg,#092f1c 0%,#020607 42%,#020607 100%)!important;
}
:root{
--bnh-bottom-nav-h:96px!important;
}
#bnh-bottom-nav nav{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
padding-bottom:0!important;
}
#bnh-bottom-nav nav > div{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]){
min-height:64px!important;
padding-top:5px!important;
padding-bottom:5px!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) svg{
width:28px!important;
height:28px!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) span{
font-size:12px!important;
}
#bnh-bottom-nav .bnh-play-nav-item,
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:82px!important;
height:82px!important;
min-width:82px!important;
min-height:82px!important;
max-width:82px!important;
max-height:82px!important;
flex:0 0 82px!important;
margin-top:-22px!important;
}
.bnh-home-v11 .bnh-white-shell{
min-height:auto!important;
padding-bottom:calc(var(--bnh-bottom-nav-h) + 12px)!important;
}
.bnh-home-v11 .bnh-quick{
margin-top:18px!important;
margin-bottom:0!important;
padding-bottom:0!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
(min-width:560px){
.bnh-home-v11 .bnh-quick{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
max-width:520px!important;
}
}
{
}
:root{
--bnh-bottom-nav-h:96px!important;
}
html, body{
height:100%!important;
margin:0!important;
overflow:hidden!important;
background:#050706!important;
}
#app{
height:100dvh!important;
min-height:100dvh!important;
overflow:hidden!important;
background:#050706!important;
}
#content-view{
height:100dvh!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
box-sizing:border-box!important;
padding-bottom:var(--bnh-bottom-nav-h)!important;
background:#050706!important;
}
#bnh-bottom-nav nav{
position:fixed!important;
left:0!important;
right:0!important;
bottom:0!important;
z-index:10000!important;
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
padding-bottom:0!important;
box-sizing:border-box!important;
}
#bnh-bottom-nav nav > div{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
}
.bnh-home-v11 .bnh-hero{
margin-top:0!important;
padding-top:0!important;
}
.bnh-home-v11 .bnh-topbar{
top:8px!important;
}
.bnh-home-v11 .bnh-white-shell{
padding-bottom:calc(var(--bnh-bottom-nav-h) + 12px)!important;
}
#play-menu{
bottom:calc(var(--bnh-bottom-nav-h) - 14px)!important;
max-height:calc(100dvh - var(--bnh-bottom-nav-h) - 16px)!important;
}
.results-premium,
.participants-premium,
.guide-premium,
.gallery-premium,
.fantasy-premium,
.evs-premium,
.travel-premium,
.oom-premium,
.profile-premium-v83,
.pb-32{
padding-bottom:calc(var(--bnh-bottom-nav-h) + 18px)!important;
}
:root{
--bnh-bottom-nav-h:86px!important;
}
html body #app #bnh-bottom-nav nav{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
padding-bottom:0!important;
box-sizing:border-box!important;
}
html body #app #bnh-bottom-nav nav > div{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
align-items:center!important;
}
html body #app #bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]){
min-height:60px!important;
padding:5px 6px!important;
gap:4px!important;
}
html body #app #bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) svg{
width:27px!important;
height:27px!important;
}
html body #app #bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) span{
font-size:11.5px!important;
line-height:1.05!important;
}
html body #app #bnh-bottom-nav .bnh-play-nav-item,
html body #app #bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:82px!important;
height:82px!important;
min-width:82px!important;
min-height:82px!important;
max-width:82px!important;
max-height:82px!important;
flex:0 0 82px!important;
margin-top:-24px!important;
}
html body #app #content-view .bnh-home-v11 .bnh-topbar{
top:6px!important;
left:18px!important;
right:18px!important;
align-items:center!important;
}
html body #app #content-view .bnh-home-v11 .bnh-top-actions{
gap:8px!important;
}
html body #app #content-view .bnh-home-v11 .bnh-glass-icon{
width:46px!important;
height:46px!important;
border-radius:15px!important;
}
html body #app #content-view .bnh-home-v11{
padding-bottom:0!important;
min-height:auto!important;
}
html body #app #content-view .bnh-home-v11 .bnh-white-shell{
min-height:0!important;
padding-bottom:calc(var(--bnh-bottom-nav-h) + 8px)!important;
margin-bottom:0!important;
}
html body #app #content-view .bnh-home-v11 .bnh-quick{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
margin-top:14px!important;
margin-bottom:0!important;
padding-bottom:0!important;
align-items:stretch!important;
}
html body #app #content-view .bnh-home-v11 .bnh-quick button{
min-height:108px!important;
border-radius:22px!important;
padding:13px 7px!important;
font-size:13px!important;
line-height:1.12!important;
font-weight:820!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 14px 34px rgba(5,16,32,.13)!important;
}
html body #app #content-view .bnh-home-v11 .bnh-qico{
width:48px!important;
height:48px!important;
border-radius:16px!important;
margin:0 auto 8px!important;
}
html body #app #content-view .bnh-home-v11 .bnh-qico svg{
width:27px!important;
height:27px!important;
}
#content-view{
padding-bottom:var(--bnh-bottom-nav-h)!important;
}
#play-menu{
bottom:calc(var(--bnh-bottom-nav-h) - 6px)!important;
}
{
}
:root{
--bnh-green:#092f1c!important;
}
.text-bnh-green,
.text-green-600,
.text-green-700,
.bnh-count-pill b,
.hero-hcp,
.profile-premium-v83 .hero-hcp{
color:var(--bnh-green)!important;
}
.bg-bnh-green,
.border-bnh-green.bg-green-50{
background:var(--bnh-green)!important;
}
:root{ --bnh-green:#092f1c!important; }
:root{
--bnh-green:#092f1c!important;
}
{
}
#bnh-bottom-nav .bnh-play-nav-item,
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:98px!important;
height:98px!important;
min-width:98px!important;
min-height:98px!important;
max-width:98px!important;
max-height:98px!important;
flex:0 0 98px!important;
margin-top:-34px!important;
}
{}
:root{
--bnh-bottom-nav-h:74px!important;
}
#content-view{
padding-bottom:var(--bnh-bottom-nav-h)!important;
}
#bnh-bottom-nav nav{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
padding-bottom:0!important;
}
#bnh-bottom-nav nav > div{
height:var(--bnh-bottom-nav-h)!important;
min-height:var(--bnh-bottom-nav-h)!important;
align-items:center!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]){
min-height:58px!important;
padding:4px 6px!important;
gap:3px!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) svg{
width:27px!important;
height:27px!important;
}
#bnh-bottom-nav nav button:not(.bnh-bottom-play-ball):not(.bnh-play-nav-item):not([onclick*="openPlayMenu"]) span{
font-size:11.5px!important;
line-height:1.02!important;
}
#bnh-bottom-nav .bnh-play-nav-item,
#bnh-bottom-nav button[onclick*="openPlayMenu"]{
width:98px!important;
height:98px!important;
min-width:98px!important;
min-height:98px!important;
max-width:98px!important;
max-height:98px!important;
flex:0 0 98px!important;
margin-top:-44px!important;
}
#bnh-bottom-nav .bnh-play-nav-item span,
.bnh-home-v11 .bnh-white-shell{
padding-bottom:calc(var(--bnh-bottom-nav-h) + 10px)!important;
}
{
}
#content-view{
overscroll-behavior-y:none!important;
}
.bnh-home-v11{
background:#f7f8fa!important;
min-height:auto!important;
padding-bottom:0!important;
margin-bottom:0!important;
overflow:visible!important;
}
.bnh-home-v11 .bnh-hero{
background:#050706!important;
}
.bnh-home-v11 .bnh-white-shell{
background:linear-gradient(180deg,#f7f8fa 0%,#ffffff 38%,#f5f7fa 100%)!important;
min-height:0!important;
margin-bottom:0!important;
padding-bottom:calc(var(--bnh-bottom-nav-h, 72px) + 8px)!important;
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important;
}
.bnh-home-v11 .bnh-quick{
margin-bottom:0!important;
padding-bottom:0!important;
}
.bnh-home-v11::after{
content:""!important;
display:block!important;
height:0!important;
background:#f7f8fa!important;
}
{
}
#content-view{
overflow-y:auto!important;
overscroll-behavior-y:auto!important;
}
.bnh-home-v11{
background:#f7f8fa!important;
min-height:auto!important;
padding-bottom:0!important;
margin-bottom:0!important;
overflow:visible!important;
}
.bnh-home-v11 .bnh-hero{
background:#050706!important;
}
.bnh-home-v11 .bnh-white-shell{
background:linear-gradient(180deg,#f7f8fa 0%,#ffffff 38%,#f5f7fa 100%)!important;
min-height:0!important;
margin-bottom:0!important;
padding-bottom:calc(var(--bnh-bottom-nav-h, 72px) + 14px)!important;
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important;
}
.bnh-home-v11 .bnh-quick{
margin-bottom:0!important;
padding-bottom:0!important;
}
#content-view:has(.bnh-home-v11){
background:#f7f8fa!important;
}
#content-view:has(.bnh-home-v11){
background:#050706!important;
}
.bnh-home-v11{
background:#050706!important;
min-height:auto!important;
padding-bottom:0!important;
margin-bottom:0!important;
overflow:visible!important;
}
.bnh-home-v11 .bnh-hero{
border-radius:0!important;
margin:0!important;
overflow:visible!important;
background-color:#050706!important;
}
.bnh-home-v11 .bnh-hero::after{
border-radius:0!important;
}
.bnh-home-v11 .bnh-white-shell{
position:relative!important;
z-index:7!important;
margin:-46px 0 0!important;
border-top-left-radius:34px!important;
border-top-right-radius:34px!important;
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important;
background:
radial-gradient(circle at 70% 0%,rgba(255,255,255,.92),transparent 260px),
linear-gradient(180deg,#f7f8fa 0%,#ffffff 40%,#f5f7fa 100%)!important;
min-height:0!important;
padding-bottom:calc(var(--bnh-bottom-nav-h, 72px) + 14px)!important;
box-shadow:0 -18px 55px rgba(255,255,255,.10)!important;
}
.bnh-home-v11 .bnh-white-shell::after{
content:""!important;
position:absolute!important;
left:0!important;
right:0!important;
bottom:-260px!important;
height:260px!important;
background:#f5f7fa!important;
z-index:-1!important;
}
.bnh-home-v11 .bnh-status-card,
.bnh-home-v11 .bnh-quick{
position:relative!important;
z-index:8!important;
}
.bnh-home-v11 .bnh-quick{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
margin-bottom:0!important;
padding-bottom:0!important;
}
{
}
#content-view:has(.bnh-home-v11){
background:#050706!important;
}
.bnh-home-v11{
background:#050706!important;
min-height:0!important;
padding-bottom:0!important;
margin-bottom:0!important;
overflow:visible!important;
}
.bnh-home-v11::after,
.bnh-home-v11 .bnh-white-shell::after{
display:none!important;
content:none!important;
height:0!important;
}
.bnh-home-v11 .bnh-white-shell{
display:block!important;
position:relative!important;
min-height:0!important;
height:auto!important;
margin-bottom:0!important;
padding-bottom:calc(var(--bnh-bottom-nav-h, 72px) + 12px)!important;
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important;
background:
radial-gradient(circle at 70% 0%,rgba(255,255,255,.92),transparent 260px),
linear-gradient(180deg,#f7f8fa 0%,#ffffff 40%,#f5f7fa 100%)!important;
}
.bnh-home-v11 .bnh-quick{
margin-bottom:0!important;
padding-bottom:0!important;
}
{
}
.hof-premium{
min-height:100dvh;
padding-bottom:calc(var(--bnh-bottom-nav-h,72px) + 40px);
color:#fff;
background:
radial-gradient(circle at 78% 0%,rgba(21,128,61,.20),transparent 34%),
radial-gradient(circle at 0% 18%,rgba(21,128,61,.16),transparent 30%),
linear-gradient(180deg,#092f1c 0%,#020607 42%,#020607 100%);
font-family:'Inter Tight','Inter',system-ui,sans-serif;
}
.hof-detail{
padding:18px 16px 0;
max-width:760px;
margin:0 auto;
}
.hof-card,
.hof-podium article,
.hof-special-grid article{
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
border-radius:20px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 34px rgba(0,0,0,.20);
}
.hof-card{
margin-top:14px;
padding:18px;
border-radius:24px;
}
.hof-card-kicker{
color:rgba(255,255,255,.58);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.10em;
margin-bottom:12px;
}
.hof-winner-line{
display:flex;
align-items:center;
gap:14px;
}
.hof-medal.big{
width:58px;
height:58px;
border-radius:20px;
display:grid;
place-items:center;
font-size:31px;
background:rgba(21,128,61,.18);
border:1px solid rgba(21,128,61,.28);
}
.hof-winner-line strong{
display:block;
font-size:25px;
line-height:1;
font-weight:950;
letter-spacing:-.04em;
}
.hof-winner-line span{
display:block;
margin-top:6px;
color:rgba(255,255,255,.56);
font-size:13px;
font-weight:800;
}
.hof-course-list{
display:flex;
flex-direction:column;
gap:10px;
}
.hof-course-chip{
display:grid;
grid-template-columns:42px 1fr;
gap:10px;
align-items:center;
padding:10px;
border-radius:17px;
background:rgba(255,255,255,.045);
border:1px solid rgba(255,255,255,.07);
}
.hof-course-chip span{
width:42px;
height:42px;
border-radius:15px;
display:grid;
place-items:center;
background:#092f1c;
font-size:22px;
}
.hof-course-chip strong{
display:block;
color:#fff;
font-size:16px;
font-weight:900;
}
.hof-course-chip em{
display:block;
margin-top:3px;
color:rgba(255,255,255,.52);
font-size:12px;
font-weight:800;
font-style:normal;
}
.hof-podium,
.hof-special-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-top:14px;
}
.hof-podium article,
.hof-special-grid article{
padding:17px;
border-radius:24px;
}
.hof-podium span,
.hof-special-grid span{
display:block;
font-size:27px;
margin-bottom:12px;
}
.hof-podium em,
.hof-special-grid em{
display:block;
color:rgba(255,255,255,.56);
font-size:11px;
font-weight:950;
font-style:normal;
text-transform:uppercase;
letter-spacing:.08em;
}
.hof-podium strong,
.hof-special-grid strong{
display:block;
margin-top:7px;
color:#fff;
font-size:17px;
line-height:1.1;
font-weight:950;
letter-spacing:-.025em;
}
.hof-braids{
background:
radial-gradient(circle at 0% 0%,rgba(248,113,113,.14),transparent 54%),
linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
}
.hof-braids-row{
display:flex;
gap:13px;
align-items:flex-start;
}
.hof-braid-icon{
width:50px;
height:50px;
flex:0 0 50px;
border-radius:18px;
display:grid;
place-items:center;
font-size:25px;
background:rgba(239,68,68,.16);
border:1px solid rgba(239,68,68,.22);
}
.hof-braids-row strong{ color:#fff; }
.hof-award-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:14px;
padding:11px 0;
border-bottom:1px solid rgba(255,255,255,.08);
}
.hof-award-row:last-child{ border-bottom:0; }
.hof-award-row span{
color:rgba(255,255,255,.56);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.07em;
}
.hof-award-row strong{
color:#4ade80;
font-size:14px;
font-weight:950;
text-align:right;
}
.hof-empty,
.hof-loading{
margin:18px 16px;
padding:32px 20px;
border:1px solid rgba(255,255,255,.10);
border-radius:26px;
background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
text-align:center;
color:rgba(255,255,255,.62);
font-weight:850;
}
.hof-spinner{
width:38px;
height:38px;
border-radius:50%;
border:4px solid rgba(255,255,255,.14);
border-top-color:#092f1c;
margin:0 auto 14px;
animation:hofSpin .8s linear infinite;
}
{}
{
}
.bnh-ball-overview-premium button.bnh-score-play-btn,
.bnh-ball-overview-premium button.bnh-play-btn.bnh-score-play-btn,
button.bnh-practice-play-btn{
width:58px!important;
height:58px!important;
min-width:58px!important;
min-height:58px!important;
flex:0 0 58px!important;
border:0!important;
padding:0!important;
background:transparent!important;
box-shadow:none!important;
border-radius:50%!important;
overflow:visible!important;
display:grid!important;
place-items:center!important;
cursor:pointer!important;
-webkit-tap-highlight-color:transparent!important;
appearance:none!important;
-webkit-appearance:none!important;
}
/* v300-FIX: Gustaf ville ha en mindre play-knapp specifikt i BOLLÖVERSIKTEN
(inte träningsrundans, som lämnas orörd på 58px ovan) - kraschade tidigare
här eftersom regeln ovan (delad med button.bnh-practice-play-btn) satte
58px med !important och hade högre specificitet än 34px-försöket i
index.html:s egen