/* Nome provisório compartilhado em todas as rotas. */
.brand{font-size:0!important}.brand:after{content:"Primordial";font:700 15px 'Plus Jakarta Sans',sans-serif!important;letter-spacing:.08em;text-transform:uppercase}.status,header.top:not(:has(.status)):after{display:none!important}
/* Cabeçalho compartilhado entre todas as páginas do portfólio. */
body{overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.33;background-image:radial-gradient(circle at 1px 1px,rgba(120,223,255,.2) 1px,transparent 1.2px);background-size:27px 27px;mask-image:linear-gradient(to bottom,black,transparent 68%)}.shell{width:calc(100% - 72px)!important;max-width:none!important}.top{position:relative;z-index:1}.nav{gap:30px!important;color:#ccdbee!important}.status,header.top:not(:has(.status)):after{display:flex;align-items:center;gap:8px;color:#9ef0c4;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.status i{display:block;width:7px;height:7px;border-radius:50%;background:#9ef0c4;box-shadow:0 0 14px #9ef0c4}header.top:not(:has(.status)):after{content:"•  aberto para projetos";text-shadow:0 0 14px rgba(158,240,196,.3)}.nav a[href="caderno.html"]{font-size:0}.nav a[href="caderno.html"]:after{content:"Fora da tela";font-size:14px}@media(max-width:800px){.shell{width:calc(100% - 36px)!important}.status,header.top:not(:has(.status)):after{display:none}}
/* Cabeçalho e tema compartilhados com a página inicial. */
.top{display:grid!important;grid-template-columns:1fr auto 1fr!important}.top .nav{grid-column:2;justify-self:center}.top .status{display:none!important}.top:after{display:none!important}.brand .mark{display:none!important}.brand:before{content:"";display:block;width:56px;height:56px;flex:none;background:url("../assets/optimized/logo-brand.webp") center/contain no-repeat}.brand:after{content:"Primordial"!important}.brand{gap:11px!important}
body.site-color-preto{background-color:#000!important;background-image:none!important}
:root{--night:#071326;--navy:#0b1f3a;--blue:#143a69;--ice:#edf6ff;--muted:#9db2cb;--cyan:#78dfff;--amber:#ffb45e;--line:rgba(182,218,255,.16)}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--ice);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1420px,calc(100% - 56px));margin:auto}.top{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font:700 15px 'Plus Jakarta Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase}.mark{width:28px;height:28px;position:relative}.mark:before,.mark:after{content:"";position:absolute;width:13px;height:13px}.mark:before{left:1px;top:1px;border:2px solid var(--cyan)}.mark:after{right:1px;bottom:1px;background:var(--amber)}.nav{display:flex;gap:24px;color:#c7d7e9;font-size:14px}.nav a:hover{color:var(--cyan)}.label{font:700 11px 'Plus Jakarta Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--cyan)}main{padding:54px 0 96px}.hero{min-height:575px;position:relative;overflow:hidden;border-radius:18px;background:#050d19}.visual{position:absolute;inset:0;background:linear-gradient(90deg,#050d19 0%,rgba(5,13,25,.76) 32%,rgba(5,13,25,.06) 72%),url('../assets/exploracoes-visuais.webp') right center/cover}.hero-copy{position:relative;max-width:615px;padding:80px 62px}.hero h1{margin:13px 0 20px;font:800 clamp(3.6rem,7vw,7rem)/.9 'Plus Jakarta Sans',sans-serif;letter-spacing:-.1em}.hero h1 span{color:var(--amber)}.hero p{max-width:430px;color:#cedbea;font-size:17px;line-height:1.65}.slash{position:absolute;right:38px;top:36px;color:var(--ice);font:700 28px 'Plus Jakarta Sans';letter-spacing:8px}.hero-foot{position:absolute;left:62px;bottom:36px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:16px}.card{min-height:205px;padding:25px;border:1px solid var(--line);border-radius:12px;background:rgba(11,31,58,.54)}.card h2{margin:38px 0 8px;font:700 23px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.06em}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:34px}.intro h1{margin:10px 0 0;font:800 clamp(2.8rem,5vw,5.1rem)/.94 'Plus Jakarta Sans',sans-serif;letter-spacing:-.09em}.intro p{max-width:360px;color:var(--muted);line-height:1.6}.interface{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{padding:28px;border:1px solid var(--line);border-radius:14px;background:#0b213e}.panel h2{margin:0;font:700 27px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.06em}.tabs{display:flex;gap:8px;margin:24px 0}.tab{border:1px solid var(--line);background:transparent;color:#d4e1ef;border-radius:7px;padding:8px 11px;font-size:12px;cursor:pointer}.tab.active,.tab:hover{background:var(--cyan);border-color:var(--cyan);color:var(--night)}.stage{min-height:230px;padding:25px;border-radius:10px;background:linear-gradient(145deg,#143c6d,#08182d);display:flex;flex-direction:column;justify-content:end}.stage b{font:700 36px 'Plus Jakarta Sans';letter-spacing:-.07em}.stage p{margin:6px 0 0;color:#c7d8e9}.notes{padding:28px;border:1px solid var(--line);border-radius:14px}.note{padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}.note:last-child{border:0}.note b{display:block;margin-bottom:5px}.note span{color:var(--muted);font-size:13px;line-height:1.5}.note.active b{color:var(--amber)}.quote{margin-top:16px;padding:45px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 85% 10%,rgba(120,223,255,.16),transparent 35%),var(--navy);font:700 clamp(1.8rem,3.5vw,3.6rem)/1 'Plus Jakarta Sans';letter-spacing:-.08em}.quote em{color:var(--amber);font-style:normal}.game-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.game-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:#061427}.game-head{display:flex;justify-content:space-between;align-items:center;padding:5px 7px 15px}.game-head b{font:700 17px 'Plus Jakarta Sans';letter-spacing:-.05em}.score{color:var(--amber);font-weight:700}.game{display:block;width:100%;height:390px;border-radius:9px;background:#071b34;touch-action:none}.controls{display:flex;gap:7px;margin-top:13px}.control{width:38px;height:35px;border:1px solid var(--line);border-radius:6px;background:#0c2849;color:var(--ice);cursor:pointer}.control:hover{background:var(--cyan);color:var(--night)}.hobby{padding:27px;border:1px solid var(--line);border-radius:14px;background:rgba(11,31,58,.55)}.hobby h2{margin:9px 0 18px;font:700 28px 'Plus Jakarta Sans';letter-spacing:-.07em}.hobby p{color:var(--muted);line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip{padding:8px 10px;border:1px solid var(--line);border-radius:99px;color:#c4d5e8;font-size:12px}@media(max-width:800px){.shell{width:calc(100% - 36px)}.nav{display:none}.hero{min-height:540px}.visual{background:linear-gradient(0deg,#050d19,rgba(5,13,25,.35)),url('../assets/exploracoes-visuais.webp') 65% center/cover}.hero-copy{padding:55px 25px}.hero-foot{left:25px}.slash{right:18px;top:22px}.grid,.interface,.game-layout{grid-template-columns:1fr}.intro{display:block}.intro p{margin-top:20px}.game{height:330px}}
