/* Etapa 21 · À maneira das fotos: ouro sobre marinho, anel duplo, matérias por família, painéis chanfrados com linha fina de ouro, miras nos cantos */
:root{--void:#070a18;--ouro:#e8b44a;--ouro2:#f6d98a;--ouro0:#c77a2a;--ash:#6a6a7c;--linha:rgba(232,180,74,.42);--linha2:rgba(232,180,74,.18);--f-marca:"Michroma","Jost",sans-serif;--chanfro:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
body{background:var(--void)}
#ygg{font-family:var(--f-marca);font-size:clamp(11px,1.4vw,15px);letter-spacing:.34em;text-indent:.34em;color:var(--ouro);text-shadow:0 0 16px rgba(232,180,74,.45);
 background:radial-gradient(circle at 36% 30%,rgba(255,250,240,.28) 0,rgba(255,250,240,0) 20%),radial-gradient(circle at 38% 34%,#4b4742 0%,#2a2724 40%,#121113 72%,#09090c 100%);
 box-shadow:inset -18px -22px 46px rgba(0,0,0,.7),inset 10px 12px 26px rgba(255,240,220,.08),0 0 0 3px var(--void),0 0 0 4px rgba(246,217,138,.9),0 0 0 11px var(--void),0 0 0 12px rgba(232,180,74,.38),0 0 70px rgba(232,180,74,.22),0 30px 80px rgba(0,0,0,.65)}
#ygg::before{display:none}
#ygg:hover,#ygg:focus-visible,body.acting #ygg{color:#fff6dc;background:radial-gradient(circle at 36% 30%,rgba(255,255,250,.5) 0,rgba(255,255,250,0) 24%),radial-gradient(circle at 38% 34%,#8a7a5a 0%,#4b4030 42%,#1c1814 74%,#0b0a0c 100%);box-shadow:inset -18px -22px 46px rgba(0,0,0,.7),inset 10px 12px 26px rgba(255,240,220,.1),0 0 0 3px var(--void),0 0 0 4px #f6d98a,0 0 0 11px var(--void),0 0 0 12px rgba(232,180,74,.6),0 0 110px rgba(232,180,74,.4),0 30px 80px rgba(0,0,0,.65)}
#ygg small{font-family:var(--f-mono);color:rgba(232,180,74,.55);letter-spacing:.3em;text-indent:.3em}
.fam h3{font:400 8.5px var(--f-marca);letter-spacing:.3em;color:rgba(246,217,138,.75)}
.fam:hover h3{color:#f6d98a}
.fl a,.fl span{color:#bfb7a8}.fl a:hover,.fl a:focus-visible{color:#fff6dc}
.fl i{border-color:rgba(232,180,74,.55)}.fl a i{background:rgba(232,180,74,.55);box-shadow:0 0 8px rgba(232,180,74,.6)}
.hint{color:rgba(232,180,74,.5)}
.eco b{font-family:var(--f-marca);font-size:9px;letter-spacing:.34em;color:var(--ouro)}.eco span{color:rgba(246,217,138,.45)}
.horizon{box-shadow:inset 0 1px 0 rgba(255,236,214,.05),inset 0 -10px 30px rgba(0,0,0,.75),inset 0 0 60px rgba(0,0,0,.6),0 0 0 1px rgba(246,217,138,.85),0 0 40px rgba(232,180,74,.22),0 30px 80px rgba(0,0,0,.7)!important}
.minus i{box-shadow:inset 0 2px 3px rgba(0,0,0,.95),0 0 0 1px rgba(232,180,74,.4),0 0 14px rgba(232,180,74,.25)!important}
.minus:hover i,.minus:focus-visible i{box-shadow:inset 0 2px 3px rgba(0,0,0,.95),0 0 0 1px rgba(246,217,138,.9),0 0 22px rgba(232,180,74,.5)!important}
.orb.card,.janela,.vlista,.absv,.aviso,.vbar,.tchip,.ps-hud{border-radius:0!important;clip-path:var(--chanfro);background:rgba(7,9,20,.8)!important;border:1px solid var(--linha)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tchip{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.orb.card b{font:400 10px var(--f-marca);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro2)}
.orb.card small{color:#8f8a9c}
.orb.card svg{color:var(--ouro)}
.orb.card:hover,.orb.card:focus-visible,.orb.card.on{box-shadow:none!important;border-color:#f6d98a!important}
.orb.card.prime::before{display:none}
.janela .jt b,.vlista h4,.absv h4,.janela h5{font-family:var(--f-marca);letter-spacing:.2em;text-transform:uppercase;color:var(--ouro2);font-weight:400}
.janela.foco{border-color:#f6d98a!important}
.edock button{border:1px solid var(--linha2);border-radius:0!important;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:rgba(7,9,20,.7)!important;color:#9c9484}
.edock button.on,.edock button:hover{border-color:var(--ouro)!important;color:var(--ouro2)}
.vb,.centro,.lado,.avancar,#psPara,#avisoB{border-color:var(--linha2)!important;color:#a99f8c}
.vb:hover,.centro:hover,.lado:hover,.lado.on,.avancar:hover,.avancar.on{color:var(--ouro2)!important;border-color:var(--ouro)!important}
#addr{color:#e9e1d2}#addr::placeholder{color:#6f6a7c}
.vglyph{background:var(--ouro)!important;box-shadow:0 0 10px rgba(232,180,74,.7)}
.vlista a{color:#d8d0c4}.vlista a:hover{color:#fff6dc}
.gbar span,.gdist span{color:rgba(246,217,138,.5)}.gbar b,.gdist b{color:var(--ouro2)}
input[type=range]#grav{accent-color:var(--ouro)}
.vh{box-shadow:0 0 0 1px rgba(246,217,138,.8),0 0 calc(var(--rr) * .5) rgba(232,180,74,.35),0 0 calc(var(--rr) * 1.6) rgba(232,180,74,.1)!important}
.vtx.sobre .vh,.vtx.foco .vh{box-shadow:0 0 0 1px #fff6dc,0 0 calc(var(--rr) * .8) rgba(246,217,138,.55),0 0 calc(var(--rr) * 2.2) rgba(232,180,74,.2)!important}
.vtx{--c1:#f6d98a;--c2:#c77a2a;--c3:rgba(232,180,74,.14)}
.vd{background:repeating-conic-gradient(from 0deg,var(--c1) 0 .9deg,transparent .9deg 2.7deg),radial-gradient(circle,transparent 0 33%,var(--c1) 36%,var(--c2) 48%,var(--c3) 62%,transparent 70%)!important;filter:saturate(1.1)}
.vtx.m2{--c1:#ff7ad9;--c2:#3fd3c6;--c3:rgba(210,63,166,.16)}
.vtx.m3{--c1:#eef2ff;--c2:#8a95b5;--c3:rgba(201,211,230,.14)}
.vtx.m4{--c1:#dfe5f0;--c2:#5f6880;--c3:rgba(160,170,190,.12)}.vtx.m4 .vd{background:repeating-conic-gradient(from 0deg,var(--c1) 0 9deg,var(--c2) 9deg 18deg,transparent 18deg 22deg),radial-gradient(circle,transparent 0 33%,var(--c1) 36%,var(--c2) 50%,var(--c3) 62%,transparent 70%)!important}
.vtx.m5{--c1:#8dffb8;--c2:#17c95a;--c3:rgba(23,201,90,.14)}.vtx.m5 .vd{background:repeating-linear-gradient(45deg,rgba(0,0,0,.55) 0 2px,transparent 2px 7px),radial-gradient(circle,transparent 0 33%,var(--c1) 36%,var(--c2) 50%,var(--c3) 62%,transparent 70%)!important}
.vtx.m6{--c1:#e9dcff;--c2:#8b5cf6;--c3:rgba(139,92,246,.16)}.vtx.m6 .vd{background:repeating-conic-gradient(from 10deg,var(--c1) 0 .6deg,transparent .6deg 19deg),radial-gradient(circle,transparent 0 33%,var(--c1) 36%,var(--c2) 50%,var(--c3) 62%,transparent 70%)!important}
.vtx b{font:400 8px var(--f-marca);letter-spacing:.3em;color:rgba(246,217,138,.7)}
.vtx.sobre b,.vtx.foco b{color:#fff6dc}
.hud{position:fixed;inset:calc(env(safe-area-inset-top,0px) + 14px) max(14px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 14px) max(14px,env(safe-area-inset-left,0px));z-index:4;pointer-events:none;opacity:.7}
.hud i{position:absolute;width:34px;height:34px;border:1px solid rgba(232,180,74,.5)}
.hud i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.hud i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.hud i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.hud i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
@media (max-width:599px){.hud i{width:22px;height:22px}#ygg{letter-spacing:.26em;text-indent:.26em}}