/* GIRUZIN 033 V622 — NOVA ERA. Visual reconstruído do zero. */
:root{--bg:#061426;--panel:#0b1d34;--panel2:#102944;--text:#f7fbff;--muted:#b8cbe0;--line:rgba(255,255,255,.12);--accent:#2b8cff;--accent2:#7dd9ff;--shadow:0 18px 55px rgba(0,0,0,.28);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;font-family:"Manrope",system-ui,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden;isolation:isolate}body:before,body:after{content:"";position:fixed;inset:-35%;z-index:-3;pointer-events:none}body:before{background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 24%),radial-gradient(circle at 80% 60%,color-mix(in srgb,var(--accent2) 20%,transparent),transparent 27%),linear-gradient(135deg,var(--bg),color-mix(in srgb,var(--bg) 82%,#000));animation:v622Flow 18s ease-in-out infinite alternate}body:after{z-index:-2;opacity:.18;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;transform:perspective(700px) rotateX(58deg) translateY(28%);transform-origin:center bottom;animation:v622Grid 16s linear infinite}@keyframes v622Flow{to{transform:translate3d(5%,-3%,0) scale(1.08) rotate(2deg)}}@keyframes v622Grid{to{background-position:0 96px,96px 0}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none!important}}
.shell{width:min(1500px,100%);margin:auto;min-height:100vh}.topbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(16px,3vw,42px);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text)!important;text-decoration:none}.brand img{width:44px;height:44px;object-fit:contain}.brand-name{font-family:"Space Grotesk",sans-serif;font-weight:800;letter-spacing:-.02em}.brand-name small{display:block;color:var(--muted);font:700 10px/1.2 Manrope,sans-serif;letter-spacing:.12em}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.07);color:var(--text)!important;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s}.icon-btn:hover,.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff!important;border-color:transparent;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 30%,transparent)}
main{padding:clamp(18px,3vw,42px)}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:520px;padding:clamp(30px,5vw,72px);border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:var(--shadow);overflow:hidden}.hero h1{font:800 clamp(42px,6vw,84px)/.96 "Space Grotesk",sans-serif;letter-spacing:-.055em;margin:12px 0 22px}.hero h1 span{display:block;color:var(--accent2)}.hero p{max-width:760px;color:var(--muted);font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-art{text-align:center}.hero-art img{width:min(100%,420px);filter:drop-shadow(0 25px 35px rgba(0,0,0,.4));animation:v622Float 5s ease-in-out infinite}@keyframes v622Float{50%{transform:translateY(-12px) rotate(1deg)}}.eyebrow{display:inline-flex;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;color:var(--accent2);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.section{margin-top:38px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section h2{font:800 clamp(28px,4vw,48px)/1.05 "Space Grotesk",sans-serif;margin:8px 0}.section-sub,.muted,small{color:var(--muted)}
.grid,.cards,.card-grid,.tools-grid,.dashboard-grid,.games-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px!important;align-items:stretch!important}.card,.feature,.panel,.tool-card,.game-card,.match-card,.news-card,.stat-card,.quick-card{position:relative!important;inset:auto!important;float:none!important;transform:none;display:flex;flex-direction:column;min-width:0;width:100%;height:auto!important;min-height:190px;padding:22px;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;color:var(--text)!important;box-shadow:0 14px 38px rgba(0,0,0,.18);overflow:hidden}.card:hover,.tool-card:hover,.game-card:hover,.match-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,white 10%)!important;box-shadow:0 20px 48px color-mix(in srgb,var(--accent) 16%,rgba(0,0,0,.28))}.card h3,.panel h3,.match-card h3{font:800 20px/1.15 "Space Grotesk",sans-serif;margin:10px 0;color:var(--text)!important}.card p,.panel p,.match-card p{color:var(--muted)!important;line-height:1.55}.card>a:last-child:not(.btn){position:absolute;inset:0;z-index:2}.emoji{font-size:30px}.metric{font:800 34px "Space Grotesk",sans-serif;color:var(--accent2)}
/* Home: azul + branco, deliberadamente diferente do modelo anterior */
body[data-giruzin-page="index"]{--bg:#061a33;--panel:#0b2c55;--panel2:#10447b;--accent:#1877f2;--accent2:#dff4ff;--text:#fff;--muted:#c7def5}body[data-giruzin-page="index"] .hero{background:linear-gradient(125deg,#fff 0 42%,#e9f5ff 42% 53%,#0c5fc5 53% 100%);border:0}body[data-giruzin-page="index"] .hero-copy h1,body[data-giruzin-page="index"] .hero-copy p{color:#08264a!important}body[data-giruzin-page="index"] .hero-copy h1 span{color:#1268ce}body[data-giruzin-page="index"] .hero .eyebrow{color:#0b5dbd;border-color:#83baf2;background:#fff}body[data-giruzin-page="index"] .hero-art{background:radial-gradient(circle,#d9efff,transparent 65%);border-radius:50%}
/* Temas próprios por área */
body[data-v622-theme="football"]{--bg:#041711;--panel:#092c21;--accent:#16c784;--accent2:#baffdc}body[data-v622-theme="weather"]{--bg:#071b31;--panel:#0b3a64;--accent:#32a9ff;--accent2:#d7f4ff}body[data-v622-theme="ai"]{--bg:#100b2a;--panel:#21145a;--accent:#7857ff;--accent2:#50e6ff}body[data-v622-theme="music"]{--bg:#22091e;--panel:#48133e;--accent:#ff4fc3;--accent2:#ffd4f0}body[data-v622-theme="faith"]{--bg:#1c1405;--panel:#3a2a0b;--accent:#e8b949;--accent2:#fff0b8}body[data-v622-theme="study"]{--bg:#181207;--panel:#38260c;--accent:#ff9d2e;--accent2:#ffe2b5}body[data-v622-theme="health"]{--bg:#071b1b;--panel:#0b3836;--accent:#2bd6c4;--accent2:#c9fff8}body[data-v622-theme="social"]{--bg:#151024;--panel:#2d2050;--accent:#9c6cff;--accent2:#f0e8ff}body[data-v622-theme="security"]{--bg:#061a20;--panel:#0b3039;--accent:#2bd99f;--accent2:#d0fff0}body[data-v622-theme="city"]{--bg:#101828;--panel:#1d304b;--accent:#4f9cff;--accent2:#dbeaff}
/* Setembro Amarelo: regras de máxima prioridade visual */
.september-yellow,#setembro-amarelo,.card.september-yellow{--text:#111!important;--muted:#242424!important;background:linear-gradient(135deg,#ffd600 0%,#ffea57 58%,#ffc400 100%)!important;border:3px solid #111!important;color:#111!important;box-shadow:0 16px 38px rgba(255,214,0,.24)!important}.september-yellow *{color:#111!important}.september-yellow .september-symbol{font-size:46px}.september-yellow .september-kicker{font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.september-yellow .september-day{margin-top:auto;border-top:2px solid #111;padding-top:10px;display:flex;justify-content:space-between}.september-yellow .btn{background:#111!important;color:#ffd600!important;border-color:#111!important}
/* formulários/tabelas/listas */
input,select,textarea{max-width:100%;width:100%;padding:12px 14px;border-radius:13px;border:1px solid var(--line);background:rgba(0,0,0,.2);color:var(--text);font:600 15px Manrope,sans-serif}table{width:100%;border-collapse:separate;border-spacing:0;color:var(--text)}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.table-wrap,.standings-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.row{position:relative!important;display:flex!important;align-items:center;gap:14px;min-width:0;height:auto!important;padding:15px;border-bottom:1px solid var(--line);color:var(--text)}.row-main{min-width:0;flex:1}.footer{display:flex;justify-content:space-between;gap:20px;padding:34px clamp(18px,4vw,52px);color:var(--muted);border-top:1px solid var(--line)}
.v622-language{display:flex;align-items:center;gap:6px}.v622-language select{width:auto;min-width:110px;padding:8px 10px;background:var(--panel);font-size:12px}
/* remove resíduos visuais das gerações anteriores */
.gx-orb,.v619-grid,.v620-grid,.tech-grid,.scanline{display:none!important}.splash{background:#061a33!important}.splash h1{font-family:"Space Grotesk",sans-serif!important}
@media(max-width:760px){body:after{opacity:.10;background-size:34px 34px}.topbar{padding:10px 12px}.brand-name small,.icon-btn .label{display:none}.brand img{width:38px;height:38px}main{padding:12px}.hero{grid-template-columns:1fr;min-height:0;padding:24px 18px;border-radius:22px}.hero h1{font-size:clamp(38px,13vw,58px)}body[data-giruzin-page="index"] .hero{background:linear-gradient(160deg,#fff 0 55%,#eaf6ff 55% 65%,#0c5fc5 65% 100%)}body[data-giruzin-page="index"] .hero-art{padding-top:16px}.hero-art img{max-height:240px;object-fit:contain}.grid,.cards,.card-grid,.tools-grid,.dashboard-grid,.games-grid{grid-template-columns:1fr!important;gap:12px!important}.card,.feature,.panel,.tool-card,.game-card,.match-card,.news-card,.stat-card,.quick-card{min-height:0!important;padding:18px;border-radius:18px!important}.section{margin-top:24px}.section-head{align-items:flex-start;flex-direction:column}.footer{flex-direction:column;padding:26px 16px}.v622-language select{min-width:92px}.top-actions{gap:5px}.icon-btn{padding:9px 10px}.modal,.dialog,[role="dialog"]{max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;overflow:auto!important} }