/* Spelhallen «Två salar» – grafit, mandarin, isturkos. Urbanist + Plus Jakarta Sans (self-hosted). */
@font-face{font-family:"Urbanist";src:url(fonts/urbanist.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"Jakarta";src:url(fonts/jakarta.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--ink:#1A1F27;--ink2:#3A4250;--mut:#5E6675;--bg:#F4F6F8;--card:#fff;--line:#E2E6EB;--or:#FF8A1F;--or-d:#A84C00;--or-l:#FFF1E4;--tq:#1FB5C9;--tq-d:#0B7686;--tq-l:#E3F6F9;--ok:#1E8E5A;--no:#B4362C;--r:18px;--r2:12px;--sh:0 1px 2px rgba(26,31,39,.06),0 8px 24px rgba(26,31,39,.06);--hf:"Urbanist",system-ui,sans-serif;--bf:"Jakarta",system-ui,sans-serif;--w:1160px;--n:760px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.68 var(--bf);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a{color:var(--tq-d);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
h1,h2,h3,h4{font-family:var(--hf);line-height:1.18;color:var(--ink);letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:800;margin:.2em 0 .35em}
h2{font-size:clamp(1.45rem,2.6vw,1.95rem);font-weight:800;margin:1.9em 0 .55em;scroll-margin-top:90px}
h3{font-size:1.22rem;font-weight:700;margin:1.5em 0 .45em;scroll-margin-top:90px}
p{margin:0 0 1em}
.sph-wrap{max-width:var(--w);margin:0 auto;padding:0 22px}
.sph-narrow{max-width:calc(var(--n) + 44px)}
.sph-sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}
.sph-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:10px;z-index:99}
.sph-skip:focus{left:12px}
:focus-visible{outline:3px solid var(--tq-d);outline-offset:2px;border-radius:6px}
.sph-head :focus-visible,.sph-foot :focus-visible,.sph-home-hero :focus-visible,.sph-comp :focus-visible{outline-color:var(--tq)}

/* header */
.sph-head{background:var(--ink);color:#fff;position:sticky;top:0;z-index:50}
.sph-head__in{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:20px}
.sph-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.sph-brand__mark{color:#fff;flex:none}
.sph-brand__name{font:700 1.5rem/1 var(--hf);letter-spacing:-.02em}
.sph-brand__name b{font-weight:800;color:var(--or)}
.sph-nav ul{list-style:none;margin:0;padding:0}
.sph-nav>ul{display:flex;gap:4px;align-items:center}
.sph-nav a,.sph-nav__sub-btn{display:block;color:#E9EDF2;text-decoration:none;font:600 .98rem/1 var(--bf);padding:12px 14px;border-radius:999px;background:none;border:0;cursor:pointer}
.sph-nav a:hover,.sph-nav__sub-btn:hover,.sph-nav__sub-btn[aria-expanded=true]{background:rgba(255,255,255,.1);color:#fff}
.sph-nav__sub-btn::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 9px}
.sph-nav__drop{position:relative}
.sph-nav__sub{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border-radius:var(--r2);box-shadow:0 14px 40px rgba(0,0,0,.18);padding:8px;display:none}
.sph-nav__drop.is-open .sph-nav__sub{display:block}
.sph-nav__sub a{color:var(--ink);border-radius:9px;padding:11px 12px}
.sph-nav__sub a:hover{background:var(--tq-l);color:var(--ink)}
.sph-nav-btn{display:none;background:rgba(255,255,255,.08);border:0;border-radius:12px;width:46px;height:46px;cursor:pointer}
.sph-nav-btn__bars,.sph-nav-btn__bars::before,.sph-nav-btn__bars::after{display:block;width:20px;height:2px;background:#fff;margin:auto;position:relative;border-radius:2px;transition:.2s}
.sph-nav-btn__bars::before,.sph-nav-btn__bars::after{content:"";position:absolute;left:0}
.sph-nav-btn__bars::before{top:-6px}.sph-nav-btn__bars::after{top:6px}
.sph-nav-btn[aria-expanded=true] .sph-nav-btn__bars{background:transparent}
.sph-nav-btn[aria-expanded=true] .sph-nav-btn__bars::before{top:0;transform:rotate(45deg)}
.sph-nav-btn[aria-expanded=true] .sph-nav-btn__bars::after{top:0;transform:rotate(-45deg)}
@media (max-width:900px){
 .sph-nav-btn{display:block}
 .sph-nav{position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:8px 16px 18px;display:none;border-top:1px solid rgba(255,255,255,.08);max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow:auto;box-shadow:0 30px 60px rgba(0,0,0,.35)}
 .sph-nav.is-open{display:block}
 .sph-nav>ul{flex-direction:column;align-items:stretch}
 .sph-nav a,.sph-nav__sub-btn{border-radius:12px;padding:14px;width:100%;text-align:left;font-size:1.05rem}
 .sph-nav__sub{position:static;box-shadow:none;background:rgba(255,255,255,.05);margin:4px 0 6px}
 .sph-nav__sub a{color:#E9EDF2}
 .sph-nav__sub a:hover{background:rgba(255,255,255,.1);color:#fff}
}

/* hero */
.sph-hero{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);padding:28px 0 18px;border-bottom:1px solid var(--line)}
.sph-hero--hub{background:radial-gradient(120% 140% at 100% 0%,var(--tq-l) 0%,#fff 46%,var(--bg) 100%)}
.sph-hero--casino{background:radial-gradient(120% 140% at 100% 0%,var(--or-l) 0%,#fff 46%,var(--bg) 100%)}
.sph-hero--post{padding-bottom:6px;border:0;background:none}
.sph-page--hub .sph-hero .sph-wrap,.sph-page--std .sph-hero .sph-wrap,.sph-page--trust .sph-hero .sph-wrap{max-width:calc(var(--n) + 44px)}
.sph-page--wide .sph-hero .sph-wrap,.sph-page--wide .sph-content{max-width:var(--w)!important}
.sph-profile{display:flex;align-items:center;gap:20px;margin:6px 0 8px}
.sph-profile__img{border-radius:50%;width:120px;height:120px;object-fit:cover;flex:none;background:var(--line);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--tq)}
.sph-profile h1{margin:0 0 .15em}
.sph-profile__role{margin:0;color:var(--mut);font-weight:600}
@media (max-width:520px){.sph-profile{flex-direction:column;align-items:flex-start}.sph-profile__img{width:96px;height:96px}}
.sph-lead{font-size:1.15rem;color:var(--ink2);max-width:760px}
.sph-kicker{display:inline-block;margin:0 0 4px;font:700 .78rem/1 var(--bf);letter-spacing:.08em;text-transform:uppercase;color:var(--tq-d);background:var(--tq-l);padding:7px 12px;border-radius:999px}
.sph-kicker a{color:inherit;text-decoration:none}
.sph-kicker--casino{color:var(--or-d);background:var(--or-l)}
.sph-crumbs{font-size:.88rem;color:var(--mut);margin:0 0 12px}
.sph-crumbs a{color:var(--mut)}
.sph-by{display:flex;align-items:center;gap:12px;margin:14px 0 6px}
.sph-by__img{border-radius:50%;width:40px;height:40px;object-fit:cover}
.sph-by p{margin:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.92rem;color:var(--mut)}
.sph-by a{color:var(--ink);font-weight:600;text-decoration:none}

/* content */
.sph-content{padding:26px 22px 54px}
.sph-page--hub .sph-content,.sph-page--std .sph-content,.sph-page--trust .sph-content{max-width:calc(var(--n) + 44px)}
.sph-content>*:first-child{margin-top:0}
.sph-content p:empty{display:none}
.sph-content--home>.sph-home-hero:first-child{margin-top:18px}
@media (max-width:640px){.sph-content--home>.sph-home-hero:first-child{margin-top:12px}}
.sph-content ul:not([class]),.sph-content ol:not([class]){padding-left:0;margin:0 0 1.2em;list-style:none}
.sph-content ul:not([class])>li{position:relative;padding-left:30px;margin:.45em 0}
.sph-content ul:not([class])>li::before{content:"";position:absolute;left:6px;top:.62em;width:10px;height:10px;border-radius:3px;background:var(--or);transform:rotate(45deg)}
.sph-content ol:not([class]){counter-reset:n}
.sph-content ol:not([class])>li{position:relative;padding-left:40px;margin:.6em 0;counter-increment:n}
.sph-content ol:not([class])>li::before{content:counter(n);position:absolute;left:0;top:.05em;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font:700 .86rem/28px var(--hf);text-align:center}
.sph-content blockquote{margin:1.4em 0;padding:16px 20px;border-left:4px solid var(--tq);background:#fff;border-radius:0 var(--r2) var(--r2) 0}
.sph-content figure{margin:1.6em 0}
.sph-content figure img{border-radius:var(--r)}
.sph-content figcaption{font-size:.88rem;color:var(--mut);margin-top:6px}
.sph-feat{margin:4px 0 24px}
.sph-feat img{border-radius:var(--r);display:block;width:100%}
.sph-content hr{border:0;height:1px;background:var(--line);margin:2em 0}

/* tables */
.sph-map{overflow-x:auto;margin:1.4em 0;border-radius:var(--r);background:#fff;box-shadow:var(--sh);-webkit-overflow-scrolling:touch}
.sph-map table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:560px}
.sph-map caption{text-align:left;padding:16px 18px 4px;font:700 1.02rem var(--hf)}
.sph-map th,.sph-map td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.sph-map thead th{font:700 .82rem/1.2 var(--bf);text-transform:uppercase;letter-spacing:.04em;color:var(--mut);background:#FAFBFC}
.sph-map tbody th{font-weight:700}
.sph-map tr:last-child>*{border-bottom:0}
.sph-y,.sph-n,.sph-u{display:inline-block;font:700 .8rem/1 var(--bf);padding:6px 10px;border-radius:999px}
.sph-y{background:#E3F4EA;color:#14653F}.sph-n{background:#F3E6E4;color:#8E2A22}.sph-u{background:#EEF0F3;color:#4B5361}
.sph-src{font-size:.86rem;color:var(--mut);margin:.4em 0 1.4em}
.sph-map--scroll{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)),linear-gradient(90deg,rgba(255,255,255,0),#fff 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(26,31,39,.16),rgba(26,31,39,0)),radial-gradient(farthest-side at 100% 50%,rgba(26,31,39,.16),rgba(26,31,39,0)) 100% 0;background-color:#fff;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
.sph-map--scroll thead th{background:transparent}
@media (max-width:640px){
 .sph-map table{min-width:0}
 .sph-map th,.sph-map td{padding:10px 10px;font-size:.9rem}
 .sph-map--stack thead{display:none}
 .sph-map--stack tr{display:block;padding:12px 16px;border-bottom:1px solid var(--line)}
 .sph-map--stack th,.sph-map--stack td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;border:0}
 .sph-map--stack tbody th{font-size:1.05rem}
 .sph-map--stack td::before{content:attr(data-l);font-weight:600;color:var(--mut);font-size:.84rem;flex:0 0 42%}
 .sph-map--stack.sph-map--text td{display:block}
 .sph-map--stack.sph-map--text td::before{display:block;margin-bottom:2px}
}

/* toplist */
.sph-list{margin:1.6em 0 2em}
.sph-list__h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:10px}
.sph-list__t{font:800 1.2rem var(--hf);margin:0}
.sph-list__d{font-size:.86rem;color:var(--mut);margin:0}
.sph-card{display:grid;grid-template-columns:30px 112px 1fr auto;grid-template-areas:"no logo main cta" "no logo facts cta" "legal legal legal legal";gap:4px 16px;align-items:center;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:12px 18px 10px;margin:0 0 10px;border:1px solid transparent;transition:border-color .15s}
.sph-card:hover{border-color:#A9E3EB}
.sph-page--casino .sph-card:hover{border-color:#FFD2A8}
.sph-card__no{grid-area:no;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font:800 .86rem/28px var(--hf);text-align:center;align-self:start;margin-top:4px}
.sph-page--casino .sph-card__no{background:var(--or);color:var(--ink)}
.sph-page--hub .sph-card__no{background:var(--tq);color:var(--ink)}
.sph-card__logo{grid-area:logo;background:#fff;border:1px solid var(--line);border-radius:var(--r2);height:58px;display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden}
.sph-card__logo img{max-height:48px;width:auto;object-fit:contain;border-radius:6px}
.sph-card__main{grid-area:main}
.sph-card__name{margin:0;font-size:1.08rem}
.sph-card__offer{margin:1px 0 0;font-weight:600;color:var(--ink2);line-height:1.4}
.sph-card__facts{grid-area:facts;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 20px;font-size:.84rem;color:var(--ink2)}
.sph-page--hub .sph-card,.sph-page--post .sph-card,.sph-page--std .sph-card{grid-template-columns:28px 96px 1fr auto;gap:4px 14px}
.sph-card__facts span{display:inline;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:700;margin-right:6px}
.sph-card__legal{grid-area:legal;margin:4px 0 0;padding-top:5px;border-top:1px solid var(--line);font-size:.74rem;line-height:1.4;color:var(--mut)}
.sph-card{padding:10px 16px 8px}
.sph-card__logo{height:52px}
.sph-card__logo img{max-height:44px}
.sph-card__name{line-height:1.2}
.sph-card__cta .sph-btn{padding:12px 20px}
.sph-posts__g:has(>:nth-child(4):last-child),.sph-posts__g:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}
@media (max-width:560px){.sph-posts__g:has(>:nth-child(4):last-child),.sph-posts__g:has(>:nth-child(2):last-child){grid-template-columns:1fr}}
.sph-card__legal a,.sph-mini__terms a{color:var(--mut)}
.sph-card__cta{grid-area:cta}
.sph-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--or);color:var(--ink);font:800 .98rem/1 var(--hf);text-decoration:none;padding:14px 22px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 14px rgba(255,138,31,.32);transition:transform .12s,background .12s}
.sph-btn:hover{background:#FF9A3D;color:var(--ink);transform:translateY(-1px)}
.sph-btn--ghost{background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
@media (max-width:760px){
 .sph-card,.sph-page--hub .sph-card,.sph-page--post .sph-card,.sph-page--std .sph-card{grid-template-columns:26px 72px 1fr;grid-template-areas:"no logo main" "facts facts facts" "cta cta cta" "legal legal legal";gap:6px 12px;padding:12px 14px 10px}
 .sph-card__logo{height:48px}
 .sph-card__logo img{max-height:40px}
 .sph-card__facts{gap:0 14px;font-size:.8rem}
 .sph-card__facts li:first-child{display:none}
 .sph-card__offer{font-size:.95rem}
 .sph-card__cta .sph-btn{padding:11px 18px}
 .sph-card__cta .sph-btn{width:100%}
}
.sph-terms{background:#fff;border-radius:var(--r2);padding:2px 18px;margin:6px 0 10px;border:1px solid var(--line)}
.sph-terms summary{cursor:pointer;font-weight:700;padding:12px 0;list-style:none}
.sph-terms summary::-webkit-details-marker{display:none}
.sph-terms summary::after{content:"+";float:right;font-size:1.2rem;color:var(--mut)}
.sph-terms[open] summary::after{content:"–"}
.sph-terms dl{margin:0 0 6px;font-size:.9rem}
.sph-terms dt{font-weight:700;margin-top:8px}
.sph-terms dd{margin:2px 0 0;color:var(--ink2)}
.sph-list__note{font-size:.9rem;color:var(--mut);margin:6px 0 4px}
.sph-legal{font-size:.8rem;color:var(--mut);margin:4px 0 0}
.sph-legal a{color:var(--mut)}

/* mini card */
.sph-mini{display:flex;align-items:center;gap:16px;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:14px 18px;margin:1.6em 0;border-left:5px solid var(--or)}
.sph-mini__logo{flex:none;width:96px;height:56px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px}
.sph-mini__logo img{max-height:46px;width:auto;border-radius:6px}
.sph-mini__txt{flex:1;min-width:0}
.sph-mini__txt p{margin:0}
.sph-mini__name{font:800 1.04rem var(--hf)}
.sph-mini__name span{font:500 .82rem var(--bf);color:var(--mut)}
.sph-mini__offer{font-weight:600;color:var(--ink2)}
.sph-mini__terms{font-size:.8rem;color:var(--mut)}
@media (max-width:640px){.sph-mini{flex-wrap:wrap}.sph-mini__cta{width:100%}.sph-mini__cta .sph-btn{width:100%}}

/* boxes, components */
.sph-box{background:#fff;border-radius:var(--r);padding:18px 22px 6px;margin:1.6em 0;box-shadow:var(--sh);border-top:5px solid var(--tq)}
.sph-box--regel{border-top-color:var(--ink)}
.sph-box--tips{border-top-color:var(--or)}
.sph-box__t{font:800 1.04rem var(--hf);margin:0 0 .5em}
.sph-comp{background:var(--ink);color:#E9EDF2;border-radius:22px;padding:24px 24px 14px;margin:1.8em 0}
.sph-comp__t{font:800 1.3rem var(--hf);color:#fff;margin:0 0 .3em}
.sph-comp__l{color:#C7CED8}
.sph-comp__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0}
.sph-comp__c{background:rgba(255,255,255,.06);border-radius:var(--r2);padding:14px 16px;border-top:3px solid var(--tq)}
.sph-comp__c:nth-child(3n+2){border-top-color:var(--or)}
.sph-comp__k{font:800 1.05rem var(--hf);color:#fff;margin:0 0 4px}
.sph-comp__v{margin:0;font-size:.94rem;color:#D3D9E2}
.sph-comp .sph-map{box-shadow:none;background-color:#fff;color:var(--ink)}
.sph-comp .sph-map th,.sph-comp .sph-map td{color:var(--ink)}
.sph-comp .sph-map a{color:var(--tq-d)}
.sph-comp .sph-src{color:#AAB3C0}
.sph-comp .sph-src a,.sph-comp a{color:#7FDCE8}

/* faq */
.sph-faq{margin:2em 0}
.sph-faq h3{background:#fff;margin:.6em 0 0;padding:16px 18px;border-radius:var(--r2) var(--r2) 0 0;font-size:1.06rem}
.sph-faq h3+p,.sph-faq h3+ul{background:#fff;margin:0;padding:0 18px 16px;border-radius:0 0 var(--r2) var(--r2)}

/* author */
.sph-author{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:var(--r);padding:18px 20px;margin:2.6em 0 0;box-shadow:var(--sh)}
.sph-author img{border-radius:50%;flex:none;width:72px;height:72px;object-fit:cover}
.sph-author p{margin:0 0 .3em;font-size:.94rem;color:var(--ink2)}
.sph-author__n{font-weight:700;color:var(--ink)!important}
.sph-author__n a{color:var(--ink)}

/* posts grid, archive tiles */
.sph-posts{margin:1.8em 0}
.sph-posts__t{font:800 1.2rem var(--hf);margin:0 0 .6em}
.sph-posts__g,.sph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.sph-posts__g,.sph-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sph-posts__g,.sph-grid{grid-template-columns:1fr}}
.sph-post img,.sph-tile__img,.sph-author img,.sph-ticket img{background:var(--line)}
.sph-post,.sph-tile{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:transform .15s}
.sph-post:hover,.sph-tile:hover{transform:translateY(-2px);color:var(--ink)}
.sph-post img,.sph-tile__img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}
.sph-post__t{font:700 1.02rem/1.3 var(--hf);padding:14px 16px 16px}
.sph-tile__b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.sph-tile__t{font:700 1.06rem/1.3 var(--hf)}
.sph-tile__d{font-size:.84rem;color:var(--mut)}
.sph-content--list{padding-top:28px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.nav-links .page-numbers{padding:10px 15px;border-radius:999px;background:#fff;text-decoration:none;color:var(--ink);font-weight:600;box-shadow:var(--sh)}
.nav-links .current{background:var(--ink);color:#fff}

/* doors (home + 404) */
.sph-doors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:1.4em 0}
.sph-door{position:relative;border-radius:22px;padding:26px 24px 24px;text-decoration:none;color:var(--ink);min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:transform .15s}
.sph-door::before{content:"";position:absolute;right:-30px;top:-40px;width:170px;height:170px;border-radius:50% 50% 0 0;border:18px solid rgba(26,31,39,.09)}
.sph-door--sport{background:linear-gradient(135deg,#1FB5C9 0%,#17A0B2 100%)}
.sph-door--casino{background:linear-gradient(135deg,#FF8A1F 0%,#F07A10 100%)}
.sph-door__k{font:800 1.7rem var(--hf)}
.sph-door__t{color:#2A2F38;font-size:.98rem;margin-top:4px;font-weight:600}
.sph-door:hover{color:var(--ink);transform:translateY(-2px)}
.sph-pop{font-size:.95rem;color:var(--mut);margin:14px 0 0}
@media (max-width:640px){.sph-doors{grid-template-columns:1fr}}

/* home */
.sph-content--home{padding-top:0}
.sph-home-hero{background:var(--ink);color:#fff;margin:18px 0 30px;padding:44px 36px 34px;border-radius:28px;position:relative;overflow:hidden}
.sph-home-hero::after{content:"";position:absolute;right:-40px;top:-30px;width:340px;height:340px;border-radius:50% 50% 0 0;border:30px solid rgba(31,181,201,.18)}
@media (max-width:640px){.sph-home-hero{margin:12px -8px 24px;padding:32px 20px 24px;border-radius:22px}.sph-home-hero::after{display:none}}
.sph-home-hero h1{color:#fff;max-width:760px;position:relative;z-index:1}
.sph-home-hero p{color:#D6DCE4;font-size:1.14rem;max-width:720px;position:relative;z-index:1}
.sph-home-hero .sph-by p,.sph-home-hero .sph-by a{color:#D6DCE4}
.sph-home-hero .sph-doors{position:relative;z-index:1;margin-bottom:0}
.sph-sports{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1.2em 0 2em}
@media (max-width:760px){.sph-sports{grid-template-columns:repeat(2,1fr)}}
@media (max-width:440px){.sph-sports{grid-template-columns:1fr}}
.sph-sport{display:block;background:#fff;border-radius:var(--r);padding:18px 18px 16px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);border-bottom:4px solid var(--tq)}
.sph-sport:nth-child(even){border-bottom-color:var(--or)}
.sph-sport b{display:block;font:800 1.16rem var(--hf);margin-bottom:4px}
.sph-sport span{font-size:.92rem;color:var(--ink2)}
.sph-sport:hover{color:var(--ink);transform:translateY(-2px)}
.sph-ticket{position:relative;display:flex;gap:18px;align-items:center;background:#fff;border-radius:var(--r);padding:22px 24px;margin:2em 0;box-shadow:var(--sh);border:2px dashed #D6DBE2}
.sph-ticket::before,.sph-ticket::after{content:"";position:absolute;top:50%;width:26px;height:26px;border-radius:50%;background:var(--bg);transform:translateY(-50%)}
.sph-ticket::before{left:-14px}.sph-ticket::after{right:-14px}
.sph-ticket img{border-radius:50%;flex:none;width:84px;height:84px;object-fit:cover}
.sph-ticket p{margin:0 0 .4em}
.sph-ticket__k{font:800 .78rem var(--bf);letter-spacing:.08em;text-transform:uppercase;color:var(--or-d)}
@media (max-width:640px){.sph-ticket{flex-direction:column;align-items:flex-start}}

/* search */
.sph-search{display:flex;gap:8px;max-width:520px;margin:12px 0}
.sph-search input{flex:1;min-width:0;padding:13px 16px;border-radius:999px;border:1px solid var(--line);font:inherit;background:#fff}
.sph-search button{padding:12px 20px;border-radius:999px;border:0;background:var(--ink);color:#fff;font:700 1rem var(--hf);cursor:pointer}

/* footer */
.sph-foot{background:var(--ink);color:#C9D0DA;padding:46px 0 28px;font-size:.95rem}
.sph-foot a{color:#E9EDF2;text-decoration:none}
.sph-foot a:hover{color:var(--or)}
.sph-foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.sph-foot__h{font:800 1rem var(--hf);color:#fff;margin:0 0 10px}
.sph-foot ul{list-style:none;margin:0;padding:0}
.sph-foot li{margin:0 0 8px}
.sph-brand--foot{margin-bottom:14px}
.sph-foot__pub{color:#E9EDF2}
.sph-foot__legal{border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding-top:18px;font-size:.88rem}
.sph-foot__legal a{color:#7FDCE8}
.sph-18{display:inline-block;border:2px solid var(--or);color:var(--or);font:800 .78rem/1 var(--hf);padding:4px 6px;border-radius:8px;margin-right:6px}
.sph-foot__c{font-size:.84rem;color:#8D96A3;margin:8px 0 0}
@media (max-width:860px){.sph-foot__grid{grid-template-columns:1fr 1fr}.sph-foot__about{grid-column:1/-1}}
@media (max-width:520px){body{font-size:16px}.sph-foot__grid{grid-template-columns:1fr}}