:root{color-scheme:dark;--bg:#0b090b;--surface:#141014;--surface-hover:#21161b;--line:#2d2027;--muted:#9c8991;--text:#fff5f8;--red:#ff405f;--red-bright:#ff6b7f;--soft:#e4bfc7;--shadow:0 18px 80px #0008;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button{border:0}button,select,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red-bright)}[hidden]{display:none!important}svg{display:block}button svg,a svg{flex-shrink:0}span[data-icon]{display:inline-flex;align-items:center;justify-content:center}span[data-icon] svg{width:18px;height:18px}img{max-width:100%}button{background:none}::selection{color:white;background:#c73350}kbd{font:600 11px inherit}.skip-link{position:fixed;top:-100px;left:15px;padding:12px 18px;z-index:99;background:var(--red);border-radius:8px}.skip-link:focus{top:10px}
.topbar{height:78px;display:flex;align-items:center;gap:40px;padding:0 42px;background:#0b090bee;border-bottom:1px solid #302027;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:24px;letter-spacing:-1.1px;white-space:nowrap}.brand-mark{width:34px;height:40px;display:grid;place-items:center;filter:drop-shadow(0 0 9px #f3405333)}.brand img{object-fit:contain;image-rendering:pixelated}.brand-dot{color:var(--red)}.main-nav{height:100%;display:flex;gap:25px;align-items:center}.nav-link{display:flex;align-items:center;gap:8px;height:100%;position:relative;color:var(--muted);font-size:13px;font-weight:650;padding:0}.nav-link.active{color:var(--text)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;background:var(--red);height:2px;border-radius:2px;box-shadow:0 -2px 12px #ff405f60}.nav-link:hover{color:white}.nav-link.active svg{color:var(--red-bright)}.nav-count{background:#39202a;color:var(--red-bright);border-radius:5px;min-width:18px;padding:2px 4px;font-size:10px}.header-tools{margin-left:auto;display:flex;align-items:center;gap:9px}.status-chip{height:32px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:7px;font-size:10px;color:#e4c9d0;font-weight:650;white-space:nowrap}.online-status i{width:5px;height:5px;border-radius:50%;background:#8bd6a5;box-shadow:0 0 7px #70dc8d65}.clock{font-variant-numeric:tabular-nums}.search-box{width:260px;display:flex;align-items:center;gap:9px;height:38px;border:1px solid var(--line);background:#151015;border-radius:8px;padding:0 11px;margin-left:5px;color:var(--muted)}.search-box:focus-within{border-color:#8a364b}.search-box svg{width:15px!important;height:15px!important}.search-box input{width:100%;padding:0;border:0;outline:none;color:var(--text);background:transparent;font-size:11px;min-width:0}.search-box input::placeholder{color:#99868d}.search-box kbd{padding:1px 6px;border:1px solid #49323b;border-radius:3px;color:#b198a3;font-size:10px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:#c7abb6;background:#151015}.icon-button:hover{border-color:#7a3446;background:#26171e;color:white}
.hero{height:535px;position:relative;isolation:isolate;overflow:hidden;text-align:center;background:#0d090b;border-bottom:1px solid #682337}.hero-glow{position:absolute;inset:-100px -100px -120px;background:radial-gradient(ellipse at 50% 68%,#ab153833 0%,#a2142b21 25%,#430e1416 50%,transparent 70%),radial-gradient(ellipse at 52% 40%,#ff354111,transparent 44%);pointer-events:none;z-index:-2}.hero:after{position:absolute;content:"";inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E")}.wave-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.6;pointer-events:none}.wave-lines path{fill:none;stroke:#c2294b;stroke-width:.8}.wave-lines path:nth-child(2){stroke:#85152b;stroke-width:1.1}.wave-lines path:nth-child(3){stroke:#a6223c;opacity:.55}.starfield{position:absolute;inset:0;pointer-events:none;z-index:-1}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#fe7990;box-shadow:0 0 7px 1px #ff365c55;animation:twinkle 5s ease-in-out infinite alternate}.particle.big{width:3px;height:3px;background:#ff4b6e;box-shadow:0 0 9px #ff426f99}.hero-content{display:flex;align-items:center;flex-direction:column;padding-top:29px;position:relative;z-index:1}.greeting-pill{display:inline-flex;align-items:center;gap:7px;background:#241219d9;border:1px solid #57222f;border-radius:100px;padding:6px 12px;color:#f9bdc8;font-size:10px;font-weight:600}.tiny-berry{color:#ff647f;font-size:12px}.hero-logo{width:79px;height:98px;object-fit:contain;margin-top:21px;image-rendering:pixelated;filter:drop-shadow(0 5px 23px #ff28423b);animation:float 5s ease-in-out infinite}.hero h1{font-size:58px;letter-spacing:-3.5px;line-height:1.05;margin:12px 0 13px;font-weight:820}.hero h1 span{color:var(--red)}.hero-tagline{font-size:13px;color:#c89ca7;margin:0;letter-spacing:.25px;min-height:20px}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:23px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--red);color:#fff;padding:12px 18px;border-radius:7px;box-shadow:0 0 25px #ff38552b;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.primary-button:hover{background:#ff5f79;transform:translateY(-2px)}.primary-button svg{width:14px!important;height:14px!important}.bookmark-button{display:flex;align-items:center;gap:6px;font-size:10px;color:#cb9ca8;background:#1a0d13b3;border:1px solid #47212b;padding:10px 11px;border-radius:7px;min-height:40px}.bookmark-button kbd{background:#2c141c;border:1px solid #63323f;border-bottom-width:2px;border-radius:3px;padding:2px 5px;font-size:9px;line-height:1.2}.bookmark-button span:last-child{margin-left:3px}.bookmark-button:hover{background:#351521}.social-link{font-size:11px;color:#f8b3c3;margin-top:16px;display:inline-flex;gap:8px;align-items:center}.social-link svg{width:13px!important;height:13px!important}.quick-picks{position:absolute;z-index:2;bottom:39px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:19px;padding:12px 17px;border:1px solid #582331;border-radius:13px;background:#160b10d9;box-shadow:0 4px 45px #08060844}.quick-label{font-size:8px;letter-spacing:1.5px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#c9929f;font-weight:700;white-space:nowrap}.quick-label span{width:17px;height:2px;background:var(--red)}.quick-pick-list{display:flex;gap:8px}.quick-pick{position:relative;width:56px;height:56px;display:block;border-radius:9px;overflow:hidden;border:1px solid #ffffff1a;transition:transform .2s,box-shadow .2s}.quick-pick:hover{transform:translateY(-5px);box-shadow:0 4px 20px #ff315b30}.quick-pick img{width:100%;height:100%;object-fit:cover}.quick-pick:after{position:absolute;inset:0;border:1px solid #ffffff15;border-radius:8px;content:""}.quick-end{font-size:9px;text-align:left;line-height:1.7;color:#b88491;white-space:nowrap;border-left:1px solid #4c2632;padding-left:16px}.hero-ground{position:absolute;width:100%;height:50px;bottom:0;left:0;pointer-events:none}.hero-ground path{fill:#110b0e}.hero-ground .ground-line{fill:none;stroke:#7e263b;stroke-width:.9}
.library{padding:34px 42px 0;max-width:1600px;margin:0 auto;scroll-margin-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:20px}.eyebrow{margin:0 0 8px;color:#b08592;letter-spacing:1.8px;font-size:8px;font-weight:750}h2{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:0;font-weight:740}h2 span{color:var(--red)}.shuffle-button{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #422531;border-radius:7px;font-size:10px;color:#e6b9c7;background:#1a1116}.shuffle-button:hover{border-color:#8d3d55;background:#26141d}.shuffle-button svg{width:13px!important;height:13px!important}.shuffle-button span:last-child{margin-left:14px;color:#b47588}.library-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #261b22;padding-bottom:18px;gap:20px}.category-list{display:flex;gap:7px;flex-wrap:wrap}.category{border:1px solid #30212a;border-radius:7px;color:#a68b96;padding:8px 15px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:7px;min-height:33px;background:#120d11}.category svg{width:12px!important;height:12px!important}.category.active{background:#3a1826;color:#ffb5c6;border-color:#713047}.category.active svg{color:var(--red-bright)}.category:hover{border-color:#633343;color:#f8d3de}.sort-control{display:flex;align-items:center;gap:9px;white-space:nowrap;position:relative;color:#977d88;font-size:10px}.sort-control select{appearance:none;border:1px solid #3f2632;background:#151014;color:#d9b6c4;font-size:10px;font-weight:600;border-radius:6px;padding:8px 28px 8px 11px;min-width:100px}.sort-control>span[data-icon]{position:absolute;right:8px;pointer-events:none;color:#bf91a3}.sort-control svg{width:11px;height:11px}.results-line{display:flex;align-items:center;justify-content:space-between;padding:14px 0 17px;color:#9e8590;font-size:10px}.results-line p{margin:0}.results-line strong{color:#e6c8d4;font-weight:650}.no-downloads{display:flex;align-items:center;gap:5px;color:#947a85;font-size:9px}.no-downloads svg{width:11px!important;height:11px!important;color:#c8738c}.game-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.game-card{position:relative;min-width:0;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.game-cover{display:block;position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid #fff1;background:#21131a}.game-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.game-card:hover .game-cover img{transform:scale(1.04)}.game-cover:after{content:"";position:absolute;inset:0;border-radius:11px;border:1px solid #ffffff0d;pointer-events:none}.game-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);opacity:0;transition:opacity .2s,transform .2s;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff3f3ec;color:#642237;backdrop-filter:blur(4px);box-shadow:0 5px 30px #0003}.game-card:hover .game-play,.game-cover:focus-visible .game-play{opacity:1;transform:translate(-50%,-50%)}.game-play svg{width:18px;height:18px;margin-left:2px;fill:currentColor}.favorite-button{position:absolute;right:7px;top:7px;z-index:2;width:26px;height:26px;display:grid;place-items:center;color:#ffedfa;background:#10091065;border:1px solid #ffffff20;border-radius:7px;backdrop-filter:blur(8px);transition:background .2s}.favorite-button svg{width:13px!important;height:13px!important}.favorite-button:hover{background:#5a1b36bf}.favorite-button.is-favorite{color:#ff819e;background:#321021d9;border-color:#bb446861}.favorite-button.is-favorite svg{fill:currentColor}.card-copy{padding:11px 0 0;display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.card-copy h3{font-size:11px;font-weight:650;margin:0 0 5px;color:#eee0e6;line-height:1.3}.card-copy p{font-size:9px;color:#8f7782;margin:0}.card-copy>span{color:#725664;margin-top:3px}.card-copy>span svg{width:12px;height:12px}.game-card:hover h3{color:#ff9bb5}.card-badge{position:absolute;bottom:8px;left:8px;background:#0b0711b8;color:#f8dae6;border:1px solid #ffffff1c;border-radius:5px;font-size:7px;font-weight:750;padding:4px 6px;letter-spacing:1px;backdrop-filter:blur(4px)}.little-note{display:flex;align-items:center;gap:14px;border:1px solid #3d202e;border-radius:10px;background:linear-gradient(110deg,#25121c66,#131014);margin-top:34px;padding:19px 22px}.note-berry{font-size:27px;filter:saturate(.8)}.little-note strong{font-size:11px;letter-spacing:-.1px;color:#dab5c4;font-weight:600}.little-note p{font-size:10px;color:#92717f;margin:6px 0 0}.note-star{margin-left:auto;font-size:32px;color:#753044}.footer{max-width:1600px;display:flex;align-items:center;gap:18px;padding:31px 42px;color:#785b6b;margin:0 auto}.footer .brand{font-size:14px;letter-spacing:-.4px;gap:7px;color:#b68d9d}.footer p{font-size:9px;margin:0;padding-left:18px;border-left:1px solid #36212b}.footer>a:last-child{margin-left:auto;font-size:9px;display:flex;align-items:center;gap:7px}.footer>a:last-child svg{width:11px;height:11px}.empty-state{text-align:center;border:1px dashed #4c2a3a;border-radius:12px;padding:46px 20px;color:#a98094}.empty-state>span svg{width:30px;height:30px;color:#d57499}.empty-state h3{color:#f5d4e5;font-size:17px}.empty-state p{font-size:12px;margin-bottom:20px}.secondary-button{border:1px solid #583044;padding:10px 14px;border-radius:7px;color:#e0b4c9;background:#21131d;font-size:11px}.secondary-button:hover{border-color:#b25179}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);background:#311524;color:#ffd9e8;border:1px solid #8e355b;border-radius:10px;padding:13px 20px;z-index:50;font-size:12px;max-width:calc(100vw - 32px);text-align:center;box-shadow:0 8px 40px #0008;opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.settings-dialog{background:#140d13;color:var(--text);border:1px solid #653047;border-radius:17px;padding:27px;width:min(470px,calc(100vw - 32px));box-shadow:var(--shadow)}.settings-dialog::backdrop{background:#060207c9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:23px}.dialog-heading h2{font-size:25px}.dialog-heading .icon-button{flex-shrink:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 0;border-top:1px solid #382230}.setting-row strong{font-size:12px;font-weight:600;display:block}.setting-row small{font-size:11px;color:#a37e92;display:block;margin-top:7px}.setting-row input{appearance:none;width:33px;height:19px;background:#392632;border:1px solid #724058;border-radius:20px;position:relative;cursor:pointer;flex-shrink:0}.setting-row input:before{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;background:#b68a9f;border-radius:100%;transition:transform .2s}.setting-row input:checked{background:#ca3257;border-color:#fb6788}.setting-row input:checked:before{background:white;transform:translateX(14px)}.settings-footnote{display:flex;align-items:center;gap:10px;background:#291522;padding:12px;border-radius:7px;color:#c18da8;margin:14px 0 18px}.settings-footnote svg{width:15px;height:15px}.settings-footnote p{font-size:10px;line-height:1.6;margin:0}.clear-button{width:100%}.noscript{padding:24px;border:1px solid #834155}.noscript a{text-decoration:underline}.compact .game-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:12px}.ambient-off .particle,.ambient-off .hero-logo{animation:none}.ambient-off .starfield{opacity:.3}
.player-body{height:100dvh;min-height:500px;display:flex;flex-direction:column}.player-topbar{height:64px;flex-shrink:0}.player-topbar .brand{font-size:20px}.back-link{display:flex;align-items:center;gap:7px;font-size:12px;color:#d4adbf}.player-title{display:flex;align-items:center;gap:10px;color:#e8c8d8;font-size:12px;margin:0 auto}.player-title>span{font-size:9px;background:#38202f;border:1px solid #613048;color:#f3acc9;border-radius:5px;padding:4px 7px;font-weight:500}.player-controls{display:flex;align-items:center;gap:7px;margin-left:auto}.player-shell{display:flex;flex-direction:column;flex:1;min-height:0;padding:20px;max-width:1600px;width:100%;margin:0 auto}.player-frame-wrap{flex:1;position:relative;min-height:300px;display:flex;border:1px solid #472638;border-radius:12px;overflow:hidden;background:#100b13}.player-frame{width:100%;height:100%;flex:1;border:0;min-height:300px;background:#100b13}.player-description{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 2px 0}.player-description h1{font-size:17px;margin:0 0 5px;letter-spacing:-.5px}.player-description p{font-size:11px;color:#a17f92;margin:0;line-height:1.6}.player-description small{font-size:10px;color:#856475}.player-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(ellipse at center,#301322,#100b13 70%);z-index:1}.player-placeholder img{width:75px;height:90px;image-rendering:pixelated;object-fit:contain}.player-placeholder h1{font-size:27px;letter-spacing:-1px;margin:18px 0 8px}.player-placeholder p{font-size:12px;color:#b68aa2;line-height:1.7;max-width:360px}.player-placeholder .primary-button{margin-top:10px}.player-frame-wrap:fullscreen{border:0;border-radius:0;background:#100b13}.player-frame-wrap:fullscreen .player-frame{height:100vh}.player-help{color:#bc869f;line-height:1.5}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes twinkle{0%{opacity:.2;transform:translateY(2px)}100%{opacity:.85;transform:translateY(-4px)}}
@media(min-width:1700px){.hero{height:570px}.hero-content{padding-top:36px}.hero-logo{width:91px;height:113px}.hero h1{font-size:64px}.quick-picks{bottom:45px}.game-grid{gap:20px}.card-copy h3{font-size:13px}.card-copy p{font-size:10px}}
@media(max-width:1150px){.topbar{padding:0 24px;gap:25px}.main-nav{gap:18px}.search-box{width:210px}.status-chip.online-status{display:none}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 18px}.library{padding:30px 24px 0}.footer{padding:28px 24px}.compact .game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.card-copy h3{font-size:12px}.card-copy p{font-size:10px}}
@media(max-width:760px){.topbar{height:70px;padding:0 18px;gap:20px;flex-wrap:wrap}.brand{font-size:21px}.brand-mark{width:29px}.main-nav{margin-left:auto;gap:17px}.nav-link{font-size:11px}.nav-link span[data-icon]{display:none}.header-tools{margin-left:0;position:absolute;top:86px;left:18px;right:18px;gap:8px}.search-box{order:0;flex:1;width:auto;margin:0;background:#180d13dd}.header-tools .clock{order:1;background:#180d13dd;height:38px;font-size:9px}.header-tools .settings-button{order:2}.hero{height:570px}.hero-content{padding-top:85px}.greeting-pill{font-size:9px}.hero-logo{margin-top:21px;width:75px;height:92px}.hero h1{font-size:51px;letter-spacing:-3px;margin-top:14px}.hero-tagline{font-size:12px}.hero-actions{margin-top:23px;gap:9px}.bookmark-button{font-size:9px}.quick-picks{bottom:36px;gap:10px;padding:10px;border-radius:12px}.quick-label{display:none}.quick-end{display:none}.quick-pick{width:49px;height:49px}.quick-pick-list{gap:7px}.section-heading{margin-bottom:23px;gap:12px}h2{font-size:22px}.eyebrow{font-size:7px;letter-spacing:1.4px}.shuffle-button{font-size:0;gap:0;padding:10px}.shuffle-button span:first-child svg{width:16px!important;height:16px!important}.shuffle-button span:last-child{display:none}.library{padding:27px 18px 0}.library-toolbar{gap:10px;align-items:center}.category{font-size:9px;padding:8px 11px}.category-list{gap:5px}.category svg{display:none}.sort-control>span:first-child{display:none}.sort-control select{font-size:9px;min-width:82px;padding-left:8px;padding-right:23px}.game-grid{gap:20px 13px}.game-cover{border-radius:10px}.card-copy h3{font-size:11px}.card-copy p{font-size:9px}.card-copy>span{display:none}.no-downloads{font-size:8px}.favorite-button{width:25px;height:25px;right:6px;top:6px}.card-badge{font-size:6px;padding:3px 5px;bottom:6px;left:6px}.little-note{padding:17px 14px;gap:10px}.little-note strong{font-size:10px}.little-note p{font-size:9px}.note-star{font-size:25px}.note-berry{font-size:25px}.footer{padding:24px 18px;gap:10px;flex-wrap:wrap}.footer p{font-size:8px;padding-left:10px}.footer>a:last-child{font-size:8px}.footer .brand{font-size:12px}.player-topbar{height:60px;gap:12px;flex-wrap:nowrap}.player-topbar .brand{display:none}.player-title{font-size:11px;max-width:130px;overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis}.player-title>span{display:none}.player-controls .icon-button{height:33px;width:33px}.player-shell{padding:10px}.player-description{padding:15px 3px 5px}.player-description small{display:none}.back-link{font-size:10px;white-space:nowrap}.player-description h1{font-size:14px}.player-description p{font-size:10px}.player-frame-wrap{border-radius:9px}}
@media(max-width:550px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact .game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.compact .card-copy h3{font-size:10px}.library-toolbar{flex-wrap:wrap}.category-list{flex:1}.category{font-size:9px;padding:8px 10px}.hero-actions{gap:8px}.primary-button{padding:12px 14px}.bookmark-button{padding:10px 9px}.card-copy h3{font-size:12px}.card-copy p{font-size:10px}.game-cover{border-radius:12px}.game-play{display:none}.little-note{margin-top:28px}.footer>a:last-child{width:100%;margin:6px 0 0;justify-content:center}.footer{justify-content:center}.no-downloads{display:none}.player-topbar{padding:0 12px}.player-controls{gap:5px}.player-topbar .back-link{gap:4px}.settings-dialog{padding:22px}.hero h1{font-size:50px}.quick-pick{width:47px;height:47px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.growing-pill{position:absolute;left:50%;transform:translateX(-50%);bottom:64px;display:flex;align-items:center;gap:16px;color:#b67f91;font-size:9px;letter-spacing:.65px;white-space:nowrap}.growing-pill span{color:#e14a70;font-size:13px}.growing-empty{position:relative;isolation:isolate;overflow:hidden;padding:29px 20px 34px;background:radial-gradient(ellipse at center,#35102066,#140c1190 65%);border:1px solid #40202e}.growing-empty:before,.growing-empty:after{content:"✦";position:absolute;font-size:50px;color:#592035;left:14%;top:40%;opacity:.5;z-index:-1}.growing-empty:after{left:auto;right:14%;top:25%;font-size:30px}.growing-empty h3{font-size:18px;letter-spacing:-.35px;margin:14px 0 8px}.growing-empty p{font-size:11px;margin:0;color:#b48b9d;line-height:1.6}.growing-empty>span img{image-rendering:pixelated;filter:drop-shadow(0 0 17px #f5395a35)}.placeholder-cover{object-fit:contain!important;padding:25%;background:radial-gradient(ellipse,#6a233a,#21101a)}.player-controls .is-favorite{color:#ff819e}.player-controls .is-favorite svg{fill:currentColor}.online-status.offline i{background:#d88f69;box-shadow:none}

/* Supplied Neon Skyline wallpaper: fixed canvas behind the home page. */
body.wallpaper-page { isolation: isolate; background: #0b0912; }
.wallpaper-background { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: #0b0912; }
.wallpaper-poster, .wallpaper-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.wallpaper-video { opacity: 0; transition: opacity .65s ease; }
.wallpaper-background.is-playing .wallpaper-video { opacity: 1; }
.wallpaper-shade { position: absolute; inset: 0; background: linear-gradient(180deg, #0805109c 0%, #11091878 40%, #09060ec4 78%, #09060ee8 100%); }
.wallpaper-page .topbar { background: #0c0713d9; border-bottom-color: #75334d66; backdrop-filter: blur(12px); }
.wallpaper-page .hero { background: transparent; border-bottom-color: #a3577955; }
.wallpaper-page .hero-glow, .wallpaper-page .wave-lines, .wallpaper-page .starfield, .wallpaper-page .hero-ground, .wallpaper-page .hero::after { display: none; }
.wallpaper-page .hero h1 { text-shadow: 0 3px 25px #09030ed9; }
.wallpaper-page .hero-logo { filter: drop-shadow(0 4px 22px #140611a8); }
.wallpaper-page .hero-tagline { color: #f1d8e5; text-shadow: 0 2px 8px #120612; }
.wallpaper-page .greeting-pill { background: #20101ee6; border-color: #9f4a6d99; color: #ffd6e4; }
.wallpaper-page .growing-pill { color: #edc0d4; text-shadow: 0 1px 6px #120410; }
.wallpaper-page .growing-pill span { color: #ff8dad; }
.wallpaper-page .library { background: linear-gradient(180deg, #100916b3, #0c0812d9); padding-bottom: 24px; }
.wallpaper-page .eyebrow { color: #d2a7bd; }
.wallpaper-page .results-line, .wallpaper-page .no-downloads { color: #c0a1b2; }
.wallpaper-page .sort-control { color: #bc94aa; }
.wallpaper-page .growing-empty { background: radial-gradient(ellipse at center, #37152b96, #140d1adb 70%); border-color: #70415b80; }
.wallpaper-page .growing-empty p { color: #d1a9bf; }
.wallpaper-page .little-note { background: #180e1be6; border-color: #6940568f; }
.wallpaper-page .footer { color: #b48fa2; }
.wallpaper-page .footer p { color: #b48fa2; }
.wallpaper-credit { color: #ae8da7; font-size: 9px; margin-left: auto; white-space: nowrap; }
.wallpaper-page .footer>a:last-child { margin-left: 12px; }
@media (max-width: 760px) {
  .wallpaper-shade { background: linear-gradient(180deg, #080510b3 0%, #11091885 45%, #09060edb 85%); }
  .wallpaper-credit { font-size: 8px; }
  .wallpaper-page .footer>a:last-child { margin-left: 0; }
}
@media (max-width: 550px) { .wallpaper-credit { margin-left: 0; width: 100%; text-align: center; padding-top: 7px; } }
@media (prefers-reduced-motion: reduce) { .wallpaper-video { display: none; } }

/* Strawberry 2: plain labels, clean routes and persistent player controls. */
.hero { height: 300px; }
.hero-content { padding-top: 27px; }
.hero-logo { width: 64px; height: 80px; margin-top: 0; }
.hero h1 { font-size: 46px; margin: 10px 0 0; letter-spacing: -2px; }
.hero-actions { margin-top: 20px; }
.section-heading { margin-bottom: 22px; }
.category>svg { width: 13px; height: 13px; }
.settings-select { max-width: 170px; background: #21121d; color: #f4d7e7; border: 1px solid #644054; border-radius: 7px; padding: 9px 10px; font-size: 11px; }
.settings-caption { color: #b28d9e; font-size: 10px; margin: 18px 0; }
.toolbar-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #4a2b3b; border-radius: 7px; padding: 9px 12px; background: #1b111a; font-size: 11px; color: #edc7da; white-space: nowrap; min-height: 37px; }
.toolbar-button:hover { background: #2d1726; border-color: #a04d76; }
.toolbar-button svg { width: 15px; height: 15px; }
.player-topbar { gap: 18px; padding: 0 22px; }
.player-title { margin: 0 auto 0 0; font-size: 13px; font-weight: 600; }
.player-controls { margin-left: 0; }
.player-shell { max-width: none; padding: 12px; }
.player-frame-wrap { min-height: 0; }
.player-frame { min-height: 0; }
.player-placeholder h2 { font-size: 23px; }
.player-body { min-height: 0; }
.browser-body { margin: 0; height: 100dvh; display: flex; flex-direction: column; background: #0c0810; overflow: hidden; }
.browser-header { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid #30212a; background: #110c13; flex-shrink: 0; }
.browser-tabs { display: flex; align-items: center; gap: 7px; flex: 1; min-width: 0; overflow-x: auto; }
.browser-tab { display: flex; flex-shrink: 0; align-items: center; background: #1c121c; border: 1px solid #3c2635; border-radius: 7px; overflow: hidden; }
.browser-tab-select { display: block; width: 146px; text-align: left; font-size: 11px; padding: 10px; color: #b88d9f; }
.browser-tab-select span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.browser-tab-select.active { color: #ffe4ef; background: #36182b; }
.browser-tab-close { width: 25px; height: 33px; color: #b88d9f; display: grid; place-items: center; }
.browser-tab-close:hover { color: #fff; background: #5b2441; }
.browser-tab-close svg { width: 12px; height: 12px; }
.browser-toolbar { display: flex; gap: 7px; align-items: center; padding: 10px 16px; border-bottom: 1px solid #30212a; flex-shrink: 0; }
.browser-address { flex: 1; display: flex; align-items: center; gap: 10px; min-width: 0; background: #1a1019; border: 1px solid #573045; border-radius: 8px; padding: 0 12px; height: 39px; color: #d2a4ba; }
.browser-address input { width: 100%; min-width: 0; font-size: 12px; color: #fae7f1; background: none; outline: none; border: 0; }
.browser-address input::placeholder { color: #ae8299; }
.browser-toolbar .primary-button { min-height: 38px; padding: 10px 17px; }
.browser-content { position: relative; flex: 1; min-height: 0; }
.browser-start { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; text-align: center; padding: 25px; background: radial-gradient(ellipse at center, #2a1426, #0c0810 70%); }
.browser-start img { object-fit: contain; image-rendering: pixelated; }
.browser-start h1 { font-size: 27px; letter-spacing: -1px; margin: 0; }
.browser-start p { font-size: 12px; line-height: 1.7; color: #c394ac; margin: 0; }
.browser-error p { color: #ffa7bc; }
.browser-frames { position: absolute; inset: 0; }
.browser-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #100b13; }
@media(max-width:760px) {
  .hero { height: 345px; }
  .hero-content { padding-top: 85px; }
  .hero-logo { width: 61px; height: 76px; margin-top: 0; }
  .hero h1 { font-size: 43px; }
  .hero-actions { margin-top: 20px; }
  .topbar { gap: 12px; padding: 0 14px; }
  .brand { font-size: 20px; }
  .main-nav { gap: 13px; }
  .nav-link { font-size: 10px; }
  .shuffle-button { font-size: 10px; gap: 7px; }
  .player-topbar { gap: 10px; height: 60px; padding: 0 10px; }
  .player-title { font-size: 11px; max-width: none; min-width: 0; }
  .toolbar-button { gap: 5px; font-size: 10px; padding: 8px; }
  .player-controls { gap: 5px; }
  .player-controls .icon-button { width: 29px; }
  .player-controls .toolbar-button svg { display: none; }
  .browser-header { padding: 8px; gap: 7px; }
  .browser-tab-select { width: 110px; }
  .browser-toolbar { gap: 5px; padding: 8px; }
  .browser-toolbar .icon-button { width: 31px; height: 35px; }
  .browser-address { padding: 0 8px; gap: 5px; }
  .browser-address>span { display: none; }
  .browser-toolbar .primary-button { padding: 9px 11px; min-height: 35px; }
}
@media(max-width:380px) {
  .topbar { padding: 0 10px; gap: 9px; }
  .brand { font-size: 18px; gap: 6px; }
  .main-nav { gap: 10px; }
  .nav-link { font-size: 9px; }
  .player-topbar { gap: 6px; }
  .player-controls>.icon-button { display: none; }
}