.sp-legal-notes { margin-top: 20px; max-width: 680px; font-size: 13px; line-height: 1.7; color: #aabcc4; }
.sp-legal-notes p { margin: 0 0 8px; overflow-wrap: anywhere; }
.sp-legal-notes a { color: #83d6c9; text-decoration: underline; text-underline-offset: 3px; }
body.is-start-page { background: #080d12 !important; background-image: none !important; color: #f5f7fa; }
body.is-start-page::before, body.is-start-page::after { display: none; }
body.is-start-page .footer-main { display: none; }
html body .start-premium { width: min(100%, 1200px); height: auto; margin: 0 auto; padding: 12px 32px 44px; color: #f5f7fa; font: 400 16px/1.6 Inter, sans-serif; }
.start-premium *, .start-premium *::before, .start-premium *::after { box-sizing: border-box; letter-spacing: 0; }
.start-premium :is(p, span, small, dt) { font-weight: 400; }
html body .start-premium :is(h1, h2) { font-family: Inter, sans-serif !important; text-transform: none; text-shadow: none; letter-spacing: 0; color: #f5f7fa; }
html body .start-premium h1 { margin: 12px 0 14px; font-size: 42px; line-height: 1.18; font-weight: 700; overflow-wrap: anywhere; }
.start-premium :is(a, button, summary):focus-visible { outline: 2px solid #5edacf; outline-offset: 4px; }
.sp-account-bar { padding-bottom: 18px; border-bottom: 1px solid #273640; }
.sp-account-bar .quiz_panel_info { width: 100%; padding: 8px 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; }
.sp-account-bar .quiz_panel_info::before, .sp-account-bar .quiz_panel_info::after { display: none; }
.sp-account-bar .quiz_score, .sp-account-bar .quiz-panel-player-name, .sp-account-bar .quiz-panel-member-label { font: 400 13px/1.5 Inter, sans-serif; color: #9aafbd; text-transform: none; text-shadow: none; }
.sp-account-bar .counter, .sp-account-bar .money { font-size: 14px; color: #dce7ee; font-variant-numeric: tabular-nums; }
.sp-account-bar .quiz-panel-icon-glow { filter: none; text-shadow: none; }
.sp-account-bar .dropdown { margin: 0; }
body.is-start-page .quiz-heading-title { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.is-start-page :is(.quiz-nav-brand, .quiz-nav-mobile-brand) .mdc---description { min-width: 0; overflow: hidden; }
.sp-opening { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr); align-items: flex-start; gap: 52px; padding: 36px 0 32px; }
.sp-cover { min-width: 0; width: 100%; aspect-ratio: 1/1; overflow: hidden; border-radius: 7px; background: #101b23; }
.sp-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sp-cover--fallback img { object-fit: contain; padding: 40px; }
.sp-content { min-width: 0; }
.sp-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #5edacf; font-size: 13px; line-height: 1.5; }
.sp-eyebrow i { color: #ffcf32; font-size: 19px; }
.start-premium .sp-summary { margin: 0; max-width: 560px; color: #b7c6d0; font-size: 16px; line-height: 1.65; overflow-wrap: anywhere; }
.sp-facts { display: flex; flex-wrap: wrap; gap: 20px 30px; padding: 0; margin: 26px 0; }
.sp-facts > div { min-width: 0; }
.sp-facts dt { font-size: 12px; color: #8fa5b4; margin-bottom: 6px; }
.sp-facts dd { color: #edf3f7; margin: 0; font-size: 24px; line-height: 1.35; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.sp-facts dd small { display: block; color: #95aab9; font-size: 12px; margin-top: 3px; }
.sp-facts .sp-prize { color: #ffcf32; }
.sp-access { display: flex; align-items: start; gap: 12px; padding: 18px 0; border-top: 1px solid #34454f; border-bottom: 1px solid #34454f; }
.sp-access > i { color: #5edacf; font-size: 23px; margin-top: 1px; }
.sp-access > div { flex: 1; min-width: 0; }
html body .sp-access h2 { margin: 0 0 5px; font-size: 16px; line-height: 1.45; font-weight: 600; overflow-wrap: anywhere; }
.start-premium .sp-access p { margin: 0; color: #9fb2c0; font-size: 13px; line-height: 1.6; white-space: pre-line; }
.sp-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; }
.start-premium .sp-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 20px; background: transparent; border: 1px solid #41515d; border-radius: 5px; color: #edf3f7; font: 500 15px/1.5 Inter, sans-serif; cursor: pointer; text-transform: none; box-shadow: none; white-space: normal; text-align: center; }
.sp-button i { font-size: 20px; flex-shrink: 0; }
.start-premium .sp-button:hover { background: #17232b; border-color: #5edacf; color: #fff; }
.start-premium .sp-button--gold { background: #ffcf32; border-color: #ffcf32; color: #15190e; min-width: 200px; }
.start-premium .sp-button--gold:hover { background: #ffe075; border-color: #ffe075; color: #15190e; }
.sp-text-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 6px 0; background: transparent; border: 0; color: #5edacf; font: 500 13px/1.5 Inter, sans-serif; cursor: pointer; }
.sp-text-button:hover { color: #a3f4eb; }
.sp-subscription-renewal { min-width: 0; margin: 12px 0 0; }
.start-premium .sp-prize-note { color: #91a7b6; font-size: 12px; line-height: 1.65; margin: 16px 0 0; }
.sp-prize-note strong { font-weight: 500; color: #c9d5de; }
.sp-blocked { display: flex; align-items: start; gap: 12px; border-left: 2px solid #ffcf32; padding: 14px 16px; background: #1e2119; margin-top: 18px; }
.sp-blocked > i { font-size: 23px; color: #ffcf32; margin-top: 2px; }
.sp-blocked strong { color: #f5dc85; font-size: 15px; font-weight: 500; }
.start-premium .sp-blocked p { margin: 5px 0 0; color: #c0baa2; font-size: 13px; line-height: 1.6; }
.sp-before-play { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; border-top: 1px solid #273640; border-bottom: 1px solid #273640; padding: 20px 0; }
.sp-before-play > i { color: #ffcf32; font-size: 22px; }
.start-premium .sp-before-play p { margin: 0; color: #b4c4cf; font-size: 14px; line-height: 1.6; }
.sp-before-play > span { margin-left: auto; color: #92a9b9; font-size: 12px; line-height: 1.5; }
.sp-about { margin-top: 20px; border-bottom: 1px solid #273640; }
.sp-about summary { min-height: 48px; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; color: #cddae3; font-size: 14px; line-height: 1.5; padding: 12px 0; }
.sp-about summary::-webkit-details-marker { display: none; }
.sp-about summary i { color: #5edacf; font-size: 20px; }
.sp-about[open] summary i { transform: rotate(45deg); }
.sp-about .sp-about-copy { max-width: 780px; color: #a9bdca; font-size: 15px; line-height: 1.7; white-space: normal; padding: 8px 0 28px; overflow-wrap: anywhere; }
.sp-about-copy :is(p, div, ul, ol, blockquote, aside) { margin: 0; }
.sp-about-copy p { color: #a9bdca; font-size: 15px; line-height: 1.7; font-weight: 400; margin: 0 0 12px; }
html body .start-premium .sp-about-copy :is(h3, h4, h5, h6) { font-family: Inter, sans-serif !important; font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: 0; text-shadow: none; text-transform: none; color: #edf3f7; margin: 18px 0 10px; }
.sp-about-copy > :first-child, .sp-about-copy > div > :first-child { margin-top: 0 !important; }
.sp-about-copy :is(strong, b) { color: #dce7ee; font-weight: 600; }
.sp-about-copy a { color: #5edacf; text-decoration: underline; text-underline-offset: 3px; }
.sp-about-copy :is(ul, ol) { padding-left: 22px; margin: 12px 0 18px; }
.sp-about-copy li { padding-left: 4px; margin-bottom: 10px; }
.sp-about-copy li::marker { color: #ffcf32; font-weight: 500; }
.sp-about-copy .sp-about-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 36px; padding-top: 16px; margin: 20px 0; border-top: 1px solid #273640; }
.sp-about-copy .sp-about-steps li { margin: 0; }
html body .start-premium .sp-about-steps h4 { font-size: 16px; margin: 0 0 8px; }
.sp-about-copy .sp-about-steps p { font-size: 14px; margin: 0; }
.sp-about-copy :is(.sp-about-note, blockquote) { border-left: 2px solid #5edacf; padding: 8px 0 8px 16px; margin: 18px 0; color: #dce7ee; }
.sp-about-copy .sp-about-note strong { display: block; font-size: 18px; margin-top: 3px; }
.sp-about-copy .sp-about-fineprint { border-top: 1px solid #273640; padding-top: 14px; margin-top: 22px; font-size: 13px; color: #92a9b9; }
@media (max-width: 600px) {
    .sp-about-copy .sp-about-steps { grid-template-columns: 1fr; gap: 18px; }
}
body.is-start-page .quiz-nav-actions .mdc-button__label { font: 500 13px/1.4 Inter, sans-serif !important; text-transform: none; letter-spacing: 0; }
@media (max-width: 1000px) {
    .sp-opening { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 32px; }
    html body .start-premium h1 { font-size: 36px; }
    .sp-facts { column-gap: 22px; }
    .sp-facts dd { font-size: 22px; }
}
@media (max-width: 767px) {
    html body .start-premium { padding: 8px 20px calc(100px + env(safe-area-inset-bottom)); }
    .sp-account-bar { padding-bottom: 10px; }
    .sp-account-bar .quiz_panel_info { justify-content: start; gap: 9px 18px; }
    .sp-account-bar .quiz_score { font-size: 12px; }
    .sp-account-bar .quiz-panel-member-label { display: none; }
    .sp-account-bar .quiz_score:has(#locate_score) { display: none; }
    .sp-opening { grid-template-columns: 96px minmax(0, 1fr); padding: 24px 0; gap: 0 18px; align-items: start; }
    .sp-content { display: contents; }
    .sp-cover { width: 96px; grid-column: 1; grid-row: 1/4; margin: 0; }
    .sp-eyebrow { grid-column: 2; grid-row: 1; font-size: 12px; }
    .sp-content h1 { grid-column: 2; grid-row: 2; }
    .sp-summary { grid-column: 2; grid-row: 3; }
    .sp-facts { grid-column: 1/-1; grid-row: 4; }
    .sp-access { grid-column: 1/-1; grid-row: 5; }
    .sp-blocked { grid-column: 1/-1; grid-row: 6; }
    .sp-actions { grid-column: 1/-1; grid-row: 7; }
    .sp-subscription-renewal { grid-column: 1/-1; grid-row: 8; }
    .sp-prize-note { grid-column: 1/-1; grid-row: 8; }
    html body .start-premium h1 { font-size: 32px; margin: 10px 0 12px; }
    .start-premium .sp-summary { font-size: 14px; }
    .sp-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 22px 0; gap: 18px 14px; }
    .sp-facts dt { min-height: 36px; }
    .sp-facts dd { font-size: 21px; }
    .sp-actions { gap: 8px 16px; margin-top: 20px; }
    .sp-actions .sp-button { flex: 1; }
    .sp-before-play > span { margin-left: 36px; }
    body.is-start-page .quiz_menu_small { display: flex; width: 100%; }
    body.is-start-page .quiz-nav-mobile-brand { flex: 1 1 0; min-width: 0; width: 100%; margin-left: 0; gap: 12px; }
    body.is-start-page .quiz-nav-mobile-actions { width: auto; flex: 0 0 auto; margin-right: 0; }
    body.is-start-page .quiz-nav-mobile-brand .mdc---description { flex: 1 1 0; }
    body.is-start-page .quiz-nav-mobile-brand .quiz-heading-type { font-size: 19px; line-height: 1.2; white-space: nowrap; word-break: normal; }
    body.is-start-page .quiz-nav-mobile-brand .quiz-heading-title { font-size: 10px; line-height: 1.5; white-space: nowrap; }
    body.is-start-page .quiz-nav-mobile-bottom { display: flex; width: 100%; padding: 0 4px; gap: 0; }
    body.is-start-page .quiz-nav-mobile-bottom > * { flex: 1; min-width: 0; }
    body.is-start-page .quiz-nav-mobile-bottom .vertical-button { width: 100%; min-width: 0; padding: 8px 2px; }
    body.is-start-page .quiz-nav-mobile-bottom .mdc-button__label { font: 10px/1.3 Inter, sans-serif !important; white-space: nowrap; text-transform: none; letter-spacing: 0; }
}
@media (max-width: 480px) {
    .sp-opening { grid-template-columns: 72px minmax(0, 1fr); column-gap: 14px; }
    .sp-cover { width: 72px; }
    html body .start-premium h1 { font-size: 30px; }
    .sp-actions { align-items: stretch; flex-direction: column; }
    .sp-facts dd { font-size: 20px; }
    .sp-text-button { justify-content: start; }
}
@media (max-width: 360px) {
    html body .start-premium { padding-left: 12px; padding-right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .start-premium *, .start-premium *::before, .start-premium *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
.sp-facts .sp-prize-places { grid-column: 1/-1; width: 100%; }
.sp-prize-places ol { list-style: none; margin: 0; padding: 0; }
.sp-prize-places li { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 8px 0; border-bottom: 1px solid #273640; font-size: 14px; line-height: 1.5; }
.sp-prize-places li span { flex-shrink: 0; color: #91a7b6; }
.sp-prize-places li strong { min-width: 0; color: #ffcf32; font-weight: 500; overflow-wrap: anywhere; text-align: right; }
.sp-tariffs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.sp-tariff{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid #354e5b;border-radius:4px;background:#0b1c28}.sp-tariff span{color:#ffc33e}.sp-actions label,.sp-subscription-renewal label{display:flex;align-items:center;gap:8px;color:#bacbd4}.sp-actions select,.sp-subscription-renewal select{max-width:100%;min-height:42px;padding:8px;background:#071b29;color:#fff;border:1px solid #40616e;border-radius:4px}.sp-subscription-renewal{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
@media(max-width:767px){.sp-tariffs{grid-column:1/-1;grid-row:6}.sp-tariff{flex:1 1 135px;min-width:0}.sp-blocked{grid-row:7}.sp-actions{grid-row:8}.sp-subscription-renewal,.sp-prize-note{grid-row:9}}
.sp-actions label,.sp-subscription-renewal label{min-width:0;max-width:100%}.sp-actions select,.sp-subscription-renewal select{min-width:0;flex:1}
.sp-tariffs{min-width:0;border:0;padding:0;gap:10px}.sp-tariffs legend{padding:0;margin-bottom:10px;color:#b8c9d3;font-size:14px;font-weight:600}.sp-tariff{position:relative;flex:1 1 150px;min-width:0;max-width:240px;padding:0;border:0;background:none}.sp-tariff input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.sp-tariff-content{display:flex;flex-direction:column;gap:5px;min-height:100%;padding:14px 16px;border:1px solid #3b5361;border-radius:5px;background:#0b1c28;color:#ecf3f6}.sp-tariff--selectable{cursor:pointer}.sp-tariff--selectable:hover .sp-tariff-content{border-color:#54c9ca}.sp-tariff input:checked+.sp-tariff-content{border:2px solid #ffc327;padding:13px 15px;background:#17282b}.sp-tariff input:checked+.sp-tariff-content::after{content:'✓';position:absolute;top:10px;right:12px;color:#ffc327;font-weight:700}.sp-tariff input:focus-visible+.sp-tariff-content{outline:2px solid #35d2d0;outline-offset:3px}.sp-tariff .sp-tariff-price{color:#ffc327;font-weight:700}.sp-tariff .sp-tariff-name,.sp-tariff .sp-tariff-detail{color:#b3c4cc;font-size:13px}.sp-tariff .sp-tariff-saving{color:#72d69a;font-size:13px;font-weight:600}.sp-payment-note{flex-basis:100%;margin:0;color:#aebfc9;font-size:13px;line-height:1.4}@media(max-width:480px){.sp-tariff{max-width:none;flex-basis:130px}.sp-actions .sp-payment-note{order:0}}