:root{--bg:#090d18;--panel:#111827;--panel2:#172235;--line:#26354b;--text:#edf4ff;--muted:#9aabc2;--mint:#70f0c1;--danger:#ff8585}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% -10%,#1b3152 0,transparent 42%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;z-index:5;background:#090d18ef;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:22px;font-weight:900;letter-spacing:-1px;text-decoration:none}.brand b{color:var(--mint)}.links{display:flex;gap:16px;align-items:center}.links a{text-decoration:none;color:var(--muted);font-weight:650}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:10px 15px;font-weight:750}.btn.primary{background:var(--mint);color:#07151a;border-color:var(--mint)}.btn:disabled{opacity:.45;cursor:not-allowed}.hero{padding:68px 0 42px;display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.eyebrow{color:var(--mint);font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(38px,6vw,66px);line-height:1.02;letter-spacing:-3px;margin:13px 0}.hero h1 span{color:var(--mint)}.hero p,.muted{color:var(--muted)}.hero p{max-width:620px;font-size:17px}.hero-card{border:1px solid #36506c;background:linear-gradient(145deg,#1a2b42,#101827);border-radius:24px;padding:24px}.orb{width:100%;aspect-ratio:1.4;border-radius:18px;background:radial-gradient(circle at 35% 40%,#70f0c155,transparent 25%),radial-gradient(circle at 70% 60%,#9c80ff66,transparent 28%),linear-gradient(135deg,#17283d,#0c1322);display:grid;place-items:center;font-size:65px}.hero-card small,.smallprint{color:var(--muted)}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}.section h2{font-size:27px;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.field{background:#0d1523;border:1px solid var(--line);border-radius:11px;color:var(--text);padding:11px 13px;min-width:0}.filters input{flex:1;min-width:180px}.grid,.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project,.site{background:linear-gradient(160deg,#172338,#101725);border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}.project-top,.project-foot,.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{font-size:11px;font-weight:800;color:var(--mint);background:#70f0c11a;border:1px solid #70f0c144;border-radius:30px;padding:5px 9px}.project h3{margin:13px 0 5px;font-size:20px}.project p,.site p{color:var(--muted);overflow-wrap:anywhere}.project p{min-height:48px;margin:0 0 15px}.project-foot{border-top:1px solid var(--line);padding-top:13px}.rating{color:#ffd77b;font-weight:800}.empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:16px;padding:28px;text-align:center;color:var(--muted)}.sharebar,.detail-actions,.stars{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mini{font-size:12px;padding:7px 10px;border-radius:9px}.site h3{margin:0 0 5px}.site a{color:var(--mint);font-weight:750;text-decoration:none}.notice{border:1px solid #6c5b9b;background:#9c80ff12;padding:15px;border-radius:13px;color:#d8ceff}.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px;margin-top:35px}.modal{position:fixed;inset:0;background:#02050bd9;z-index:10;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.dialog{width:min(560px,100%);max-height:92vh;overflow:auto;background:#111b2b;border:1px solid var(--line);border-radius:20px;padding:22px}.dialog.wide{width:min(760px,100%)}.dialog h2{margin:3px 0}.dialog h3{margin:8px 0}.formgrid{display:grid;gap:11px;margin-top:15px}.formgrid label{display:grid;gap:5px;color:var(--muted);font-size:13px}.formgrid .field{width:100%}.close{font-size:25px;background:none;border:0;color:var(--text)}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--mint);color:#06131a;padding:11px 17px;border-radius:12px;font-weight:800;display:none;z-index:20;max-width:calc(100% - 28px)}.toast.show{display:block}.smallprint{font-size:12px}.tabs{display:flex;gap:8px;margin-top:18px;border-bottom:1px solid var(--line)}.tab{background:none;border:0;color:var(--muted);padding:10px 13px;font-weight:750}.tab.active{color:var(--mint);border-bottom:2px solid var(--mint)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-columns>section,.comments-section{border-top:1px solid var(--line);padding-top:14px}.comment{border:1px solid var(--line);background:#0d1523;border-radius:12px;padding:12px;margin:9px 0}.comment-head{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.comment p{margin:8px 0 0;overflow-wrap:anywhere}.comments-section{margin-top:18px}.inline-note{color:var(--muted);font-size:13px}.danger{color:var(--danger)}[hidden]{display:none!important}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:44px}.hero-card{display:none}.grid,.directory{grid-template-columns:repeat(2,1fr)}.links{gap:8px}.links a{font-size:13px}}@media(max-width:560px){.links a{display:none}.grid,.directory,.detail-columns{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.hero h1{letter-spacing:-2px}.nav{min-height:62px}.links .btn{padding:8px 10px;font-size:12px}.dialog{padding:17px}}
.count-pill{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--danger);color:#1b0909;font-size:11px;font-weight:900;margin-left:4px}
.review-label{display:grid;gap:6px;margin-top:12px;color:var(--muted);font-size:13px}
.review-list{margin-top:18px}
.review-list h4{margin:8px 0;color:var(--text)}
.review-item,.moderation-item,.notification{border:1px solid var(--line);background:#0d1523;border-radius:12px;padding:12px;margin:9px 0;overflow-wrap:anywhere}
.review-item p,.moderation-item p,.notification p{margin:7px 0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.warning-note{color:#ffd77b}
.moderation-queue{display:grid;gap:12px;margin-top:18px}
.moderation-queue h3{margin:20px 0 6px}
.notification-list{margin-top:12px}
.notification.unread{border-color:#70f0c177;background:#70f0c10b}
#notificationsButton{position:relative}
@media(max-width:560px){#notificationsButton{font-size:11px;padding:8px} .count-pill{min-width:16px;height:16px}}
.discovery-tabs{display:flex;gap:8px;margin:16px 0 10px;flex-wrap:wrap}.discovery-tabs .tab{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:transparent;color:var(--muted);cursor:pointer}.discovery-tabs .tab.active{background:#70f0c11a;border-color:#70f0c1;color:var(--text)}#socialShareLinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}#socialShareLinks a{text-decoration:none}@media(max-width:620px){.nav{gap:8px}.nav .links{flex-wrap:wrap}.discovery-tabs .tab{flex:1}}
.community-count{color:var(--mint);font-size:13px}.community-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.presence-user{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);background:#111827;border-radius:12px;min-width:0}.presence-user span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.presence-user small{color:var(--muted);font-size:11px;white-space:nowrap}.presence-dot{width:10px;height:10px;border-radius:50%;flex:none}.presence-dot.online{background:#28d66f;box-shadow:0 0 9px #28d66f88}.presence-dot.offline{background:#87909e}@media(max-width:700px){.community-players{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.community-players{grid-template-columns:1fr}.presence-user small{font-size:10px}}

.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.hero-actions>a{display:inline-flex;align-items:center;text-decoration:none}.community-card{align-self:center;min-height:220px}.community-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.community-card-head h3{margin:3px 0;font-size:22px}.community-card .community-players{grid-template-columns:1fr;gap:7px;max-height:235px;overflow:auto}.community-card .presence-user{padding:9px 10px;background:#0d1523}.community-card .presence-user small{font-size:10px}.community-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:11px}.community-legend span{display:flex;align-items:center;gap:6px}.community-legend .presence-dot{display:inline-block}.community-card .empty{padding:12px;font-size:12px}@media(max-width:800px){.hero-actions{gap:10px}.community-card{display:block;min-height:0}.community-card .community-players{max-height:190px}}


/* Logs de cadastro — painel administrativo */
.security-tabs{margin:18px 0 22px}
.registration-log-list{display:grid;gap:10px}
.registration-log-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;background:rgba(255,255,255,.025)}
.registration-log-row>div{display:grid;gap:4px;min-width:0}
.registration-log-row time{font-size:.86rem;color:var(--muted,#9aa4b2);text-align:right}
@media(max-width:600px){.registration-log-row{align-items:flex-start;flex-direction:column}.registration-log-row time{text-align:left}}

.auth-extras{display:grid;gap:10px;margin-top:14px}
.google-login{width:100%;justify-content:center}
.auth-link{justify-self:center;background:none;border:0;color:var(--mint);font:inherit;font-size:13px;font-weight:750;padding:8px 12px;cursor:pointer}
.auth-link:disabled{opacity:.55;cursor:wait}

#openBugReport{border-color:#70f0c155;color:var(--mint)}
@media(max-width:560px){#openBugReport{font-size:11px;padding:8px}}


/* Feedback de bugs visível também em telas pequenas */
.bug-feedback-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid #70f0c155;border-radius:18px;background:linear-gradient(120deg,#70f0c110,#172338)}
.bug-feedback-banner h2{margin:4px 0}
.bug-feedback-banner p{max-width:620px;margin:6px 0 0}
@media(max-width:560px){.bug-feedback-banner{align-items:flex-start;flex-direction:column}.bug-feedback-banner .btn{width:100%}}


/* Configurações: tema, paleta e áudio */
.settings-group{border-top:1px solid var(--line);padding:16px 0 8px;margin-top:12px}
.settings-group h3{margin:0 0 5px}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.settings-col{align-items:flex-start;flex-direction:column}
.settings-options,.accent-options{display:flex;gap:9px;flex-wrap:wrap}
.settings-options .btn.selected{border-color:var(--mint);color:var(--mint);box-shadow:0 0 0 1px var(--mint) inset}
.accent-swatch{width:34px;height:34px;border-radius:50%;border:3px solid transparent;background:var(--swatch);box-shadow:0 0 0 1px var(--line);padding:0}
.accent-swatch.selected{outline:2px solid var(--text);outline-offset:3px}
.volume-control{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:12px;width:100%;color:var(--muted);font-size:13px}
.volume-control input{width:100%;accent-color:var(--mint)}
.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
#settingsButton{white-space:nowrap}
body[data-theme="light"]{--bg:#f1f5fb;--panel:#ffffff;--panel2:#e7edf6;--line:#d2dbe8;--text:#1c293b;--muted:#596a80;background:linear-gradient(145deg,#f8fbff,#e9eff8);color:var(--text);color-scheme:light}
body[data-theme="light"] .top{background:#f5f8f2ed}
body[data-theme="light"] .hero-card,body[data-theme="light"] .project,body[data-theme="light"] .site{background:linear-gradient(155deg,#ffffff,#edf2f9);border-color:var(--line)}
body[data-theme="light"] .field,body[data-theme="light"] .comment,body[data-theme="light"] .review-item,body[data-theme="light"] .moderation-item,body[data-theme="light"] .notification,body[data-theme="light"] .presence-user{background:#fff;color:var(--text)}
body[data-theme="light"] .dialog{background:#fff;color:var(--text);box-shadow:0 18px 60px #16243a30}
body[data-theme="light"] .btn{background:#edf2f8;color:#223149;border-color:#d2dbe8}
body[data-theme="light"] .btn.primary{background:var(--mint);color:#07151a;border-color:var(--mint)}
body[data-theme="light"] .tab{color:var(--muted)}
body[data-theme="light"] .footer{color:var(--muted)}
body[data-theme="light"] .project p,body[data-theme="light"] .site p{color:var(--muted)}
body[data-theme="light"] .community-card{background:linear-gradient(145deg,#fff,#e9f0f8)}
@media(max-width:560px){#settingsButton{font-size:0;width:38px;padding:8px 9px}#settingsButton::before{content:"⚙";font-size:17px}.settings-footer{align-items:flex-start;flex-direction:column}}


/* Posicionamento das unidades Adsterra */
.ih-ad-top{display:grid;justify-items:center;gap:8px;margin:28px auto 34px;padding:18px 12px;max-width:1120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ih-ad-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:800;text-align:center}
.ih-ad-300{width:300px;max-width:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;overflow:hidden}
.projects-layout{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:24px;align-items:start}
.ih-ad-side{width:160px;min-width:160px;position:sticky;top:92px;display:grid;justify-items:center;gap:8px;padding-top:4px}
.ih-ad-160{width:160px;height:600px;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;overflow:hidden}
@media(max-width:900px){
  .projects-layout{grid-template-columns:minmax(0,1fr)}
  .ih-ad-side{position:static;width:100%;min-width:0;justify-items:center;margin:24px auto}
}
@media(max-width:560px){.ih-ad-top{margin:20px auto 26px;padding:14px 8px}.ih-ad-300{width:300px;max-width:100%;min-height:250px}}


.ih-ad-status{display:block;flex:1 0 100%;width:100%;max-width:300px;margin:8px auto 0;padding:8px 10px;border:1px solid #ffb36b66;border-radius:9px;background:#ffb36b12;color:var(--muted);font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere}


/* Responsividade reforçada: navegação, cartões, filtros e anúncios */
@media(max-width:900px){
  .top .nav{flex-wrap:wrap;padding:10px 0;gap:10px}
  .links{min-width:0;flex-wrap:wrap;justify-content:flex-end}
  .projects-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  html,body{max-width:100%;overflow-x:hidden}
  .wrap{width:calc(100% - 24px)}
  .top .nav{align-items:stretch;flex-direction:column;gap:10px;padding:10px 0}
  .brand{font-size:20px}
  .links{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .links a{display:none}
  .links .btn{width:100%;min-width:0;min-height:42px;padding:8px 9px;white-space:normal;overflow-wrap:anywhere;font-size:12px}
  .hero{padding:34px 0 24px;gap:18px}
  .hero h1{font-size:clamp(34px,10vw,48px);line-height:1.05;overflow-wrap:anywhere}
  .hero p{font-size:15px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .hero-actions .btn,.hero-actions a{width:100%;justify-content:center}
  .section{padding:24px 0}
  .section h2{font-size:23px}
  .filters{display:grid;grid-template-columns:1fr}
  .filters .field,.filters input{width:100%;min-width:0}
  .grid,.directory,.detail-columns{grid-template-columns:minmax(0,1fr)}
  .project,.site,.dialog,.community-card{min-width:0;max-width:100%}
  .project p,.site p,.notice,.smallprint,.muted{overflow-wrap:anywhere}
  .project-foot,.project-top,.comment-head{flex-wrap:wrap}
  .ih-ad-side{display:none}
  .ih-ad-top{width:100%;overflow:hidden}
  .ih-ad-300{width:100%;max-width:300px;overflow:hidden}
  .ih-ad-300 iframe{max-width:100%}
  .modal{padding:8px}
  .dialog{width:100%;max-height:calc(100dvh - 16px);padding:15px}
  .formgrid .field{width:100%;min-width:0}
}
@media(max-width:360px){
  .links{grid-template-columns:1fr}
  .hero h1{font-size:34px}
  .btn{font-size:12px}
}

/* Unidades adicionais do Adsterra */
.ih-ad-banner,.ih-ad-native{display:grid;justify-items:center;gap:8px;width:100%;max-width:1120px;margin:22px auto;padding:16px 12px;text-align:center;overflow:hidden}
.ih-ad-468{width:468px;max-width:100%;min-height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ih-ad-native{min-height:120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ih-ad-native #container-f19f5d5fd22d418c354409db284c8dae{width:100%;max-width:100%;min-height:100px;overflow:hidden}
.ih-ad-160-300{width:160px;min-height:300px;display:grid;justify-items:center;align-content:start;gap:8px;overflow:hidden;margin:16px auto}
@media(max-width:560px){.ih-ad-banner{margin:16px auto;padding:12px 6px}.ih-ad-468{max-width:100%;overflow:hidden}.ih-ad-native{padding:12px 6px}.ih-ad-160-300{display:none}}


/* Grupo único de publicidade no topo */
.ih-ad-single{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;width:100%;max-width:1120px;margin:18px auto 30px;padding:16px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden}
.ih-ad-single>.ih-ad-label{display:block;width:100%;text-align:center;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:800}
.ih-ad-all{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:14px;width:100%;min-width:0}
.ih-ad-format,.ih-ad-native{display:flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden}
.ih-ad-native{width:100%;min-height:100px}
.ih-ad-native #container-f19f5d5fd22d418c354409db284c8dae{max-width:100%;overflow:hidden}
.ih-ad-single iframe{max-width:100%;border:0}
@media(max-width:560px){.ih-ad-single{margin:12px auto 22px;padding:12px 6px}.ih-ad-all{flex-direction:column;align-items:center;gap:12px}.ih-ad-format{width:100%;max-width:100%}}


/* Publicidades distribuídas entre as seções */
.distributed-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:min(100%,970px);min-height:70px;margin:22px auto;padding:12px;border:1px dashed var(--line,#344);border-radius:14px;background:rgba(120,140,150,.06);overflow:hidden;text-align:center}
.distributed-ad>span{font-size:9px;font-weight:900;letter-spacing:1.5px;color:var(--muted,#888)}
.distributed-ad>div{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:hidden}
.distributed-ad iframe{max-width:100%;border:0}
.distributed-ad.ad-native>div{width:100%;min-height:100px}
.distributed-ad.ad-160>div{min-height:300px}
@media(max-width:600px){.distributed-ad{margin:16px auto;padding:8px}.distributed-ad>div{max-width:100%}}