/* Homepage shares the site's typography and palette, with its own restrained layout. */
html body.ym-native-site .ym-home-page{--home-ink:#505c67;--home-blue:#2663a6;--home-line:#dce2e7;--home-gold:#e8c797;width:min(1180px,calc(100% - 40px));margin:40px auto 0;color:var(--home-ink);font:17px/1.55 "Source Sans 3",Arial,sans-serif}
.ym-home-page *{box-sizing:border-box}.ym-home-page h1,.ym-home-page h2,.ym-home-page h3,.ym-home-page p{margin-top:0}.ym-home-page a{text-decoration:none}.ym-home-page button{cursor:pointer}.ym-home-page button:disabled{cursor:default}.ym-home-page svg{display:block}
.ym-home-hero{position:relative;isolation:isolate;background:#25282c;color:#fff;overflow:hidden;left:50%;width:100vw;margin-left:-50vw;min-height:350px;border-radius:0}
.ym-home-hero-inner{position:relative;isolation:isolate;width:min(1180px,calc(100% - 40px));min-height:350px;margin:auto}.ym-home-hero-photo{position:absolute;inset:0 0 0 40%;z-index:-2;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 85%,transparent 100%)}.ym-home-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:64% 58%;opacity:.8;transform:scale(1.04)}
.ym-home-hero-inner:after{position:absolute;inset:0;content:"";z-index:-1;background:linear-gradient(90deg,#25282c 0%,#25282c 36%,rgba(37,40,44,.65) 60%,rgba(37,40,44,.12) 100%)}
.ym-home-hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:350px;padding:40px 0;width:70%;position:relative}.ym-home-kicker{font-size:12px!important;font-weight:600;letter-spacing:.08em;margin-bottom:18px;color:var(--home-gold);text-transform:uppercase}
.ym-home-hero h1{font:600 clamp(34px,3.2vw,42px)/1.2 "Fira Sans",Arial,sans-serif!important;color:#fff!important;margin:0;letter-spacing:-.02em!important}.ym-home-hero h1 span{color:#fff}.ym-home-hero-term{white-space:nowrap}.ym-home-hero-dot{color:var(--home-gold)!important}
.ym-home-hero .ym-home-kicker{font-family:"Playpen Sans","Fira Sans",sans-serif;font-style:normal;font-size:36px!important;line-height:1.3;letter-spacing:0;text-transform:none;font-weight:400;max-width:100%;margin:0}.ym-home-hero .ym-home-hero-summary{font-size:19px;line-height:1.5;color:#d9dde1;max-width:100%;margin:0}.ym-home-hero-actions{display:none}.ym-home-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #6f7376;padding:11px 15px;border-radius:6px;color:#fff!important;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.ym-home-button svg{width:18px;height:18px;flex:0 0 18px}.ym-home-button-primary{background:#e8c797;border-color:#e8c797;color:#292b2d!important}.ym-home-button:hover{transform:translateY(-2px);background:#34383c}.ym-home-button-primary:hover{background:#f3d8b4}
.ym-home-hero-note{position:absolute;right:28px;bottom:26px;display:flex;align-items:center;gap:10px;font-size:12px;color:#ece5db;letter-spacing:.03em;background:rgba(37,40,44,.58);border:1px solid rgba(255,255,255,.2);padding:7px 11px;border-radius:5px}.ym-home-hero-note span{color:#e8c797;font-size:20px}
.ym-home-hubs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 32px}.ym-home-hubs>a{--hub-accent:#7b1f24;display:flex;flex-direction:column;align-items:stretch;gap:13px;min-width:0;background:rgba(246,247,248,.97);border:1px solid var(--home-line);border-top:2px solid var(--hub-accent);border-radius:10px;padding:18px;color:var(--home-ink)!important;transition:transform .3s,border-color .3s,box-shadow .3s}.ym-home-hubs>a:nth-child(2){--hub-accent:#487f8b}.ym-home-hubs>a:nth-child(3){--hub-accent:#65558f}.ym-home-hubs>a:nth-child(4){--hub-accent:#8c6535}.ym-home-hubs>a:is(:hover,:focus-visible){transform:translateY(-3px);border-color:var(--hub-accent);box-shadow:0 8px 22px rgba(43,66,86,.08)}.ym-home-hubs>a:focus-visible{outline:2px solid var(--hub-accent);outline-offset:3px}.ym-home-hub-heading{display:flex;align-items:center;gap:11px;min-height:38px}.ym-home-hub-icon{width:40px;flex:0 0 40px;border-right:1px solid #d4dce3;padding-right:10px}.ym-home-hub-icon svg{width:29px;height:29px}.ym-home-hubs strong{display:block;color:var(--home-blue);font:500 17px/1.3 "Fira Sans",Arial,sans-serif;margin:0}.ym-home-hub-summary{display:block;flex:1;font-size:14px;line-height:1.55}.ym-home-hub-more{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:11px;border-top:1px solid #dde4e9;font-size:12px;font-weight:600;color:var(--hub-accent)}.ym-home-hub-more svg{width:25px;height:25px;color:var(--hub-accent);transition:transform .3s}.ym-home-hubs>a:hover .ym-home-hub-more svg{transform:translateX(3px)}
.ym-home-section,.ym-home-latest{margin:0 0 48px;scroll-margin-top:150px}.ym-home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:16px 20px;background:rgba(245,246,247,.95);border:1px solid #d9dfe6;border-radius:10px}.ym-home-section-heading h2{display:flex;align-items:center;gap:13px;font:600 26px/1.25 "Fira Sans",Arial,sans-serif!important;color:#800000!important;margin:0!important}.ym-home-heading-icon{width:48px;flex:0 0 48px;padding-right:12px;border-right:1px solid #d4dce3}.ym-home-heading-icon svg{width:36px;height:36px}.ym-home-text-link{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;font-size:15px;font-weight:600;color:var(--home-blue)!important}.ym-home-text-link svg{width:18px;height:18px}.ym-home-text-link:hover{text-decoration:underline}.ym-home-section-intro{margin:-4px 0 20px;font-size:17px;color:#697582}
@media(max-width:767px){.ym-home-section-heading{padding:14px}.ym-home-section-heading h2{font-size:22px!important}}
/* Three full-width sections keep the homepage easy to scan. */
.ym-home-hubs{margin-bottom:32px}.ym-home-section{margin-bottom:32px}
.ym-home-player{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #cedce1;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgba(39,65,82,.035);overflow:hidden}
.ym-home-player::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2663a6,#487f8b 50%,#c69a55);z-index:2}
.ym-home-now-playing{position:relative;isolation:isolate;padding:22px;min-width:0;background:linear-gradient(140deg,#edf5f7,#f6f2eb);overflow:clip}
.ym-home-now-playing::before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse at 20% 25%,rgba(81,143,158,.14),transparent 52%),radial-gradient(ellipse at 80% 80%,rgba(219,179,112,.15),transparent 50%);animation:ym-home-player-glow 20s ease-in-out infinite alternate;pointer-events:none}
@keyframes ym-home-player-glow{to{transform:translate(5%,-4%) rotate(8deg)}}
.ym-home-track-top{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;min-height:96px}
.ym-home-artwork{display:block;width:96px;height:96px;object-fit:cover;border:3px solid rgba(255,255,255,.9);border-radius:9px;box-shadow:0 8px 19px rgba(30,58,72,.14);transition:transform .7s,box-shadow .7s}
.ym-home-artwork:hover{transform:scale(1.025)}.ym-home-player.is-playing .ym-home-artwork{animation:ym-home-cover-float 7s ease-in-out infinite}
@keyframes ym-home-cover-float{50%{transform:translateY(-3px) rotate(-.5deg)}}
.ym-home-track-copy{min-width:0}.ym-home-track-copy .ym-home-kicker{color:#607b84;margin-bottom:9px;font-size:10px!important;letter-spacing:.04em}
.ym-home-track-copy .ym-home-kicker span{display:block;margin-top:4px;font-variant-numeric:tabular-nums;color:#92682c}.ym-home-track-copy h3{font:500 23px/1.23 "Fira Sans",Arial,sans-serif;color:#344c5e;margin:0 0 9px;overflow-wrap:anywhere}.ym-home-track-copy>p:last-of-type{font-size:14px;line-height:1.4;margin:0;color:#617580}
.ym-home-player audio{width:100%;margin-top:20px}.ym-home-progress{margin-top:16px}.ym-home-player input[type=range]{display:block;width:100%;height:18px;accent-color:#487f8b;padding:0;margin:0;cursor:pointer}.ym-home-player input[type=range]:disabled{opacity:.45;cursor:default}
.ym-home-times{display:flex;justify-content:space-between;font:12px/1.3 "Source Sans 3",Arial,sans-serif;color:#6c7d85;margin-top:5px;font-variant-numeric:tabular-nums}
.ym-home-transport{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:11px}.ym-home-transport-buttons,.ym-home-volume{display:flex;align-items:center;gap:7px}
.ym-home-transport button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;border:1px solid rgba(72,127,139,.16);background:rgba(255,255,255,.5);color:#466475;border-radius:50%;transition:background .2s,transform .2s}.ym-home-transport button:hover{background:#fff;transform:scale(1.04)}.ym-home-transport svg{width:20px;height:20px;flex:0 0 20px}
.ym-home-transport .ym-home-play{width:48px;height:48px;background:linear-gradient(135deg,#2663a6,#65558f);color:white;border:0;box-shadow:0 4px 13px rgba(64,91,156,.23)}.ym-home-transport .ym-home-play:hover{background:linear-gradient(135deg,#1d538b,#65558f)}.ym-home-player.is-playing .ym-home-play{animation:ym-home-play-pulse 3s ease-in-out infinite}
@keyframes ym-home-play-pulse{50%{box-shadow:0 0 0 5px rgba(72,127,139,.09),0 5px 16px rgba(64,91,156,.25)}}
.ym-home-play [data-play-icon] svg{fill:currentColor;stroke-width:1}.ym-home-play [data-pause-icon] svg{stroke-width:3}.ym-home-volume input[type=range]{width:65px}
.ym-home-playing-indicator{display:flex;align-items:center;justify-content:center;gap:3px;width:23px;height:24px}.ym-home-playing-indicator i{width:3px;height:7px;border-radius:2px;background:#487f8b;transform-origin:center}.ym-home-playing-indicator i:nth-child(2){height:17px;background:#b9914c}.ym-home-playing-indicator i:nth-child(3){height:12px;background:#65558f}.ym-home-playing-indicator i:nth-child(4){height:9px;background:#2663a6}.is-playing .ym-home-playing-indicator i{animation:ym-home-playing 1.2s ease-in-out infinite alternate}.is-playing .ym-home-playing-indicator i:nth-child(2n){animation-delay:-.7s}.is-playing .ym-home-playing-indicator i:nth-child(3){animation-delay:-.3s}
@keyframes ym-home-playing{to{transform:scaleY(.35)}}
.ym-home-player-status:empty{display:none}.ym-home-player-status{color:#697783;font-size:13px;line-height:1.35;min-height:0;margin:8px 0 0;overflow-wrap:anywhere}.ym-home-player.is-loading .ym-home-play{opacity:.7}
.ym-home-waveform{position:relative;min-height:22px;border-radius:4px}.ym-home-waveform svg{display:block;width:100%;height:58px}.ym-home-waveform [data-waveform-base]{fill:#a2bcc7}.ym-home-waveform [data-waveform-played]{fill:#a47936;clip-path:inset(0 100% 0 0)}.ym-home-waveform.has-waveform [data-player-seek]{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;z-index:2;cursor:pointer}.ym-home-waveform:focus-within{outline:2px solid #2663a6;outline-offset:4px}
.ym-home-playlist{min-width:0;padding:15px 0;background:linear-gradient(160deg,#fff,#f8fafb);border-left:1px solid #dce5e8}
.ym-home-playlist-heading{display:flex;align-items:center;justify-content:space-between;padding:5px 18px 12px;font-size:15px;color:#526170}.ym-home-playlist-heading>span{color:#8a949d;font-size:12px}
.ym-home-playlist-scroll-area{display:flex;align-items:stretch;gap:3px;padding-right:6px}.ym-home-playlist ol{flex:1;min-width:0;list-style:none;margin:0;padding:0 6px;max-height:236px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.ym-home-playlist ol::-webkit-scrollbar{width:6px}.ym-home-playlist ol::-webkit-scrollbar-track{background:#edf3f5;border-radius:10px}.ym-home-playlist ol::-webkit-scrollbar-thumb{background:#86a9b5;border-radius:10px}
.ym-home-track{display:flex;align-items:center;gap:9px;width:100%;border:0;border-left:3px solid transparent;border-radius:6px;background:transparent;text-align:left;color:#506170;padding:11px 9px;min-width:0;transition:background .25s,border-color .25s}
.ym-home-track:hover{background:#f0f5f7}.ym-home-track[aria-current]{background:linear-gradient(90deg,#e9f2f4,#f5f0e6);border-left-color:#487f8b;color:#2663a6}.ym-home-track-number{font-size:12px;color:#8c9aa6;font-variant-numeric:tabular-nums;flex:0 0 19px}.ym-home-track[aria-current] .ym-home-track-number{color:#936b2e;font-weight:600}.ym-home-track-info{flex:1;min-width:0}.ym-home-track-info strong{display:block;font-size:14px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.ym-home-track-info>span{display:block;color:#7d8993;font-size:12px;line-height:1.3;margin-top:4px}.ym-home-track-duration{font-size:12px;font-variant-numeric:tabular-nums;color:#83909b;flex:0 0 28px;text-align:right}
.ym-home-playlist-scrollbar{flex:0 0 28px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:1px 0;background:#edf3f5;border:1px solid #dae5e9;border-radius:14px}
.ym-home-playlist-scrollbar button{display:flex;align-items:center;justify-content:center;width:26px;height:28px;padding:4px;border:0;border-radius:50%;color:#487f8b;background:transparent;flex-shrink:0}.ym-home-playlist-scrollbar button:hover{background:#d6e5eb}.ym-home-playlist-scrollbar button:disabled{opacity:.35}.ym-home-playlist-scrollbar svg{width:18px;height:18px}
.ym-home-player .ym-home-playlist-scrollbar input[type=range]{writing-mode:vertical-lr;direction:ltr;width:20px;height:180px;flex:1;min-height:90px;accent-color:#487f8b}
/* Four recent items form one row; smaller screens can scroll the same rail. */
html body.ym-native-site .ym-home-page #ymnews-demo.ym-home-latest{position:relative!important;left:0!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;color:var(--home-ink);font-family:"Source Sans 3",Arial,sans-serif;min-width:0}
.ym-home-latest .ym-home-section-heading{flex-wrap:wrap;gap:9px;padding:15px;margin-bottom:16px}.ym-home-latest .ym-home-text-link{font-size:13px;margin-left:auto}
/* Square application artwork fills each tile; its name appears in the centre. */
.ym-home-games-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(130px,1fr);gap:14px;overflow-x:auto;padding:14px 10px 18px;margin-inline:-10px;overscroll-behavior-x:contain;scroll-padding-inline:10px;scrollbar-width:thin;scrollbar-color:#b8c8d3 transparent}
.ym-home-game{--ym-app-accent:#487f8b;box-sizing:border-box;position:relative;isolation:isolate;aspect-ratio:1;min-width:0;display:block;padding:0;border:1px solid var(--home-line);border-radius:12px;background:#f4f6f7;overflow:hidden;transition:transform .75s cubic-bezier(.2,.65,.3,1),border-color .4s,box-shadow .6s}
.ym-home-game:is(:hover,:focus-visible){z-index:2;transform:translateY(-3px) scale(1.055);border-color:var(--ym-app-accent);box-shadow:0 9px 20px rgba(37,63,81,.18)}
.ym-home-game:focus-visible{outline:2px solid var(--ym-app-accent);outline-offset:3px}
.ym-home-game>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
.ym-home-game::after{content:"";position:absolute;inset:0;background:rgba(20,32,43,.22);opacity:0;transition:opacity .5s;pointer-events:none}
.ym-home-game-copy{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center;padding:12px;opacity:0;transition:opacity .45s;pointer-events:none}
.ym-home-game-copy>strong{display:block;min-width:0;max-width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:color-mix(in srgb,var(--ym-app-accent) 92%,#18232c);color:#fff;font:600 14px/1.3 "Fira Sans",Arial,sans-serif;overflow-wrap:anywhere;box-shadow:0 3px 12px rgba(18,29,38,.18)}
.ym-home-game:is(:hover,:focus-visible)::after,.ym-home-game:is(:hover,:focus-visible) .ym-home-game-copy{opacity:1}
.ym-home-game-copy>span{display:none}
.ym-home-game>img.ym-home-game-image-contain{object-fit:contain;padding:0;background:#f5f6f7}
@media(hover:none){.ym-home-game-copy{opacity:1}.ym-home-game-copy>strong{background:color-mix(in srgb,var(--ym-app-accent) 88%,transparent)}}
.ym-home-games-grid:focus-visible,.ym-home-latest .ymnews-grid:focus-visible{outline:2px solid #2663a6;outline-offset:4px;border-radius:8px}
html body.ym-native-site .ym-native-content:has(.ym-home-page)>.ym-page-views-footer{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:5px;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0 0 6px;border:0;font-size:12.5px;line-height:16px;color:#858e9a;white-space:nowrap;direction:ltr}html body.ym-native-site .ym-native-content:has(.ym-home-page)>.ym-page-views-footer strong{font-size:inherit;font-weight:600;color:#737c88}html body.ym-native-site .ym-native-content:has(.ym-home-page)>.ym-page-views-footer>svg{display:block;width:16px;height:16px;flex:0 0 16px;opacity:.8}
.ym-home-hero-photo .ym-home-hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 2.8s ease;animation:ym-home-hero-drift 30s ease-in-out infinite;will-change:transform,opacity}.ym-home-hero-photo .ym-home-hero-slide.is-active{opacity:.85}.ym-home-hero .ym-hero-motion-toggle{top:16px;bottom:auto}
@keyframes ym-home-hero-drift{0%,100%{transform:translate(-1%,-1%) scale(1.08)}40%{transform:translate(1%,1.2%) scale(1.11)}75%{transform:translate(.4%,-.5%) scale(1.09)}}
.is-motion-offscreen .ym-clean-hero-image,.is-motion-offscreen .ym-clean-hero-media::before,.is-motion-offscreen .ym-home-hero-slide,.is-motion-offscreen .ym-home-hero-photo::before{animation-play-state:paused!important}
.ym-home-player:is(.is-player-offscreen,.is-player-hidden) *,.ym-home-player:is(.is-player-offscreen,.is-player-hidden) .ym-home-now-playing::before{animation-play-state:paused!important}
@media(max-width:1100px){.ym-home-hubs{grid-template-columns:repeat(2,minmax(0,1fr))}.ym-home-latest .ym-home-section-heading{flex-wrap:nowrap}.ym-home-hero-note{max-width:210px}}
@media(max-width:899px){.ym-home-games-grid{grid-auto-columns:130px;scroll-snap-type:x proximity}.ym-home-game{scroll-snap-align:start}}
@media(max-width:767px){html body.ym-native-site .ym-home-page{width:calc(100% - 28px);margin-top:28px}.ym-home-hero{min-height:0}.ym-home-hero-copy{width:100%;padding:30px 25px 32px}.ym-home-hero-photo{left:12%;opacity:.52}.ym-home-hero:after{background:linear-gradient(90deg,rgba(37,40,44,.96),rgba(37,40,44,.76) 70%,rgba(37,40,44,.55))}.ym-home-hero h1{font-size:42px!important}.ym-home-hero .ym-home-hero-summary{font-size:17px;max-width:370px}.ym-home-hero-note{display:none}.ym-home-hero-actions{gap:9px}.ym-home-button{font-size:14px;padding:10px 12px}.ym-home-hubs{gap:10px;margin-bottom:28px}.ym-home-hubs>a{padding:15px 12px;gap:11px}.ym-home-hub-heading{gap:8px;align-items:flex-start}.ym-home-hub-icon{width:30px;flex-basis:30px;border:0;padding:0}.ym-home-hub-icon svg{width:27px;height:27px}.ym-home-hubs strong{font-size:16px}.ym-home-hub-summary{font-size:13px;line-height:1.5}.ym-home-hub-more{font-size:11px}.ym-home-section,.ym-home-latest{scroll-margin-top:130px}.ym-home-section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.ym-home-section-heading h2{font-size:22px!important;gap:11px}.ym-home-text-link{font-size:14px}.ym-home-heading-icon{width:42px;flex-basis:42px;padding-right:10px}.ym-home-heading-icon svg{width:32px;height:32px}.ym-home-player{grid-template-columns:1fr}.ym-home-now-playing{padding:18px}.ym-home-track-top{grid-template-columns:96px minmax(0,1fr);min-height:96px;gap:15px}.ym-home-artwork{width:96px;height:96px}.ym-home-track-copy h3{font-size:21px}.ym-home-playlist{border-left:0;border-top:1px solid #dce5e8;padding:12px 0}.ym-home-playlist ol{max-height:226px}.ym-home-player .ym-home-playlist-scrollbar input[type=range]{height:155px}.ym-home-volume input[type=range]{width:65px}.ym-home-waveform svg{height:52px}.ym-home-section-intro{font-size:16px}.ym-home-latest .ym-home-section-heading{flex-wrap:wrap}html body.ym-native-site .ym-native-content:has(.ym-home-page)>.ym-page-views-footer{width:calc(100% - 28px)}}
@media(max-width:599px){.ym-home-games-grid{grid-auto-columns:112px;gap:12px}.ym-home-game-copy{padding:8px;opacity:1}.ym-home-game-copy>strong{font-size:12px;padding:7px 8px;background:color-mix(in srgb,var(--ym-app-accent) 88%,transparent)}.ym-home-section-heading{margin-bottom:16px}.ym-home-section{margin-bottom:28px}}
@media(max-width:380px){.ym-home-hero-copy{padding:27px 20px}.ym-home-hero h1{font-size:38px!important}.ym-home-button{font-size:13px}.ym-home-track-top{grid-template-columns:85px minmax(0,1fr);gap:12px}.ym-home-artwork{width:85px;height:85px}.ym-home-track-copy h3{font-size:20px}.ym-home-now-playing{padding:16px}.ym-home-track-copy .ym-home-kicker{font-size:9px!important}.ym-home-volume input[type=range]{width:49px}.ym-home-playing-indicator{width:18px;gap:2px}}
@media(prefers-reduced-motion:reduce){.ym-home-page *,.ym-home-now-playing::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ym-home-hero-photo img{transform:none!important}.ym-home-page a:hover,.ym-home-page button:hover,.ym-home-artwork:hover,.ym-home-game:focus-visible{transform:none!important}}

/* A compact player keeps the cover, waveform and controls in one quiet half. */
@property --player-accent{syntax:"<color>";inherits:true;initial-value:#526975}
@property --player-secondary{syntax:"<color>";inherits:true;initial-value:#526975}
@property --player-deep{syntax:"<color>";inherits:true;initial-value:#344c5e}
@property --player-soft{syntax:"<color>";inherits:true;initial-value:#f4f6f7}
.ym-home-player{--player-accent:#526975;--player-secondary:#526975;--player-deep:#344c5e;--player-soft:#f4f6f7;grid-template-columns:1fr 1fr;border-color:#d6dfe5;transition:--player-accent 1.5s,--player-secondary 1.5s,--player-soft 1.5s}
.ym-home-player::before{height:2px;background:var(--player-accent);opacity:.6}
.ym-home-now-playing{padding:12px 16px;background:var(--player-soft);transition:background-color 1.5s}
.ym-home-now-playing::before{display:none}
.ym-home-track-top{grid-template-columns:64px minmax(0,1fr);gap:12px;min-height:64px}
.ym-home-artwork{width:64px;height:64px;border:2px solid #fff;border-radius:7px;box-shadow:0 4px 12px rgba(36,51,62,.1)}
.ym-home-track-copy .ym-home-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px;font-size:10px!important;line-height:1.2;letter-spacing:0;text-transform:none;color:#74818a}
.ym-home-track-copy .ym-home-kicker>span{display:inline-flex;margin:0;color:#74818a}
.ym-home-track-copy h3{color:#344c5e;font-size:19px;line-height:1.2;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ym-home-track-copy>p:last-of-type{font-size:12px;line-height:1.3;margin:0;color:#617580;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ym-home-selected-count{display:inline-flex;align-items:center;gap:4px;font:400 10.5px/1.2 "Source Sans 3",Arial,sans-serif;color:#6c7a84;background:none;border:0;padding:0;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0}
.ym-home-selected-count svg{width:12px;height:12px;flex:0 0 12px}
.ym-home-player-controls:not([hidden]){display:grid;grid-template-columns:minmax(100px,1fr) auto;align-items:center;gap:6px 12px;margin-top:10px}
.ym-home-progress{margin-top:0;min-width:0}
.ym-home-waveform svg{height:30px}.ym-home-waveform [data-waveform-base]{fill:color-mix(in srgb,var(--player-accent) 32%,#d4dce2)}.ym-home-waveform [data-waveform-played]{fill:var(--player-accent);transition:fill 1.5s}
.ym-home-times{font-size:10px;line-height:1.2;margin-top:2px}
.ym-home-transport{margin-top:0;gap:10px;justify-content:space-between}
.ym-home-transport-buttons,.ym-home-volume{gap:5px}
.ym-home-transport button{width:30px;height:30px;padding:6px;color:var(--player-accent);border-color:#d8e0e5;background:#fff9}
.ym-home-transport svg{width:17px;height:17px;flex-basis:17px}
.ym-home-transport .ym-home-play{width:38px;height:38px;padding:9px;background:var(--player-accent);color:#fff;box-shadow:none;transition:background-color 1.5s,transform .25s}
.ym-home-transport .ym-home-play:hover{background:color-mix(in srgb,var(--player-accent) 85%,#172532)}
.ym-home-player.is-playing .ym-home-play{animation:none}
.ym-home-volume input[type=range]{width:42px}
.ym-home-playing-indicator{width:17px;gap:2px}.ym-home-playing-indicator i:nth-child(n){background:var(--player-accent)}
.ym-home-player input[type=range],.ym-home-player .ym-home-playlist-scrollbar input[type=range]{accent-color:var(--player-accent)}
.ym-home-player-status{grid-column:1/-1;margin:0;font-size:12px;line-height:1.3}
.ym-home-playlist{background:#fff;padding:8px 0}
.ym-home-playlist-heading{padding:2px 12px 7px;font-size:12px;line-height:1.4}.ym-home-playlist-heading>strong{color:#526170}.ym-home-playlist-heading>span{font-size:10.5px}
.ym-home-playlist ol{height:122px;max-height:122px;padding:0 5px}
.ym-home-track{gap:7px;padding:7px 7px;border-left-color:transparent;background:transparent;margin-bottom:2px;min-height:49px}
.ym-home-track:hover{background:#f5f7f8}.ym-home-track[aria-current]{border-left-color:var(--player-accent);background:var(--player-soft);color:#344c5e}
.ym-home-track[aria-current] .ym-home-track-number{color:var(--player-accent)}
.ym-home-track-number{flex-basis:17px;font-size:10.5px}
.ym-home-track-thumbnail{display:block;width:30px;height:30px;flex:0 0 30px;object-fit:cover;border-radius:4px;transition:transform .8s}
.ym-home-track:hover .ym-home-track-thumbnail{transform:scale(1.025)}
.ym-home-track-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px}
.ym-home-track-info strong{grid-column:1/-1;display:block;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ym-home-track-info>span.ym-home-track-artist{display:block;margin:0;font-size:10.5px;line-height:1.3;color:#687883;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ym-home-track-info>span.ym-home-track-count{display:flex;align-items:center;gap:3px;margin:0;font-size:10px;line-height:1.3;color:#7b8790;font-variant-numeric:tabular-nums;white-space:nowrap}
.ym-home-track-count svg{width:10px;height:10px;flex:0 0 10px}
.ym-home-track-duration{font-size:10.5px}
.ym-home-playlist-scrollbar{flex-basis:24px;background:#f6f8f9;border-color:#e1e7eb;gap:3px;padding:0}
.ym-home-playlist-scrollbar button{width:23px;height:23px;color:#647c8b;padding:3px}.ym-home-playlist-scrollbar button:hover{background:#e9eff3}
.ym-home-playlist-scrollbar svg{width:15px;height:15px}
.ym-home-player .ym-home-playlist-scrollbar input[type=range]{width:18px;height:70px;min-height:50px}
@media(max-width:1050px){.ym-home-playing-indicator{display:none}}
@media(max-width:767px){.ym-home-player{grid-template-columns:1fr}.ym-home-now-playing{padding:12px}.ym-home-track-top{grid-template-columns:60px minmax(0,1fr);gap:10px;min-height:60px}.ym-home-artwork{width:60px;height:60px}.ym-home-track-copy h3{font-size:18px}.ym-home-track-copy>p:last-of-type{font-size:11.5px}.ym-home-playlist{padding:8px 0}.ym-home-track-info strong{font-size:12.5px}}
@media(max-width:479px){.ym-home-player-controls:not([hidden]){grid-template-columns:1fr;gap:5px;margin-top:8px}.ym-home-waveform svg{height:25px}.ym-home-transport button{width:34px;height:34px;padding:7px}.ym-home-transport .ym-home-play{width:40px;height:40px}.ym-home-volume input[type=range]{width:60px}.ym-home-track-top{grid-template-columns:58px minmax(0,1fr)}.ym-home-artwork{width:58px;height:58px}.ym-home-track-info>span.ym-home-track-artist{font-size:10px}.ym-home-track-info>span.ym-home-track-count{font-size:9.5px;gap:2px}.ym-home-track{gap:5px;padding-inline:5px}.ym-home-track-number{flex-basis:14px}.ym-home-track-duration{flex-basis:24px;font-size:10px}.ym-home-track-thumbnail{width:27px;height:27px;flex-basis:27px}}
@media(prefers-reduced-motion:reduce){.ym-home-player *,.ym-home-player::before{transition:none!important;animation:none!important}.ym-home-track:hover .ym-home-track-thumbnail{transform:none!important}}
/* Manual image navigation shares the hero's quiet charcoal and warm accent. */
.ym-home-hero-controls{position:absolute;right:24px;bottom:20px;z-index:5;display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(25,30,34,.55);backdrop-filter:blur(6px)}
.ym-home-hero-controls button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;border:1px solid transparent;border-radius:50%;background:transparent;color:#fff;transition:background .25s,color .25s}
.ym-home-hero-controls button:hover{background:#e8c797;color:#292b2d}.ym-home-hero-controls button:focus-visible{outline:2px solid #e8c797;outline-offset:2px}
.ym-home-hero-controls button:disabled{opacity:.3;cursor:default}
.ym-home-hero-controls svg{width:20px;height:20px}.ym-home-hero-position{font-size:12px;line-height:1;min-width:32px;text-align:center;color:#f0e1ca;font-variant-numeric:tabular-nums}
@media(max-width:767px){.ym-home-hero-copy{padding-bottom:84px}.ym-home-hero-controls{right:18px;bottom:16px}.ym-home-hero-controls button{width:36px;height:36px}.ym-home-hubs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.ym-home-hubs{grid-template-columns:1fr}.ym-home-hub-heading{align-items:center}.ym-home-hub-summary{font-size:14px}.ym-home-hub-more{font-size:12px}.ym-home-hero-copy{padding-bottom:84px}}
@media(prefers-reduced-motion:reduce){.ym-home-hubs>a:is(:hover,:focus-visible),.ym-home-hubs>a:hover .ym-home-hub-more svg{transform:none!important}}



/* The custom playlist rail replaces the browser scrollbar without disabling scrolling. */
.ym-home-playlist ol::-webkit-scrollbar{display:none;width:0;height:0}
/* Give the desktop player about 15% more height, with proportional cover and controls. */
@media(min-width:768px){
  .ym-home-now-playing{padding:13px 18px}
  .ym-home-track-top{grid-template-columns:74px minmax(0,1fr);gap:14px;min-height:74px}
  .ym-home-artwork{width:74px;height:74px}
  .ym-home-track-copy h3{font-size:21px}
  .ym-home-track-copy>p:last-of-type{font-size:13px}
  .ym-home-player-controls:not([hidden]){margin-top:12px;gap:7px 14px}
  .ym-home-waveform svg{height:35px}
  .ym-home-transport button{width:34px;height:34px;padding:7px}
  .ym-home-transport .ym-home-play{width:44px;height:44px;padding:10px}
  .ym-home-playlist{padding:10px 0}
  .ym-home-playlist-heading{padding-bottom:9px}
  .ym-home-playlist ol{height:141px;max-height:141px}
  .ym-home-player .ym-home-playlist-scrollbar input[type=range]{height:89px}
}
@media(max-width:767px){
  .ym-home-hero-inner{width:calc(100% - 30px);min-height:0}
  .ym-home-hero-copy{min-height:0;padding:32px 0 84px;gap:28px}
  .ym-home-hero h1{font-size:30px!important;margin-bottom:0}
  .ym-home-hero .ym-home-kicker{font-size:30px!important;max-width:100%}
  .ym-home-hero .ym-home-hero-summary{font-size:16px;max-width:100%;margin:0}
  .ym-home-hero-inner:after{background:linear-gradient(90deg,rgba(37,40,44,.96),rgba(37,40,44,.76) 70%,rgba(37,40,44,.55))}
}