@media(max-width:720px){
  .diagnostics-theme-option span{display:none}
  .diagnostics-theme-option{width:38px;justify-content:center;padding-inline:8px}
  .diagnostics-section-head{display:block}
  .diagnostics-section-head .diagnostics-muted{margin-top:4px}
  .closed-beta-settings-head .closed-beta-switch{max-width:none;margin-top:14px}
  .closed-beta-create-form{grid-template-columns:minmax(0,1fr) 150px}
  .closed-beta-expiration-field{grid-column:1}
  .closed-beta-create-submit{grid-column:2;width:100%}
  .diagnostics-catalog-repair-settings{max-width:none;align-items:flex-start;justify-content:flex-start;text-align:left}
  .diagnostics-system-live{margin-top:12px}
  .diagnostics-system-summary{grid-template-columns:1fr}
  .diagnostics-repair-grid{grid-template-columns:1fr}
  .diagnostics-repair-card{min-height:0}
  .diagnostics-system-card{min-height:190px}
  .diagnostics-system-cores{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diagnostics-background-controls{justify-content:flex-start;margin-top:10px}
  .diagnostics-api-period-controls{justify-content:flex-start;margin-top:12px}
  .diagnostics-user-report-controls{justify-content:flex-start;margin-top:12px}
  .diagnostics-user-report-card.is-with-attachment .diagnostics-user-report-card-body{grid-template-columns:1fr}
  .diagnostics-user-report-media{height:min(62vw,420px)}
  .diagnostics-api-quota-grid{grid-template-columns:1fr}
  .diagnostics-rating-backfill-form{grid-template-columns:minmax(0,1fr) auto}
  .diagnostics-background-pagination{justify-content:space-between;flex-wrap:wrap}
  .diagnostics-error summary{display:block}
  .diagnostics-error-meta{display:block;margin-top:5px;text-align:left;white-space:normal}
  .diagnostics-page h1{font-size:26px}
  .diagnostics-cache-grid{grid-template-columns:1fr}
  .diagnostics-recommendation-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diagnostics-recommendation-submit{grid-column:1/-1}
  .profile-fields-account,.profile-password-grid{grid-template-columns:1fr}
  .context-help-tooltip{top:calc(100% + 9px);right:auto;left:var(--context-help-mobile-left,50%);width:min(340px,calc(100vw - 32px));max-width:none;transform:translateY(3px)}
  .recommendations-page .context-help-tooltip{width:min(420px,calc(100vw - 32px))}
  .context-help-tooltip::before{display:block;left:var(--context-help-mobile-arrow-left,50%)}
  .context-help:focus-within .context-help-tooltip,.context-help.is-open .context-help-tooltip{transform:translateY(0)}
  .profile-notification-options{grid-template-columns:1fr}
  .profile-notification-channel{align-items:flex-start;flex-direction:column}
  .profile-notification-channel-actions{width:100%;justify-content:space-between}
  .profile-install-body{grid-template-columns:1fr}
  .profile-install-action{width:100%}
  .profile-extension-actions{grid-template-columns:1fr;width:100%}
  .profile-extension-card{display:none}
  .browser-extension-hero{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:20px}
  .browser-extension-logo{width:72px;height:72px}
  .browser-extension-download-card{grid-template-columns:1fr;padding:20px}
  .browser-extension-download-action{width:100%;min-width:0}
  .profile-save-bar{justify-content:stretch}
  .profile-save{width:100%}
  .profile-dev-panel{grid-template-columns:auto minmax(0,1fr)}
  .profile-dev-action{grid-column:1/-1;width:100%;justify-content:space-between}
}
@media(max-width:420px){
  .diagnostics-system-cores{grid-template-columns:1fr}
  .closed-beta-settings-card,.closed-beta-create-card{padding:14px}
  .closed-beta-create-form{grid-template-columns:1fr}
  .closed-beta-limit-field{width:100%}
  .closed-beta-expiration-field,.closed-beta-create-submit{grid-column:1}
  .closed-beta-date-time-popover{position:fixed;top:50%;right:auto;left:50%;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;transform:translate(-50%,-50%)}
  .closed-beta-calendar-actions{grid-template-columns:1fr 1fr}
  .closed-beta-calendar-actions [data-closed-beta-calendar-clear]{grid-column:1/-1}
  .closed-beta-invite-card{grid-template-columns:1fr;padding:13px}
  .closed-beta-invite-head{display:grid}
  .closed-beta-invite-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .closed-beta-invite-metric{padding:8px}
  .closed-beta-invite-metric strong{font-size:16px}
  .closed-beta-invite-actions{display:grid;width:100%;grid-column:1;grid-row:auto}
  .closed-beta-redemption{align-items:flex-start;flex-direction:column;gap:5px}
  .diagnostics-user-report-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .diagnostics-user-report-controls .app-select,.diagnostics-user-report-controls label:last-child .app-select{width:100%;min-width:0}
  .diagnostics-user-report-controls label:first-child .app-select{min-width:0}
  .diagnostics-user-report-controls label:last-child{grid-column:1/-1;width:104px}
  .diagnostics-user-report-card-head{padding:12px}
  .diagnostics-user-report-card-body{padding:12px}
  .diagnostics-user-report-facts div{grid-template-columns:1fr;gap:3px}
  .diagnostics-user-report-actions{display:grid}
  .diagnostics-user-report-status-control{display:grid}
  .diagnostics-user-report-status-control .app-select{width:100%;min-width:0}
  .diagnostics-user-report-status-select{width:100%;min-width:0}
  .diagnostics-user-report-actions>.btn{width:100%}
  .diagnostics-user-report-save-message{padding-bottom:0}
  .diagnostics-user-report-attachment-footer{align-items:stretch;flex-direction:column}
  .diagnostics-user-report-attachment-footer .btn{width:100%}
  .diagnostics-user-report-pagination{justify-content:space-between;gap:8px}
  .diagnostics-user-report-page-info{text-align:center}
  .diagnostics-api-period-buttons{display:grid;grid-template-columns:repeat(2,1fr);width:100%}
  .diagnostics-api-period{width:100%}
  .diagnostics-api-date-control{width:100%}
  .diagnostics-api-quota-card{grid-template-columns:94px minmax(0,1fr);gap:12px;padding:13px}
  .diagnostics-api-quota-ring{width:88px;height:88px;padding:7px}
  .diagnostics-api-quota-value{font-size:20px}
  .diagnostics-api-limit-fields{grid-template-columns:1fr}
  .diagnostics-api-limit-save{width:100%}
  .diagnostics-data-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .diagnostics-rating-backfill-counts,.diagnostics-rating-backfill-form{grid-template-columns:1fr}
  .diagnostics-cache-card{grid-template-columns:104px minmax(0,1fr)}
  .diagnostics-cache-poster,.diagnostics-cache-poster img,.diagnostics-cache-placeholder{min-height:156px}
  .diagnostics-cache-title{font-size:16px}
}

@media(max-width:520px){
  .diagnostics-api-quota-card.is-configurable{grid-template-columns:1fr}
}

@media(max-width:720px){
  .show-people-dialog{
    width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 16px);
    max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);
    min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);
    margin:calc(env(safe-area-inset-top,0px) + 8px) auto calc(env(safe-area-inset-bottom,0px) + 8px);
    border-radius:12px
  }
  .show-people-header{padding:17px 54px 13px 15px}
  .show-people-header h2{font-size:22px}
  .show-people-tabs{padding:10px 14px}
  .show-people-body{padding:14px}
  .people-cast-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
  .people-credit-header{display:block}
  .people-credit-roles{justify-content:flex-start;margin-top:8px}
  .people-credit-meta span+span::before{display:none}
  .person-page{gap:24px}
  .person-header{grid-template-columns:1fr;justify-items:center;gap:19px;margin-top:8px;text-align:center}
  .person-portrait-frame{width:min(270px,100%)}
  .person-intro{width:100%;padding-top:0}
  .person-intro h1{margin-top:5px;font-size:38px}
  .person-facts{width:min(100%,480px);margin-inline:auto}
  .person-facts>div{grid-template-columns:1fr;gap:4px;text-align:center}
  .person-load-status{justify-content:center}
  .person-biographies{grid-template-columns:1fr}
  .person-filmography-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
}

@media(max-width:420px){
  .show-people-tabs{gap:6px}
  .show-people-tab{padding:7px 9px;font-size:13px}
  .people-cast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .people-cast-overlay{min-height:75px;padding:24px 9px 8px}
  .people-cast-overlay strong{font-size:13px}
  .people-cast-overlay span{font-size:10px}
  .people-credit-card{padding:13px}
  .people-episode-heading{display:block}
  .people-episode-heading span{display:block;margin-top:2px}
  .person-intro h1{font-size:33px}
  .person-facts>div{grid-template-columns:1fr;gap:4px}
  .person-biography-card{padding:16px}
  .person-section-heading h2{font-size:23px}
  .person-filmography-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}

/* Release calendar */
.calendar-main{max-width:var(--content-max-width)}
.calendar-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:-2px 0 24px}
.calendar-hero h1{margin:0}
.calendar-hero p{max-width:690px;margin:10px 0 0}
.calendar-summary{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.calendar-stat{display:grid;min-width:82px;gap:2px;padding:10px 13px;border:1px solid var(--border);border-radius:12px;background:#151a24;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase}
.calendar-stat strong{color:var(--text);font-size:22px;line-height:1}
.calendar-stat-upcoming{border-color:rgba(91,140,255,.38)}
.calendar-stat-aired{border-color:rgba(54,199,138,.35)}
.calendar-stat-missed{border-color:rgba(255,164,76,.36)}
.calendar-shell{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#121721;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#191f2b,#151a24)}
.calendar-period-nav{display:flex;align-items:center;gap:13px}
.calendar-period-nav h2{min-width:260px;margin:0;text-align:center;font-size:20px}
.calendar-today{display:block;margin-top:3px;color:#91afff;text-align:center;text-decoration:none;font-size:12px;font-weight:750}
.calendar-arrow{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #34405a;border-radius:10px;background:#111722;color:var(--text);text-decoration:none;font-size:28px;line-height:1}
.calendar-arrow .ui-icon{width:21px;height:21px}
.calendar-arrow:hover{border-color:#5b8cff;background:#1b2740}
.calendar-view-switch{display:flex;padding:3px;border:1px solid #303a50;border-radius:11px;background:#10151e}
.calendar-view-switch a{padding:8px 14px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:800}
.calendar-view-switch a.is-active{background:#2a3b65;color:#fff;box-shadow:inset 0 0 0 1px rgba(126,160,255,.25)}
.calendar-grid{display:grid;background:var(--border);gap:1px}
.calendar-grid-week{grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-grid-month{grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-day{min-width:0;min-height:250px;background:#121721}
.calendar-grid-month .calendar-day{min-height:190px}
.calendar-day.is-today{background:linear-gradient(180deg,rgba(58,88,155,.2),#121721 96px)}
.calendar-day.is-outside{background:#0e1219;opacity:.58}
.calendar-day-head{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid rgba(49,59,80,.65);color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}
.calendar-day-head strong{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;color:#dce5f8;font-size:14px}
.calendar-day.is-today .calendar-day-head strong{background:var(--primary);color:#fff;box-shadow:0 5px 14px rgba(60,99,193,.36)}
.calendar-events{display:grid;gap:8px;padding:9px}
.calendar-event{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;min-width:0;padding:8px;border:1px solid #2c3549;border-left-width:3px;border-radius:10px;background:#171d28;color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.calendar-event:hover{z-index:1;border-color:#617fc2;background:#1d2636;transform:translateY(-1px)}
.calendar-event img{width:32px;height:46px;border-radius:6px;object-fit:cover;background:#0d121a}
.calendar-event:not(:has(img)){grid-template-columns:1fr}
.calendar-event-upcoming{border-left-color:#6d99ff}
.calendar-event-aired{border-left-color:#43ce91}
.calendar-event-missed{border-left-color:#ff9e52}
.calendar-event-copy{display:block;min-width:0}
.calendar-event-copy strong,.calendar-event-copy span{display:block;overflow:hidden;text-overflow:ellipsis}
.calendar-event-copy strong{color:#f3f6ff;font-size:12px;line-height:1.3;white-space:nowrap}
.calendar-event-copy span{margin-top:3px;color:#aab4c9;font-size:10px;line-height:1.35;white-space:nowrap}
.calendar-event-copy em{display:inline-block;margin-top:5px;color:#8daffd;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.calendar-event-aired .calendar-event-copy em{color:#75dca9}
.calendar-event-missed .calendar-event-copy em{color:#ffb276}
.calendar-event-tooltip{--calendar-tooltip-anchor-x:50%;position:fixed;z-index:18;width:max-content;max-width:min(360px,calc(100vw - 20px));padding:11px 13px;border:1px solid #435476;border-radius:12px;background:rgba(18,24,36,.98);color:var(--text);box-shadow:0 16px 38px rgba(0,0,0,.42);pointer-events:none;animation:calendar-tooltip-in .12s ease-out}
.calendar-event-tooltip strong,.calendar-event-tooltip span{display:block;overflow-wrap:anywhere}
.calendar-event-tooltip strong{font-size:14px;line-height:1.35}
.calendar-event-tooltip span{margin-top:5px;color:#b7c5df;font-size:12px;line-height:1.4}
.calendar-event-tooltip::after{position:absolute;left:var(--calendar-tooltip-anchor-x);width:10px;height:10px;background:rgba(18,24,36,.98);content:"";transform:translateX(-50%) rotate(45deg)}
.calendar-event-tooltip[data-placement="top"]::after{bottom:-6px;border-right:1px solid #435476;border-bottom:1px solid #435476}
.calendar-event-tooltip[data-placement="bottom"]::after{top:-6px;border-top:1px solid #435476;border-left:1px solid #435476}
@keyframes calendar-tooltip-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.calendar-no-events{padding:5px 3px;color:#5f687a;font-size:11px}
.calendar-empty{padding:64px 22px;text-align:center}
.calendar-empty strong{display:block;font-size:24px}
.calendar-empty p{max-width:520px;margin:10px auto 20px;color:var(--muted);line-height:1.5}
.calendar-pending{margin:0;padding:12px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
@media(max-width:1050px){
  .calendar-grid-week,.calendar-grid-month{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calendar-grid-month .calendar-day,.calendar-day{min-height:180px}
}
@media(max-width:720px){
  .header-flex .nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .calendar-hero{display:block}
  .calendar-summary{justify-content:flex-start;margin-top:16px}
  .calendar-toolbar{align-items:stretch;flex-direction:column}
  .calendar-period-nav{justify-content:space-between}
  .calendar-period-nav h2{min-width:0;font-size:18px}
  .calendar-view-switch a{flex:1;text-align:center}
  .calendar-grid-week,.calendar-grid-month{grid-template-columns:1fr}
  .calendar-day,.calendar-grid-month .calendar-day{min-height:0}
  .calendar-day.is-outside{display:none}
  .calendar-events{padding:10px 12px 14px}
  .calendar-event{grid-template-columns:38px minmax(0,1fr)}
  .calendar-event img{width:38px;height:55px}
  .calendar-event-copy strong{font-size:14px}
  .calendar-event-copy span{font-size:12px}
}

/* PWA viewport and mobile touch ergonomics */
html{background:var(--bg)}
body{min-height:100dvh;padding-top:env(safe-area-inset-top)}
.container{
  padding-right:max(16px,env(safe-area-inset-right));
  padding-bottom:calc(72px + env(safe-area-inset-bottom));
  padding-left:max(16px,env(safe-area-inset-left));
}
@media(display-mode:standalone){
  body{overscroll-behavior-y:none}
}
@media(max-width:720px){
  .logo{display:inline-flex;min-height:44px;align-items:center}
  .logo-image{width:68px}
  .btn:not(.link){display:inline-flex;min-height:44px;align-items:center;justify-content:center}
  .auth-form input,.profile-settings-form input,.profile-settings-form select{min-height:44px;font-size:16px}
}
@media(max-width:420px){
  .container{
    padding-right:max(12px,env(safe-area-inset-right));
    padding-left:max(12px,env(safe-area-inset-left));
  }
  .profile-name{display:none}
  .profile-link{padding-right:4px}
  .auth-box{flex-wrap:nowrap}
  .header-logout{padding-inline:11px}
  .profile-section-heading,.profile-fields{padding-right:15px;padding-left:15px}
  .profile-dev-panel{padding:15px}
}

/* Media mode switch and movie mode */
html:has(body[data-media-type="movie"]){--scrollbar-track:#17100d;--scrollbar-thumb:#6a4a3a;--scrollbar-thumb-hover:#8c6049;--scrollbar-thumb-active:#bd7954;background:#130f0d}
.media-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 auto;gap:3px;padding:3px;border:1px solid var(--border);border-radius:12px;background:rgba(12,16,23,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.media-mode-option{display:flex;min-height:36px;align-items:center;justify-content:center;padding:7px 11px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:820;line-height:1;text-decoration:none;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.media-mode-option:hover{background:var(--primary-soft);color:var(--text)}
.media-mode-option.is-active{background:var(--primary);color:#fff;box-shadow:0 5px 15px rgba(var(--primary-rgb),.22)}
.media-mode-option:focus-visible,.movie-page a:focus-visible,.movie-page button:focus-visible,.movie-search-card:focus-visible,.movie-library-page a:focus-visible,.movie-library-page button:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.header-flex .search-form{min-width:180px}
body[data-media-type="movie"] .media-mode-switch{background:rgba(24,16,12,.82)}
body[data-media-type="movie"] .profile-avatar{border-color:var(--primary-border);background:linear-gradient(145deg,#f4a064,#a9542d);box-shadow:0 4px 12px rgba(var(--primary-rgb),.22)}
body[data-media-type="movie"] .header-flex #search-input{border-color:#5b4032;background:#18110e}
body[data-media-type="movie"] .header-flex #search-input::placeholder{color:#a9785d}
body[data-media-type="movie"] .header-flex #search-input:hover{border-color:#74503d;background:#1e1511}
body[data-media-type="movie"] .header-flex #search-input:-webkit-autofill,body[data-media-type="movie"] .header-flex #search-input:-webkit-autofill:hover,body[data-media-type="movie"] .header-flex #search-input:-webkit-autofill:active{-webkit-text-fill-color:#f5e7de;caret-color:#f5e7de;-webkit-box-shadow:0 0 0 1000px #18110e inset;box-shadow:0 0 0 1000px #18110e inset;border-color:#5b4032}
body[data-media-type="movie"] .header-flex #search-input:-webkit-autofill:focus{-webkit-text-fill-color:#f5e7de;caret-color:#f5e7de;-webkit-box-shadow:0 0 0 1000px #18110e inset,var(--focus-ring);box-shadow:0 0 0 1000px #18110e inset,var(--focus-ring);border-color:var(--primary)}
body[data-media-type="movie"] .auth-form .form-row input{border-color:#563d31;background:#18110e}
body[data-media-type="movie"] .auth-form .form-row input:hover{border-color:#76513e;background:#211713}
body[data-media-type="movie"] .auth-form .form-row input:focus{border-color:var(--primary);background:#211713;box-shadow:var(--focus-ring)}
body[data-media-type="movie"] .header-flex .suggestions{border-color:#5e4235;background:#211713}
body[data-media-type="movie"] .suggestion:hover,body[data-media-type="movie"] .suggestion.is-active{background:#39271f}
body[data-media-type="movie"] .suggestion.is-active{outline-color:rgba(var(--primary-rgb),.58)}
body[data-media-type="movie"] .header-flex .suggestion-search-status,body[data-media-type="movie"] .header-flex .suggestion-search-status:hover{background:#211713}
body[data-media-type="movie"] .tab-btn.active{border-color:var(--primary-border);background:var(--primary-soft)}
body[data-media-type="movie"] .app-select-trigger{border-color:#563d31;background:#18110e}
body[data-media-type="movie"] .app-select-trigger:hover{border-color:#76513e;background:#211713}
body[data-media-type="movie"] .app-select-trigger:focus-visible,body[data-media-type="movie"] .app-select.is-open .app-select-trigger{border-color:var(--primary);box-shadow:var(--focus-ring)}
body[data-media-type="movie"] .app-select-menu{border-color:#5e4235;background:#211713}
body[data-media-type="movie"] .app-select-option:hover,body[data-media-type="movie"] .app-select-option:focus-visible{background:#3a281f}
body[data-media-type="movie"] .app-select-option.is-selected{background:var(--primary-soft);color:#ffe4d3}
body[data-media-type="movie"] .app-select-option-check{color:#f4a675}
body[data-media-type="movie"] .recommendation-filter-years input{border-color:#563d31;background:#18110e}
body[data-media-type="movie"] .recommendation-filter-years input:hover{border-color:#76513e;background:#211713}
body[data-media-type="movie"] .recommendation-filter-years input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}
body[data-media-type="movie"] .library-controls{border-color:#503a30;background:linear-gradient(145deg,rgba(34,25,21,.97),rgba(23,17,14,.97))}
body[data-media-type="movie"] .movie-library-page .library-search-icon{color:#d39a76}
body[data-media-type="movie"] .movie-library-page .library-search input{border-color:#5b4032;background:#18110e}
body[data-media-type="movie"] .movie-library-page .library-search input::placeholder{color:#a9785d}
body[data-media-type="movie"] .movie-library-page .library-search input:hover{border-color:#74503d;background:#1e1511}
body[data-media-type="movie"] .library-search input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}
body[data-media-type="movie"] .movie-library-page .library-control-field{color:#c69a7d}
body[data-media-type="movie"] .movie-library-page .library-control-field>.app-select .app-select-trigger{border-color:#563d31;background:#1a120f}
body[data-media-type="movie"] .movie-library-page .library-control-field>.app-select .app-select-trigger:hover{border-color:#76513e;background:#211713}
body[data-media-type="movie"] .movie-library-page .app-select-trigger:focus-visible,body[data-media-type="movie"] .movie-library-page .app-select.is-open .app-select-trigger{border-color:var(--primary);box-shadow:var(--focus-ring)}
body[data-media-type="movie"] .movie-library-page .app-select-menu{border-color:#5e4235;background:#211713}
body[data-media-type="movie"] .movie-library-page .app-select-option:hover,body[data-media-type="movie"] .movie-library-page .app-select-option:focus-visible{background:#3a281f}
body[data-media-type="movie"] .movie-library-page .app-select-option.is-selected{background:var(--primary-soft);color:#ffe4d3}
body[data-media-type="movie"] .movie-library-page .app-select-option-check{color:#f4a675}
body[data-media-type="movie"] .library-control-field>.app-select .app-select-trigger.has-selection{border-color:var(--primary-border);background:var(--primary-soft)}
body[data-media-type="movie"] .library-tab-count{background:rgba(var(--primary-rgb),.1);color:#efb18b}
body[data-media-type="movie"] .tab-btn.active .library-tab-count{background:rgba(var(--primary-rgb),.22);color:#ffe1cf}
body[data-media-type="movie"] .movie-library-page .library-filter-empty{border-color:#604336;background:rgba(31,21,17,.68)}
body[data-media-type="movie"] .home-section-empty{border-color:#604336;background:rgba(31,21,17,.68)}
body[data-media-type="movie"] .home-section-empty strong{color:#fff1e8}
body[data-media-type="movie"] .home-section-kicker{color:#f2a06e}
body[data-media-type="movie"] .recommendation-reason{border-top-color:rgba(var(--primary-rgb),.3);color:#efb18b}
body[data-media-type="movie"] .person-kicker,body[data-media-type="movie"] .person-section-kicker{color:#f2a06e}

/* Movie download table */
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-multisort-toggle[aria-pressed="true"]{border-color:var(--primary);background:#6b3b25;color:#fff}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-table-wrap{border-color:#5a4034;background:#17100d}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-table th{border-bottom-color:#654637;background:#261a15;color:#ffe2d0}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-table th:not(:first-child),body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-table td:not(:first-child){border-left-color:rgba(143,91,62,.35)}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-table td{border-bottom-color:#463127;background:#19120f}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-table tbody tr:nth-child(even) td{background:#1e1612}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-table tbody tr:hover td{background:#2b1e18}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-sort:hover{color:#fff;background:var(--primary-soft)}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-sort-direction{color:#f4a675}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-title:hover{color:#ffd8c0}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-pin{border-color:var(--primary-border);background:var(--primary-soft);color:#ffc8a7}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .video-uhd{border-color:var(--primary-border);background:var(--primary-soft);color:#ffc8a7}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-season-cell{color:#ead2c3}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-size-cell{color:#f3e6de}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-added-cell{color:#d6c0b2}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-download{border-color:#624434;background:#211711}
body[data-media-type="movie"] .download-table[data-media-type="movie"] .torrent-download:hover{border-color:var(--primary-border);background:#352319;color:#ffd8c0}
body[data-media-type="movie"] .download-modal .modal-close:hover,body[data-media-type="movie"] .download-modal .modal-close:focus-visible{background:#34231b}

/* Profile settings follow the currently selected movie palette. */
body.profile-body[data-media-type="movie"]{background:radial-gradient(circle at 50% -14%,rgba(var(--primary-rgb),.14),transparent 34rem),var(--bg)}
body[data-media-type="movie"] .profile-settings-card{border-color:#503a30;background:linear-gradient(145deg,rgba(34,25,21,.98),rgba(23,17,14,.98))}
body[data-media-type="movie"] .profile-section-heading{border-bottom-color:rgba(105,72,56,.72);background:linear-gradient(180deg,rgba(67,44,34,.55),rgba(34,25,21,.2))}
body[data-media-type="movie"] .profile-section-heading h2{color:#fff4ed}
body[data-media-type="movie"] .profile-section-icon{border-color:var(--primary-border);background:var(--primary-soft);color:#ffc7a5}
body[data-media-type="movie"] .profile-fields .form-row input,body[data-media-type="movie"] .profile-fields .form-row select{border-color:#563d31;background:#18110e}
body[data-media-type="movie"] .profile-fields .form-row input:focus,body[data-media-type="movie"] .profile-fields .form-row select:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}
body[data-media-type="movie"] .profile-fields .form-row input:-webkit-autofill,body[data-media-type="movie"] .profile-fields .form-row input:-webkit-autofill:hover,body[data-media-type="movie"] .profile-fields .form-row input:-webkit-autofill:active{-webkit-text-fill-color:#f5e7de;caret-color:#f5e7de;-webkit-box-shadow:0 0 0 1000px #18110e inset;box-shadow:0 0 0 1000px #18110e inset}
body[data-media-type="movie"] .profile-fields .form-row input:-webkit-autofill:focus{-webkit-text-fill-color:#f5e7de;caret-color:#f5e7de;-webkit-box-shadow:0 0 0 1000px #18110e inset,var(--focus-ring);box-shadow:0 0 0 1000px #18110e inset,var(--focus-ring)}
body[data-media-type="movie"] .app-switch-input:not(:checked)+.app-switch-track{border-color:#654536;background:#251812;box-shadow:inset 0 1px 3px rgba(0,0,0,.34)}
body[data-media-type="movie"] .app-switch-input:not(:checked)+.app-switch-track .app-switch-thumb{background:#b78c73}
body[data-media-type="movie"] .profile-fields .form-row label{color:#dec7b8}
body[data-media-type="movie"] .profile-field-hint{color:#aa8874}
body[data-media-type="movie"] .profile-display-option,body[data-media-type="movie"] .profile-notification-option{border-color:#563d31;background:#18110e}
body[data-media-type="movie"] .profile-display-option strong,body[data-media-type="movie"] .profile-notification-option strong{color:#f5e7de}
body[data-media-type="movie"] .profile-notification-group{border-color:#563d31;background:rgba(30,20,16,.62)}
body[data-media-type="movie"] .profile-notification-group-heading h3{color:#fff1e7}
body[data-media-type="movie"] .profile-notification-channel{border-color:#563d31;background:#1a120f}
body[data-media-type="movie"] .profile-channel-enabled{color:#dec7b8}
body[data-media-type="movie"] .profile-page .watch-toggle{border-color:#624737;background:#1b130f}
body[data-media-type="movie"] .profile-page .watch-toggle:hover{border-color:#8b5e47}
body[data-media-type="movie"] .profile-page .watch-toggle:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring)}
body[data-media-type="movie"] .profile-page .app-select-trigger{border-color:#563d31;background:#18110e}
body[data-media-type="movie"] .profile-page .app-select-trigger:hover{border-color:#76513e;background:#211713}
body[data-media-type="movie"] .profile-page .app-select-trigger:focus-visible,body[data-media-type="movie"] .profile-page .app-select.is-open .app-select-trigger{border-color:var(--primary);box-shadow:var(--focus-ring)}
body[data-media-type="movie"] .profile-page .app-select-menu{border-color:#5e4235;background:#211713}
body[data-media-type="movie"] .profile-page .app-select-option:hover,body[data-media-type="movie"] .profile-page .app-select-option:focus-visible{background:#3a281f}
body[data-media-type="movie"] .profile-page .app-select-option.is-selected{background:var(--primary-soft);color:#ffe4d3}
body[data-media-type="movie"] .profile-page .app-select-option-check{color:#f4a675}
body[data-media-type="movie"] .profile-save{box-shadow:0 9px 22px rgba(var(--primary-rgb),.22)}

/* Movie search */
.movie-search-main{max-width:var(--content-max-width)}
.movie-search-intro{max-width:760px}
.movie-search-intro h1{margin-top:0;margin-bottom:8px}
.movie-search-intro p{margin:0}
.movie-section-kicker{margin-bottom:7px;color:#f2a06e;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.movie-search-error{margin-top:20px;border-color:rgba(255,93,93,.42);background:rgba(86,30,30,.25)}
.movie-search-results{margin-top:24px}
.movie-search-card .subtitle.is-empty{display:none}
.movie-card-genres{display:block;overflow:visible;overflow-wrap:anywhere;color:#d2a080;font-size:12px;line-height:1.4}

/* Movie library */
.my-movies-main{max-width:var(--content-max-width)}
.movie-library-page .page-top-heading{margin-bottom:12px}
.movie-library-filter-fields{grid-template-columns:repeat(4,minmax(120px,1fr))}

/* Movie details */
.movie-main{max-width:var(--content-max-width);padding-top:28px!important}
.movie-page{display:grid;gap:26px;padding-bottom:44px}
.movie-hero{--hero-backdrop-opacity:.3;--hero-shade-left:.9;--hero-shade-middle:.74;--hero-shade-right:.44;--hero-shade-bottom:.82;position:relative;isolation:isolate;min-height:520px;overflow:hidden;border:1px solid #52392d;border-radius:24px;background:#1d1511;box-shadow:0 24px 65px rgba(0,0,0,.3)}
.movie-backdrop{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--hero-backdrop-opacity);filter:saturate(.92) contrast(1.04)}
.movie-hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(19,12,9,var(--hero-shade-left)) 4%,rgba(22,14,10,var(--hero-shade-middle)) 42%,rgba(20,13,10,var(--hero-shade-right))),linear-gradient(0deg,rgba(18,12,9,var(--hero-shade-bottom)),transparent 62%)}
.movie-hero-content{position:relative;display:grid;min-height:520px;grid-template-columns:260px minmax(0,1fr);align-items:end;gap:36px;padding:36px}
.movie-poster-column{display:grid;align-self:start;justify-items:center;gap:12px;padding-top:8px}
.movie-poster-frame{overflow:hidden;border:1px solid rgba(255,210,183,.2);border-radius:16px;background:#17100d;box-shadow:0 18px 45px rgba(0,0,0,.36)}
.movie-poster{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.movie-poster-placeholder{border:0;border-radius:0;background:#211711}
.movie-hero-copy{min-width:0;align-self:start;padding:0 0 2px}
.movie-hero-copy h1{max-width:950px;margin:0;color:#fff7f2;font-size:clamp(36px,5vw,64px);font-weight:880;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.movie-original-title{margin-top:9px;color:#d5b9a8;font-size:18px;line-height:1.35}
.movie-facts-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:22px}
.movie-facts{display:flex;min-width:0;max-width:980px;align-items:stretch;gap:8px;margin:0;padding:0;list-style:none;flex-wrap:wrap}
.movie-facts li{display:grid;align-content:center;gap:3px;min-height:52px;padding:8px 11px;border:1px solid rgba(215,157,121,.25);border-radius:10px;background:rgba(29,19,14,.64);backdrop-filter:blur(7px)}
.movie-facts strong{color:#c59b82;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.movie-facts span{color:#f1e4dc;font-size:13px;line-height:1.3}
.movie-primary-actions{display:flex;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap}
.movie-control-label{color:#bfa89a}
.movie-state-button{min-height:38px;padding:8px 11px}
.movie-state-button.is-active{border-color:var(--primary-border);background:var(--primary-soft);color:#ffd9c2}
.movie-state-button.is-active:hover{background:rgba(var(--primary-rgb),.2)}
.movie-watch-action{position:relative;display:flex;width:126px;aspect-ratio:1;flex:0 0 auto;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:10px;border:0;border-radius:50%;background:transparent;color:#f4f7ff;cursor:pointer;font:inherit;transition:transform .18s ease,filter .18s ease}
.movie-watch-action:hover{background:transparent;color:#fff;transform:translateY(-2px);filter:drop-shadow(0 8px 15px rgba(var(--primary-rgb),.28))}
.movie-watch-action.is-active,.movie-watch-action.is-active:hover{border:0;background:transparent;color:#f4f7ff;filter:drop-shadow(0 8px 15px rgba(54,199,138,.25))}
.movie-watch-action-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.movie-watch-action-ring-track,.movie-watch-action-ring-value{fill:none;stroke-width:6}
.movie-watch-action-ring-track{stroke:#50382d}
.movie-watch-action-ring-value{stroke:var(--primary);stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray .2s ease}
.movie-watch-action.is-active .movie-watch-action-ring-value{stroke:var(--success);stroke-dasharray:100 100}
.movie-watch-action-content{position:relative;display:flex;width:100%;min-width:0;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:3px}
.movie-watch-action-content strong{color:var(--success);font-size:26px;font-weight:900;line-height:1}
.movie-watch-action-content strong .ui-icon{display:block;width:24px;height:24px}
.movie-watch-action-content span{display:block;width:100%;max-width:100%;color:#cbd5ea;font-size:clamp(10px,2.8vw,12px);font-weight:400;letter-spacing:-.02em;line-height:1.1;text-align:center;white-space:nowrap}
.movie-rating-star{color:#8d827c}
.movie-page.is-saving .movie-rating-star,.movie-page.is-saving .movie-state-button{cursor:progress}
.movie-auth-hint{color:#c9aa98}
.movie-action-status{margin-top:12px;color:#ffc4cc;font-size:12px;line-height:1.4}
.movie-content-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--media-detail-aside-width);align-items:start;gap:22px}
.movie-content-main{display:grid;min-width:0;gap:22px}
.movie-section,.movie-side-card{border:1px solid var(--border);border-radius:18px;background:rgba(29,23,20,.86);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.movie-section-heading h2,.movie-side-card h2{color:#f6ede8}
.movie-summary{margin:0;color:#dfd3cc;white-space:pre-line}
.movie-external-rating{border:1px solid #49352c;background:#211915}
.movie-external-rating:hover{border-color:var(--primary-border);background:#2b1e18}
.movie-external-rating-icon-metacritic,.show-detail-rating-list .show-rating-source-icon-metacritic,.catalog-card .poster-rating[data-rating-source="metacritic"] [data-card-rating-icon]{padding:var(--rating-icon-padding,2px);border-radius:50%;background:#f5c842}
.movie-external-rating-label{color:#ad9587}
.movie-external-rating-score strong{color:#fff1e8}
.movie-external-rating-score small{color:#a98f80}
.show-detail-rating-list .show-rating-source.show-rating-source-local,.movie-external-rating.movie-external-rating-local{border-color:rgba(var(--primary-rgb),.52);background:linear-gradient(135deg,rgba(var(--primary-rgb),.14),rgba(var(--primary-rgb),.055));box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.06),0 5px 14px rgba(var(--primary-rgb),.07)}
.movie-external-rating.movie-external-rating-local{cursor:pointer}
.movie-external-rating.movie-external-rating-local:hover{border-color:rgba(var(--primary-rgb),.72);background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.075));box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.09),0 7px 17px rgba(var(--primary-rgb),.1)}
body[data-media-type="movie"] #movie-review-modal .review-rating-fieldset legend,body[data-media-type="movie"] #movie-review-modal .review-text-field>span{color:#e8d8ce}
body[data-media-type="movie"] #movie-review-modal .review-text-field textarea{border-color:#5a4034;background:#17110e;color:#f6ede8}
body[data-media-type="movie"] #movie-review-modal .review-text-field textarea:hover{border-color:#74503d}
body[data-media-type="movie"] #movie-review-modal .review-text-field textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}
body[data-media-type="movie"] #movie-review-modal .review-text-field textarea::placeholder{color:#9d7f6e}
body[data-media-type="movie"] #movie-review-modal .review-public-toggle{border-color:#563d31;background:#1a120f}
body[data-media-type="movie"] #movie-review-modal .review-public-toggle:hover{border-color:#76513e;background:#211713}
body[data-media-type="movie"] #movie-review-modal .review-public-toggle small{color:#b79e90}
body[data-media-type="movie"] #movie-review-modal .review-public-checkbox{border-color:#624737;background:#1b130f}
body[data-media-type="movie"] #movie-review-modal .review-public-checkbox:hover{border-color:#8b5e47}
body[data-media-type="movie"] #movie-review-modal .review-public-checkbox:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring)}
body[data-media-type="movie"] #movie-review-modal .review-public-checkbox:checked{border-color:var(--primary);background:var(--primary)}
.movie-sidebar-rating{border-top:1px solid #49352c}
.movie-sidebar-rating .rating-edit-button{border-color:#5a4034;background:#211915;color:#f6ede8}
.movie-sidebar-rating .rating-edit-button:hover,.movie-sidebar-rating .rating-edit-button:focus-visible{background:#2b1e18}
.movie-provider{border:1px solid #49352c;background:#211915}
a.movie-provider:hover{border-color:var(--primary-border);background:#2b1e18}
.movie-provider strong{color:#f2e7e0}
.movie-provider span{color:#b49e91}
.movie-provider b{color:#df9568}
.movie-provider-note{color:#9f8d82}

@media(max-width:1100px) and (min-width:721px){
  .header-flex{display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto;gap:10px 12px}
  .header-flex .logo{grid-column:1;grid-row:1}
  .header-flex .media-mode-switch{grid-column:2;grid-row:1}
  .header-flex .search-form{grid-column:3;grid-row:1}
  .header-flex .auth-box{grid-column:4;grid-row:1}
  .header-flex .nav{grid-column:1/-1;grid-row:2;justify-self:end}
  .show-detail-facts,.movie-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
  .show-detail-facts li,.movie-facts li{min-width:0}
  .show-detail-facts-row{grid-template-columns:minmax(0,1fr) clamp(210px,24vw,230px);align-items:start;gap:14px}
  .show-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .show-detail-facts-row>.show-watch-progress{width:100%;min-width:0;align-self:start;justify-self:end;gap:10px}
  .show-detail-facts-row .show-watch-progress-copy{min-width:0;flex:1 1 0}
}
@media(min-width:721px){
  .movie-hero:has(.movie-plan-button[hidden]),.movie-hero:has(.movie-plan-button[hidden]) .movie-hero-content,
  .movie-hero:not(:has(.movie-plan-button)),.movie-hero:not(:has(.movie-plan-button)) .movie-hero-content,
  .show-detail-hero:has(.to-watch-box[hidden]),.show-detail-hero:has(.to-watch-box[hidden]) .show-detail-hero-content,
  .show-detail-hero:not(:has(#to-watch-btn)),.show-detail-hero:not(:has(#to-watch-btn)) .show-detail-hero-content{min-height:478px}
}
@media(max-width:900px){
  .movie-poster-column,.show-detail-poster-column{padding-top:105px}
  .movie-hero-content{grid-template-columns:210px minmax(0,1fr);gap:24px;padding:25px}
  .movie-content-grid{grid-template-columns:1fr}
  .movie-watch-action{width:108px}
}
@media(max-width:720px){
  .header-flex .media-mode-switch{grid-column:1/-1;grid-row:2;width:100%}
  .header-flex .nav{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr))}
  .header-flex .nav.movie-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .header-flex .search-form{grid-column:1/-1;grid-row:4}
  .movie-main{padding-top:18px!important}
  .movie-hero{min-height:0;border-radius:18px}
  .movie-hero-shade{background:linear-gradient(0deg,rgba(19,12,9,var(--hero-shade-left)) 25%,rgba(20,13,10,var(--hero-shade-right)))}
  .movie-hero-content{min-height:0;grid-template-columns:1fr;justify-items:center;gap:22px;padding:22px}
  .movie-poster-column,.show-detail-poster-column{padding-top:0}
  .movie-poster-frame{width:min(220px,70vw)}
  .movie-hero-copy{width:100%;padding:0;text-align:center}
  .movie-hero-copy h1{font-size:clamp(34px,10vw,48px)}
  .movie-facts,.movie-primary-actions{justify-content:center}
  .movie-facts-row{grid-template-columns:1fr;justify-items:center}
  .media-auth-hint,.movie-action-status{width:100%;text-align:center}
  .movie-library-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .my-page [data-library-grid]{overflow-anchor:none}
}
@media(max-width:520px){
  .movie-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .movie-facts li{text-align:left}
}
@media(max-width:420px){
  .media-mode-option{min-height:40px}
  .movie-hero-content{padding:16px}
  .movie-poster-frame{width:min(180px,62vw)}
  .movie-original-title{font-size:15px}
  .movie-primary-actions .btn{flex:1 1 auto}
  .movie-plan-button,.show-poster-plan-button{width:100%}
  .movie-watch-action{width:96px}
  .movie-library-filter-fields{grid-template-columns:1fr}
}

/* Compact mobile shell: accepted header/footer navigation and home feed. */
@media(max-width:720px){
  .show-detail-hero,.movie-hero{height:auto!important;min-height:0!important}
  body{padding-top:calc(env(safe-area-inset-top) + 8px)}
  body[data-auth="1"]{
    --mobile-bottom-nav-bottom-padding:max(5px,calc(env(safe-area-inset-bottom,0px) - 25px));
  }
  body[data-auth="1"] .container.page-main{
    min-height:calc(100dvh - env(safe-area-inset-top,0px));
    padding-top:30px;
    padding-bottom:calc(104px + env(safe-area-inset-bottom));
  }
  body[data-auth="1"] .header-flex{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
  }
  body[data-auth="1"] .header-flex .logo{
    grid-column:1;
    grid-row:1;
  }
  body[data-auth="1"] .header-flex .media-mode-switch{
    grid-column:2;
    grid-row:1;
    width:100%;
    min-width:0;
  }
  body[data-auth="1"] .header-flex .mobile-header-search-toggle{
    grid-column:3;
    grid-row:1;
  }
  body[data-auth="1"] .header-flex .auth-box{
    grid-column:4;
    grid-row:1;
  }
  body[data-auth="0"] .header-flex{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
  }
  body[data-auth="0"] .header-flex .logo{
    grid-column:1;
    grid-row:1;
  }
  body[data-auth="0"] .header-flex .auth-box{
    grid-column:2/4;
    grid-row:1;
  }
  body[data-auth="0"] .header-flex .media-mode-switch{
    grid-column:1/3;
    grid-row:2;
    width:100%;
  }
  body[data-auth="0"] .header-flex .mobile-header-search-toggle{
    grid-column:3;
    grid-row:2;
  }
  .header-flex .logo-image{width:62px}
  .header-flex .media-mode-option{
    min-width:0;
    min-height:38px;
    padding:7px 6px;
    font-size:12px;
  }
  .header-flex .nav{display:none!important}
  .header-flex .mobile-header-search-toggle{
    display:inline-flex;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid var(--border);
    border-radius:12px;
    background:rgba(17,23,34,.82);
    color:var(--muted);
    cursor:pointer;
  }
  .header-flex .mobile-header-search-toggle:hover,
  .header-flex .mobile-header-search-toggle:focus-visible,
  .header-flex .mobile-header-search-toggle[aria-expanded="true"]{
    border-color:var(--primary-border);
    outline:0;
    background:var(--primary-soft);
    color:var(--text);
    box-shadow:var(--focus-ring);
  }
  body[data-media-type="movie"] .header-flex .mobile-header-search-toggle{
    border-color:#5b4032;
    background:#18110e;
    color:#d39a76;
  }
  body[data-media-type="movie"] .header-flex .mobile-header-search-toggle:hover,
  body[data-media-type="movie"] .header-flex .mobile-header-search-toggle:focus-visible,
  body[data-media-type="movie"] .header-flex .mobile-header-search-toggle[aria-expanded="true"]{
    border-color:var(--primary-border);
    background:var(--primary-soft);
    color:#ffe4d3;
  }
  .header-flex .mobile-header-search-toggle .ui-icon{width:19px;height:19px}
  .header-flex .search-form{
    display:none;
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%;
    min-width:0;
  }
  body[data-auth="0"] .header-flex .search-form{grid-row:3!important}
  .header-flex .search-form.is-mobile-open{display:block}
  .header-flex .auth-box{
    justify-self:end;
    min-width:0;
    margin-left:0;
  }
  body[data-auth="1"] .auth-box .profile-name{display:none}
  body[data-auth="1"] .auth-box .profile-link{
    min-height:42px;
    padding:3px;
    border-radius:50%;
  }
  body[data-auth="1"] .auth-box .profile-avatar{width:36px;height:36px}
  body[data-auth="1"] .auth-box:has(.header-logout) .profile-link{display:none}

  .mobile-bottom-nav{
    position:fixed;
    z-index:15;
    right:0;
    bottom:0;
    left:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:3px;
    min-height:68px;
    padding:6px max(18px,env(safe-area-inset-right,0px)) var(--mobile-bottom-nav-bottom-padding) max(18px,env(safe-area-inset-left,0px));
    border:1px solid var(--border);
    border-width:1px 0 0;
    border-radius:18px 18px 0 0;
    background:rgba(13,18,28,.94);
    box-shadow:0 -12px 32px rgba(0,0,0,.34);
    backdrop-filter:blur(18px);
    transform:translate3d(0,var(--mobile-visual-viewport-offset,0px),0);
  }
  body[data-auth="1"] .user-report-launcher{
    bottom:calc(66px + var(--mobile-bottom-nav-bottom-padding));
    transform:translate3d(0,var(--mobile-visual-viewport-offset,0px),0);
  }
  body[data-auth="1"] .user-report-launcher:hover{
    transform:translate3d(0,calc(var(--mobile-visual-viewport-offset,0px) - 1px),0);
  }
  .mobile-bottom-nav-movie{
    grid-template-columns:repeat(2,minmax(0,1fr));
    background:rgba(27,18,14,.95);
  }
  .mobile-bottom-nav-link{
    display:grid;
    min-width:0;
    min-height:52px;
    align-content:center;
    justify-items:center;
    gap:3px;
    padding:4px 3px;
    border:1px solid transparent;
    border-radius:12px;
    color:var(--muted);
    text-decoration:none;
  }
  .mobile-bottom-nav-link .ui-icon{width:19px;height:19px}
  .mobile-bottom-nav-link span{
    max-width:100%;
    overflow:hidden;
    font-size:9px;
    font-weight:780;
    line-height:1.1;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .mobile-bottom-nav-link:hover,
  .mobile-bottom-nav-link:focus-visible{
    border-color:var(--primary-border);
    outline:0;
    background:var(--primary-soft);
    color:var(--text);
  }
  .mobile-bottom-nav-link.is-active{
    border-color:var(--primary-border);
    background:var(--primary-soft);
    color:#fff;
    box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.06);
  }

  .my-page .grid{align-items:stretch}
  .my-page .card-wrap{align-self:stretch}
  .my-page .card{height:100%}
  .my-page .card .title{
    display:block;
    height:var(--library-title-height,auto);
    overflow:visible;
    overflow-wrap:anywhere;
    white-space:normal;
    -webkit-box-orient:initial;
    -webkit-line-clamp:unset;
  }

  .home-priority-section{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .home-priority-section .home-section-heading{margin-top:-8px}
  .home-card-featured{
    position:relative;
    display:block;
    width:100%;
    min-height:360px;
    overflow:hidden;
    border-radius:20px;
    background:#0c121d;
  }
  .home-card-featured .home-card-poster{
    position:absolute;
    inset:0;
    min-height:0;
    border:0;
  }
  .home-card-featured .home-card-poster::after{
    position:absolute;
    z-index:2;
    inset:0;
    background:linear-gradient(to top,#0c121d 4%,rgba(12,18,29,.54) 50%,rgba(8,11,18,.04) 82%);
    content:"";
    pointer-events:none;
  }
  .home-card-featured .home-card-poster-backdrop{display:none}
  .home-card-featured .home-card-poster-image{
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 20%;
    filter:none;
  }
  .home-card-featured .home-card-link{z-index:3}
  .home-card-featured .home-card-content{
    position:absolute;
    z-index:4;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    padding:20px;
    pointer-events:none;
  }
  .home-card-featured .home-episode-label{
    order:-3;
    margin-top:0;
    color:#b8caff;
  }
  .home-card-featured .home-card-title{
    order:-2;
    margin-top:5px;
    overflow:visible;
    color:#fff;
    font-size:30px;
    line-height:1.05;
    text-shadow:0 2px 14px rgba(0,0,0,.82);
  }
  .home-card-featured .home-card-subtitle{order:-1;color:#d4d9e5}
  .home-card-featured .home-episode-heading{order:0;align-items:flex-start;margin-top:9px}
  .home-card-featured .home-episode-code{padding-top:2px}
  .home-card-featured .home-episode-name{
    display:-webkit-box;
    overflow:hidden;
    color:#f1f4fb;
    font-size:14px;
    line-height:1.35;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .home-card-featured .home-episode-meta{order:1;color:#c1c8d6}
  .home-card-featured .home-card-actions{
    z-index:5;
    display:grid;
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    order:2;
    gap:8px;
    padding-top:14px;
    pointer-events:auto;
  }
  .home-card-featured .home-card-actions .btn{width:100%;min-width:0}
  .home-card-featured .home-details-action{display:inline-flex}

  .home-section-heading.compact{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:0;
    border-bottom:0;
  }
  .home-section-heading.compact p{display:none}
  .home-card-row{
    display:grid;
    width:100%;
    gap:8px;
    overflow:visible;
    padding:0;
    scroll-snap-type:none;
  }
  .home-card-row .home-card-new{
    display:grid;
    width:100%;
    min-height:94px;
    grid-template-columns:62px minmax(0,1fr);
    overflow:hidden;
    border-radius:14px;
    scroll-snap-align:none;
  }
  .home-card-new:hover{transform:none}
  .home-card-new .home-card-poster{
    min-height:94px;
    border-right:1px solid var(--border);
  }
  .home-card-new .home-card-poster-backdrop{display:none}
  .home-card-new .home-card-poster-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    filter:none;
  }
  .home-card-new .home-card-content{
    display:grid;
    min-width:0;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto auto;
    align-content:center;
    align-items:center;
    gap:3px 10px;
    padding:10px;
  }
  .home-card-new .home-card-topline,
  .home-card-new .home-card-subtitle,
  .home-card-new .home-episode-label{display:none}
  .home-card-new .home-card-title{
    display:-webkit-box;
    grid-column:1;
    grid-row:1;
    overflow:hidden;
    font-size:13px;
    line-height:1.25;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .home-card-new .home-episode-heading{
    grid-column:1;
    grid-row:2;
    gap:5px;
    margin-top:0;
    overflow:hidden;
  }
  .home-card-new .home-episode-code{font-size:10px}
  .home-card-new .home-episode-name{
    overflow:hidden;
    font-size:11px;
    font-weight:650;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-card-new .home-episode-meta{
    display:block;
    grid-column:1;
    grid-row:3;
    min-height:0;
    margin-top:0;
    overflow:hidden;
    font-size:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-card-new .home-new-count-inline{display:inline}
  .home-card-new .home-new-count-inline::before{margin:0 4px;content:"·"}
  .home-card-new .home-card-actions{
    grid-column:2;
    grid-row:1/4;
    margin:0;
    padding:0;
  }
  .home-card-new .home-primary-action{
    display:inline-flex;
    width:36px;
    min-width:36px;
    height:36px;
    min-height:36px;
    align-items:center;
    justify-content:center;
    padding:0!important;
    border-radius:50%!important;
  }
  .home-card-new .home-action-label{display:none}
  .home-card-new .home-action-mobile-icon{display:block;width:17px;height:17px}
}

@media(max-width:380px){
  body[data-auth="1"] .header-flex{
    grid-template-columns:auto minmax(94px,1fr) auto auto;
  }
  body[data-auth="1"] .header-flex .mobile-header-search-toggle{grid-column:3}
  body[data-auth="1"] .header-flex .auth-box{grid-column:4}
  .header-flex .logo-image{width:56px}
  .header-flex .media-mode-option{padding-inline:3px;font-size:11px}
  .mobile-bottom-nav-link span{font-size:8px}
  .home-card-featured{min-height:340px}
  .home-card-featured .home-card-content{padding:17px}
  .home-card-featured .home-card-title{font-size:27px}
}

/* Sponsr project support */
.sponsr-support-card{
  position:relative;
  display:grid;
  min-width:0;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  overflow:hidden;
  margin-top:22px;
  padding:14px;
  border:1px solid rgba(235,29,33,.38);
  border-radius:16px;
  background:
    radial-gradient(circle at 92% -30%,rgba(235,29,33,.23),transparent 46%),
    linear-gradient(145deg,rgba(30,20,24,.98),rgba(17,19,25,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.2);
}
.sponsr-support-logo{
  position:relative;
  z-index:1;
  display:block;
  width:48px;
  height:48px;
  border-radius:13px;
  box-shadow:0 8px 20px rgba(235,29,33,.26);
}
.sponsr-support-copy{position:relative;z-index:1;min-width:0}
.sponsr-support-brand{
  margin-bottom:3px;
  color:#ff777a;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}
.sponsr-support-copy h2{margin:0;color:#fff7f7;font-size:18px;line-height:1.2;letter-spacing:-.015em}
.sponsr-support-copy p{max-width:660px;margin:4px 0 0;color:#c9b9bd;font-size:12px;line-height:1.4}
.sponsr-support-action{
  position:relative;
  z-index:1;
  display:inline-flex;
  min-height:40px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:#eb1d21;
  box-shadow:0 10px 24px rgba(235,29,33,.24);
  color:#fff;
  font-size:12px;
  font-weight:820;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.sponsr-support-action:hover{background:#ff3438;transform:translateY(-1px);box-shadow:0 14px 28px rgba(235,29,33,.32)}
.sponsr-support-action:focus-visible,.profile-project-support-link:focus-visible{outline:3px solid rgba(235,29,33,.4);outline-offset:3px}
.sponsr-support-action .ui-icon{width:15px;height:15px}
.profile-project-card{
  display:grid;
  margin-top:11px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:14px;
  background:linear-gradient(150deg,var(--primary-soft),rgba(255,255,255,.025));
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.profile-project-link{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:10px;
  color:#fff;
  text-decoration:none;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.profile-project-link+.profile-project-link{border-top:1px solid var(--border)}
.profile-project-link:hover{background:rgba(var(--primary-rgb),.14)}
.profile-project-link:focus-visible{position:relative;z-index:1;outline:0;box-shadow:inset 0 0 0 3px rgba(var(--primary-rgb),.42)}
.profile-project-link[aria-busy="true"]{pointer-events:none;opacity:.68}
.profile-project-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--primary-border);border-radius:11px;background:rgba(var(--primary-rgb),.16);color:var(--primary)}
.profile-project-icon .ui-icon{width:20px;height:20px}
.profile-project-telegram-link{background:rgba(42,171,238,.045)}
.profile-project-telegram-link:hover{background:rgba(42,171,238,.12)}
.profile-project-telegram-icon{border-color:rgba(42,171,238,.46);background:rgba(42,171,238,.14);color:#55c2f6}
.profile-project-telegram-link .profile-project-arrow{color:#55c2f6}
.profile-project-support-link{background:rgba(235,29,33,.045)}
.profile-project-support-link:hover{background:rgba(235,29,33,.12)}
.profile-project-support-link img{display:block;width:38px;height:38px;border-radius:10px;box-shadow:0 7px 16px rgba(235,29,33,.22)}
.profile-project-copy{display:grid;min-width:0;gap:2px}
.profile-project-copy strong{color:var(--text);font-size:12px;line-height:1.15}
.profile-project-copy span{color:var(--muted);font-size:10px;font-weight:720;line-height:1.25}
.profile-project-trailing{display:grid;grid-template-columns:auto 15px 0;align-items:center;column-gap:10px}
.profile-project-badge{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:var(--primary);color:#08101f;font-size:11px;font-weight:900}
body[data-media-type="movie"] .profile-project-badge{color:#241006}
.profile-project-arrow{grid-column:2;width:15px;height:15px;color:var(--primary)}

/* Project news */
.project-news-main{max-width:1040px}
.project-news-page,.project-news-detail-page{width:100%;max-width:900px;margin:0 auto}
.project-news-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:26px;border:1px solid var(--primary-border);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(var(--primary-rgb),.22),transparent 44%),var(--panel);box-shadow:var(--shadow)}
.project-news-kicker{margin-bottom:7px;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.project-news-hero h1{margin:0;color:var(--text);font-size:clamp(28px,5vw,44px);line-height:1.04;letter-spacing:-.04em}
.project-news-hero p{max-width:610px;margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.55}
.project-news-mark-all{flex:0 0 auto;white-space:nowrap}
.project-news-feedback{min-height:20px;margin:-10px 2px 12px;color:var(--muted);font-size:12px}
.project-news-grid{display:grid;gap:14px}
.project-news-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 12px 28px rgba(0,0,0,.14);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.project-news-card:hover{border-color:var(--primary-border);background:var(--panel-2);transform:translateY(-2px)}
.project-news-card.is-new{border-color:rgba(var(--primary-rgb),.58);box-shadow:inset 3px 0 0 var(--primary),0 12px 28px rgba(0,0,0,.14)}
.project-news-card.is-read{opacity:.78}
.project-news-card-link{display:block;padding:20px 22px;color:inherit;text-decoration:none}
.project-news-card-link:focus-visible{outline:0;box-shadow:inset 0 0 0 3px rgba(var(--primary-rgb),.5)}
.project-news-card-meta,.project-news-article-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;font-weight:750}
.project-news-state{display:inline-flex;min-height:23px;align-items:center;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.03);color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.project-news-state.is-new{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary)}
.project-news-state.is-read{opacity:.72}
.project-news-card h2{margin:12px 0 7px;color:var(--text);font-size:clamp(18px,3vw,23px);line-height:1.2;letter-spacing:-.02em}
.project-news-card p{display:-webkit-box;max-width:750px;margin:0;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.project-news-card-action{display:inline-flex;align-items:center;gap:6px;margin-top:15px;color:var(--primary);font-size:12px;font-weight:850}
.project-news-card-action .ui-icon{width:14px;height:14px}
.project-news-empty{display:flex;align-items:center;gap:16px;padding:24px;border:1px dashed var(--border);border-radius:18px;background:var(--panel)}
.project-news-empty-icon{display:inline-flex;width:48px;height:48px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)}
.project-news-empty-icon .ui-icon{width:25px;height:25px}
.project-news-empty h2{margin:0;color:var(--text);font-size:18px}
.project-news-empty p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.project-news-back{display:inline-flex;align-items:center;gap:7px;margin:2px 0 16px;color:var(--muted);font-size:13px;font-weight:800;text-decoration:none}
.project-news-back:hover{color:var(--primary)}
.project-news-back:focus-visible{outline:0;border-radius:6px;box-shadow:var(--focus-ring)}
.project-news-back .ui-icon{width:15px;height:15px}
.project-news-article{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}
.project-news-article>header{padding:26px 28px 22px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 100% 0,rgba(var(--primary-rgb),.18),transparent 48%)}
.project-news-article h1{max-width:780px;margin:13px 0 0;color:var(--text);font-size:clamp(27px,5vw,42px);line-height:1.08;letter-spacing:-.035em}
.project-news-rich,.project-news-content-unavailable{padding:26px 28px;color:var(--text);font-size:16px;line-height:1.72}
.project-news-rich>:first-child{margin-top:0}
.project-news-rich>:last-child{margin-bottom:0}
.project-news-rich h2,.project-news-rich h3,.project-news-rich h4{margin:1.5em 0 .55em;line-height:1.22;letter-spacing:-.02em}
.project-news-rich p,.project-news-rich ul,.project-news-rich ol,.project-news-rich blockquote{margin:0 0 1em}
.project-news-rich a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:3px}
.project-news-rich img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:14px}
.project-news-rich blockquote{padding:2px 0 2px 18px;border-left:3px solid var(--primary);color:var(--muted)}
.project-news-article>footer{display:flex;padding:0 28px 28px}

@media(max-width:900px){
  .sponsr-support-card{gap:12px}
}
@media(max-width:720px){
  .sponsr-support-card{
    grid-template-columns:42px minmax(0,1fr);
    gap:10px;
    margin-top:20px;
    padding:12px;
    border-radius:14px;
  }
  .sponsr-support-logo{width:42px;height:42px;border-radius:11px}
  .sponsr-support-copy h2{font-size:16px}
  .sponsr-support-copy p{font-size:11px}
  .sponsr-support-action{grid-column:1 / -1;width:100%;min-height:36px;padding:8px 10px}
  .profile-project-card{
    margin-top:8px;
  }
  .project-news-hero{align-items:flex-start;flex-direction:column;padding:21px}
  .project-news-mark-all{width:100%}
  .project-news-card-link{padding:18px}
  .project-news-article>header,.project-news-rich,.project-news-content-unavailable{padding:21px}
  .project-news-article>footer{padding:0 21px 21px}
}
@media(max-width:420px){
  .sponsr-support-copy h2{font-size:15px}
}

/* Friends */
.profile-menu-badge{display:inline-flex;min-width:21px;height:21px;grid-column:3;align-items:center;justify-content:center;justify-self:end;padding:0 6px;border-radius:999px;background:#ff5f68;color:#fff;font-size:10px;font-weight:900;line-height:1}
.profile-menu-badge-value{display:block;transform:translateY(-1px)}
.friends-panel{display:grid;gap:18px}
.friends-discovery-card{margin:0}
.friends-discovery-body{display:grid;gap:12px;padding:20px}
.friends-search-form{display:grid;gap:8px;margin:0}
.friends-search-form>label{color:var(--text);font-size:13px;font-weight:800}
.friends-search-form>small{color:var(--muted);font-size:11px;line-height:1.45}
.friends-search-control{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.friends-search-control input{width:100%;min-width:0;min-height:48px;padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;line-height:1.5;outline:0}
.friends-search-control input:focus{border-color:var(--primary-border);box-shadow:var(--focus-ring)}
.friends-feedback{padding:10px 12px;border:1px solid var(--primary-border);border-radius:10px;background:var(--primary-soft);color:var(--text);font-size:12px}
.friends-feedback.is-error{border-color:rgba(255,93,93,.45);background:rgba(255,93,93,.1);color:#ffc4cc}
.friends-search-results{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.friends-search-empty{padding:14px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:12px;text-align:center}
.friends-section{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.friends-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.friends-section-heading h3{margin:0;color:var(--text);font-size:18px}
.friends-section-heading p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.friends-count{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--primary-border);border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:900}
.friends-list{display:grid;gap:9px}
.friend-row,.friend-card-main{display:flex;align-items:center;gap:12px;min-width:0}
.friend-row{padding:11px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02)}
.friend-avatar,.friend-profile-avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--primary-border);border-radius:50%;background:linear-gradient(145deg,rgba(var(--primary-rgb),.9),rgba(var(--primary-rgb),.38));color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.friend-avatar{width:40px;height:40px;font-size:14px}
.friend-row-copy{display:grid;min-width:0;flex:1;gap:3px}
.friend-row-copy strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.friend-row-copy small{color:var(--muted);font-size:10px;line-height:1.35}
.friend-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.btn.danger{border-color:rgba(255,93,93,.34);color:#ffc4cc}
.friend-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.02)}
.friend-card-main{padding:12px}
.friend-privacy{border-top:1px solid var(--border)}
.friend-privacy>summary,.friends-blocked-section>summary{padding:11px 13px;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer;list-style:none}
.friend-privacy>summary::-webkit-details-marker,.friends-blocked-section>summary::-webkit-details-marker{display:none}
.friend-privacy>summary:hover,.friends-blocked-section>summary:hover{color:var(--primary)}
.friend-privacy-body{display:grid;gap:13px;padding:2px 13px 14px}
.friend-privacy-body>p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.friend-privacy-presets,.friend-privacy-actions{display:flex;flex-wrap:wrap;gap:7px}
.friend-privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.friend-privacy-option{display:flex;min-width:0;align-items:center;gap:9px;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);font-size:11px;line-height:1.3;cursor:pointer}
.friend-privacy-option:has(.app-switch-input:focus-visible),.profile-display-option:has(.app-switch-input:focus-visible),.profile-notification-option:has(.app-switch-input:focus-visible),.profile-channel-enabled:has(.app-switch-input:focus-visible){outline:0}
.friend-privacy-option-show{border-color:rgba(91,140,255,.26)}
.friend-privacy-option-movie{border-color:rgba(240,138,75,.3)}
.friends-blocked-section{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.friends-blocked-section[open]>summary{border-bottom:1px solid var(--border)}
.friends-blocked-section>.friends-list{padding:10px}

.friend-profile-main{max-width:1180px}
.friend-profile-page{display:grid;gap:20px}
.friend-profile-back{display:inline-flex;width:max-content;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800;text-decoration:none}
.friend-profile-back:hover{color:var(--primary)}
.friend-profile-hero{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--primary-border);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(var(--primary-rgb),.2),transparent 46%),var(--panel);box-shadow:var(--shadow)}
.friend-profile-avatar{width:66px;height:66px;font-size:24px}
.friend-profile-hero h1{margin:3px 0 0;font-size:clamp(28px,5vw,42px);letter-spacing:-.035em}
.friend-profile-hero p{margin:7px 0 0;color:var(--muted);font-size:13px}
.friend-common-summary,.friend-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.friend-common-summary article,.friend-stat-grid article{display:grid;gap:5px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.friend-common-summary span,.friend-stat-grid span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.friend-common-summary strong,.friend-stat-grid strong{font-size:23px;line-height:1.1}
.friend-common-summary small{color:var(--muted);font-size:10px}
.friend-common-summary .is-show,.friend-stat-grid .is-show{border-color:rgba(91,140,255,.35)}
.friend-common-summary .is-movie,.friend-stat-grid .is-movie{border-color:rgba(240,138,75,.38)}
.friend-profile-section{display:grid;gap:15px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}
.friend-profile-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.friend-profile-section-heading h2{margin:3px 0 0;font-size:22px}
.friend-profile-section-heading>strong{color:var(--primary);font-size:18px}
.friend-media-group{display:grid;gap:10px;padding-top:5px}
.friend-media-group+ .friend-media-group{padding-top:15px;border-top:1px solid var(--border)}
.friend-media-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.friend-media-group>header h3{margin:0;font-size:15px}
.friend-media-group>header span{color:var(--muted);font-size:11px;font-weight:900}
.friend-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}
.friend-media-card{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.friend-media-group-show .friend-media-card{border-color:rgba(91,140,255,.25)}
.friend-media-group-movie .friend-media-card{border-color:rgba(240,138,75,.28)}
.friend-media-card>a{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:9px;padding:8px;color:inherit;text-decoration:none}
.friend-media-card img{width:52px;height:76px;border-radius:7px;object-fit:cover;background:var(--poster-surface)}
.friend-media-card>a>span{display:grid;min-width:0;gap:4px}
.friend-media-card strong{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.friend-media-card small{color:var(--muted);font-size:9px}
.friend-media-rating{padding:0 9px 8px;color:#ffd56a;font-size:10px;font-weight:850}
.friend-media-card>p{margin:0;padding:8px 9px;border-top:1px solid var(--border);color:var(--muted);font-size:10px;line-height:1.45}
.friend-achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}
.friend-achievement-grid article{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}
.friend-achievement-grid img{width:54px;height:54px;object-fit:contain}
.friend-achievement-grid span{display:grid;gap:4px}
.friend-achievement-grid strong{font-size:11px;line-height:1.35}
.friend-achievement-grid small{color:var(--muted);font-size:9px}

@media(max-width:720px){
  .recommendation-filter-submit{grid-column:auto;padding-top:0}
  .friend-row,.friend-card-main{align-items:flex-start;flex-wrap:wrap}
  .friend-row-actions{width:100%;justify-content:flex-start;padding-left:52px}
  .friend-card-main>.btn{margin-left:52px}
  .friend-privacy-grid{grid-template-columns:1fr}
  .friend-profile-hero{align-items:flex-start;padding:20px}
  .friend-profile-avatar{width:54px;height:54px;font-size:20px}
  .friend-profile-section{padding:16px}
}

/* Games */
.games-body{background:radial-gradient(circle at 50% -10%,rgba(var(--primary-rgb),.18),transparent 34rem),var(--bg)}
.games-main{max-width:1120px}
.games-page,.king-game{display:grid;gap:24px;width:100%;max-width:1000px;margin:0 auto;padding-bottom:30px}
.games-page-hero,.king-game-title-row{display:flex;align-items:center;gap:17px}
.games-page-hero-icon,.king-game-title-icon{display:inline-flex;width:58px;height:58px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--primary-border);border-radius:18px;background:linear-gradient(145deg,rgba(var(--primary-rgb),.25),rgba(var(--primary-rgb),.08));color:color-mix(in srgb,var(--primary) 68%,white);box-shadow:0 14px 34px rgba(var(--primary-rgb),.16)}
.games-page-hero-icon .ui-icon,.king-game-title-icon .ui-icon{width:30px;height:30px}
.games-page-hero h1,.king-game-title-row h1{margin:0;color:#f6f8ff;font-size:clamp(30px,5vw,45px);line-height:1.05;letter-spacing:-.04em}
.games-page-hero p,.king-game-title-row p{max-width:680px;margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.games-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.games-library-card{position:relative;display:grid;min-height:280px;grid-template-columns:minmax(180px,.78fr) minmax(260px,1.22fr);overflow:hidden;border:1px solid var(--primary-border);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel-2) 78%,var(--primary)),var(--panel));box-shadow:0 20px 50px rgba(0,0,0,.24)}
.games-library-card-art{position:relative;display:grid;min-height:280px;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(var(--primary-rgb),.28),transparent 62%)}
.games-library-card-art>.ui-icon{position:relative;z-index:2;width:92px;height:92px;color:color-mix(in srgb,var(--primary) 58%,white);filter:drop-shadow(0 15px 26px rgba(var(--primary-rgb),.32));animation:games-crown-float 3.6s ease-in-out infinite}
.games-library-orbit{position:absolute;border:1px solid rgba(var(--primary-rgb),.3);border-radius:50%;animation:games-orbit 12s linear infinite}
.games-library-orbit-one{width:180px;height:180px}
.games-library-orbit-two{width:245px;height:245px;animation-direction:reverse;animation-duration:18s}
.games-library-orbit::after{content:"";position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 16px var(--primary)}
.games-library-card-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px}
.games-library-badge,.king-game-kicker,.games-page-hero-copy>span{color:color-mix(in srgb,var(--primary) 72%,white);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.games-library-card h2{margin:10px 0 8px;color:#f8f9ff;font-size:clamp(27px,4vw,39px);line-height:1.05;letter-spacing:-.035em}
.games-library-card p{max-width:500px;margin:0;color:#b7c0d2;font-size:14px;line-height:1.55}
.games-library-action{display:inline-flex;align-items:center;gap:9px;margin-top:24px;font-weight:820}
.games-library-action .ui-icon{width:16px;height:16px;transition:transform .18s ease}
.games-library-action:hover .ui-icon{transform:translateX(3px)}
@keyframes games-crown-float{50%{transform:translateY(-8px) rotate(-2deg)}}
@keyframes games-orbit{to{transform:rotate(360deg)}}

.home-game-promo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:26px;padding:18px 20px;border:1px solid var(--primary-border);border-radius:18px;background:radial-gradient(circle at 0 50%,rgba(var(--primary-rgb),.19),transparent 28%),linear-gradient(145deg,var(--panel-2),var(--panel));box-shadow:0 14px 34px rgba(0,0,0,.16)}
.home-game-promo-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--primary-border);border-radius:15px;background:var(--primary-soft);color:color-mix(in srgb,var(--primary) 68%,white)}
.home-game-promo-icon .ui-icon{width:27px;height:27px}
.home-game-promo-copy{min-width:0}
.home-game-promo-copy>span{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.home-game-promo h2{margin:3px 0;color:#f4f6ff;font-size:20px}
.home-game-promo p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.home-game-promo-actions{display:flex;align-items:center;gap:13px}
.home-game-promo-actions .btn{white-space:nowrap}
.home-game-promo-all{color:var(--muted);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.home-game-promo-all:hover{color:var(--primary)}
.profile-project-games-link{background:rgba(var(--primary-rgb),.045)}
.profile-project-games-link:hover{background:rgba(var(--primary-rgb),.15)}

.king-game{max-width:930px;gap:20px}
.king-game-hero{display:grid;gap:18px}
.king-game-back{display:inline-flex;width:max-content;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800;text-decoration:none}
.king-game-back:hover{color:var(--primary)}
.king-game-back:focus-visible{outline:0;border-radius:6px;box-shadow:var(--focus-ring)}
.king-game-back .ui-icon{width:15px;height:15px}
.king-game-kicker{display:block;margin-bottom:6px}
.king-game-settings{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:28px;overflow:hidden;padding:27px;border:1px solid var(--primary-border);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(91,140,255,.16),transparent 34%),linear-gradient(145deg,#1d2330,#161a22);box-shadow:0 18px 44px rgba(0,0,0,.2);transition:border-color .38s ease,box-shadow .38s ease}
.king-game-settings[data-settings-media-type="show"]{--bg:#0f1115;--panel:#161a22;--panel-2:#1d2330;--primary:#5b8cff;--primary-600:#4a77e6;--primary-rgb:91,140,255;--primary-soft:rgba(91,140,255,.14);--primary-border:rgba(91,140,255,.42);--focus-ring:0 0 0 3px rgba(91,140,255,.28);--border:#273043;--king-control:#101620;--king-control-hover:#141b28;--king-control-border:#303b50;--king-control-border-hover:#465571;--king-menu:#141a25;--king-option-hover:#232d40;--king-selected-text:#dce7ff;--king-chevron:#9da9bf}
.king-game-settings[data-settings-media-type="movie"]{--bg:#130f0d;--panel:#1d1714;--panel-2:#29201b;--primary:#f08a4b;--primary-600:#d96f34;--primary-rgb:240,138,75;--primary-soft:rgba(240,138,75,.13);--primary-border:rgba(240,138,75,.43);--focus-ring:0 0 0 3px rgba(240,138,75,.27);--border:#49362d;--king-control:#18110e;--king-control-hover:#211713;--king-control-border:#563d31;--king-control-border-hover:#76513e;--king-menu:#211713;--king-option-hover:#3a281f;--king-selected-text:#ffe4d3;--king-chevron:#c7a18a}
.king-game-settings::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:radial-gradient(circle at 0 0,rgba(240,138,75,.16),transparent 34%),linear-gradient(145deg,#29201b,#1d1714);opacity:0;pointer-events:none;transition:opacity .38s ease}
.king-game-settings[data-settings-media-type="movie"]::before{opacity:1}
.king-game-settings>*{position:relative;z-index:1}
.king-game-settings-copy h2{margin:0;color:#f4f6ff;font-size:25px;line-height:1.15}
.king-game-settings-copy p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.king-game-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.king-game-field{display:grid;min-width:0;min-height:67px;align-content:start;gap:7px;color:#cbd4e5;font-size:12px;font-weight:800}
.king-game-genre-field{grid-column:1/-1}
.king-game-settings[data-settings-media-type] .app-select-trigger{min-height:45px;border-color:var(--king-control-border);background:var(--king-control);font-size:13px;transition:border-color .32s ease,background-color .32s ease,color .32s ease,box-shadow .32s ease}
.king-game-settings[data-settings-media-type] .app-select-trigger:hover{border-color:var(--king-control-border-hover);background:var(--king-control-hover)}
.king-game-settings[data-settings-media-type] .app-select-trigger:focus-visible,.king-game-settings[data-settings-media-type] .app-select.is-open .app-select-trigger{border-color:var(--primary);background:var(--king-control-hover);box-shadow:var(--focus-ring)}
.king-game-settings[data-settings-media-type] .app-select-menu{border-color:var(--king-control-border-hover);background:var(--king-menu);transition:border-color .32s ease,background-color .32s ease}
.king-game-settings[data-settings-media-type] .app-select-option:hover,.king-game-settings[data-settings-media-type] .app-select-option:focus-visible{background:var(--king-option-hover)}
.king-game-settings[data-settings-media-type] .app-select-option.is-selected{background:var(--primary-soft);color:var(--king-selected-text)}
.king-game-settings[data-settings-media-type] .app-select-option-check{color:var(--primary)}
.king-game-settings[data-settings-media-type] .app-select-chevron{color:var(--king-chevron)}
.king-game-mode-description{grid-column:1/-1;min-height:38px;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,.12);color:var(--muted);font-size:11px;line-height:1.45;transition:border-color .32s ease,background-color .32s ease,color .32s ease}
.king-game-settings-status{grid-column:1/-1;min-height:17px;color:#ffc0c8;font-size:12px;line-height:1.4}
.king-game-start{display:inline-flex;min-height:46px;grid-column:1/-1;align-items:center;justify-content:center;gap:9px;font-weight:850;transition:border-color .32s ease,background-color .32s ease,color .32s ease,box-shadow .32s ease,transform .18s ease}
.king-game-start .ui-icon{width:17px;height:17px}

.king-game-arena{position:relative;scroll-margin-top:14px}
.king-game-statusbar{display:grid;grid-template-columns:auto auto minmax(160px,1fr);align-items:center;gap:18px;margin-bottom:16px;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:rgba(18,23,33,.86);box-shadow:0 10px 26px rgba(0,0,0,.14)}
body[data-media-type="movie"] .king-game-statusbar{border-color:var(--primary-border);background:rgba(33,23,19,.9)}
.king-game-status-copy{display:grid;gap:2px}
.king-game-arena-back{display:inline-flex;align-items:center;justify-self:start;gap:6px;padding:7px 9px;border:1px solid var(--primary-border);border-radius:9px;background:var(--primary-soft);color:color-mix(in srgb,var(--primary) 58%,white);cursor:pointer;font:inherit;font-size:11px;font-weight:850}
.king-game-arena-back:disabled{visibility:hidden;pointer-events:none}
.king-game-arena-back:hover{border-color:var(--primary);color:#fff}
.king-game-arena-back:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.king-game-arena-back .ui-icon{width:14px;height:14px}
.king-game-stage{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.king-game-statusbar strong{color:#e9edfa;font-size:13px}
.king-game-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#222b3d}
body[data-media-type="movie"] .king-game-progress-track{background:#493126}
.king-game-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 75%,#fff),var(--primary));box-shadow:0 0 16px rgba(var(--primary-rgb),.48);transition:width .4s ease}
.king-game-duel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:center;gap:18px;padding:24px;border:1px solid rgba(var(--primary-rgb),.25);border-radius:24px;background:radial-gradient(circle at 50% 46%,rgba(var(--primary-rgb),.14),transparent 31%),linear-gradient(160deg,rgba(25,31,43,.96),rgba(12,16,24,.98));box-shadow:0 24px 58px rgba(0,0,0,.26);overflow-anchor:none}
body[data-media-type="movie"] .king-game-duel{background:radial-gradient(circle at 50% 46%,rgba(var(--primary-rgb),.13),transparent 31%),linear-gradient(160deg,rgba(38,28,23,.97),rgba(20,14,12,.99))}
.king-game-card{--king-card-border:#34415a;--king-card-shadow:0 16px 36px rgba(0,0,0,.25);position:relative;display:grid;min-width:0;grid-template-columns:minmax(0,1fr);align-self:stretch;overflow:hidden;padding:0;border:1px solid var(--king-card-border);border-radius:19px;background:#151b27;color:var(--text);cursor:pointer;font:inherit;text-align:left;box-shadow:var(--king-card-shadow)}
body[data-media-type="movie"] .king-game-card{--king-card-border:#5b4033;background:#211713}
.king-game-card::after{content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;background:transparent;box-shadow:inset 0 0 0 0 rgba(var(--primary-rgb),0);pointer-events:none}
.king-game-card:hover:not(:disabled){z-index:2;border-color:var(--primary);box-shadow:0 20px 44px rgba(0,0,0,.32),0 0 0 3px rgba(var(--primary-rgb),.13)}
.king-game-card:focus-visible{z-index:3;outline:0;box-shadow:var(--focus-ring),0 20px 44px rgba(0,0,0,.3)}
.king-game-card.is-choice-pulsing{z-index:3;animation:king-card-choice-pulse .36s ease-out both}
.king-game-card.is-choice-pulsing::after{animation:king-card-choice-overlay .36s ease-out both}
@keyframes king-card-choice-pulse{0%,100%{border-color:var(--king-card-border);box-shadow:var(--king-card-shadow)}42%{border-color:color-mix(in srgb,var(--primary) 58%,white);box-shadow:var(--king-card-shadow),0 0 0 5px rgba(var(--primary-rgb),.42),0 0 34px rgba(var(--primary-rgb),.38)}}
@keyframes king-card-choice-overlay{0%,100%{background:transparent;box-shadow:inset 0 0 0 0 rgba(var(--primary-rgb),0)}42%{background:rgba(var(--primary-rgb),.14);box-shadow:inset 0 0 0 4px rgba(var(--primary-rgb),.88),inset 0 0 38px rgba(var(--primary-rgb),.16)}}
.king-game-card-poster{position:relative;display:block;overflow:hidden;aspect-ratio:2/3;background:var(--poster-surface)}
.king-game-card-poster img{display:block;width:100%;height:100%;object-fit:cover}
.king-game-card-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px 10px;padding:14px 15px 17px}
.king-game-card-type{grid-column:1/-1;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.king-game-card-copy>strong{display:-webkit-box;min-height:42px;overflow:hidden;color:#f1f4fd;font-size:16px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.king-game-card-year{align-self:start;color:var(--muted);font-size:11px;white-space:nowrap}
.king-game-versus{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--primary-border);border-radius:50%;background:var(--panel-2);color:#d9e1f2;font-size:10px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.king-game-round-announcement{position:absolute;z-index:8;inset:68px 0 auto;display:flex;min-height:calc(100% - 68px);align-items:center;justify-content:center;gap:12px;border-radius:24px;background:rgba(10,13,20,.83);color:#f6f8ff;opacity:0;backdrop-filter:blur(10px);transition:opacity .18s ease}
body[data-media-type="movie"] .king-game-round-announcement{background:rgba(20,14,12,.83);color:#fff6f0}
.king-game-round-announcement.is-visible{opacity:1}
.king-game-round-announcement .ui-icon{width:31px;height:31px;color:var(--primary);filter:drop-shadow(0 0 12px rgba(var(--primary-rgb),.5))}
.king-game-round-announcement strong{font-size:clamp(22px,5vw,38px);letter-spacing:-.03em}

.king-game-results{position:relative;overflow:hidden;padding:34px 28px 28px;border:1px solid var(--primary-border);border-radius:25px;background:radial-gradient(circle at 50% 0,rgba(var(--primary-rgb),.25),transparent 43%),linear-gradient(160deg,var(--panel-2),var(--panel));box-shadow:0 24px 64px rgba(0,0,0,.3);opacity:0;scroll-margin-top:14px;transform:translateY(20px);transition:opacity .48s ease,transform .48s ease}
.king-game-results.is-visible{opacity:1;transform:none}
.king-game-results-heading{text-align:center}
.king-game-results-heading span{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.king-game-results-heading h2{margin:7px 0 0;color:#f8f9ff;font-size:clamp(29px,5vw,43px);line-height:1.05;letter-spacing:-.04em}
.king-game-champion{position:relative;z-index:2;display:grid;justify-items:center;max-width:250px;margin:48px auto 0;opacity:0;transform:translateY(30px) scale(.96)}
.king-game-results.is-visible .king-game-champion{animation:king-champion-rise .7s cubic-bezier(.18,.78,.28,1) .12s forwards}
@keyframes king-champion-rise{to{opacity:1;transform:none}}
.king-game-champion-poster{position:relative;width:min(100%,190px);border:2px solid #ffd45d;border-radius:18px;background:var(--poster-surface);box-shadow:0 22px 52px rgba(0,0,0,.38),0 0 34px rgba(255,212,93,.19)}
.king-game-champion-poster img{display:block;width:100%;aspect-ratio:2/3;border-radius:16px;object-fit:cover}
.king-game-champion-crown{position:absolute;top:-45px;left:50%;width:52px;height:52px;color:#ffd45d;filter:drop-shadow(0 8px 14px rgba(255,196,45,.4));transform:translateX(-50%) rotate(-5deg)}
.king-game-champion-copy{display:grid;gap:4px;padding:14px 5px 0;text-align:center}
.king-game-champion-copy strong{color:#f7f8fd;font-size:18px;line-height:1.3}
.king-game-champion-copy small{color:var(--muted);font-size:10px}
.king-game-podium{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:13px;max-width:720px;margin:35px auto 0}
.king-game-podium-place{position:relative;display:grid;justify-items:center;opacity:0;transform:translateY(30px)}
.king-game-results.is-visible .king-game-podium-place{animation:king-podium-rise .62s cubic-bezier(.18,.78,.28,1) forwards}
.king-game-results.is-visible .is-place-1{animation-delay:.15s}
.king-game-results.is-visible .is-place-2{animation-delay:.35s}
.king-game-results.is-visible .is-place-3{animation-delay:.5s}
@keyframes king-podium-rise{to{opacity:1;transform:none}}
.king-game-podium-medal{position:absolute;z-index:4;top:-12px;right:calc(50% - 64px);display:grid;width:31px;height:31px;place-items:center;border:2px solid #fff6;border-radius:50%;background:#a9b6ca;color:#10141d;font-size:12px;font-weight:950;box-shadow:0 7px 17px rgba(0,0,0,.28)}
.is-place-1 .king-game-podium-medal{background:#ffd45d}.is-place-3 .king-game-podium-medal{background:#c98a59}
.king-game-podium-poster{position:relative;width:min(100%,145px);overflow:visible;border:2px solid #9baabd;border-radius:15px;background:var(--poster-surface);box-shadow:0 16px 34px rgba(0,0,0,.3)}
.is-place-1 .king-game-podium-poster{width:min(100%,174px);border-color:#ffd45d;box-shadow:0 20px 46px rgba(0,0,0,.34),0 0 30px rgba(255,212,93,.16)}
.is-place-3 .king-game-podium-poster{border-color:#c98a59}
.king-game-podium-poster img{display:block;width:100%;aspect-ratio:2/3;border-radius:13px;object-fit:cover}
.king-game-podium-crown{position:absolute;top:-37px;left:50%;width:42px;height:42px;color:#ffd45d;filter:drop-shadow(0 7px 12px rgba(255,196,45,.35));transform:translateX(-50%) rotate(-5deg)}
.king-game-podium-copy{display:grid;min-width:0;width:100%;gap:3px;padding:12px 5px 10px;text-align:center}
.king-game-podium-copy span{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.king-game-podium-copy strong{display:-webkit-box;min-height:35px;overflow:hidden;color:#f2f5fd;font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.king-game-podium-copy small{color:var(--muted);font-size:9px}
.king-game-podium-step{width:100%;height:58px;border:1px solid #46546b;border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#334158,#202938)}
.is-place-1 .king-game-podium-step{height:94px;border-color:#766c42;background:linear-gradient(180deg,#5d5433,#302b20)}
.is-place-3 .king-game-podium-step{height:38px;border-color:#684a39;background:linear-gradient(180deg,#50392d,#2c241f)}
.king-game-result-actions{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
.king-game-result-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:820}
.king-game-share-button{position:absolute;z-index:4;top:18px;right:18px;display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid var(--primary-border);border-radius:9px;background:rgba(14,21,35,.72);color:#e7efff;backdrop-filter:blur(8px);cursor:pointer;font:inherit;font-size:11px;font-weight:820;line-height:1;transition:border-color .18s ease,background .18s ease,transform .18s ease}
body[data-media-type="movie"] .king-game-share-button{background:rgba(31,21,17,.78)}
.king-game-share-button:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}
.king-game-share-button:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.king-game-share-button:disabled{cursor:wait;opacity:.72;transform:none}
.king-game-share-button .ui-icon{width:15px;height:15px}
.king-game-share-status{position:absolute;z-index:5;top:60px;right:18px;max-width:calc(100% - 36px);padding:7px 9px;border:1px solid rgba(var(--primary-rgb),.5);border-radius:8px;background:rgba(14,21,35,.94);box-shadow:0 8px 20px rgba(0,0,0,.24);color:#eef4ff;font-size:11px;font-weight:750;line-height:1.15;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}
.king-game-share-status.is-visible{opacity:1;transform:translateY(0)}
.king-game-confetti{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.king-game-confetti i{position:absolute;top:-14px;left:var(--confetti-x);width:7px;height:13px;border-radius:2px;background:#ffd45d;animation:king-confetti var(--confetti-duration) var(--confetti-delay) ease-in forwards}
.king-game-confetti i[style*="--confetti-color: 1"]{background:#5b8cff}.king-game-confetti i[style*="--confetti-color: 2"]{background:#ef6b77}.king-game-confetti i[style*="--confetti-color: 3"]{background:#42d69a}.king-game-confetti i[style*="--confetti-color: 4"]{background:#f08a4b}
@keyframes king-confetti{to{transform:translateY(650px) rotate(var(--confetti-spin));opacity:.1}}

.games-library-card-title .games-library-card-art{background:radial-gradient(circle at 50% 45%,rgba(var(--primary-rgb),.3),transparent 58%),linear-gradient(145deg,rgba(var(--primary-rgb),.08),transparent)}
.games-library-card-title .games-library-card-art>.ui-icon{width:84px;height:84px}
.games-library-letter{position:absolute;z-index:1;display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(var(--primary-rgb),.35);border-radius:15px;background:rgba(12,17,25,.62);color:color-mix(in srgb,var(--primary) 55%,white);font-size:25px;font-weight:950;box-shadow:0 15px 28px rgba(0,0,0,.24);transform:rotate(var(--letter-angle))}
.games-library-letter-one{--letter-angle:-12deg;top:34px;left:27px}
.games-library-letter-two{--letter-angle:11deg;right:28px;bottom:38px}

.title-game{display:grid;width:100%;max-width:930px;gap:20px;margin:0 auto;padding-bottom:30px}
.title-game-hero{display:grid;gap:18px}
.title-game-back{display:inline-flex;width:max-content;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800;text-decoration:none}
.title-game-back:hover{color:var(--primary)}
.title-game-back:focus-visible{outline:0;border-radius:6px;box-shadow:var(--focus-ring)}
.title-game-back .ui-icon{width:15px;height:15px}
.title-game-title-row{display:flex;align-items:center;gap:17px}
.title-game-title-icon{display:inline-flex;width:58px;height:58px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--primary-border);border-radius:18px;background:linear-gradient(145deg,rgba(var(--primary-rgb),.25),rgba(var(--primary-rgb),.08));color:color-mix(in srgb,var(--primary) 68%,white);box-shadow:0 14px 34px rgba(var(--primary-rgb),.16)}
.title-game-title-icon .ui-icon{width:30px;height:30px}
.title-game-kicker,.title-game-results-kicker{display:block;color:color-mix(in srgb,var(--primary) 72%,white);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.title-game-title-row h1{margin:0;color:#f6f8ff;font-size:clamp(30px,5vw,45px);line-height:1.05;letter-spacing:-.04em}
.title-game-title-row p{max-width:680px;margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.5}

.title-game-settings{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.76fr) minmax(420px,1.24fr);gap:27px;overflow:hidden;padding:27px;border:1px solid var(--primary-border);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(91,140,255,.16),transparent 34%),linear-gradient(145deg,#1d2330,#161a22);box-shadow:0 18px 44px rgba(0,0,0,.2);transition:border-color .38s ease,box-shadow .38s ease}
.title-game-settings[data-settings-media-type="show"]{--panel:#161a22;--panel-2:#1d2330;--primary:#5b8cff;--primary-600:#4a77e6;--primary-rgb:91,140,255;--primary-soft:rgba(91,140,255,.14);--primary-border:rgba(91,140,255,.42);--focus-ring:0 0 0 3px rgba(91,140,255,.28);--border:#273043;--title-control:#101620;--title-control-hover:#141b28;--title-control-border:#303b50;--title-control-border-hover:#465571;--title-menu:#141a25;--title-option-hover:#232d40;--title-selected:#dce7ff;--title-chevron:#9da9bf}
.title-game-settings[data-settings-media-type="movie"]{--panel:#1d1714;--panel-2:#29201b;--primary:#f08a4b;--primary-600:#d96f34;--primary-rgb:240,138,75;--primary-soft:rgba(240,138,75,.13);--primary-border:rgba(240,138,75,.43);--focus-ring:0 0 0 3px rgba(240,138,75,.27);--border:#49362d;--title-control:#18110e;--title-control-hover:#211713;--title-control-border:#563d31;--title-control-border-hover:#76513e;--title-menu:#211713;--title-option-hover:#3a281f;--title-selected:#ffe4d3;--title-chevron:#c7a18a}
.title-game-settings::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:radial-gradient(circle at 0 0,rgba(240,138,75,.16),transparent 34%),linear-gradient(145deg,#29201b,#1d1714);opacity:0;pointer-events:none;transition:opacity .38s ease}
.title-game-settings[data-settings-media-type="movie"]::before{opacity:1}
.title-game-settings>*{position:relative;z-index:1}
.title-game-settings-copy h2{margin:0;color:#f4f6ff;font-size:25px;line-height:1.15}
.title-game-settings-copy p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.title-game-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.title-game-field{display:grid;min-width:0;min-height:67px;align-content:start;gap:7px;color:#cbd4e5;font-size:12px;font-weight:800}
.title-game-settings[data-settings-media-type] .app-select-trigger{min-height:45px;border-color:var(--title-control-border);background:var(--title-control);font-size:13px;transition:border-color .32s ease,background-color .32s ease,color .32s ease,box-shadow .32s ease}
.title-game-settings[data-settings-media-type] .app-select-trigger:hover{border-color:var(--title-control-border-hover);background:var(--title-control-hover)}
.title-game-settings[data-settings-media-type] .app-select-trigger:focus-visible,.title-game-settings[data-settings-media-type] .app-select.is-open .app-select-trigger{border-color:var(--primary);background:var(--title-control-hover);box-shadow:var(--focus-ring)}
.title-game-settings[data-settings-media-type] .app-select-menu{border-color:var(--title-control-border-hover);background:var(--title-menu)}
.title-game-settings[data-settings-media-type] .app-select-option:hover,.title-game-settings[data-settings-media-type] .app-select-option:focus-visible{background:var(--title-option-hover)}
.title-game-settings[data-settings-media-type] .app-select-option.is-selected{background:var(--primary-soft);color:var(--title-selected)}
.title-game-settings[data-settings-media-type] .app-select-option-check{color:var(--primary)}
.title-game-settings[data-settings-media-type] .app-select-chevron{color:var(--title-chevron)}
.title-game-mode-description{grid-column:1/-1;min-height:38px;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,.12);color:var(--muted);font-size:11px;line-height:1.45}
.title-game-settings-status{grid-column:1/-1;min-height:17px;color:#ffc0c8;font-size:12px;line-height:1.4}
.title-game-start{display:inline-flex;min-height:46px;grid-column:1/-1;align-items:center;justify-content:center;gap:9px;font-weight:850}
.title-game-start .ui-icon{width:17px;height:17px}

.title-game-arena{display:grid;gap:16px;scroll-margin-top:14px}
.title-game-statusbar{display:grid;grid-template-columns:auto auto minmax(150px,1fr);align-items:center;gap:18px;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:rgba(18,23,33,.9);box-shadow:0 10px 26px rgba(0,0,0,.14)}
body[data-media-type="movie"] .title-game-statusbar{border-color:var(--primary-border);background:rgba(33,23,19,.92)}
.title-game-status-copy{display:grid;gap:2px}
.title-game-stage{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.title-game-statusbar strong{color:#e9edfa;font-size:13px}
.title-game-score{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;color:var(--muted);font-size:11px;font-weight:800}
.title-game-score strong{color:var(--primary);font-size:19px}
.title-game-progress-track,.title-game-results-track{height:8px;overflow:hidden;border-radius:999px;background:#222b3d}
body[data-media-type="movie"] .title-game-progress-track,body[data-media-type="movie"] .title-game-results-track{background:#493126}
.title-game-progress-track span,.title-game-results-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 74%,#fff),var(--primary));box-shadow:0 0 16px rgba(var(--primary-rgb),.46);transition:width .4s ease}

.title-game-question,.title-game-feedback{position:relative;overflow:hidden;padding:clamp(24px,5vw,46px);border:1px solid rgba(var(--primary-rgb),.28);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(var(--primary-rgb),.15),transparent 38%),linear-gradient(160deg,rgba(25,31,43,.97),rgba(12,16,24,.99));box-shadow:0 24px 58px rgba(0,0,0,.26)}
body[data-media-type="movie"] .title-game-question,body[data-media-type="movie"] .title-game-feedback{background:radial-gradient(circle at 50% 0,rgba(var(--primary-rgb),.14),transparent 38%),linear-gradient(160deg,rgba(38,28,23,.98),rgba(20,14,12,.99))}
.title-game-question-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.title-game-question-meta span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:rgba(0,0,0,.14)}
.title-game-question-meta span:first-child{border-color:var(--primary-border);background:var(--primary-soft);color:color-mix(in srgb,var(--primary) 58%,white)}
.title-game-question-prompt{margin:24px 0 8px;color:var(--muted);font-size:12px;font-weight:750;text-align:center}
.title-game-question h2{max-width:790px;margin:0 auto;color:#f7f9ff;font-size:clamp(30px,6vw,58px);line-height:1.15;letter-spacing:-.035em;text-align:center;overflow-wrap:anywhere}
.title-game-inline-gap,.title-game-inline-input{display:inline-flex;min-width:calc(var(--title-gap-ch,4) * .62em);max-width:min(100%,calc(var(--title-gap-ch,4) * .82em));min-height:1.08em;align-items:center;justify-content:center;margin:0 .06em;padding:0 .08em .03em;border:0;border-bottom:.07em solid color-mix(in srgb,var(--primary) 54%,#d8deeb);border-radius:.12em;background:rgba(var(--primary-rgb),.06);color:#c7cfde;font:inherit;font-size:.82em;font-weight:850;line-height:1;letter-spacing:.015em;text-align:center;vertical-align:.08em}
button.title-game-inline-gap{cursor:text;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}
button.title-game-inline-gap:hover:not(:disabled),.title-game-inline-gap.is-active{border-color:var(--primary);background:var(--primary-soft);color:#fff;box-shadow:0 .12em .4em rgba(var(--primary-rgb),.18)}
.title-game-inline-gap.is-filled{width:auto;max-width:100%;border-color:var(--primary);color:#f7f9ff}
.title-game-inline-input{width:calc(var(--title-gap-ch,4) * .82em);outline:0;background:rgba(0,0,0,.2);color:#fff;caret-color:var(--primary)}
.title-game-inline-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}
.title-game-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:720px;margin:34px auto 0}
.title-game-option{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:11px;min-height:58px;padding:10px 13px;border:1px solid #34415a;border-radius:13px;background:#151b27;color:#eef2fb;cursor:pointer;font:inherit;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
body[data-media-type="movie"] .title-game-option{border-color:#5b4033;background:#211713}
.title-game-option:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb,var(--panel-2) 84%,var(--primary));transform:translateY(-1px)}
.title-game-option:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.title-game-option>span{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--primary-border);border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:950}
.title-game-option strong{font-size:13px;line-height:1.35}
.title-game-answer-actions{display:grid;max-width:720px;gap:10px;margin:28px auto 0}
.title-game-answer-actions>div{display:flex;justify-content:center;gap:9px}
.title-game-answer-actions .btn{display:inline-flex;min-width:126px;align-items:center;justify-content:center;gap:7px}
.title-game-answer-status{min-height:18px;margin-top:12px;color:#ffc0c8;font-size:12px;text-align:center}

.title-game-feedback{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(225px,.56fr);align-items:center;gap:20px}
.title-game-feedback::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(66,214,154,.08),transparent 38%);pointer-events:none}
.title-game-feedback.is-wrong::before{background:linear-gradient(110deg,rgba(239,107,119,.09),transparent 38%)}
.title-game-feedback.is-skipped::before{background:linear-gradient(110deg,rgba(var(--primary-rgb),.1),transparent 38%)}
.title-game-feedback>*{position:relative;z-index:1}
.title-game-feedback-mark{display:grid;width:55px;height:55px;place-items:center;border:1px solid rgba(66,214,154,.48);border-radius:17px;background:rgba(66,214,154,.13);color:#62e2ae}
.title-game-feedback.is-wrong .title-game-feedback-mark{border-color:rgba(239,107,119,.5);background:rgba(239,107,119,.13);color:#ff8993}
.title-game-feedback.is-skipped .title-game-feedback-mark{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary)}
.title-game-feedback-mark .ui-icon{width:26px;height:26px}
.title-game-feedback-copy{min-width:0}
.title-game-feedback-copy>span{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.title-game-feedback-copy h2{margin:5px 0 7px;color:#f5f7ff;font-size:clamp(23px,4vw,34px);line-height:1.08}
.title-game-feedback-copy p{margin:0;color:#bcc5d6;font-size:13px;line-height:1.45}
.title-game-reveal{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:11px;padding:10px;border:1px solid var(--border);border-radius:13px;background:rgba(0,0,0,.15)}
.title-game-reveal img{display:block;width:64px;aspect-ratio:2/3;border-radius:8px;background:var(--poster-surface);object-fit:cover}
.title-game-reveal>div{display:grid;min-width:0;gap:3px}
.title-game-reveal span{color:var(--primary);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.title-game-reveal strong{display:-webkit-box;overflow:hidden;color:#f4f6fc;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.title-game-reveal small{color:var(--muted);font-size:9px}
.title-game-next{display:inline-flex;grid-column:2/-1;justify-self:end;align-items:center;gap:8px}
.title-game-next .ui-icon{width:15px;height:15px}

.title-game-results{position:relative;display:grid;justify-items:center;overflow:hidden;padding:clamp(30px,6vw,58px);border:1px solid var(--primary-border);border-radius:25px;background:radial-gradient(circle at 50% 0,rgba(var(--primary-rgb),.26),transparent 46%),linear-gradient(160deg,var(--panel-2),var(--panel));box-shadow:0 24px 64px rgba(0,0,0,.3);opacity:0;text-align:center;scroll-margin-top:14px;transform:translateY(18px);transition:opacity .4s ease,transform .4s ease}
.title-game-results.is-visible{opacity:1;transform:none}
.title-game-results h2{margin:7px 0 24px;color:#f8f9ff;font-size:clamp(31px,5vw,45px);line-height:1.05;letter-spacing:-.04em}
.title-game-results-score{display:flex;align-items:baseline;gap:15px}
.title-game-results-score strong{color:#f8f9ff;font-size:clamp(35px,7vw,62px);line-height:1}
.title-game-results-score span{color:var(--primary);font-size:21px;font-weight:900}
.title-game-results-track{width:min(100%,520px);margin-top:20px}
.title-game-results>p{max-width:590px;margin:20px 0 0;color:#bdc6d6;font-size:14px;line-height:1.55}
.title-game-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px}
.title-game-result-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:820}
.title-game-result-actions .ui-icon{width:16px;height:16px}

@media(max-width:720px){
  .games-main{padding-top:28px!important}
  .games-page,.king-game,.title-game{gap:18px;padding-bottom:18px}
  .king-game{touch-action:manipulation}
  .title-game{touch-action:manipulation}
  .games-page-hero-icon,.king-game-title-icon,.title-game-title-icon{width:50px;height:50px;border-radius:15px}
  .games-page-hero-icon .ui-icon,.king-game-title-icon .ui-icon,.title-game-title-icon .ui-icon{width:26px;height:26px}
  .games-page-hero p,.king-game-title-row p,.title-game-title-row p{font-size:13px}
  .games-library-card{grid-template-columns:1fr}
  .games-library-card-art{min-height:170px}
  .games-library-card-art>.ui-icon{width:70px;height:70px}
  .games-library-card-copy{padding:24px}
  .home-game-promo{grid-template-columns:auto minmax(0,1fr);padding:15px}
  .home-game-promo-actions{grid-column:1/-1;justify-content:space-between}
  .king-game-settings{grid-template-columns:1fr;gap:18px;padding:20px}
  .king-game-settings-form{grid-template-columns:1fr}
  .king-game-genre-field,.king-game-mode-description,.king-game-settings-status,.king-game-start{grid-column:auto}
  .king-game-statusbar{grid-template-columns:36px minmax(0,1fr);gap:10px 12px}
  .king-game-arena-back{width:36px;height:36px;justify-content:center;padding:0;border-radius:50%}
  .king-game-arena-back span{display:none}
  .king-game-progress-track{grid-column:1/-1}
  .king-game-duel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:13px;border-radius:19px}
  .king-game-versus{position:absolute;z-index:5;top:37%;left:50%;width:40px;height:40px;border-width:2px;font-size:7px;line-height:1;letter-spacing:0;white-space:nowrap;transform:translate(-50%,-50%)}
  .king-game-card{border-radius:14px}
  .king-game-card-copy{display:flex;min-height:86px;flex-direction:column;align-items:stretch;padding:10px}
  .king-game-card-copy>strong{min-height:36px;font-size:13px}
  .king-game-card-year{font-size:10px}
  .king-game-round-announcement{inset:82px 0 auto;min-height:calc(100% - 82px);border-radius:19px}
  .king-game-results{padding:29px 13px 20px;scroll-margin-top:max(84px,calc(env(safe-area-inset-top,0px) + 40px))}
  .king-game-results-heading{padding-inline:34px}
  .king-game-share-button{top:8px;right:8px;width:26px;height:26px;min-height:26px;padding:0;border-radius:7px}
  .king-game-share-button span{display:none}
  .king-game-share-button .ui-icon{width:13px;height:13px}
  .king-game-share-status{top:42px;right:8px;max-width:calc(100% - 16px)}
  .king-game-podium{gap:6px;margin-top:32px}
  .king-game-podium-medal{right:3px}
  .king-game-podium-copy strong{font-size:11px}
  .king-game-podium-copy small{font-size:8px}
  .king-game-podium-step{height:42px}.is-place-1 .king-game-podium-step{height:70px}.is-place-3 .king-game-podium-step{height:27px}
  .king-game-result-actions{display:grid;grid-template-columns:1fr}
  .king-game-result-actions .btn{width:100%}
  .title-game-settings{grid-template-columns:1fr;gap:18px;padding:20px}
  .title-game-settings-form{grid-template-columns:1fr}
  .title-game-mode-description,.title-game-settings-status,.title-game-start{grid-column:auto}
  .title-game-statusbar{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}
  .title-game-progress-track{grid-column:1/-1}
  .title-game-question,.title-game-feedback{padding:24px 18px;border-radius:19px}
  .title-game-options{grid-template-columns:1fr;margin-top:25px}
  .title-game-feedback{grid-template-columns:auto minmax(0,1fr)}
  .title-game-reveal{grid-column:1/-1}
  .title-game-next{grid-column:1/-1;width:100%;justify-content:center}
  .title-game-result-actions{display:grid;width:100%;grid-template-columns:1fr}
  .title-game-result-actions .btn{width:100%}
}
@media(max-width:420px){
  .games-page-hero,.king-game-title-row,.title-game-title-row{align-items:flex-start;gap:12px}
  .games-page-hero-icon,.king-game-title-icon,.title-game-title-icon{width:44px;height:44px}
  .king-game-duel{padding:9px;gap:7px}
  .king-game-card-copy{min-height:84px;padding:9px 8px}
  .king-game-card-type{font-size:8px}
  .king-game-card-copy>strong{font-size:12px}
  .title-game-answer-actions>div{display:grid;width:100%;grid-template-columns:1fr}
  .title-game-answer-actions .btn{width:100%}
  .title-game-feedback{grid-template-columns:1fr;justify-items:start}
  .title-game-feedback-mark{width:46px;height:46px;border-radius:14px}
  .title-game-reveal{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .games-library-card-art>.ui-icon,.games-library-orbit,.king-game-results.is-visible .king-game-champion,.king-game-results.is-visible .king-game-podium-place,.king-game-confetti i{animation:none!important}
  .king-game-card.is-choice-pulsing,.king-game-card.is-choice-pulsing::after{animation:none!important}
  .king-game-card.is-choice-pulsing{border-color:color-mix(in srgb,var(--primary) 58%,white);box-shadow:var(--king-card-shadow),0 0 0 5px rgba(var(--primary-rgb),.42),0 0 34px rgba(var(--primary-rgb),.38)}
  .king-game-card.is-choice-pulsing::after{background:rgba(var(--primary-rgb),.14);box-shadow:inset 0 0 0 4px rgba(var(--primary-rgb),.88),inset 0 0 38px rgba(var(--primary-rgb),.16)}
  .king-game-settings,.king-game-settings::before,.king-game-settings .app-select-trigger,.king-game-settings .app-select-menu,.king-game-mode-description,.king-game-start,.king-game-results,.king-game-progress-track span{transition-duration:.01ms!important}
  .king-game-results.is-visible .king-game-podium-place{opacity:1;transform:none}
  .king-game-results.is-visible .king-game-champion{opacity:1;transform:none}
  .title-game-settings,.title-game-settings::before,.title-game-settings .app-select-trigger,.title-game-progress-track span,.title-game-results-track span,.title-game-option,.title-game-results{transition-duration:.01ms!important}
}
