/* PORTROOM / quiet arcade — public UI only */
:root{--bg:#101114;--surface:#191a20;--surface2:#24252e;--text:#f5f4f0;--muted:#a7a7b2;--line:#303139;--accent:#c1afff;--pale:#e2d9ff;color-scheme:dark}body.public-site{background:var(--bg);font-size:16px;line-height:1.55}.public-site .wrap{max-width:1248px;padding-left:32px;padding-right:32px}.public-site .site-header{background:transparent;border-bottom:1px solid #ffffff0d}.public-site .header-inner{height:88px}.public-site .brand{font-size:22px;font-weight:850;letter-spacing:-1px;gap:9px}.public-site .brand svg{width:28px;height:28px;color:var(--accent)}.brand-dot{color:var(--accent);margin-left:-9px}.public-site nav{gap:32px;font-size:14px;font-weight:600}.public-site nav a{color:var(--muted)}.public-site nav a:hover,.public-site nav .nav-current{color:var(--text)}.public-site nav a span{margin-left:8px;font-size:20px;color:var(--accent)}.public-site .button,.public-site button{border-radius:8px;min-height:44px;font-size:14px;border-color:var(--line);font-weight:600}.public-site .primary{color:#171221;background:var(--accent);border-color:var(--accent);padding:14px 22px;gap:28px}.public-site .primary:hover{background:#d3c6ff}.public-site button:hover:not(.primary):not(:disabled){background:#27272f}.discovery{display:grid;grid-template-columns:1fr 1.03fr;gap:64px;align-items:center;margin:48px 0 64px}.discovery-copy{padding:16px 0}.kicker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#c4c1cd;margin:0 0 24px}.kicker>span{width:6px;height:6px;background:var(--accent);border-radius:50%}.discovery h1{font-size:58px;line-height:1.04;letter-spacing:-2.6px;margin:0 0 24px;font-weight:780}.discovery h1>span{color:var(--accent)}.hero-description{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 28px;max-width:430px}.hero-footnote{font-size:12px;color:#b2afbc;margin:16px 0 0}.editorial-feature{display:block;position:relative;aspect-ratio:1.23;overflow:hidden;border-radius:16px;background:#22272d;isolation:isolate;min-width:0}.editorial-feature[hidden]{display:none}.editorial-feature>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 30%;z-index:-3;transition:transform .5s ease}.editorial-feature:hover>img{transform:scale(1.035)}.feature-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#0c1015f2,transparent 70%),linear-gradient(180deg,#0d101575,transparent 35%);z-index:-2}.feature-topline{position:absolute;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#f6f6f6}.feature-topline>span{font-size:18px;line-height:1}.editorial-caption{position:absolute;bottom:24px;left:28px;right:28px}.editorial-caption>span{font-size:12px;color:#d9d6e5}.editorial-caption h2{font-size:36px;font-weight:760;letter-spacing:-1px;margin:6px 0 8px}.editorial-caption p{font-size:14px;margin:0;display:flex;justify-content:space-between;color:#ddd9e9}.editorial-caption p span{color:var(--accent);font-size:22px;line-height:1}.catalog{scroll-margin-top:24px}.catalog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:24px;gap:16px}.catalog-tabs{display:flex;gap:28px}.public-site .catalog-tab{border:0;border-radius:0;background:transparent!important;min-height:60px;padding:0;position:relative;font-size:21px;letter-spacing:-.6px;color:var(--muted);font-weight:700;gap:9px}.public-site .catalog-tab[aria-pressed=true]{color:var(--text)}.catalog-tab[aria-pressed=true]:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-1px;background:var(--accent)}.catalog-tab>span{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:500}.public-site .random-button{border:0;color:#bbb6ca;padding:8px 0;gap:8px;font-size:13px;white-space:nowrap}.random-button>span{font-size:24px;color:var(--accent)}.catalog-search-row{display:flex;gap:12px}.public-site .search-field{flex:1;position:relative;min-width:0}.search-field>svg{position:absolute;width:20px;height:20px;left:18px;top:17px;color:var(--muted)}.public-site .search-field input{border:1px solid #34343d;padding:14px 48px;min-height:54px;border-radius:9px;background:#1a1b20;font-size:15px}.public-site input::placeholder{color:#a3a0ad}.public-site .filter-toggle{min-height:54px;gap:9px;padding:12px 18px;color:#d6d3df}.filter-toggle>svg{height:20px;width:20px}.filter-toggle[aria-expanded=true]{border-color:var(--accent)}#active-filter-count{border-radius:4px;color:var(--accent)}.filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:#18191e;border:1px solid var(--line);border-radius:12px;padding:24px;margin-top:12px}.filter-panel[hidden]{display:none}.filter-panel>label{font-size:14px;color:var(--muted);display:grid;gap:8px}.filter-panel select{background:#202127;border-color:#3d3e48;font-size:14px}.platform-filter{grid-column:1/-1;color:var(--muted);font-size:14px}.platform-filter>span{display:block;margin-bottom:8px}.public-site .platforms button{font-size:13px;color:var(--muted)}.public-site .platforms button[aria-pressed=true]{background:var(--pale);color:#191324;border-color:var(--pale)}.catalog-context{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:14px 0 20px}.quick-genres{display:flex;gap:4px;flex-wrap:wrap}.public-site .quick-genres>button{border:0;background:transparent;min-height:44px;padding:8px 12px;color:var(--muted);font-size:13px;font-weight:500}.public-site .quick-genres>button:first-child{padding-left:0;padding-right:16px}.public-site .quick-genres>button[aria-pressed=true]{color:var(--accent)}.public-site #result-count{font-size:12px;color:#adabb7}.public-site .game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.public-site .game-card{border:0;border-radius:0;background:transparent;position:relative;min-width:0;display:block;overflow:visible}.public-site .card-media{border:0;border-radius:10px;aspect-ratio:16/11;background:#202127;transition:box-shadow .2s;display:block;position:relative;overflow:hidden}.public-site .card-media>img{object-fit:cover;transition:transform .3s ease}.public-site .game-card:hover .card-media>img{transform:scale(1.04)}.public-site .game-card:hover .card-media{box-shadow:0 0 0 1px #c1afff75}.public-site .card-media:after{background:linear-gradient(transparent 60%,#06060c60)}.card-hover-play{position:absolute;z-index:2;right:12px;bottom:12px;width:32px;height:32px;border-radius:50%;background:#f5f3efed;color:#17141e;display:grid;place-items:center;font-size:13px;opacity:0;transition:opacity .2s}.game-card:hover .card-hover-play,.card-media:focus-visible .card-hover-play{opacity:1}.public-site .card-state{top:12px;bottom:auto;left:12px;font-size:11px;color:#efedf8;border:0;padding:4px 7px;background:#191722d9;border-radius:4px}.public-site .card-info{padding:13px 0 0;display:block;position:relative;padding-right:38px}.public-site .card-info h3{font-size:17px;letter-spacing:-.3px;line-height:1.3;margin:0 0 4px;font-weight:700;overflow-wrap:break-word}.public-site .card-info h3 a:hover{text-decoration:none;color:var(--accent)}.public-site .card-genre{font-size:12px;line-height:1.5;margin:0;letter-spacing:0;text-transform:none;color:var(--muted);display:block}.public-site .fav-small{position:absolute;right:-5px;top:2px;border:0;background:transparent!important;padding:8px;width:44px;font-size:23px;color:#aaa6b6}.public-site .fav-small[aria-pressed=true]{color:var(--accent)}.public-site .no-image{background:#24232e;position:absolute;inset:0;align-items:flex-start;text-align:left;padding:24px;justify-content:flex-end;gap:12px}.public-site .no-image:before{content:"P /";position:absolute;top:20px;left:24px;color:#a797ce;font-size:14px;letter-spacing:3px;font-weight:700}.public-site .no-image b{font-size:24px;color:#e0d9ee;line-height:1.1;letter-spacing:-.8px;max-width:92%;font-weight:650}.public-site .no-image small{font-size:11px;color:#aaa1b8}.public-site .no-image>span{display:none}.public-site .pagination{justify-content:space-between;gap:16px;padding:24px 0;margin:32px 0 0;border-top:1px solid var(--line)}.public-site .pagination button{font-weight:500;color:#d4cfe0}.public-site .pagination span{font-size:13px}.catalog-disclaimer{font-size:12px;color:#9e9ba7;max-width:720px;line-height:1.7;margin:0 0 40px}.public-site footer{padding-top:24px!important;padding-bottom:24px!important;margin-top:24px!important;border-color:var(--line)}.public-site footer .brand{font-size:17px}.public-site footer .brand svg{width:22px;height:22px}.public-site footer p,.public-site footer>a:last-child{font-size:12px;color:#aca7b8}.public-site .breadcrumbs{font-size:13px;padding:20px 0;color:var(--muted);gap:12px}.public-site .breadcrumbs a{color:#c8c2d5}.public-site .game-hero{gap:48px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;margin:8px 0 48px}.public-site .game-art{background:#191a20;border:0;border-radius:12px;aspect-ratio:16/11}.public-site .game-art>img{object-fit:contain}.public-site .art-label{font-size:11px;left:12px;right:auto;background:#131419db;padding:5px 9px;bottom:12px;color:#c7c4ce}.public-site .game-summary h1{font-size:44px;line-height:1.05;letter-spacing:-1.8px;margin:0 0 16px}.public-site .game-summary .eyebrow{color:var(--accent);font-size:12px;letter-spacing:.4px;text-transform:none}.public-site .game-summary>p:not(.game-meta){font-size:15px;color:#beb9c9;line-height:1.75}.public-site .game-meta{font-size:13px;color:#a9a4b6}.public-site .status-line{font-size:12px;color:#ada7bb}.public-site .game-actions{gap:10px;flex-wrap:wrap;margin-top:24px}.public-site .game-actions .favorite{font-size:0;min-width:48px;padding:8px}.public-site .game-actions .favorite:before{content:"♡";font-size:24px}.public-site .game-actions .favorite[aria-pressed=true]:before{content:"♥";color:var(--accent)}.public-site .detail-columns{grid-template-columns:minmax(0,1fr) 300px;gap:48px}.public-site .detail-section{margin-bottom:32px;padding-top:24px;border-color:var(--line)}.public-site .detail-section h2,.public-site .help-panel h2{font-size:21px;letter-spacing:-.5px}.public-site .detail-section p,.public-site .detail-section li{font-size:14px;color:#b8b2c4}.public-site .detail-section .source-note{background:#1c1b23}.public-site .help-panel{border:1px solid var(--line);background:#19191f;padding:24px;border-radius:12px}.public-site .help-panel p{color:var(--muted);font-size:14px}.public-site .help-panel .button{font-size:13px}.public-site .detail-sidebar{gap:20px}.public-site .screenshots{gap:16px}.public-site .screenshots figcaption{font-size:12px}.public-site .screenshots .screenshot-open{border:0;background:#1b1b22}.public-site .screenshots img{object-fit:contain}.public-site .project-details{border-top:1px solid var(--line);padding:8px 0 24px}.public-site .project-details summary{cursor:pointer;min-height:52px;display:flex;align-items:center;gap:10px;font-weight:600;color:#c5c0d0;font-size:14px}.public-site .project-details summary:before{content:"＋";color:var(--accent)}.public-site .project-details[open] summary:before{content:"−"}.project-details p{color:var(--muted);font-size:13px;line-height:1.8}.public-site .link-list{font-size:13px;color:#bdb6cc;padding-left:20px}.public-site .related{border-color:var(--line);padding-top:32px}.public-site .related .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.public-site .related>h2{font-size:26px;margin-bottom:24px}.public-site .prose p{color:#bcb5ca}.public-site dialog{background:#19191f;border-color:#474150}.public-site .empty{border-color:#49414f;background:#19181f;padding:40px 24px}.public-site .empty h3{font-size:24px;margin:0 0 8px}.public-site .empty p{font-size:14px;margin:0 0 24px}.public-site .load-error{grid-column:1/-1;color:#bcb5ca;min-height:160px;padding:40px 0}.public-site [hidden]{display:none!important}
@media(min-width:1400px){.discovery{gap:96px}.discovery h1{font-size:64px}}
@media(max-width:1050px){.public-site .wrap{padding-left:24px;padding-right:24px}.discovery{gap:32px}.discovery h1{font-size:48px}.public-site .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-site .game-hero{gap:32px}.public-site .game-summary h1{font-size:36px}.public-site .detail-columns{gap:32px;grid-template-columns:minmax(0,1fr) 270px}.public-site .related .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.public-site .header-inner{height:76px;min-height:76px;flex-wrap:nowrap;padding-top:0;padding-bottom:0}.public-site .brand{font-size:19px;gap:7px}.public-site nav{gap:18px;font-size:13px}.public-site nav a span{display:none}.discovery{gap:24px;margin:32px 0 40px}.discovery h1{font-size:38px;letter-spacing:-1.5px}.discovery .kicker{font-size:9px;letter-spacing:1px;margin-bottom:16px}.hero-description{font-size:14px}.hero-footnote{font-size:11px}.editorial-feature{aspect-ratio:.82}.feature-topline{left:16px;right:16px;font-size:9px}.editorial-caption{left:16px;right:16px;bottom:20px}.editorial-caption h2{font-size:27px}.editorial-caption>span,.editorial-caption p{font-size:12px}.public-site .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.catalog-tabs{gap:22px}.public-site .catalog-tab{font-size:18px}.public-site .random-button{font-size:12px}.catalog-context{align-items:flex-start;gap:8px;flex-wrap:wrap}.public-site #result-count{font-size:11px;align-self:center}.public-site .game-hero{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.public-site .game-art{aspect-ratio:16/10}.public-site .game-summary h1{font-size:38px}.public-site .detail-columns{grid-template-columns:1fr;gap:8px}.public-site .detail-sidebar{display:block;margin-bottom:32px}.public-site .related .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-site .screenshots{grid-template-columns:1fr 1fr}.public-site .related h2{font-size:24px}.filter-panel{padding:20px;gap:16px;grid-template-columns:1fr 1fr}.filter-panel>label:first-child{grid-column:1/-1}.public-site footer{flex-wrap:wrap;gap:8px 24px}.public-site footer p{display:none}.public-site footer>a:last-child{margin-left:auto}.public-site .game-summary .game-actions .button{font-size:14px}.public-site .game-actions .primary{flex:1}.public-site .game-actions .favorite{flex:none}}
@media(max-width:480px){.public-site .wrap{padding-left:20px;padding-right:20px}.public-site .header-inner{height:72px;min-height:72px}.public-site .brand{font-size:18px;gap:6px}.public-site .brand svg{width:23px}.brand-dot{margin-left:-6px}.public-site nav{gap:16px;font-size:12px}.discovery{display:block;margin-top:24px;margin-bottom:32px}.discovery-copy{padding:0}.discovery h1{font-size:44px;line-height:1.03;margin-bottom:18px;letter-spacing:-1.9px}.discovery h1>span br{display:none}.discovery h1>span{display:block;max-width:330px}.discovery .kicker{font-size:9px;margin-bottom:20px}.hero-description{font-size:14px;margin-bottom:20px;max-width:320px}.public-site .discovery .primary{min-height:48px;padding:12px 18px}.hero-footnote{display:none}.editorial-feature{aspect-ratio:1.8;margin-top:24px;border-radius:12px}.editorial-feature>img{object-position:center 35%}.feature-topline{top:16px;font-size:9px}.editorial-caption{bottom:16px;left:20px;right:20px}.editorial-caption h2{font-size:28px;margin:4px 0}.editorial-caption p{display:none}.public-site .catalog-tab{font-size:17px;gap:6px;min-height:56px;letter-spacing:-.4px}.catalog-tabs{gap:20px}.catalog-tab>span{font-size:11px}.catalog-top{margin-bottom:16px;gap:8px;flex-wrap:wrap}.public-site .random-button{font-size:0;min-width:44px;justify-content:flex-end}.random-button>span{font-size:27px}.public-site .filter-toggle{font-size:0;padding:10px 13px}.filter-toggle>svg{width:22px;height:22px}.public-site .search-field input{font-size:14px;padding-left:44px;padding-right:12px}.catalog-search-row{gap:8px}.search-field>svg{left:14px}.catalog-context{margin:10px 0 16px;display:block}.public-site .quick-genres>button{font-size:12px;padding:6px 9px}.public-site .quick-genres>button:first-child{padding-right:10px}.public-site #result-count{display:block;margin-top:2px}.public-site .game-grid{gap:24px 12px}.public-site .card-media{aspect-ratio:4/3;border-radius:8px}.public-site .card-info{padding:10px 26px 0 0}.public-site .card-info h3{font-size:14px;letter-spacing:-.25px;line-height:1.3;margin-bottom:4px}.public-site .card-genre{font-size:11px}.public-site .fav-small{right:-10px;top:-2px;font-size:21px}.public-site .no-image{padding:12px;gap:6px}.public-site .no-image:before{top:12px;left:12px;font-size:10px}.public-site .no-image b{font-size:17px;letter-spacing:-.4px}.public-site .no-image small{font-size:9px}.card-hover-play{display:none}.public-site .card-state{font-size:9px;left:8px;top:8px;max-width:calc(100% - 16px)}.public-site .pagination{gap:8px;margin-top:24px}.public-site .pagination button{font-size:12px;padding:10px 12px}.public-site .pagination>span{font-size:11px}.catalog-disclaimer{font-size:11px;line-height:1.7;margin-bottom:24px}.public-site footer .brand{font-size:15px}.public-site footer>a:last-child{font-size:11px}.public-site footer .brand svg{width:20px}.public-site .game-summary h1{font-size:36px}.public-site .game-summary>p:not(.game-meta){font-size:14px}.public-site .screenshots{grid-template-columns:1fr}.public-site .help-panel{padding:20px}.public-site .game-actions .primary{width:100%;flex:auto}.public-site .game-actions .secondary{flex:1}.public-site .game-actions .favorite{flex:none}.public-site .detail-section h2{font-size:21px}.filter-panel{grid-template-columns:1fr}.filter-panel>label{grid-column:1/-1}.public-site .breadcrumbs{font-size:12px;gap:8px;padding:12px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.random-button>svg{height:20px;width:20px;color:var(--accent)}.without-feature{grid-template-columns:1fr}.without-feature .discovery-copy{max-width:720px}

@media(min-width:721px){.public-site .game-grid.small-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}

.filter-panel{grid-template-columns:1fr 1fr}.filter-panel>label:first-child{grid-column:auto}@media(max-width:480px){.filter-panel{grid-template-columns:1fr}.filter-panel>label:first-child{grid-column:1/-1}.public-site .game-actions .primary{width:auto;flex:1;gap:12px;padding:14px 12px}.public-site .game-actions .favorite{flex:none;width:50px}}

.catalog-page-title{font-size:36px;line-height:1.2;letter-spacing:-1.2px;margin:40px 0 28px;font-weight:750}.game-hero.no-art{grid-template-columns:1fr;max-width:800px}.detail-columns.no-sidebar{grid-template-columns:1fr}.public-site .game-card.without-cover{align-self:end;border-top:1px solid var(--line);padding-top:12px}.public-site .without-cover .card-info{padding-bottom:8px}.public-site .game-art[hidden],.public-site .card-media[hidden]{display:none!important}@media(max-width:480px){.catalog-page-title{font-size:28px;margin:28px 0 16px;letter-spacing:-.8px}}