/* Collections layout. Shared appearance is owned by design-system.css. */

body[data-theme=dark]{color-scheme:dark;--frost:#111821;--ice:#202c3c;--ink:#eef3fa;--muted:#a5b3c8;--line:#2b394d;--white:#1a2432;--blue:#91afff;--surface:#1a2432;--surface-raised:#222f41;--selection:#293e62;--action:#4167ed;background:var(--frost);color:var(--ink)}
.app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
.app>.header{min-height:76px;gap:34px;padding:16px 32px;background:var(--frost)}
.header .brand img{width:176px}.header .rail{background:none;border:0;display:flex;flex-direction:row;flex:1;justify-content:flex-start;min-height:0;width:auto;position:static;grid-column:auto}
.header .rail-main{display:flex;flex-direction:row;gap:28px;padding:0}.header .nav-item{font:500 13px/1.4 'Segoe UI',sans-serif;padding:12px 0;white-space:nowrap}.header .nav-item>span{display:none}.header .nav-item.selected:after{left:0;right:0;width:auto;bottom:-17px;height:2px}.header .settings-nav{display:none}.app .header-tools{gap:22px}.app .header-status b,.account-label b{font-size:12px}.app .header-status small,.account-label small{display:none}.app .status-check{background:none;color:#63cfa8;border-radius:0}.account-menu-panel{background:var(--surface)}.account-menu-panel button:hover,.account-menu[open]>summary,.account-menu>summary:hover{background:var(--surface-raised)}.account-menu-panel button:last-child{border-color:var(--line)}














.arcade-library{max-width:1680px;width:100%;min-height:calc(100svh - 76px);padding:36px 36px 24px}
.library-title-row{margin-bottom:30px;padding-left:210px}.library-title-row h1{font-size:34px}.library-online{font-size:12px}.library-online[data-fresh=true] .online-dot{background:#63cfa8}
.collections-layout{display:grid;grid-template-columns:174px minmax(0,1fr);gap:36px;flex:1;align-items:start}.collections-side{display:flex;flex-direction:column;align-self:stretch;min-width:0;border-right:1px solid var(--line);padding-right:20px}.collections-side>.eyebrow,.collections-side #library-recent>.eyebrow{font-size:10px;letter-spacing:.1em;color:var(--muted);margin:0 8px 12px;text-transform:uppercase}.collections-side .library-filters{display:flex;flex-direction:column;gap:5px;border:0}.collections-side .library-filter{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:8px;white-space:normal;width:100%;min-height:40px;border:0;padding:10px;font-size:12px;border-radius:5px;background:none;color:var(--muted)}.collections-side .library-filter[aria-pressed=true]{background:var(--selection);color:var(--blue)}.collections-side .library-filter>span{font-variant-numeric:tabular-nums;font-size:11px}.collections-side #library-recent{margin-top:34px}.recent-game{display:flex;align-items:center;gap:9px;font-size:11px;background:none;border:0;text-align:left;padding:9px 6px;min-height:44px;width:100%;color:var(--muted)}.recent-game img{width:28px;height:28px;object-fit:cover;border-radius:4px}.recent-game:hover{color:var(--ink)}.collection-legal{display:flex;gap:18px;font-size:11px;color:var(--muted);padding:50px 8px 8px;margin-top:auto}.collection-legal a{text-decoration:none}.collection-legal a:hover{text-decoration:underline}.collections-main{min-width:0}.library-toolbar{margin:0 0 28px;gap:20px}.library-toolbar>span{color:var(--muted);font-size:12px}.library-search input{width:240px;height:38px;font-size:12px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:9px 12px}.arcade-library>.library-filter-summary{display:none}
.collections-main>.game-grid{display:block;margin:0}.game-shelf{margin:0 0 34px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px}.shelf-heading h2{font-size:20px;font-weight:600}.shelf-heading>span{font-size:11px;color:var(--muted)}.shelf-more{background:none;border:0;padding:8px 0;font-size:12px;color:var(--muted)}.shelf-more:hover{color:var(--blue)}.shelf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shelf-grid .tile-cover{aspect-ratio:1.28;box-shadow:none;border-radius:8px}.shelf-grid .tile-cover img{object-position:50% 45%;transition:transform .18s}.shelf-grid .tile-wordmark{font-size:clamp(20px,1.65vw,30px);bottom:18px;left:16px;right:12px}.shelf-grid .tile-cover:after{background:linear-gradient(180deg,transparent 15%,#07132122 42%,#071321eb 100%)}.shelf-grid .tile-tag,.shelf-grid .tile-open{display:none}.tile-live{font-size:11px;top:10px;right:10px;padding:4px 7px;border:0;background:#111e2de8;color:#eaf5fa;border-radius:4px;letter-spacing:0}.tile-live[data-active=true]{background:#122c2be8;color:#a4edce}.tile-saved{position:absolute;top:10px;left:10px;z-index:2;font-size:10px;padding:4px 7px;background:#142238ed;color:#dfeaff;border-radius:4px}.saved-game-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-top:10px}.saved-game-meta b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.game-tile:hover .tile-cover,.game-tile:focus-visible .tile-cover{box-shadow:0 0 0 2px var(--blue);transform:none}.game-tile:hover img{transform:scale(1.035)}
body[data-page=play]:has(#game:not([hidden])) .site-footer{display:none}.entry-legal{display:flex;gap:10px;margin-top:22px;font-size:11px;color:var(--muted)}.site-footer{padding:24px 36px;font-size:11px}
.arcade-page{max-width:1600px;padding:28px 36px 34px;margin:auto}.arcade-detail{display:block;min-height:0}.detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--surface);border-radius:12px;overflow:hidden;min-height:360px}.arcade-detail .arcade-keyart{min-height:100%;height:auto;max-height:none;border-radius:0;position:relative}.arcade-detail .arcade-keyart img{object-position:55% center}.arcade-detail .arcade-description{padding:34px!important;align-self:center;max-width:none}.arcade-detail .arcade-description h1{font-size:clamp(30px,3vw,48px);margin:12px 0 14px}.arcade-detail .arcade-description .arcade-tagline{font-size:15px;line-height:1.5;color:var(--ink);margin:0 0 12px}.arcade-detail .arcade-description>p#arcade-description{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:47ch}.arcade-detail .arcade-facts{font-size:10px;letter-spacing:.035em;gap:14px;margin:22px 0;color:var(--muted)}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions .btn{min-height:44px;padding:11px 22px;font-size:13px;border-radius:6px}.arcade-detail .arcade-description #arcade-access{font-size:11px;line-height:1.5;margin:13px 0 0;color:var(--muted);max-width:50ch}.detail-guide{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:42px;margin-top:34px}.detail-guide h2{font-size:19px;font-weight:600;margin-bottom:20px}.playbook-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.playbook-steps article{min-width:0}.playbook-number{color:var(--blue);font-size:12px;display:block;margin-bottom:8px}.playbook-steps h3{font-size:14px;margin:0 0 8px;font-weight:600}.playbook-steps p{font-size:12px;line-height:1.7;color:var(--muted)}.detail-controls{border-left:1px solid var(--line);padding-left:30px}.arcade-detail .arcade-control{display:flex;width:auto;gap:12px;align-items:baseline;margin:10px 0;font-size:12px}.arcade-detail .arcade-control kbd{display:inline-block;min-width:86px;max-width:145px;white-space:normal;font-size:11px;color:var(--ink);background:var(--surface-raised);border:0;border-radius:4px;padding:5px 7px}.arcade-detail .arcade-control span{font-size:12px;line-height:1.5;color:var(--muted)}.arcade-detail .detail-more{margin-top:22px}.arcade-detail .detail-more summary,.arcade-detail .detail-extras summary{font-size:12px;font-weight:500;color:var(--muted)}.arcade-detail .detail-more>p{font-size:12px;color:var(--muted);line-height:1.7;max-width:75ch}.detail-extras{display:flex;gap:32px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.arcade-detail .detail-extras>details{flex:1;min-width:240px;max-width:600px;margin:0;padding:0;background:none;border:0}.arcade-detail .detail-extras>details>p{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0}.arcade-detail .detail-extras small{display:block;font-size:11px;color:var(--muted);margin-top:10px}.arcade-race-entry input{min-width:0;max-width:180px;background:var(--surface)}
@media(min-width:1600px){.shelf-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.app>.header{gap:24px;padding-inline:24px}.header .brand img{width:156px}.header .rail-main{gap:20px}.app .header-tools{gap:14px}.collections-layout{grid-template-columns:148px minmax(0,1fr);gap:24px}.library-title-row{padding-left:172px}.shelf-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-grid .tile-wordmark{font-size:23px}.arcade-library{padding:30px 24px}.tile-saved{display:none}.detail-guide{gap:26px;grid-template-columns:1.4fr 1fr}.playbook-steps{gap:18px}.detail-controls{padding-left:24px}.arcade-detail .arcade-description{padding:26px!important}}
@media(max-width:800px){.app>.header{flex-wrap:wrap;gap:14px;min-height:106px;padding:15px 20px}.header .rail{order:3;width:100%;flex-basis:100%}.header .rail-main{gap:30px}.header .nav-item{padding:0;font-size:12px}.header .nav-item.selected:after{bottom:-15px}.app .header-tools{margin-left:auto}.header .account-label{display:none}.header .header-status{display:none}.collections-layout{grid-template-columns:1fr;gap:20px}.collections-side{border:0;padding:0}.collections-side>.eyebrow,.collections-side #library-recent,.collection-legal{display:none}.collections-side .library-filters{flex-direction:row;gap:8px;flex-wrap:wrap}.collections-side .library-filter{width:auto;min-height:40px;font-size:12px;padding:9px 12px}.collections-side .library-filter>span{display:none}.library-title-row{padding:0;margin-bottom:24px}.library-title-row h1{font-size:30px}.arcade-library{padding:26px 22px 0;min-height:0}.collections-main .library-toolbar{margin-bottom:25px}.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-grid .tile-cover{aspect-ratio:1.2}.shelf-grid .tile-wordmark{font-size:21px}.game-shelf{margin-bottom:32px}body[data-page=play]:has(#game:not([hidden])) .site-footer{display:flex}.detail-hero{grid-template-columns:1fr}.arcade-detail .arcade-keyart{height:clamp(200px,42vw,320px);min-height:0}.arcade-detail .arcade-description{padding:26px!important}.detail-guide{grid-template-columns:1fr;gap:28px}.detail-controls{padding:0;border:0}.arcade-detail #arcade-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.arcade-page{padding:24px 22px}.arcade-detail .arcade-description h1{font-size:36px}}
@media(max-width:540px){.app>.header{padding:15px 18px}.header .brand img{width:150px}.arcade-library{padding:24px 18px 0}.library-title-row{align-items:flex-start;gap:16px;flex-wrap:wrap}.library-title-row h1{font-size:27px}.library-online{font-size:11px;padding-top:6px}.library-toolbar>span{font-size:11px}.library-search{flex:1;max-width:220px}.library-search input{width:100%;font-size:16px;height:42px}.collections-side .library-filters{gap:3px}.collections-side .library-filter{font-size:11px;min-height:44px;padding:8px 10px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shelf-grid .tile-wordmark{font-size:22px;left:12px;bottom:13px}.shelf-grid .tile-cover{aspect-ratio:1.25}.tile-live{font-size:10px;top:7px;right:7px}.shelf-heading h2{font-size:18px}.shelf-more{min-height:44px;font-size:11px}.saved-game-meta{font-size:10px;gap:5px;flex-wrap:wrap}.arcade-page{padding:20px 18px}.arcade-detail .arcade-description{padding:23px!important}.arcade-detail .arcade-description h1{font-size:32px}.arcade-detail .arcade-description .arcade-tagline{font-size:14px}.arcade-detail .arcade-description>p#arcade-description{font-size:12px}.detail-guide{margin-top:28px}.playbook-steps{grid-template-columns:1fr;gap:18px}.playbook-steps article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 8px}.playbook-number{grid-row:1/3;margin-top:2px}.playbook-steps h3{margin-bottom:5px}.playbook-steps p{grid-column:2}.arcade-detail #arcade-controls{display:block}.detail-extras{margin-top:24px}.site-footer{padding:22px 18px;flex-direction:row;align-items:center}.site-footer>span{display:none}.site-footer nav{font-size:11px}}
@media(prefers-reduced-motion:reduce){.shelf-grid .tile-cover img{transition:none}}.reduced-motion .shelf-grid .tile-cover img{transition:none}

.shelf-grid .tile-live{left:auto;width:max-content;max-width:calc(100% - 20px);height:auto}.library-footer{display:none}.app .status-check{background:none!important}.collections-main .library-toolbar{padding-bottom:12px}

@media(max-width:540px){.collections-side .library-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.collections-side .library-filter{width:100%}}