html body #app #content-view .cm-page{color:#074653;background:#f8f7f3;min-height:100%;padding-bottom:110px;font:14px/1.45 Arial,sans-serif}
.cm-page *{box-sizing:border-box}.cm-page button{cursor:pointer}.cm-page .v3p-header{background:linear-gradient(110deg,#104451,#4d7075);color:white}.cm-page .cm-hero{position:relative;height:190px;background-position:center;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 24px 32px;gap:4px}.cm-page .cm-hero h2{font:600 30px/1.15 Georgia,serif!important;margin:0;color:white!important}.cm-page .cm-hero p{color:white!important;margin:0;font:14px/1.4 Arial,sans-serif}.cm-page .cm-paper{position:relative;margin-top:-16px;background:#f8f7f3;border-radius:18px 18px 0 0;padding:16px}.cm-page .cm-tabs{display:flex;gap:8px;margin-bottom:16px}.cm-page .cm-tabs button{flex:1;min-width:0;border:1px solid #dfe4de;border-radius:12px;padding:11px 5px;font:13px Arial,sans-serif;background:transparent;color:#074653}.cm-page .cm-tabs button[aria-pressed=true]{background:#074653;color:white}.cm-tabs span{display:inline-block;background:#829b9228;border-radius:15px;padding:2px 6px;margin-left:3px}.cm-page .cm-search{display:flex;border:1px solid #dce3e0;border-radius:24px;background:white;margin:0 0 14px;overflow:hidden}.cm-search input{width:100%;min-width:0;border:0!important;background:transparent!important;padding:11px 14px!important;font:13px Arial,sans-serif}.cm-search button{padding:0 14px;color:#074653;background:none;border:0}.cm-page .cm-inbox{display:grid;gap:10px}.cm-page .cm-message-card{width:100%;padding:13px 12px;background:#ffffffb5;border:1px solid #e0e6e1;border-radius:13px;text-align:left;color:#074653}.cm-message-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#67808b;margin-bottom:7px;min-height:16px}.cm-important{color:#d72450;background:#ffe0e5;padding:3px 9px;border-radius:20px;font:700 10px Arial,sans-serif}.cm-message-row{display:flex;gap:8px;align-items:center}.cm-message-row>span:nth-child(2){flex:1;min-width:0}.cm-page .cm-message-row strong{display:block;font:600 17px/1.25 Georgia,serif!important;color:#074653}.cm-message-row small,.cm-excerpt{display:block;font:12px/1.4 Arial,sans-serif;color:#66808a}.cm-excerpt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cm-unread{background:#074653;width:7px;height:7px;border-radius:50%;flex:none;align-self:flex-start;margin-top:6px}.cm-unread.is-read{background:transparent}.cm-message-row>b{font:24px Arial,sans-serif;font-weight:400}.cm-page .cm-detail{padding:24px 20px}.cm-page .cm-detail h2{font:500 30px/1.16 Georgia,serif!important;color:#074653;margin:16px 0}.cm-sender{display:flex;gap:12px;align-items:center;padding:0 0 18px;border-bottom:1px solid #dbe2dd;margin-bottom:18px}.cm-sender img{width:38px;height:38px;object-fit:contain;background:#e9ede5;border-radius:50%;padding:7px}.cm-sender small{display:block;color:#6b828a;font-size:12px}.cm-message-body{font:14px/1.65 Arial,sans-serif;overflow-wrap:anywhere}.cm-message-body img{max-width:100%;height:auto;border-radius:12px}.cm-message-body p{margin:0 0 12px}.cm-action{display:flex;gap:12px;align-items:center;width:100%;border:1px solid #dfe5df;border-radius:12px;background:white;color:#074653;padding:16px;margin-top:20px;text-align:left}.cm-action img{width:25px;height:25px}.cm-action span{flex:1}.cm-empty{padding:22px 8px;color:#65808a;text-align:center}
.cm-page .sb3-hero{height:220px}.sb3-quote{width:144px;height:auto;max-height:86px;object-fit:contain;margin-bottom:8px}.sb3-wallet{position:absolute;top:14px;right:16px;display:flex;align-items:center;gap:7px;border-radius:12px;background:#073e42df;color:white;padding:9px 13px}.sb3-wallet b{display:block;font-size:17px;line-height:1.1}.sb3-wallet small{font-size:8px;letter-spacing:.5px;display:block}.sb3-coin{display:inline-block;width:16px!important;height:16px!important;object-fit:contain;vertical-align:middle}.sb3-wallet>.sb3-coin{width:22px!important;height:22px!important}.cm-page .sb3-day{font:600 19px/1.3 Georgia,serif!important;color:#074653;margin:22px 3px 10px}.cm-page .sb3-card{display:block;width:100%;background:#ffffffa8;border:1px solid #dce4df;border-radius:14px;text-align:left;padding:14px;color:#074653;margin-bottom:12px}.sb3-card-title{display:flex;gap:10px;align-items:center}.sb3-card-title>img{width:29px;height:29px;object-fit:contain}.sb3-card-title>span:nth-child(2){flex:1;min-width:0}.cm-page .sb3-card-title strong{font:600 18px/1.2 Georgia,serif!important;display:block;color:#074653}.sb3-card-title small{display:block;font:12px/1.5 Arial,sans-serif;color:#587882;margin-top:4px}.sb3-status{font:700 9px Arial,sans-serif;border-radius:20px;background:#e7ece8;padding:6px;max-width:90px}.sb3-status.won{color:#087f46;background:#dcefe0}.sb3-status.lost{color:#c44747;background:#f5e2e1}.sb3-facts{display:flex;flex-wrap:wrap;gap:8px 12px;margin:14px 0;font:11px Arial,sans-serif;color:#537581}.sb3-facts>span{display:flex;align-items:center;gap:4px}.sb3-facts img{width:14px;height:14px;object-fit:contain}.sb3-own{display:flex;align-items:center;gap:8px;background:#eaf0ea;border-radius:12px;padding:10px;margin:8px -5px}.sb3-own>span:not(.sidebets-avatar){min-width:0;flex:1}.sb3-own small{display:block;font-size:11px;color:#52717b}.sb3-own b{display:block;font-size:13px}.sb3-own .sb3-payout{flex:0 0 84px!important;border-left:1px solid #d5dfd9;padding-left:10px}.sb3-payout b{display:flex;align-items:center;gap:5px;font-size:19px}.sb3-cta{display:flex;justify-content:center;gap:15px;background:#074653;color:white;padding:12px;border-radius:10px;font:700 13px Arial,sans-serif}.sb3-card footer{display:flex;align-items:center;justify-content:space-between;color:#587581;font:11px Arial,sans-serif;margin-top:12px}.sb3-card footer b{font:24px Arial,sans-serif;color:#074653}.sb3-ranking{margin-top:20px}.sb3-ranking summary{font:600 18px Georgia,serif;padding:14px 0;cursor:pointer}.sb3-page .sidebets-info-box{margin-top:20px;background:#ecf0e9;border:1px solid #dce4dc;border-radius:12px;color:#52717b}.sb3-page .sidebets-leaderboard{background:transparent}.sb3-page .sidebets-avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.sb3-page .sidebets-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#dce7df;color:#074653}
html body #app #content-view .sb3-page .sb3-detail{background:#f8f7f3;color:#074653;font:14px Arial,sans-serif;padding-bottom:0;border-radius:18px;margin-top:-16px;position:relative}.sb3-page .sb3-detail .sidebets-market-top{padding:24px 18px 12px;background:transparent;color:#074653}.sb3-page .sb3-detail .sb3-pick-title{font:600 29px Georgia,serif!important;color:#074653;margin:0 0 8px}.sb3-page .sb3-detail .sidebets-market-top h1{font:600 19px Georgia,serif!important;color:#074653;margin:8px 0}.sb3-page .sb3-detail .sidebets-panel{margin:0;padding:12px 18px;background:transparent}.sb3-page .sb3-detail .sidebets-market-summary{gap:8px}.sb3-page .sb3-detail .sidebets-market-summary>div{padding:10px 8px;background:#eaf0ea;color:#074653;border:0;box-shadow:none}.sb3-page .sb3-detail .sidebets-market-summary b{font-size:13px}.sb3-page .sb3-detail .sidebets-market-summary span{font-size:10px}.sb3-page .sb3-detail .sidebets-target-row{padding:11px 8px;gap:8px;border:0;border-bottom:1px solid #e3e9e1;border-radius:10px;box-shadow:none;background:#ffffff70;grid-template-columns:minmax(0,1fr) 45px 47px}.sb3-page .sb3-detail .sidebets-target-stake{display:none}.sb3-page .sb3-detail .sidebets-target-main{gap:9px;min-width:0}.sb3-page .sb3-detail .sidebets-target-main strong{font:700 13px/1.3 Arial,sans-serif;color:#074653;overflow-wrap:anywhere}.sb3-page .sb3-detail .sidebets-target-main span{font-size:11px}.sb3-page .sb3-detail .sidebets-target-payout b{font-size:13px;color:#074653}.sb3-page .sb3-detail .sidebets-target-payout small{font-size:10px}.sb3-page .sb3-detail .sidebets-bet-btn{padding:9px 4px;background:#074653;color:white;font:700 11px Arial,sans-serif;border-radius:8px;min-width:0}.sb3-page .sb3-detail .sidebets-target-row-mine{background:#e3ede6}.sb3-page .sidebets-sheet{color:#074653}.sb3-page .sidebets-sheet-actions .primary{background:#074653}.sb3-page .sidebets-sheet-head{gap:10px}.sb3-page .sidebets-target-list{gap:5px}.sb3-page .sidebets-muted{font-size:12px;line-height:1.5}.sb3-page .sidebets-target-row-team .sidebets-avatar-stack{--sb-av:42px!important}
@media(max-width:360px){.cm-page .cm-paper{padding:12px}.sb3-card-title strong{font-size:16px!important}.cm-page .cm-tabs button{font-size:12px}.sb3-page .sb3-detail .sidebets-panel{padding:10px}.sb3-page .sb3-detail .sidebets-target-row{grid-template-columns:minmax(0,1fr) 40px 40px}}

.v3-top>button[aria-label="Meddelanden"] .bnh-asset-icon{filter:brightness(0) invert(1)}
.cm-page .sb3-detail .sidebets-market-top>small{font:12px Arial,sans-serif;letter-spacing:0;text-transform:none;color:#5d7982}
.cm-page button:focus-visible{outline:2px solid #b3903f;outline-offset:3px}
/* Hero images do not overlap the header like the standard rounded sheet does. */
html body #app#app #content-view .cm-page>.v3p-header:has(+.cm-hero){padding-bottom:20px!important}

html body #app#app #content-view .cm-guide>.v3p-header{padding-bottom:20px!important}
html body #app#app #content-view .cm-guide .cp-page{background:#f8f7f3;color:#074653;font-family:Arial,sans-serif}
html body #app#app #content-view .cm-guide .cp-hero{height:190px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;background-image:linear-gradient(0deg,#002421cc,transparent),url('/assets/v2/trip-hero-v1.webp')}
html body #app#app #content-view .cm-guide .cp-hero h1{font:var(--v3-type-hero)!important;color:white!important}
html body #app#app #content-view .cm-guide .cp-open h2{font:var(--v3-type-card)!important;color:#074653!important}
html body #app#app #content-view .cm-guide .cp-open{color:#074653}

html body #app#app #content-view .cm-guide>.v3p-header{padding-top:calc(12px + env(safe-area-inset-top,0px))!important;padding-bottom:10px!important}

html body #app#app #content-view .guide-concept-trial .guide-hole-tabs button.active,
html body #app#app #content-view .guide-concept-trial .bnh-guide-green-row.is-center,
html body #app#app #content-view .guide-concept-trial #guide-distance,
html body #app#app #content-view .guide-concept-trial .guide-actions-row .drive-btn{background:#074653!important}
html body #app#app #content-view .guide-concept-trial .bnh-guide-green-row.is-center,
html body #app#app #content-view .guide-concept-trial #guide-distance{border-color:#fff!important}

html body #app#app #content-view .guide-concept-trial .guide-top>div:first-child>button:first-of-type{width:44px!important;height:44px!important;color:#0f172a!important;font-size:0!important}
html body #app#app #content-view .guide-concept-trial .guide-top>div:first-child>button:first-of-type:after{content:none!important}
html body #app#app #content-view .guide-concept-trial .guide-top>div:first-child>button:first-of-type:before{content:"";display:block;width:12px;height:12px;border-left:2px solid #0f172a;border-bottom:2px solid #0f172a;transform:translate(-30%,-50%) rotate(45deg);position:absolute;left:50%;top:50%}
html body #app#app #content-view .guide-concept-trial #v3-playing-more{position:absolute!important;left:auto!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;padding:0!important;margin:0!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font:26px/1 Arial,sans-serif!important;background:transparent!important}
html body #app#app #content-view .guide-concept-trial #v3-playing-more:after{content:none!important}

/* Map controls must start below the PWA status bar, inside the shared app shell. */
html body #app#app #content-view .guide-concept-trial{height:100%!important;min-height:0!important}
html body #app#app #content-view .guide-concept-trial .guide-top{padding-top:calc(12px + env(safe-area-inset-top,0px))!important}

/* Respect the measured space above navigation for the fixed map viewport. */
html body #app#app #content-view .guide-concept-trial.guide-viewport-locked{height:auto!important}
html body #app#app #content-view .guide-concept-trial .guide-distance{bottom:36px!important}

/* Grid children must shrink to the phone width. */
.cm-page .cm-inbox{grid-template-columns:minmax(0,1fr);min-width:0}.cm-page .cm-message-card{min-width:0;max-width:100%;overflow:hidden}.cm-page .cm-message-row{min-width:0}.cm-page .cm-message-row strong{overflow-wrap:anywhere}.cm-page .cm-message-meta{flex-wrap:wrap}