@font-face{font-family:Sofia;src:url('/assets/fonts/sofia-sans-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}

@font-face{font-family:Sofia;src:url('/assets/fonts/sofia-sans-cyrillic.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-052F}

@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-latin.woff2') format('woff2');font-weight:200 700;font-display:swap;unicode-range:U+0000-024F}

@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-cyrillic.woff2') format('woff2');font-weight:200 700;font-display:swap;unicode-range:U+0400-052F}

:root{font-size:clamp(7.5px,.520833vw,10px);--ink:#f2f3ef;--muted:#a3a5a2;--line:#ffffff20;--blue:#78b6cf;--green:#65b989;--orange:#db8d31;--rail:28rem}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#2d3030 url('/assets/images/main/bg-cache.webp') center top/cover fixed no-repeat;color:var(--ink);font:1.6rem/1.4 Sofia,Arial,sans-serif}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;color:inherit;background:none;border:0;padding:0}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #87c8e7;outline-offset:4px}
button img{pointer-events:none}
img{max-width:100%;object-fit:contain}
button:disabled{cursor:not-allowed;opacity:.5}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-200%);background:#15191c;padding:12px}
.skip-link:focus{transform:none}
.site-header{height:6.8rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#24292cb8 url('/assets/images/header/headerBG.webp') center/cover;border-bottom:1px solid var(--line);position:relative;z-index:3}
.brand{display:flex;align-items:center;position:relative;gap:1.2rem}
.brand-logo{width:20rem;height:auto;display:block}
.domain-label{font-size:1.05rem;color:#c6d4d8;letter-spacing:.12em;border-left:1px solid #ffffff30;padding-left:1.2rem}
.site-header nav{display:flex;gap:4rem;align-items:center;margin-left:-8rem}
.site-header nav button{font:400 2.4rem Oswald,sans-serif;height:6.8rem;position:relative;padding:0 1.5rem}
.site-header nav button+button:before{content:'';width:1px;height:3rem;background:var(--line);position:absolute;left:-2rem;top:2rem}
.site-header nav .current{color:var(--blue);background:url('/assets/icons/header/activeState.webp') center bottom/cover no-repeat}
.steam-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;color:#73bf91;min-height:4.6rem;padding:.8rem 2rem;background:linear-gradient(#294b36b0,#123520dd);box-shadow:inset 0 0 1.9rem #4e996f80,inset 0 0 0 1px #7abe83b0;border:1px solid #8bc59187;font:500 1.6rem Sofia,sans-serif;transition:filter .15s}
.steam-button img{width:2.4rem;height:2.4rem}
.steam-button:hover{filter:brightness(1.22)}
.header-login{font-size:1.5rem;font-weight:800;min-height:4.6rem}
.mobile-label,.menu-toggle{display:none}
.page-layout{display:grid;grid-template-columns:var(--rail) minmax(0,1fr)}
.feed{background:#171b1d75;border-right:1px solid var(--line);align-self:start;position:sticky;top:0;max-height:calc(100vh - 6.8rem);display:flex;flex-direction:column}
.feed-heading{height:5.2rem;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;border-bottom:1px solid var(--line);color:#b4bcba;font-size:1.6rem}
.feed-heading span:last-child{color:var(--blue)}
.feed-filters{display:flex;flex-shrink:0;height:5.2rem;border-bottom:1px solid var(--line)}
.feed-filters button{width:50%;display:grid;place-items:center}
.feed-filters button.selected{background:#7eb2c336}
.feed-filters img{width:2.8rem}
.feed-items{overflow:hidden;flex:1;min-height:0}
.feed-card{height:9.2rem;padding:1rem;display:flex;align-items:center;text-align:left;gap:1rem;width:100%}
.feed-card>img{width:9.5rem;height:7rem;background:linear-gradient(#4b4f4e70,#989c9780);border-bottom:3px solid #8ba4bc}
.feed-card>span{min-width:0}
.feed-card strong{display:block;font-size:1.55rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed-card small{font-size:1.4rem;color:#b2b7b4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed-social{height:5rem;display:flex;justify-content:space-around;border-top:1px solid var(--line);flex-shrink:0}
.feed-social button{width:50%}
.feed-social img{width:2.8rem;height:2.8rem}
.rarity-purple>img{border-color:#9f6bef}
.rarity-gold>img{border-color:#dca047}
.rarity-red>img{border-color:#dd6565}
main{min-width:0;padding:6rem 3rem 0 9rem}
.upgrade-section{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 40rem minmax(0,1fr);gap:2rem;height:56rem}
.mode-controls{position:absolute;left:0;top:-3rem;display:flex;gap:.4rem}
.mode-button{width:3.2rem;height:2.7rem;background:#22292b88;font-size:2rem;color:#9caaa8}
.mode-button.sound{color:var(--blue)}
.selection-panel{height:47.5rem;display:flex;flex-direction:column;text-align:left;border:1px solid #ffffff0a;background:#07121424 url('/assets/icons/upgrade/bg.svg') center/cover}
.panel-title{padding:1.7rem 2rem;width:100%;background:#101416a8;font-size:1.5rem;font-weight:700;color:#b2bab7;min-height:5.5rem}
.selection-hint{margin:auto;text-align:center;color:#a4aca4;font-size:1.5rem;padding:2rem}
.wheel-column{display:flex;align-items:center;flex-direction:column}
.wheel-brand{height:5.5rem;display:flex;align-items:center;justify-content:center;width:100%;background:linear-gradient(90deg,transparent,#11181b99,transparent)}
.wheel-brand .brand-logo{width:17rem}
.wheel{position:relative;width:40rem;height:40rem;margin:2rem 0 0;flex-shrink:0}
.wheel img{position:absolute}
.wheel-outer{width:100%;height:100%;inset:0}
.wheel-disc{width:83.2%;height:83.2%;top:8.4%;left:8.4%}
.wheel-inner{width:52.5%;height:52.5%;top:23.75%;left:23.75%}
.wheel-logo{width:47.3%;height:47.3%;top:26.35%;left:26.35%}
.wheel-arrow{width:35%;height:25%;top:76.5%;left:32.5%}
.upgrade-button{border:2px solid #223034;background:#1a2326a6;box-shadow:inset 0 0 1.5rem #82908b30;width:100%;height:6.4rem;font-size:2.8rem;font-weight:800;color:#b0b4a9;margin-top:1.5rem;transition:background .15s}
.upgrade-button:hover{background:#273b41bb}
.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
.inventory-panel,.catalog-panel{min-width:0;min-height:46.5rem;background:#10171988;border:1px solid #ffffff12}
.inventory-heading{height:6.4rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#111718a6;gap:.8rem}
.inventory-heading h2{display:flex;align-items:center;gap:1rem;font-size:2rem;white-space:nowrap;margin:0;font-weight:700}
.inventory-heading img{width:2.8rem;height:2.8rem}
.icon-button{display:grid;place-items:center;min-width:4.4rem;min-height:4.4rem}
.icon-button img{width:2.6rem;height:2.6rem}
.inventory-empty{height:40rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;text-align:center}
.inventory-empty p{font:500 1.6rem/1.1 Oswald,sans-serif;color:#c8cebf;margin:0}
.inventory-empty .steam-button{font-weight:800}
.catalog-controls{display:flex;align-items:center;gap:.4rem}
.filter-price,.price-placeholder{border:1px solid #ffffff25;color:#b9c0bd;height:4.4rem;font-size:1.5rem;padding:0 1rem;min-width:4.4rem}
.price-placeholder{min-width:5.8rem;text-align:left;color:#8c9692}
.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1rem 2rem 0}
.item-card{position:relative;background:linear-gradient(#3d434166,#828985aa);aspect-ratio:1.15;text-align:left;border-bottom:3px solid #8ba4bc;overflow:hidden;transition:background .15s}
.item-card:hover{background:linear-gradient(#4c5550bb,#a1aca9aa)}
.item-card.rarity-purple{border-color:#9f6bef}
.item-card>img{width:100%;height:100%;padding:1.4rem 0;object-fit:contain;max-height:15rem}
.item-price{position:absolute;top:.7rem;right:.6rem;text-align:right;font-size:1.4rem;font-weight:700;z-index:1;line-height:1.1}
.item-price img{width:1.4rem;height:1.4rem;vertical-align:middle}
.item-price small{display:block;font-size:1.2rem;color:#c0c6c1}
.item-caption{position:absolute;left:.6rem;bottom:.5rem;max-width:94%;font-size:1.2rem;line-height:1.1}
.item-caption>span,.item-caption>small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.item-caption>small{font-size:1.1rem;color:#b5bcb6}
.pagination{display:flex;justify-content:flex-end;padding:.5rem 2rem;gap:1rem}
.mobile-tabs{display:none}
.about-section{background:#1b2225e8;border:1px solid var(--line);margin:5rem 0;padding:4rem 5rem;color:#c0c7c6;scroll-margin-top:2rem}
.eyebrow{font-size:1.25rem;letter-spacing:.16em;color:var(--blue)}
h1{font:500 3.5rem/1.2 Oswald,sans-serif;color:#edf1eb;margin:1rem 0 2rem}
.about-lead{max-width:80rem;font-size:2rem;line-height:1.6}
.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin:3rem 0}
.about-columns h2,.faq-heading{font:400 2.6rem Oswald,sans-serif;color:#edf1eb}
.about-columns p{font-size:1.8rem;line-height:1.6}
.faq{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;padding:2rem 3rem 2rem 0;font-size:2rem;color:#e3e8e4;position:relative;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';position:absolute;right:.5rem;color:var(--blue)}
details[open] summary:after{content:'−'}
details p{font-size:1.8rem;line-height:1.65;margin:0 0 2.5rem;max-width:105rem}
footer{padding-bottom:3rem}
.footer-top{display:grid;grid-template-columns:1.1fr 1.3fr 1fr 1.6fr auto;gap:3rem;padding:2rem 0 4rem;border-bottom:1px solid var(--line)}
.footer-brand .brand-logo{width:20rem}
.footer-brand>span{display:block;letter-spacing:.2em;font-size:1.3rem;color:var(--blue);margin-top:1rem}
footer h3{font-size:1.6rem;color:#d0d5ce;margin:0 0 1rem}
footer h3:not(:first-child){margin-top:2rem}
.footer-link,footer a{display:block;font-size:1.6rem;color:#aeb5b2;margin-bottom:.6rem;text-align:left}
.footer-link:hover,footer a:hover{color:#fff}
.footer-note{font-size:1.4rem;color:#a5aca9;display:block;margin-top:1rem}
.language{display:flex;align-items:center;gap:1rem;align-self:start;font-size:1.6rem}
.language img{width:2.8rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;font-size:1.4rem;color:#a0aaa7;padding-top:2rem}
.footer-bottom p{margin:0}
.footer-bottom p span{display:block;font-size:1.3rem;margin-top:.5rem}
.socials{display:flex;gap:2rem}
.socials button{min-height:4.4rem;min-width:3rem}
.socials img{width:2.5rem}
.support-fab{position:fixed;bottom:2.5rem;right:3rem;z-index:4;width:7rem;height:7rem;background:#dc923a;border:1px solid #efb75c;border-radius:50%;box-shadow:0 4px 16px #0005;display:grid;place-items:center}
.support-fab svg{width:4.6rem;height:4.6rem}
.modal-open{overflow:hidden}
dialog{padding:0;border:1px solid #ffffff18;background:#151515;color:var(--ink);width:89rem;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 16px 80px #0007}
dialog::backdrop{background:#000a;backdrop-filter:blur(2px)}
.auth-layout{position:relative;display:grid;grid-template-columns:33rem minmax(0,1fr);min-height:46.5rem}
.auth-art{position:relative;background:#d78c30 url('/assets/images/auth/stripes.svg') center/cover;overflow:hidden;min-height:46.5rem}
.auth-character{position:absolute;bottom:0;left:0;width:100%;height:40rem;object-fit:contain;object-position:bottom}
.adult-badge{position:absolute;z-index:1;top:2rem;left:50%;transform:translateX(-50%);display:flex;gap:2.5rem;align-items:center;justify-content:center;background:#171b1e;border-radius:4rem;padding:1rem 2rem;width:16.5rem;line-height:1;font:500 1.5rem Oswald,sans-serif;text-align:center}
.adult-badge b{color:#e8a04a;font-size:1.6rem}
.adult-badge span{font-size:1.35rem}
.auth-content{padding:6.4rem 6rem 5rem;min-width:0}
.auth-content h2{font:400 3.2rem/1.2 Oswald,sans-serif;margin:0 0 1rem}
.auth-content>p{font-size:1.6rem;color:#949996;line-height:1.5;margin:0}
.consent-fields{display:grid;gap:.8rem;margin:5.5rem 0 2.8rem}
.consent-fields label{display:flex;align-items:center;gap:1rem;color:#aeb3ae;font-size:1.4rem;cursor:pointer}
.consent-fields input{appearance:none;margin:0;width:1.6rem;height:1.6rem;min-width:1.6rem;border:1px solid #727a71;background:#181e1a;display:grid;place-items:center;cursor:pointer}
.consent-fields input:checked{background:#6dbb84;border-color:#6dbb84}
.consent-fields input:checked:after{content:'';width:.8rem;height:.4rem;border-left:2px solid #234b32;border-bottom:2px solid #234b32;transform:rotate(-45deg) translateY(-1px)}
.terms-highlight{color:#75b791}
.auth-content .steam-button{width:100%;font:400 1.8rem Oswald,sans-serif;min-height:4.6rem}
.auth-content .steam-disclaimer{text-align:center;font-size:1rem;margin-top:1.2rem;color:#929792}
.auth-content #auth-status{font-size:1.4rem;color:#d9c295;margin-top:1.5rem}
.close-modal{position:absolute;right:1.5rem;top:1.2rem;width:4rem;height:4rem;font:bold 3.2rem Arial,sans-serif;display:grid;place-items:center;z-index:2}
.mobile-art-logo{display:none}
.noscript-message{background:#1c2528;padding:2rem;text-align:center;font-size:1.6rem}

@media(min-width:1024px) and (max-width:1250px){main{padding-left:4rem}
.domain-label{display:none}
.catalog-controls .price-placeholder{display:none}
.site-header nav{margin-left:0;gap:2rem}
.site-header nav button+button:before{left:-1rem}
}

@media(max-width:1023px){:root{font-size:10px;--rail:0px}
body{background-image:url('/assets/images/main/bgMob-cache.webp');background-size:cover;background-position:center top}
.site-header{height:50px;padding:0 10px}
.brand-logo{width:120px}
.domain-label{display:none}
.site-header nav{display:none}
.header-login{margin-left:auto;margin-right:8px;min-height:32px;padding:4px 15px;font-size:14px;gap:10px;flex-direction:row-reverse}
.header-login img{width:20px;height:20px}
.desktop-label{display:none}
.mobile-label{display:inline}
.menu-toggle{display:flex;width:24px;height:32px;flex-direction:column;gap:4px;justify-content:center}
.menu-toggle span{height:2px;background:#d4d9d5;width:23px}
.page-layout{display:block}
.feed{position:relative;width:100%;height:72px;max-height:none;flex-direction:row;background:#20292c60;border-right:0;border-bottom:1px solid var(--line)}
.feed-heading,.feed-social{display:none}
.feed-filters{height:72px;width:36px;flex-direction:column;border-right:1px solid var(--line);flex-shrink:0}
.feed-filters button{width:36px;height:36px}
.feed-filters img{width:22px;height:22px}
.feed-items{display:flex;overflow:hidden}
.feed-card{height:72px;min-width:88px;width:88px;padding:0;border-right:1px solid #ffffff20;flex-shrink:0}
.feed-card>img{width:88px;height:72px;padding:6px 2px;border-bottom-width:4px}
.feed-card>span{display:none}
main{padding:0 10px}
.upgrade-section{display:flex;align-items:center;justify-content:center;height:480px;position:relative}
.selection-panel{display:none}
.mode-controls{display:none}
.wheel-column{width:min(390px,100%);align-items:center}
.wheel-brand{display:none}
.wheel{width:min(360px,90vw);height:min(360px,90vw);margin-top:15px}
.upgrade-button{font-size:22px;width:280px;min-height:48px;height:48px;margin-top:18px;color:#c0c4b7}
.inventory-grid{display:block;margin-top:0}
.mobile-tabs{display:flex;height:50px;border:1px solid var(--line);background:#14202780}
.mobile-tabs button{width:50%;font-size:18px;border-bottom:3px solid transparent;font-weight:600}
.mobile-tabs button[aria-selected=true]{color:#84bad0;border-color:#84bad0;background:#6fa9bb20}
.inventory-panel,.catalog-panel{display:none;min-height:330px}
.inventory-panel.mobile-active,.catalog-panel.mobile-active{display:block}
.inventory-heading{height:48px;padding:0 12px}
.inventory-heading h2{font-size:18px}
.inventory-heading .icon-button{min-height:44px;min-width:44px}
.inventory-empty{height:290px;gap:24px}
.inventory-empty p{font-size:17px;line-height:1.2}
.inventory-empty .steam-button{font-size:15px;min-height:44px;padding:10px 18px}
.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}
.catalog-controls{gap:2px}
.catalog-controls .price-placeholder,.catalog-controls>.icon-button:first-child{display:none}
.filter-price{font-size:13px;min-width:36px;padding:0 8px}
.item-card{aspect-ratio:1.03}
.item-card>img{max-height:140px}
.item-price{font-size:12px}
.item-caption{font-size:11px}
.item-caption>small{font-size:10px}
.about-section{margin:30px 0;padding:24px 20px}
.eyebrow{font-size:10px}
h1{font-size:27px}
.about-lead{font-size:17px}
.about-columns{display:block;margin:24px 0}
.about-columns h2,.faq-heading{font-size:23px}
.about-columns p,details p{font-size:16px}
.about-columns>div+div{margin-top:25px}
summary{font-size:17px;padding:18px 24px 18px 0}
.footer-top{grid-template-columns:1fr 1fr;gap:25px 16px;padding:10px 10px 25px}
.footer-brand{grid-column:1/-1}
.footer-brand .brand-logo{width:150px}
.footer-brand>span{font-size:10px}
footer h3{font-size:14px}
.footer-link,footer a{font-size:15px;min-height:24px}
.footer-note{font-size:12px}
.language{min-height:44px;font-size:16px}
.footer-bottom{flex-wrap:wrap;padding:20px 10px;justify-content:flex-start;gap:20px;font-size:12px}
.footer-bottom p span{font-size:11px}
.socials{gap:20px}
.socials button{min-height:44px;min-width:32px}
.support-fab{width:54px;height:54px;right:14px;bottom:16px}
.support-fab svg{width:36px;height:36px}
dialog{width:390px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px)}
.auth-layout{display:block;min-height:0}
.auth-art{height:242px;min-height:0;overflow:visible;margin-top:64px}
.auth-character{height:310px;width:300px;max-width:none;left:auto;right:-4px;bottom:0;object-position:right bottom;pointer-events:none}
.adult-badge{top:auto;bottom:20px;left:50%;width:185px;transform:translateX(-50%);padding:13px 15px;gap:8px;white-space:nowrap}
.adult-badge span{font-size:13px}
.adult-badge span br{display:none}
.adult-badge b{font-size:14px}
.auth-content{padding:36px 20px 32px;background:linear-gradient(#272928,#131414)}
.auth-content h2{font-size:29px;margin:0 0 10px}
.auth-content>p{font-size:14px;line-height:1.6}
.consent-fields{margin:28px 0;gap:6px}
.consent-fields label{font-size:12px;line-height:1.4;gap:10px;min-height:22px}
.consent-fields input{width:16px;height:16px;min-width:16px}
.consent-fields input:checked:after{width:8px;height:4px}
.auth-content .steam-button{min-height:44px;font-size:17px}
.auth-content .steam-button img{width:21px;height:21px}
.auth-content .steam-disclaimer{font-size:8px;margin-top:12px}
.auth-content #auth-status{font-size:12px;margin-top:12px}
.mobile-art-logo{display:block;position:absolute;left:20px;top:24px;z-index:1}
.mobile-art-logo .brand-logo{width:140px}
.close-modal{right:8px;top:72px;width:40px;height:40px;font-size:30px}
.noscript-message{font-size:15px}
}

@media(max-width:380px){.upgrade-section{height:430px}
.wheel{width:320px;height:320px}
.brand-logo{width:110px}
.auth-art{height:205px;margin-top:40px}
.auth-character{height:260px;width:250px}
.auth-content{padding:26px 18px}
.close-modal{top:44px}
.mobile-art-logo .brand-logo{width:115px}
.mobile-art-logo{left:15px;top:18px}
.auth-content h2{font-size:27px}
.auth-content>p{font-size:13px}
.consent-fields{margin:20px 0}
.consent-fields label{font-size:11px}
.adult-badge{bottom:12px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

/* Rebuild the static wheel face independently of the source application's game renderer. */
.wheel:before{content:'';position:absolute;inset:8.3%;border-radius:50%;background:conic-gradient(from 90deg,#ca831e 0deg,#7c2b08 90deg,#cb861f 180deg,#111410 180deg 360deg);box-shadow:inset 0 0 2rem #0009,0 0 0 .8rem #62685e55;z-index:0}
.wheel:after{content:'';position:absolute;inset:21.6%;border-radius:50%;background:radial-gradient(circle,#292e24,#10130f);border:.9rem solid #3f473566;box-shadow:0 0 2rem #10171077;z-index:2}
.wheel-outer,.wheel-disc{z-index:1}
.wheel-inner{z-index:3;opacity:.45}
.wheel-logo{z-index:4}
.wheel-arrow{z-index:5;transform:rotate(180deg)}

@media(min-width:1024px){.auth-character{width:100%;height:40rem;object-fit:cover;object-position:center bottom}
}

@media(max-width:1023px){dialog{overflow:visible}
.auth-art{margin-top:0}
.close-modal{top:8px}
}

@media(max-width:1023px) and (max-height:740px){dialog{overflow:auto}
.auth-character{height:100%;max-height:242px;object-fit:contain}
}


/* Ambient motion follows the reference's item strip and upgrade-wheel hierarchy. */
:root{--motion-fast:140ms;--motion-enter:240ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
.feed{isolation:isolate}
.feed-heading{min-height:5.2rem;flex-shrink:0;padding-right:5.5rem;line-height:1.15}
.feed-heading small{display:block;font-size:1rem;letter-spacing:.08em;color:#b0b8b6;margin-top:.4rem}
.feed-caption{display:none}
.feed-track{display:flex;flex-direction:column;width:100%}
.feed-track .feed-card{flex-shrink:0}
.motion-toggle{position:absolute;right:0;top:0;width:44px;height:44px;display:grid;place-items:center;z-index:3;color:#b5cacb;transition:background-color var(--motion-fast),color var(--motion-fast)}
.motion-toggle:hover{background:#86bfd120;color:#fff}
.motion-toggle svg{width:18px;height:18px;grid-area:1/1}
.motion-toggle .play-symbol{display:none}
.motion-toggle[aria-pressed=true] .play-symbol{display:block}
.motion-toggle[aria-pressed=true] .pause-symbol{display:none}
.motion-toggle[aria-pressed=true]{color:#e4a450}
body:not(.motion-ready) .motion-toggle{display:none}
.motion-ready .wheel-outer{animation:wheel-orbit 42s linear infinite;transform-origin:center}
.motion-ready .wheel:before{animation:wheel-orbit 36s linear infinite;transform-origin:center}
.motion-ready .wheel-inner{animation:wheel-orbit 54s linear infinite reverse;transform-origin:center}
.motion-ready .wheel-logo{animation:wheel-breathe 5.2s ease-in-out infinite;transform-origin:center}
.motion-ready .upgrade-button{position:relative;overflow:hidden}
.motion-ready .upgrade-button:after{content:'';position:absolute;inset:-30% -50%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#dce6bd22 49%,transparent 58%);transform:translateX(-65%);animation:button-sheen 5.4s ease-in-out infinite}
.motion-ready.motion-paused .wheel-outer,.motion-ready.motion-paused .wheel:before,.motion-ready.motion-paused .wheel-inner,.motion-ready.motion-paused .wheel-logo,.motion-ready.motion-paused .upgrade-button:after{animation-play-state:paused}
.steam-button,.upgrade-button,.item-card,.feed-card,.selection-panel{transition:transform var(--motion-fast) var(--motion-ease),filter var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}
.steam-button:active,.upgrade-button:active,.item-card:active{transform:scale(.98)}
.selection-panel:hover{box-shadow:inset 0 0 0 1px #a4cad242}
.item-card:hover{box-shadow:inset 0 0 0 1px #e2ece54a;filter:brightness(1.13)}
.feed-card:hover{filter:brightness(1.2)}
dialog[open] .auth-layout{animation:dialog-arrive var(--motion-enter) var(--motion-ease)}
@media(hover:hover) and (pointer:fine){.steam-button:hover,.upgrade-button:hover{transform:translateY(-2px)}.item-card:hover{transform:translateY(-3px)}}
@keyframes wheel-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes wheel-breathe{0%,100%{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}
@keyframes button-sheen{0%,55%{transform:translateX(-65%)}85%,100%{transform:translateX(65%)}}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1023px){
  .feed{height:72px;padding-bottom:0}
  .feed-heading{display:none}
  .feed-items{min-width:0;margin-right:44px}
  .feed-track{flex-direction:row;width:max-content}
  .feed-caption{display:block;position:absolute;left:36px;right:44px;bottom:0;height:22px;line-height:22px;color:#b7c4c3;background:#17202482;font-size:11px;padding-left:10px;white-space:nowrap}
  .motion-toggle{top:0;right:0;height:72px;border-left:1px solid #ffffff20;background:#263336c9}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}