#usuario a{border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:999px;padding:9px 14px;text-decoration:none}.icone-jogo{width:120px;height:145px;flex:0 0 120px;border-radius:20px;background:radial-gradient(circle,var(--jogo-cor),#070c1b);display:grid;place-items:center;font-size:58px}.jogo-card[style]{border-top:3px solid var(--jogo-cor)}@media(max-width:720px){#usuario span{display:none}.icone-jogo{width:100%;height:130px}}


/* Página inicial: acabamento prata e branco. */
:root{--prata:#aeb8c5;--prata-claro:#f9fbfd;--prata-escuro:#576474;--brilho-prata:#fff}
body{color:#26313f;background:radial-gradient(circle at 8% 0%,#fff 0,transparent 27%),radial-gradient(circle at 92% 8%,#d8e0e9 0,transparent 24%),linear-gradient(135deg,#eef2f6,#cbd3dc 48%,#f8fafc);background-attachment:fixed}
header{background:linear-gradient(105deg,#46515e,#e8edf2 42%,#9ba7b5 64%,#3d4754);border-bottom:1px solid #ffffffcc;box-shadow:0 8px 26px #46515e42}.marca>span{color:#fff;text-shadow:0 0 14px #fff}.marca small{color:#eff6fb}.marca strong{color:#fff;text-shadow:0 1px 2px #26313f}#usuario{color:#fff;text-shadow:0 1px 2px #26313f}#usuario a,#usuario button{border-color:#ffffff9c;background:#ffffff18;backdrop-filter:blur(6px)}
.intro,.boas-vindas{position:relative;padding:36px;border:1px solid #ffffffd9;border-radius:28px;background:linear-gradient(125deg,#ffffffde,#e3e8eecc 58%,#c4cdd7cc);box-shadow:0 18px 42px #65717f2b,inset 0 1px #fff}.intro h1,.boas-vindas h1{color:#354252;text-shadow:0 1px #fff}.intro p,.boas-vindas p{color:#637181}.tag{color:#637181;text-shadow:0 1px #fff}
.acesso-grid form,.jogo-card{background:linear-gradient(145deg,#ffffffed,#e8edf2e8);border-color:#ffffff;box-shadow:0 14px 32px #5f6b7930,inset 0 1px #fff}.acesso-grid form{backdrop-filter:blur(10px)}.jogo-card{position:relative;overflow:hidden}.jogo-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent)}.jogo-card[href]:hover{border-color:#b8c2ce;box-shadow:0 18px 38px #53606e42,inset 0 1px #fff;transform:translateY(-5px)}.jogo-card h2{color:#344151}.jogo-card p{color:#657282}.jogo-card strong{color:#485768}.rotulo,.jogo-card span{color:#687685}.icone-jogo{background:radial-gradient(circle at 35% 28%,#fff,#d8dfe7 48%,#8592a1);border:1px solid #fff;box-shadow:inset 0 0 24px #ffffff90,0 10px 20px #5865743d;text-shadow:0 2px 4px #fff}.jogo-card[style]{border-top-color:#d8e0e7}.futuro{filter:grayscale(.65)}
input{background:#fff;border-color:#c6d0da;box-shadow:inset 0 1px 3px #6d78821c}input:focus{border-color:#8997a7;box-shadow:0 0 0 3px #aab7c433}form button{background:linear-gradient(135deg,#5b6877,#9aa7b5 52%,#657382);box-shadow:0 8px 16px #52606f42}form a{color:#596a7b}

/* Página inicial: azul-marinho e ciano de laboratório. */
:root{--hub-marinho:#07111e;--hub-painel:#102238;--hub-linha:#29445d;--hub-ciano:#37dff5;--hub-texto:#eaf6ff;--hub-suave:#9bb5ca}
body{color:var(--hub-texto);background:radial-gradient(circle at 7% 0%,#0d4b677a,transparent 30%),radial-gradient(circle at 94% 8%,#102f7275,transparent 25%),linear-gradient(rgba(55,223,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(55,223,245,.055) 1px,transparent 1px),var(--hub-marinho);background-size:auto,auto,34px 34px,34px 34px}
header{background:linear-gradient(105deg,#050d17,#112a43 54%,#071727);border-bottom-color:#3acde466;box-shadow:0 8px 26px #0008}.marca>span{color:var(--hub-ciano);text-shadow:0 0 14px #37dff580}.marca small{color:#9eeefa}.marca strong{color:#fff;text-shadow:none}#usuario{color:#eaf6ff;text-shadow:none}#usuario a,#usuario button{border-color:#5de4f073;background:#0c243aa8}
.intro,.boas-vindas{border-color:#3c718d;background:linear-gradient(125deg,#0c2439e8,#112f4ae0 58%,#0a1c31e0);box-shadow:0 18px 42px #0008,inset 0 1px #b9f9ff16}.intro h1,.boas-vindas h1{color:#f0fbff;text-shadow:none}.intro p,.boas-vindas p{color:var(--hub-suave)}.tag{color:#9deffc;text-shadow:0 0 12px #37dff54a}
.acesso-grid form,.jogo-card{background:linear-gradient(145deg,#11273ee8,#0b1b2ee8);border-color:var(--hub-linha);box-shadow:0 14px 32px #0007,inset 0 1px #b9f9ff12}.jogo-card:before{background:linear-gradient(90deg,transparent,var(--hub-ciano),transparent);opacity:.65}.jogo-card[href]:hover{border-color:var(--hub-ciano);box-shadow:0 0 0 1px #37dff542,0 18px 38px #0009,inset 0 1px #b9f9ff1a}.jogo-card h2{color:#effbff}.jogo-card p{color:#a8c3d6}.jogo-card strong{color:#62e7f8}.rotulo,.jogo-card span{color:#8be7f5}.icone-jogo{background:radial-gradient(circle at 35% 28%,#2a6682,#102942 52%,#06111f);border-color:#4bd7e66b;box-shadow:inset 0 0 24px #70efff22,0 10px 20px #0008;text-shadow:0 2px 8px #000}.jogo-card[style]{border-top-color:var(--jogo-cor)}.futuro{filter:grayscale(.45)}
input{background:#08192a;color:#eaf6ff;border-color:#31556d;box-shadow:inset 0 1px 3px #0008}input:focus{border-color:var(--hub-ciano);box-shadow:0 0 0 3px #37dff52b}form button{background:linear-gradient(135deg,#176f99,#2ac4d7 52%,#16849f);box-shadow:0 8px 16px #0ca7bd44}form a{color:#77eaf8}

/* Variação neutra do portal: grafite e âmbar. */
:root{--hub-ambar:#f6bd54;--hub-ambar-claro:#ffe0a1;--hub-grafite:#12161c;--hub-grafite-painel:#1a2028;--hub-grafite-linha:#3d4652}
body{color:#f3f4f6;background:radial-gradient(circle at 8% 0%,#55442252,transparent 31%),radial-gradient(circle at 94% 8%,#39414c5e,transparent 26%),linear-gradient(rgba(246,189,84,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(246,189,84,.045) 1px,transparent 1px),var(--hub-grafite);background-size:auto,auto,34px 34px,34px 34px}header{background:linear-gradient(105deg,#0b0e12,#303742 50%,#101419);border-bottom-color:#f6bd5455}.marca>span{color:var(--hub-ambar);text-shadow:0 0 14px #f6bd5470}.marca small{color:#ffe0a1}#usuario a,#usuario button{border-color:#f6bd546b;background:#24272bba}.intro,.boas-vindas{border-color:#4c535d;background:linear-gradient(125deg,#20262ee8,#171c23e8 58%,#292d31e8)}.intro p,.boas-vindas p{color:#bcc3cb}.tag{color:var(--hub-ambar-claro);text-shadow:0 0 12px #f6bd5440}.acesso-grid form,.jogo-card{background:linear-gradient(145deg,#222931e8,#171d24e8);border-color:var(--hub-grafite-linha)}.jogo-card:before{background:linear-gradient(90deg,transparent,var(--hub-ambar),transparent)}.jogo-card[href]:hover{border-color:var(--hub-ambar);box-shadow:0 0 0 1px #f6bd5442,0 18px 38px #0009,inset 0 1px #ffffff12}.jogo-card p{color:#bbc1c9}.jogo-card strong{color:var(--hub-ambar-claro)}.rotulo,.jogo-card span{color:#f7ce7b}.icone-jogo{background:radial-gradient(circle at 35% 28%,#4d545b,#272d35 52%,#101419);border-color:#f6bd5450;box-shadow:inset 0 0 24px #ffe7b21b,0 10px 20px #0008}.jogo-card[style]{border-top-color:var(--jogo-cor)}input{background:#12171d;color:#f6f4ef;border-color:#4c555f}input:focus{border-color:var(--hub-ambar);box-shadow:0 0 0 3px #f6bd5426}form button{background:linear-gradient(135deg,#a96c1b,#e5aa45 52%,#b77a25);box-shadow:0 8px 16px #b9812f44}form a{color:var(--hub-ambar-claro)}



/* Cards do catálogo com a identidade visual dos jogos. */
.jogo-card[href="desafiomatematico/"]{--card-fundo:linear-gradient(115deg,#101a4cdd,#2d47d9d4 58%,#12a9c4c4);--card-linha:#9cefff7a;--card-brilho:#2f83ff48;--card-destaque:#bdffff}
.jogo-card[href="fisica/"]{--card-fundo:linear-gradient(115deg,#062b1dde,#087a4ed6 60%,#10a66abd);--card-linha:#8affc675;--card-brilho:#16c97a44;--card-destaque:#c4ffdf}
.jogo-card[href="optica/"]{--card-fundo:linear-gradient(115deg,#1a0b34df,#6a26b9d4 59%,#c23fe6c2);--card-linha:#f4a4ff85;--card-brilho:#cd42ee48;--card-destaque:#ffd1ff}
.jogo-card[href="robos/"]{--card-fundo:linear-gradient(115deg,#061e35df,#1760a3d6 58%,#1bb4c8bd);--card-linha:#7fefff78;--card-brilho:#1dcde744;--card-destaque:#c9ffff}
.jogo-card[href="orbitas/"]{--card-fundo:linear-gradient(115deg,#141b42df,#5365c8d6 58%,#8d79eabd);--card-linha:#b8b9ff78;--card-brilho:#8276ef44;--card-destaque:#e3dfff}
.jogo-card[href="circuitos/"]{--card-fundo:linear-gradient(125deg,#3b2600,#bd7800 65%,#e6a500);--card-linha:#ffda757a;--card-brilho:#e6a50048;--card-destaque:#fff0bf}
/* Degradê de cada jogo aplicado apenas à caixa do ícone. */
.jogo-card[href="quimica/"]{--card-fundo:linear-gradient(115deg,#1a2512ed,#3d551de8 59%,#617f22e6);--card-linha:#d1f48185;--card-brilho:#b8e62e48;--card-destaque:#e0ff8a}
.jogo-card[href] .icone-jogo{background:var(--card-fundo);border:1px solid var(--card-linha);box-shadow:0 8px 20px #0005,0 0 20px var(--card-brilho),inset 0 1px #ffffff30;text-shadow:none}

/* Imagens PNG: aparência igual em todos os dispositivos. */
.icone-jogo .icone-png{display:block;width:96px;height:96px;max-width:calc(100% - 16px);object-fit:contain}