@font-face{font-family:Orbitron;src:url("sistemas/assets/fonts/orbitron-900.ttf?v=20261012-r2") format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Oxanium;src:url("sistemas/assets/fonts/oxanium-700.ttf?v=20261012-r2") format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Terminal;src:url("sistemas/assets/fonts/share-tech-mono.ttf?v=20261012-r2") format('truetype');font-weight:400;font-display:swap}
:root{--display:Oxanium,Arial,sans-serif;--mono:Terminal,Consolas,monospace}
.brand{font-family:Orbitron,Arial,sans-serif;font-weight:900;font-size:22px;letter-spacing:1px;text-shadow:0 0 16px #9ef5b024}
h1{font-family:Orbitron,Arial,sans-serif;font-weight:900;font-size:clamp(27px,3.15vw,52px);letter-spacing:0;line-height:1.2;text-shadow:0 0 26px #9ef5b022}h1>span{color:#8faaa0}
.portal h2{font-family:Oxanium,Arial,sans-serif;font-weight:700;font-size:clamp(45px,5.7vw,93px);letter-spacing:-1.5px;text-shadow:0 0 25px #9ef5b026}.portal-kicker{font-size:10px}.portal-index{font-size:12px}.portal-index>span{font-size:10px}.enter{font-size:12px}.portal-tags{font-size:10px;letter-spacing:.2px}.eyebrow{font-size:11px;letter-spacing:2px}.header-caption{font-size:11px}.motion-toggle{font-size:11px}.footer{font-size:10px}.portal{border-color:#9ce3ab30}.portal-top{background:linear-gradient(#03080640,transparent)}
.portal-systems .title-period{text-shadow:0 0 18px #9ef5b099}.portal-systems .orb{filter:drop-shadow(0 0 12px #65fa954f)}
@media(max-width:1100px){h1{font-size:3.4vw}.enter{font-size:11px}.portal-index>span{font-size:9px}}
@media(max-width:700px){h1{font-size:clamp(21px,5.9vw,38px);line-height:1.25;letter-spacing:0}.brand{font-size:19px}.eyebrow{font-size:9px;letter-spacing:1px}.portal h2{font-size:clamp(37px,11.4vw,64px)}.portal-kicker{font-size:9px;letter-spacing:1px}.portal-index>span{font-size:9px;letter-spacing:1px}.portal-tags{font-size:8px}.enter{font-size:10px}.footer{font-size:9px}.motion-label{font-size:10px}}

/* Main access portal: tactical field / digital processor. */
body{background:#040806}
.site-shell{position:relative;isolation:isolate}
.site-shell::before{content:'';position:absolute;inset:100px 0 0;z-index:-1;background:radial-gradient(ellipse at 16% 45%,#bd863e13,transparent 42%),radial-gradient(ellipse at 85% 45%,#39f49c16,transparent 43%);pointer-events:none}
.header{border-bottom-color:#9cdbac2a}
.brand{font-size:23px;text-shadow:0 0 20px #9ef5b039}
.intro{padding-top:40px;padding-bottom:30px;position:relative}
.intro h1{font-size:clamp(52px,6.1vw,95px);line-height:1.1;letter-spacing:2px;color:#e8f4e9;text-shadow:0 0 35px #9eff9226}
.intro h1 .intro-subtitle{font:11px var(--mono);display:block;letter-spacing:5px;color:#8fab99;margin-top:13px}
.intro .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:17px}
.intro .eyebrow::after{content:'';width:38px;height:3px;background:repeating-linear-gradient(90deg,#9cfcb760 0 3px,transparent 3px 6px)}
.intro-note p{color:#aabcb0;line-height:1.8}
.intro-note a{color:#baf3c2;font-size:11px;letter-spacing:1px}
.worlds{gap:20px;perspective:1300px}
.portal{height:clamp(530px,57vh,700px);min-height:540px;border-color:#94e7b42e;background:#08140e;box-shadow:0 0 0 1px #ffffff02,inset 0 0 55px #00000040}
.portal-airsoft{border-color:#ecc17e33;background:#17160e}
.portal::after{content:'';position:absolute;left:0;right:0;top:12%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.16;pointer-events:none;animation:portal-scan 10s ease-in-out infinite;z-index:0}
.portal-content{position:relative;z-index:2;padding:0 31px 29px}
.portal h2{font-family:Orbitron,Arial,sans-serif;font-size:clamp(39px,4.7vw,79px);font-weight:900;line-height:1.15;letter-spacing:-1px;margin-bottom:18px;text-shadow:0 0 25px #9eff9522}
.portal-airsoft h2{text-shadow:0 0 25px #e6bc7430}
.portal-top{padding:24px 29px;position:relative;z-index:2;background:linear-gradient(#03080670,transparent)}
.portal-index>span{color:#c7dbce;letter-spacing:1.3px}
.portal-airsoft .portal-index>span{color:#e7dfc4}
.portal-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:13px}
.portal-description{font-size:13px;color:#b6c9bb;line-height:1.8;margin-bottom:24px}
.portal-airsoft .portal-description{color:#cac9b7}
.portal-bottom{border-top-color:#95ffc52b;padding-top:21px}
.portal-airsoft .portal-bottom{border-color:#ecc17e35}
.enter{font-size:11px;letter-spacing:1px;gap:17px}
.arrow{border-radius:0;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);width:36px;height:36px;background:#9eff9506}
.portal-tags{font-size:9px;letter-spacing:.5px;color:#88ad97}
.portal-airsoft .portal-tags{color:#b9b191}
.corner{width:26px;height:26px;border-width:2px;filter:drop-shadow(0 0 4px var(--accent));opacity:.9}
.corner-tl{border-width:2px 0 0 2px}.corner-br{border-width:0 2px 2px 0}
.airsoft-art{background-position:38% 36%;filter:saturate(.5) brightness(.8)}
.portal-airsoft .portal-shade{background:linear-gradient(180deg,#1c1a0928,#2b210817 25%,#15180b60 45%,#090e08ed 78%,#070b08)}
.portal-systems .portal-shade{background:linear-gradient(180deg,#06190d10,#081d0c0d 25%,#06170b45 48%,#050d09e8 75%,#050a07)}
.reticle{width:126px;height:126px;left:32%;top:22%;border-color:#ecc17e5a;box-shadow:0 0 0 16px #ecc17e06,0 0 35px #ecc17e08}
.reticle::before{width:160px;left:-18px}.reticle::after{height:160px;top:-18px}.reticle span{inset:20px;border-style:dashed;border-color:#ecc17e65}
.field-tag{top:32%;right:24px;letter-spacing:1.5px;font-size:9px}
.world-divider{width:36px;height:36px;top:47%;background:#06140c;border-color:#87dda546;box-shadow:0 0 22px #8bffc114}
.world-divider span{font-size:16px;color:#a8ffc5}
.systems-art{color:#98ffc1;background:radial-gradient(ellipse at 50% 30%,#25b86213,transparent 65%)}
.systems-art canvas{opacity:.85}
.reactor-glow{position:absolute;inset:-6% 0 25%;background:radial-gradient(ellipse at 50% 35%,#55ff9c2c,transparent 60%);filter:blur(7px);animation:reactor-glow 7s ease-in-out infinite alternate}
.digital-reactor{position:absolute;width:100%;height:auto;left:0;top:-4%;filter:drop-shadow(0 0 6px #5dffad35);transform:rotate(-7deg)}
.reactor-stack{animation:reactor-float 7s ease-in-out infinite;transform-origin:300px 190px}
.reactor-pulses{animation:reactor-data 5s linear infinite;opacity:.8}
.reactor-board{opacity:.8}
.reactor-caption{position:absolute;left:50%;top:57%;transform:translateX(-50%);font:9px var(--mono);letter-spacing:3px;color:#9be8b7;white-space:nowrap}
.code-tag{left:30px;top:30%;font-size:10px;line-height:1.9;opacity:.8}
.code-command{color:#c2efcd}
.portal-grid{opacity:.22;background-size:38px 38px}
.footer{font-size:10px;letter-spacing:1px;color:#7ea18b;padding-top:25px}
@keyframes reactor-float{0%,100%{transform:translateY(-4px)}50%{transform:translateY(7px)}}
@keyframes reactor-data{to{stroke-dashoffset:-238}}
@keyframes reactor-glow{from{opacity:.55}to{opacity:1}}
@keyframes portal-scan{0%,100%{top:12%;opacity:.08}50%{top:62%;opacity:.2}}
@media(hover:hover) and (pointer:fine){.portal:hover{box-shadow:0 0 35px #64ff8d0b,inset 0 0 35px #75ffa407}.portal-airsoft:hover{box-shadow:0 0 35px #ecc17e0b}.portal:hover .arrow{transform:translate(2px,-2px);background:var(--accent)}.portal-systems:hover .digital-reactor{filter:drop-shadow(0 0 10px #5dffad60)}}
@media(max-width:1100px){.portal h2{font-size:4.8vw}.portal-tags{display:none}.digital-reactor{width:120%;left:-10%;top:0}.reactor-caption{top:54%}.code-tag{left:23px;font-size:9px}.portal-content{padding:0 24px 26px}.portal-top{padding:24px}.reticle{left:27%;top:23%;width:106px;height:106px}.reticle::before{width:140px}.reticle::after{height:140px}.intro-note a{font-size:10px;gap:20px}}
@media(max-width:700px){.site-shell{padding:0 20px}.header{height:80px}.brand{font-size:19px}.intro{padding:30px 0 25px}.intro h1{font-size:clamp(40px,11vw,68px);letter-spacing:1px;line-height:1.1}.intro h1 .intro-subtitle{font-size:10px;letter-spacing:3px;margin-top:12px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}.intro-note{margin-top:23px;gap:15px}.intro-note p{font-size:11px;line-height:1.65}.intro-note a{font-size:8px;gap:8px;letter-spacing:.6px}.intro-note a span{font-size:22px}.worlds{gap:24px}.portal{height:490px;min-height:0}.portal-top{padding:23px}.portal-content{padding:0 23px 25px}.portal h2{font-size:clamp(28px,8.9vw,48px);letter-spacing:-.5px;line-height:1.18;margin-bottom:18px}.portal-description{font-size:12px;margin-bottom:22px}.portal-kicker{font-size:8px;letter-spacing:1px;line-height:1.6}.portal-index>span{font-size:9px;letter-spacing:.8px}.portal-index{font-size:11px}.portal-bottom{padding-top:18px}.enter{font-size:10px;gap:13px;letter-spacing:.5px}.arrow{width:35px;height:35px}.portal-tags{display:none}.reticle{left:25%;top:23%;width:104px;height:104px}.reticle::before{width:140px}.reticle::after{height:140px}.field-tag{font-size:8px;top:27%;right:21px}.digital-reactor{width:118%;left:-9%;top:4%}.reactor-caption{top:51%;font-size:8px;letter-spacing:2px}.code-tag{top:26%;left:22px;font-size:9px;line-height:1.8;opacity:.7}.portal-grid{background-size:32px 32px}.world-divider{top:50%;width:30px;height:30px}.footer{font-size:9px;letter-spacing:.6px}}
@media(max-width:370px){.site-shell{padding:0 14px}.intro-note a{display:none}.portal{height:465px}.portal-index>span{font-size:8px}.portal-content{padding:0 21px 23px}.portal-top{padding:21px}.code-tag{font-size:8px;left:20px}.reactor-caption{font-size:7px;letter-spacing:1.5px}.portal-kicker{font-size:7px;letter-spacing:.8px}.digital-reactor{top:7%}.footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.reactor-stack,.reactor-pulses,.reactor-glow,.portal::after{animation:none}}
