@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#151515;--panel:#1e1e1e;--line:#34312e;--muted:#a39b93;--accent:#ff8755;--text:#f7f1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px}.brand{font:700 20px 'Space Grotesk',sans-serif;display:flex;align-items:center;gap:5px;letter-spacing:-.8px}.brand-light{font-weight:400;color:#b8ada3}.mark{font-size:28px;background:var(--accent);color:#182016;width:38px;height:38px;margin-right:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.mark span{font-size:18px;margin-left:-5px;margin-top:-12px}nav{display:flex;gap:30px;align-items:center;height:100%}nav>a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}nav>a.active{border-color:var(--accent);color:var(--accent)}button{background:none;border:0}nav button{color:#b8ada3}nav button span{border:1px solid var(--line);border-radius:5px;padding:2px 6px;margin-left:4px;font-size:11px}.community{font-size:12px;color:#c0afa1}i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--accent);margin-right:8px}main{max-width:1500px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:435px;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700}.hero h1{font:500 clamp(40px,4.5vw,66px)/1.07 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{color:#b6aca3;font-size:14px;line-height:1.8;margin-bottom:23px}.primary{background:var(--accent);color:#21130c;display:inline-flex;gap:42px;padding:15px 20px;border-radius:5px;font-weight:700}.primary:hover{background:#ffab82}.hero-note{margin-top:17px;color:#998b80;font-size:11px}.hero-note span{color:#c4ad9a;margin-right:6px}.hero-art{height:390px;position:relative;background:radial-gradient(ellipse at center,#d4672730,transparent 66%)}.orbit{position:absolute;border:1px solid #b66e4638;border-radius:50%;height:280px;width:470px;left:0;top:70px;transform:rotate(-24deg)}.orbit-two{transform:rotate(25deg);height:180px;top:125px}.art-label{position:absolute;right:5px;top:40px;font:9px monospace;letter-spacing:2px;color:#a47b61}.art-cover{position:absolute;width:195px;height:240px;object-fit:cover;box-shadow:0 16px 35px #0008;border:5px solid #4a3a30;border-radius:5px}.art-cover.back{left:0;top:100px;transform:rotate(-14deg);filter:brightness(.7)}.art-cover.front{left:29%;top:57px;transform:rotate(-2deg);z-index:2;height:267px;width:211px}.art-cover.right{right:-10px;top:104px;transform:rotate(13deg);filter:brightness(.8)}.floating-tag{position:absolute;z-index:3;bottom:36px;left:31%;padding:14px 16px;background:#30221c;border:1px solid #96634b;border-radius:6px;font:9px monospace;letter-spacing:1px;white-space:nowrap}.floating-tag span{margin-left:18px;color:var(--accent)}.cross{position:absolute;left:4%;top:30px;color:var(--accent);font:30px monospace}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0;gap:25px}.stats>div{display:flex;gap:12px;align-items:center}.stats strong{font:500 27px 'Space Grotesk',sans-serif}.stats span{font-size:11px;color:var(--muted);max-width:90px;line-height:1.5}.stats .sync{border-left:1px solid var(--line);padding-left:30px;gap:0}.sync b{font-size:11px;font-weight:500}.sync small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.sync button{font-size:23px;color:var(--accent);margin-left:15px}.catalog{display:grid;grid-template-columns:190px 1fr;gap:36px;padding:42px 0 50px}aside{border-right:1px solid var(--line);padding-right:23px}.filter-title{font-size:10px;letter-spacing:1.8px;display:flex;justify-content:space-between;align-items:center}.filter-title button{font-size:10px;color:var(--muted);letter-spacing:0}aside h3{font-size:12px;font-weight:500;margin:25px 0 15px}aside label{display:flex;align-items:center;gap:9px;color:#bdb2a7;font-size:11px;margin:12px 0;cursor:pointer}input[type=checkbox]{appearance:none;width:13px;height:13px;border:1px solid #635044;border-radius:3px;margin:0;flex-shrink:0}input:checked{background:var(--accent);border-color:var(--accent)}input:checked:after{content:'✓';color:#21130c;font-size:11px;display:block;text-align:center}aside label small{margin-left:auto;font-size:10px;color:#928176}#platforms{max-height:360px;overflow:auto;scrollbar-width:thin;scrollbar-color:#46533b transparent}.aside-note{margin-top:35px;border:1px solid var(--line);border-radius:6px;padding:17px;background:linear-gradient(135deg,#31251e,#1b1918)}.aside-note>span{display:block;color:var(--accent);font-size:24px;margin-bottom:20px}.aside-note b{font-size:12px}.aside-note p{font-size:11px;color:var(--muted);line-height:1.8}.aside-note button{padding:0;color:var(--accent);font-size:10px}.results{min-width:0}.results-heading .eyebrow{font-size:9px;color:#ae8a72;letter-spacing:1.4px}h2{font:500 30px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:10px 0 24px}h2>span{color:var(--accent)}.toolbar{display:flex;gap:12px}.search{display:flex;align-items:center;background:#202020;border:1px solid var(--line);border-radius:5px;padding:0 14px;flex:1;gap:10px}.search>span{font-size:25px;color:#a0ab95}.search input{width:100%;background:none;border:0;color:var(--text);height:44px;font-size:12px;min-width:0}.search input:focus{outline:none}.search:focus-within{border-color:var(--accent)}kbd{color:#79826f;border:1px solid #384130;padding:1px 6px;border-radius:3px}select{background:#202020;color:#b7c1af;border:1px solid var(--line);border-radius:5px;padding:0 12px;font-size:11px;max-width:185px}.result-line{display:flex;justify-content:space-between;margin:22px 0 16px;color:var(--muted);font-size:11px}.result-line b{color:#e0e7d8;font-weight:500}.view-label{font-size:9px;letter-spacing:1px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#1e1e1e;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#a07052}.card-art{height:165px;position:relative;overflow:hidden;background:linear-gradient(140deg,#4b3225,#25201c);display:flex;align-items:center;justify-content:center}.project-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .project-cover>img{transform:scale(1.05)}.project-cover>img.box{object-fit:contain;padding:10px;background:#29221e}.image-fallback{font:700 40px 'Space Grotesk';color:#e8aa87}.platform-badge{position:absolute;bottom:10px;left:11px;background:#171311de;border:1px solid #ffffff20;border-radius:4px;padding:4px 7px;font-size:9px;color:#ecf2e8}.favorite{position:absolute;top:10px;right:10px;width:29px;height:29px;background:#171311c9;border:1px solid #ffffff25;border-radius:50%;font-size:17px}.favorite[aria-pressed=true]{color:var(--accent)}.card-body{padding:15px}.type-tag{font-size:8px;letter-spacing:1.2px;font-weight:700;color:var(--accent)}.type-tag.port{color:#9bbfe7}.type-tag.engine{color:#d5acef}.card h3{font:500 16px/1.35 'Space Grotesk';margin:8px 0 5px;min-height:43px}.repo{color:#a29082;font:9px monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:18px 0 14px;font-size:9px;color:#b8a899}.card-meta .release{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-links{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:10px}.card-links a:hover{color:var(--accent)}.card-links .github{color:#eee0d4}.card-links .details{color:#baa18e}.more{display:block;border:1px solid #79533e;padding:12px 26px;margin:30px auto 0;border-radius:5px;color:#e8c1a9;font-size:12px}#empty{text-align:center;padding:50px 15px;color:var(--muted)}#empty button{color:var(--accent)}[hidden]{display:none!important}.bottom-note{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:24px 0;color:#aa9585;font-size:11px;line-height:1.8}.bottom-note>span{font-size:21px;color:#ceb39d}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:30px 5%;color:#a18d7c;font-size:11px}footer .brand{font-size:15px;color:#e2c9b3}footer button{font-size:11px;color:#cab39f}dialog{background:#211d19;color:var(--text);border:1px solid #875a42;border-radius:12px;width:min(600px,90vw);padding:35px;line-height:1.8}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p{color:#c6b8ab;font-size:13px}dialog a{color:var(--accent);text-decoration:underline}.close{position:absolute;right:16px;top:10px;font-size:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--accent);color:#21130c;border-radius:6px;z-index:5;display:none}
@media(min-width:1500px){header,footer{padding-left:calc((100% - 1350px)/2);padding-right:calc((100% - 1350px)/2)}}@media(max-width:1050px){.community{display:none}.hero-art{transform:scale(.85);transform-origin:center}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:15px}.stats .sync{padding-left:16px}.hero h1{font-size:48px}.catalog{gap:24px;grid-template-columns:170px 1fr}}@media(max-width:700px){header{height:72px;padding:0 5%}.brand{font-size:16px}.mark{width:30px;height:30px;font-size:24px}nav{gap:14px}nav a,nav button{font-size:11px}#aboutBtn{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px}.hero h1{font-size:47px}.hero-art{height:300px;max-width:450px;width:100%;align-self:center;transform:scale(.8);margin-top:-10px}.art-cover.front{top:27px}.art-cover.back,.art-cover.right{top:70px}.floating-tag{bottom:-5px}.hero-copy p{font-size:13px}.stats{flex-wrap:wrap;padding:20px 0}.stats>div{gap:8px}.stats strong{font-size:23px}.stats span{font-size:9px;max-width:75px}.stats .sync{width:100%;border-left:0;border-top:1px solid var(--line);padding:15px 0 0;margin-top:5px}.sync button{margin-left:auto}.catalog{display:flex;flex-direction:column;padding-top:27px;gap:28px}aside{border:0;padding:0}#platforms{display:flex;gap:12px;max-height:95px;flex-wrap:wrap}aside label{margin:5px 0}aside h3{margin:14px 0 10px}aside>label{display:inline-flex;margin-right:15px}.aside-note{display:none}.toolbar{flex-wrap:wrap}.search{min-width:100%}select{height:36px}.grid{gap:12px}.card-art{height:140px}.card-body{padding:12px}.card h3{font-size:14px}.repo{font-size:8px}.card-meta{font-size:8px}.view-label{display:none}h2{font-size:27px}footer{flex-wrap:wrap}footer p{display:none}.bottom-note{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Re:Play identity */
.brand{gap:11px;letter-spacing:-1.5px;color:var(--text)}.brand-icon{width:38px;height:38px;flex-shrink:0}.wordmark{font:700 30px/1 "Space Grotesk",sans-serif;white-space:nowrap}.brand-colon{color:var(--accent);padding:0 1px}.hero h1{font-weight:600;letter-spacing:-3px}.hero .eyebrow{letter-spacing:2.4px}.cross{font-size:50px;font-weight:bold;line-height:1;transform:rotate(12deg)}.primary{border-radius:3px}.hero-art{background:radial-gradient(ellipse at center,#cb672025,transparent 67%)}.type-tag.port{color:#a7c6e5}.type-tag.engine{color:#d2b2de}.floating-tag{letter-spacing:1.3px}footer .brand-icon{width:27px;height:27px}footer .wordmark{font-size:23px}input[type=checkbox]:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}@media(max-width:700px){.wordmark{font-size:25px}.brand-icon{width:31px;height:31px}.brand{gap:7px}.hero h1{font-size:48px}}

.direct-status{font-size:10px;color:var(--muted);margin:-6px 0 18px}.direct-source{font-size:9px;color:var(--accent);margin-top:8px}

.project-title:hover,.project-title:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:4px}

.project-cover{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.project-cover:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.platform-badge{pointer-events:none}

/* Browser projects share the existing cards and favorite controls. */
.browser-badge{display:inline-block;margin-left:6px;color:#b9cfb1;font-size:8px;letter-spacing:.7px}.project-description{font-size:12px;line-height:1.65;color:#c6b8ab;margin:12px 0}.project-status{font-size:10px;color:var(--accent);margin:12px 0}.project-limits{font-size:11px;line-height:1.65;color:var(--muted);margin:12px 0 16px}.project-limits summary{cursor:pointer;color:#d9c5b5}.project-limits p{margin:8px 0}.filter-help{font-size:10px;line-height:1.6;color:var(--muted)}.card-links{flex-wrap:wrap;gap:10px 14px}.resource-link{padding:6px 0}.resource-link.play{color:var(--accent);font-weight:700}.card-body{overflow-wrap:anywhere}.type-tag{line-height:1.7}@media(max-width:480px){.grid{grid-template-columns:minmax(0,1fr)}.card-art{height:190px}.card h3{min-height:0;font-size:17px}.card-links{font-size:12px}.resource-link{min-height:32px}.project-description{font-size:13px}}

/* Visual platform selector */
.catalog{grid-template-columns:225px minmax(0,1fr)}aside{padding-right:20px}#platforms{display:block;max-height:none;overflow:visible}.platform-search{display:flex!important;gap:8px!important;border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:#1d1b1a}.platform-search input{width:100%;min-width:0;background:none;color:var(--text);border:0;font-size:11px;outline:0}.platform-search:focus-within{border-color:var(--accent)}.platform-group{border-bottom:1px solid var(--line);padding:9px 0}.platform-group>summary{cursor:pointer;font-size:12px;color:#dfd5cc;padding:6px 0}.platform-group>summary small{font-size:10px;color:var(--muted);float:right}.platform-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0}.platform-tiles .platform-option{position:relative;display:flex;flex-direction:column;gap:4px;margin:0;padding:12px 5px 9px;text-align:center;border:1px solid #39332e;border-radius:8px;background:linear-gradient(140deg,#27221e,#1c1b1a);transition:background .15s,border-color .15s;min-width:0}.platform-option:hover{border-color:#986c51}.platform-option:has(input:checked){border-color:var(--accent);background:#3c2920;color:#ffe2d1}.platform-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}.platform-option input{position:absolute;top:6px;right:6px;width:11px;height:11px}.platform-icon{color:#b5b4d8;display:block;width:32px;height:24px}.platform-icon svg{width:100%;height:100%}[data-family="Xbox"] .platform-icon{color:#a3cf90}[data-family="Nintendo"] .platform-icon{color:#edaa91}[data-family="Sega"] .platform-icon{color:#97b7e2}[data-family="Computadores"] .platform-icon{color:#c3bdab}.platform-name{font-size:11px;font-weight:600;line-height:1.4}.platform-option small{margin:0!important;font-size:9px;color:#a99a8e}.platform-group summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1050px) and (min-width:701px){.catalog{grid-template-columns:200px minmax(0,1fr)}}@media(max-width:700px){.platform-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-search input{font-size:14px}.platform-group>summary{font-size:13px;padding:10px 0}.platform-option input{width:14px;height:14px}.platform-name{font-size:12px}.platform-option small{font-size:10px}}

/* Nome público do catálogo */
.wordmark{font-size:23px;letter-spacing:-1px}.brand-domain{color:var(--accent)}footer .wordmark{font-size:19px}.floating-tag{font-size:8px;letter-spacing:.3px;left:20%}@media(max-width:900px){header{height:auto;min-height:88px;flex-wrap:wrap;gap:14px;padding-top:18px;padding-bottom:18px}header nav{height:32px}header .wordmark{font-size:21px}}@media(max-width:480px){header .brand-icon{width:25px;height:25px}.wordmark,header .wordmark{font-size:19px;letter-spacing:-.8px}header nav{width:100%;justify-content:space-between}.floating-tag{left:5%;font-size:8px}footer .wordmark{font-size:17px}}

/* Identidade Brasil: verde, amarelo, azul e branco */
:root{--bg:#071b12;--panel:#10271b;--line:#244332;--muted:#b4c7b9;--accent:#ffdf00;--text:#f5fff7}body{background:radial-gradient(ellipse at 50% -20%,#123c25 0,transparent 55%),var(--bg)}header,footer{border-color:#244b32}.brand-domain{color:#ffdf00}.primary{background:#ffdf00;color:#062b16}.primary:hover{background:#ffe95c}.hero h1 em,.eyebrow,.sync button,.resource-link.play,.project-status{color:#ffdf00}.platform-option:has(input:checked){border-color:#ffdf00;background:#173d27;color:#fff}.platform-option:hover{border-color:#00a94f}.platform-icon{color:#ffdf00}[data-family="Xbox"] .platform-icon{color:#00a94f}[data-family="Nintendo"] .platform-icon{color:#ffdf00}[data-family="Sega"] .platform-icon{color:#80b7ff}.card{background:#10271b;border-color:#244332}.card-art{background:linear-gradient(140deg,#17472b,#10271b)}.card:hover{border-color:#00a94f}.floating-tag{background:#0b3821;border-color:#ffdf00}.floating-tag i{background:#ffdf00}.brand-icon{filter:drop-shadow(0 2px 8px #00277666)}::selection{background:#ffdf00;color:#002776}