:root{--tx:#eef0f4;--mu:#98a0ae;--line:#ffffff1a;--line2:#ffffff2e;--bd:#ffffff24;--ac:#d4ff3a;--ac2:#62f5b0;--warn:#ffc65c;--err:#ff6b6b;--glow:#d4ff3a59;--r:22px;--mono:"Geist Mono",ui-monospace,monospace;--sans:"Geist",system-ui,sans-serif}*{box-sizing:border-box}html,body{color:var(--tx);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#0a0d10;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:500}h1{font-size:clamp(28px,4vw,44px);line-height:1.02}h2{font-size:22px}h3{font-size:17px}p{margin:0}.mono{font-family:var(--mono)}.mu{color:var(--mu)}.ac{color:var(--ac)}.sm{font-size:13px}.xs{font-size:11.5px}.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);align-items:center;gap:8px;display:inline-flex}.eyebrow:before{content:"";background:var(--ac);width:6px;height:6px;box-shadow:0 0 10px var(--ac);border-radius:50%}.h2t em,h1 em{color:var(--ac);text-shadow:0 0 40px var(--glow);font-style:normal}.shell[data-tier="0"]{--ac:#c9ee72;--ac2:#e0f6ac;--glow:#c9ee724d}.shell[data-tier="1"]{--ac:#74e8c0;--ac2:#acf1d9;--glow:#74e8c04d}.shell[data-tier="2"]{--ac:#82cdef;--ac2:#b4e1f5;--glow:#82cdef4d}.shell[data-tier="3"]{--ac:#eeaa7a;--ac2:#f5ccaf;--glow:#eeaa7a4d}.shell[data-tier="4"]{--ac:#e88ab0;--ac2:#f1b9d0;--glow:#e88ab04d}.shell[data-tier="5"]{--ac:#efcb80;--ac2:#f5e0b3;--glow:#efcb804d}.bd{z-index:-2;pointer-events:none;transition:background 1s;position:fixed;inset:0}.bd canvas{opacity:.95;width:100%;height:100%;position:absolute;inset:0}.bd .dots{background-image:radial-gradient(color-mix(in srgb,var(--ac) 55%,transparent) 1.2px,transparent 1.6px);opacity:.35;background-size:140px 120px;position:absolute;inset:0}.fxc{pointer-events:none;z-index:60;position:fixed;inset:0}.shell{isolation:isolate;grid-template-columns:236px 1fr;min-height:100vh;display:grid;position:relative}.side{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--line);background:#07090d9e;flex-direction:column;gap:4px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-bottom:18px;padding:0 8px;display:flex}.brand i{background:var(--ac);color:#0b0d12;width:34px;height:34px;font:700 17px var(--sans);box-shadow:0 0 22px var(--glow);border-radius:10px;place-items:center;font-style:normal;display:grid}.brand b{font-weight:600}.brand small{font:500 10px var(--mono);color:var(--mu);letter-spacing:.12em;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--mu);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;transition:background .15s,color .15s,transform .15s;display:flex}.nav a svg{opacity:.8;flex:none;width:18px;height:18px}.nav a:hover{color:var(--tx);background:#ffffff0d;transform:translate(2px)}.nav a.on{background:color-mix(in srgb,var(--ac) 14%,transparent);color:var(--ac);box-shadow:inset 2px 0 0 var(--ac)}.nav .badge{font:600 10px var(--mono);background:var(--ac);color:#0b0d12;border-radius:99px;margin-left:auto;padding:2px 7px}.nav .live{background:var(--ac);width:7px;height:7px;box-shadow:0 0 8px var(--ac);border-radius:50%;margin-left:auto;animation:1.6s infinite pulse}.side .me{border:1px solid var(--line);background:#00000040;border-radius:16px;margin-top:auto;padding:12px;font-size:13px}.main{width:100%;max-width:1360px;padding:30px clamp(16px,3.5vw,44px) 90px}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.card{border-radius:var(--r);border:1px solid var(--bd);--mx:50%;--my:50%;background:linear-gradient(#161a23ed,#0c0f15e6);padding:18px;transition:border-color .25s,box-shadow .25s,transform .25s;position:relative;box-shadow:0 34px 80px -44px #000000e6,inset 0 1px #ffffff12}.card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--mx) var(--my),color-mix(in srgb,var(--ac) 13%,transparent),transparent 60%);transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.card:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--bd))}.card.hl{border-color:color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 18%,transparent),0 30px 90px -40px var(--glow),inset 0 1px 0 #ffffff14}.tilt{transform-style:preserve-3d;will-change:transform}.rv{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.col{flex-direction:column;gap:10px;display:flex}.sp{height:14px}.btn{border:1px solid var(--line2);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:500;transition:transform .12s,background .15s,box-shadow .2s,filter .15s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{background:#ffffff1a}.btn:active{transform:translateY(1px)scale(.99)}.btn.pri{background:var(--ac);color:#0b0d12;box-shadow:0 10px 30px -10px var(--glow),inset 0 1px 0 #ffffff80;border-color:#0000}.btn.pri:hover{filter:brightness(1.07);box-shadow:0 14px 40px -10px var(--glow)}.btn.ghost{background:0 0}.btn.sm{border-radius:10px;padding:6px 12px;font-size:13px}.btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}.in,textarea.in,select.in{border:1px solid var(--line2);background:#00000059;border-radius:13px;outline:none;width:100%;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.in:focus{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 20%,transparent)}textarea.in{resize:vertical;min-height:110px}label.f{color:var(--mu);flex-direction:column;gap:6px;font-size:13px;display:flex}.chip{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mu);background:#ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.chip.ac{color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,transparent)}.chip.ok{color:var(--ac2);background:color-mix(in srgb,var(--ac2) 12%,transparent)}.chip.warn{color:var(--warn);background:#ffc65c1f}.bar,.xpbar{background:#ffffff14;border-radius:99px;height:10px;position:relative;overflow:hidden}.bar i,.xpbar i{background:linear-gradient(90deg,var(--ac2),var(--ac));border-radius:inherit;box-shadow:0 0 16px var(--glow);animation:1.2s cubic-bezier(.2,.8,.2,1) both grow;position:absolute;inset:0 auto 0 0}.xpbar i:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:2.8s ease-in-out 1.2s infinite shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes grow{0%{width:0}}@keyframes shine{60%,to{transform:translate(100%)}}@keyframes pulse{50%{opacity:.35}}.kpi small{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);display:block}.kpi b{font:500 30px/1.15 var(--mono);margin-top:6px;display:block}.kpi span{color:var(--mu);font-size:12px}.opt{border:1px solid var(--line2);cursor:pointer;background:#ffffff08;border-radius:16px;padding:14px;transition:border-color .15s,background .15s,transform .15s;position:relative}.opt:hover{border-color:color-mix(in srgb,var(--ac) 50%,transparent);transform:translateY(-2px)}.opt input{opacity:0;pointer-events:none;position:absolute}.opt:has(input:checked){border-color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,transparent)}.opt b{font-weight:500;display:block}.opt small{color:var(--mu)}.post{border-bottom:1px solid var(--line);padding:16px 18px;transition:background .15s;display:block}.post:hover{background:#ffffff08}.post:last-child{border-bottom:0}.av{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 30%,#1c2330),#171c26);width:36px;height:36px;font:700 12px var(--mono);color:var(--ac);border:1px solid var(--line2);border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.av.sm{border-radius:8px;width:26px;height:26px;margin-right:-6px;font-size:10px;box-shadow:0 0 0 2px #10131a}.av.on{position:relative}.av.on:after{content:"";background:#3be37f;border:2px solid #10131a;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.av img{object-fit:cover;width:100%;height:100%}table.t{border-collapse:collapse;width:100%;font-size:14px}table.t th{text-align:left;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mu);border-bottom:1px solid var(--line);padding:12px}table.t td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px}table.t tr{transition:background .15s}table.t tr:hover td{background:#ffffff08}.me-row td{background:color-mix(in srgb,var(--ac) 8%,transparent)!important}.flash{border:1px solid color-mix(in srgb,var(--ac) 40%,transparent);background:color-mix(in srgb,var(--ac) 9%,transparent);border-radius:14px;padding:12px 14px;font-size:14px}.flash.err{background:#ff6b6b1a;border-color:#ff6b6b73}.empty{text-align:center;color:var(--mu);padding:36px}.auth{place-items:center;min-height:100vh;padding:20px;display:grid}.auth .card{width:min(460px,100%);padding:32px}.gear{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.gear div{border:1px dashed var(--line2);border-radius:14px;min-height:76px;padding:10px;font-size:13px;transition:transform .2s}.gear div.on{border-style:solid;border-color:var(--rc,var(--line2));background:color-mix(in srgb,var(--rc) 10%,transparent);box-shadow:0 0 18px -6px var(--rc)}.gear div.on:hover{transform:translateY(-3px)}.gear div small{color:var(--mu);font:500 10.5px var(--mono);margin-top:4px;display:block}.climbers{justify-content:space-between;align-items:flex-end;gap:4px;height:250px;display:flex}.climbers figure{opacity:.3;filter:grayscale()brightness(.7);transform-origin:50% 100%;flex-direction:column;flex:1;align-items:center;margin:0;transition:all .4s;display:flex;transform:scale(.72)}.climbers figure.ok{opacity:.6;filter:grayscale(.4)}.climbers figure.on{opacity:1;filter:drop-shadow(0 0 18px var(--glow));flex:1.6;transform:scale(1)}.climbers img{object-fit:contain;width:auto;max-width:100%;height:210px}.climbers figcaption{font:600 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ac);min-height:14px;margin-top:6px}.toast{z-index:70;border:1px solid color-mix(in srgb,var(--ac) 60%,transparent);box-shadow:0 20px 60px -20px var(--glow);background:#0c0f15f2;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-weight:500;animation:4.2s both toast;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%)}.toast i{background:var(--ac);width:10px;height:10px;box-shadow:0 0 12px var(--ac);border-radius:50%}@keyframes toast{0%{opacity:0;transform:translate(-50%,-20px)scale(.95)}8%{opacity:1;transform:translate(-50%)scale(1.03)}12%{transform:translate(-50%)scale(1)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.guide{z-index:50;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:fixed;bottom:22px;left:258px}.orb{cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff,var(--ac) 40%,color-mix(in srgb,var(--ac) 60%,#000) 100%);width:54px;height:54px;box-shadow:0 0 0 8px color-mix(in srgb,var(--ac) 12%,transparent),0 0 40px var(--glow);border:0;border-radius:50%;animation:3s ease-in-out infinite orb}@keyframes orb{50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--ac) 8%,transparent),0 0 50px var(--glow);transform:translateY(-4px)}}.bub{border:1px solid var(--bd);background:#0c0f15f5;border-radius:18px;flex-direction:column;gap:10px;width:min(320px,80vw);padding:16px;animation:toast;display:flex;position:relative;box-shadow:0 30px 60px -20px #000c}.bub .x{color:var(--mu);cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:8px;right:10px}.ck{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.s12{grid-column:span 12}.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}.s3{grid-column:span 3}.hud{grid-template-columns:230px 1fr;align-items:end;gap:22px;padding:24px;display:grid;overflow:hidden}.hud .pic{justify-content:center;align-items:flex-end;height:300px;display:flex;position:relative}.hud .pic:before{content:"";background:radial-gradient(closest-side,var(--glow),transparent);filter:blur(12px);border-radius:50% 50% 0 0;height:70%;position:absolute;bottom:0;left:5%;right:5%}.hud .pic img{filter:drop-shadow(0 12px 30px #0009);width:auto;height:100%;animation:5s ease-in-out infinite breathe;position:relative}.hud .pic .ring{border:1px solid color-mix(in srgb,var(--ac) 60%,transparent);height:22px;box-shadow:0 0 24px var(--glow);border-radius:50%;animation:3s ease-in-out infinite ring;position:absolute;bottom:-6px;left:10%;right:10%}@keyframes breathe{50%{transform:translateY(-5px)}}@keyframes ring{50%{opacity:.6;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.hud .pic img,.hud .pic .ring,.orb{animation:none}}.lvl{font:600 76px/.85 var(--mono);color:var(--ac);letter-spacing:-.05em;text-shadow:0 0 40px var(--glow)}.tier{font:600 12px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ac)}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.stat{border:1px solid var(--line);background:#00000047;border-radius:14px;padding:11px 12px;transition:border-color .2s,transform .2s}.stat:hover{border-color:color-mix(in srgb,var(--ac) 40%,transparent);transform:translateY(-2px)}.stat small{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);display:block}.stat b{font:600 22px var(--mono);margin-top:4px;display:block}.quest{border:1px solid var(--line);background:#00000038;border-radius:14px;align-items:center;gap:12px;padding:12px;transition:border-color .2s,transform .2s;display:flex}.quest:hover{border-color:color-mix(in srgb,var(--ac) 40%,transparent);transform:translate(3px)}.quest.done{border-color:color-mix(in srgb,var(--ac) 45%,transparent);background:color-mix(in srgb,var(--ac) 9%,transparent)}.quest .ck-i{border:2px solid var(--line2);width:26px;height:26px;font:700 13px var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.quest.done .ck-i{background:var(--ac);border-color:var(--ac);color:#0b0d12;box-shadow:0 0 14px var(--glow)}.quest b{font-size:14px;font-weight:500}.quest small{color:var(--mu);font-size:12px;display:block}.quest .rw{font:600 11px var(--mono);color:var(--ac);white-space:nowrap;margin-left:auto}.qbar{gap:4px;display:flex}.qbar i{background:#ffffff1a;border-radius:9px;flex:1;height:6px}.qbar i.on{background:var(--ac);box-shadow:0 0 10px var(--glow)}.chestbtn:not([disabled]):after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:2.4s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-100%)}.alt svg{width:100%;height:180px;display:block}.alt .lab{font:600 10px var(--mono);fill:var(--mu);letter-spacing:.06em}.mini{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.mini:last-child{border-bottom:0}.rk{font:600 12px var(--mono);color:var(--mu);width:24px}.feu{align-items:center;gap:12px;display:flex}.flame{background:radial-gradient(60% 70% at 50% 70%,#fff6d0,var(--ac) 45%,transparent 72%);width:34px;height:44px;filter:drop-shadow(0 0 12px var(--glow));border-radius:50% 50% 45% 45%/60% 60% 40% 40%;animation:1.6s ease-in-out infinite alternate flick}.flame.off{filter:grayscale();opacity:.35;animation:none}@keyframes flick{to{transform:scale(1.08,.94)translateY(1px)}}.locked{position:relative;overflow:hidden}.locked .lk{filter:blur(4px);opacity:.45;pointer-events:none}.locked .lkm{text-align:center;background:linear-gradient(#0000,#07090d99);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.locked .lkm b{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}.live{flex-direction:column;gap:6px;max-height:340px;display:flex;overflow:auto}.lv{background:#0003;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;transition:background .2s;display:flex}.lv:hover{background:#ffffff0d}.lv.fresh{border-color:color-mix(in srgb,var(--ac) 45%,transparent);animation:1.4s both fresh}@keyframes fresh{0%{opacity:0;background:color-mix(in srgb,var(--ac) 25%,transparent);transform:translateY(-10px)scale(.97)}to{opacity:1;transform:none}}.lv-i{width:26px;height:26px;font:700 12px var(--mono);background:color-mix(in srgb,var(--ac) 14%,transparent);color:var(--ac);border-radius:8px;flex:none;place-items:center;display:grid}.lv-i.k-stage,.lv-i.k-gear{color:#ffc65c;background:#ffc65c24}.lv-t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lv-a{color:var(--mu);font-size:11px}.dc{grid-template-columns:220px minmax(0,1fr) 220px;gap:12px;height:calc(100vh - 60px);display:grid}.dc-ch,.dc-ppl{flex-direction:column;gap:4px;padding:14px;display:flex;overflow:auto}.dc-c{color:var(--mu);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-weight:500;transition:background .15s,color .15s;display:flex}.dc-c:hover{color:var(--tx);background:#ffffff0d}.dc-c.on{background:color-mix(in srgb,var(--ac) 14%,transparent);color:var(--tx)}.dc-c .hash{font:600 16px var(--mono);color:var(--ac);text-align:center;width:18px}.dc-main{flex-direction:column;padding:0;display:flex;overflow:hidden}.dc-h{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.dc-on{font:600 11px var(--mono);color:var(--mu);align-items:center;gap:6px;margin-left:auto;display:flex}.dc-on i{background:#3be37f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #3be37f}.dc-msgs{flex:1;padding:12px 8px 12px 18px;overflow:auto}.dc-day{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);align-items:center;gap:10px;margin:14px 0 6px;display:flex}.dc-day:before,.dc-day:after{content:"";background:var(--line);flex:1;height:1px}.dc-m{border-radius:12px;gap:12px;margin-top:8px;padding:6px 8px;transition:background .15s;animation:.35s both msg;display:flex}.dc-m.g{margin-top:0}.dc-m:hover{background:#ffffff09}.dc-m.pending{opacity:.55}@keyframes msg{0%{opacity:0;transform:translateY(6px)}}.dc-t{color:#0000;text-align:center;flex:none;width:36px;padding-top:3px;font-size:10px}.dc-m:hover .dc-t{color:var(--mu)}.dc-b{flex:1;min-width:0}.dc-b p{white-space:pre-wrap;word-wrap:break-word}.dc-n{font-weight:600}.dc-m.me .dc-n{color:var(--ac)}.dc-r{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.rx{border:1px solid var(--line2);font:600 12px var(--mono);cursor:pointer;background:#ffffff0d;border-radius:9px;padding:2px 8px;transition:transform .12s}.rx:hover{transform:scale(1.08)}.rx.mine{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent)}.rx-add{gap:4px;display:none}.rx-add button{cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;padding:2px 7px;font-size:12px}.dc-m:hover .rx-add{display:inline-flex}.dc-typing{height:20px;color:var(--mu);padding:0 18px;font-size:12px;font-style:italic}.dc-in{gap:10px;padding:12px 16px 16px;display:flex}@media (max-width:1100px){.s8,.s7,.s6,.s5,.s4,.s3{grid-column:span 12}.dc{grid-template-columns:1fr;height:auto}.dc-ch{flex-direction:row;overflow-x:auto}.dc-ppl{display:none}.dc-main{height:75vh}}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{z-index:10;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;height:auto;padding:10px 12px;position:sticky;top:0;overflow-x:auto}.brand{margin:0 8px 0 0}.brand small,.side .me{display:none}.nav{flex-direction:row;gap:4px}.nav a{white-space:nowrap;padding:8px 10px}.nav a svg{display:none}.g2,.g3,.g4{grid-template-columns:1fr}.g4.kp{grid-template-columns:repeat(2,minmax(0,1fr))}.hud{grid-template-columns:1fr}.hud .pic{height:230px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lvl{font-size:56px}.guide{bottom:12px;left:12px}}.hud{grid-template-columns:300px 1fr}.hud .pic{height:310px}.hud .pic img.home{filter:drop-shadow(0 20px 30px #0000008c);opacity:.98;width:210px;height:auto;animation:none;position:absolute;bottom:18px;left:-14px}.hud .pic img.me{height:92%;margin-left:120px;position:relative}.stop{border:1px solid var(--line);background:#00000047;border-radius:12px;max-width:460px;padding:10px 12px;font-size:13px;line-height:1.45;display:block}.stop b{color:var(--ac);font-weight:600}.altw{position:relative}.altme{filter:drop-shadow(0 8px 14px #0009);pointer-events:none;width:64px;height:auto;animation:4s ease-in-out infinite breathe;position:absolute;transform:translate(-50%,-105%)}@media (max-width:900px){.hud{grid-template-columns:1fr}.hud .pic img.home{width:160px}.hud .pic img.me{margin-left:90px}}.sheet{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.paper{background:radial-gradient(120% 80% at 50% 30%,color-mix(in srgb,var(--ac) 10%,#141820f2),#0a0c11f5);border:1px solid color-mix(in srgb,var(--ac) 35%,var(--bd));box-shadow:0 0 0 1px #0009,0 0 0 6px #ffffff05,0 40px 100px -40px var(--glow);padding:0;overflow:visible}.paper:after{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:16px;position:absolute;inset:8px}.paper-h,.paper-f{justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.paper-h b{letter-spacing:.02em;font-size:18px;font-weight:600}.paper-f{border-top:1px solid var(--line)}.doll{grid-template-columns:76px 1fr 76px;align-items:center;gap:10px;padding:6px 16px 14px;display:grid}.slots{flex-direction:column;gap:10px;display:flex}.slot{cursor:help;background:radial-gradient(circle at 50% 40%,#ffffff0f,#0000008c);border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:70px;height:70px;transition:transform .15s,box-shadow .2s;display:grid;position:relative}.slot img{object-fit:contain;filter:grayscale()brightness(.35);opacity:.6;width:78%;height:78%}.slot.on{border-color:var(--rc);box-shadow:inset 0 0 18px -6px var(--rc),0 0 16px -6px var(--rc)}.slot.on img{filter:none;opacity:1}.slot:hover,.slot:focus{z-index:5;outline:none;transform:scale(1.06)}.slot .tip{border:1px solid var(--rc);z-index:10;text-align:left;background:#080a0ef7;border-radius:12px;flex-direction:column;gap:4px;width:210px;padding:12px;font-size:12px;display:none;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 20px 40px -10px #000c}.slots:last-child .slot .tip{left:auto;right:calc(100% + 10px)}.slot .tip small{color:var(--mu);font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.slot .tip em{color:#cfd4dc;font-style:normal}.slot:hover .tip,.slot:focus .tip{display:flex}.fig{justify-content:center;align-items:flex-end;height:470px;display:flex;position:relative}.fig:before{content:"";background:radial-gradient(closest-side,var(--glow),transparent);filter:blur(14px);border-radius:50% 50% 0 0;height:65%;position:absolute;bottom:10px;left:10%;right:10%}.fig img.home{opacity:.95;filter:drop-shadow(0 20px 30px #0009);width:200px;position:absolute;bottom:30px;left:-10px}.fig img.me{filter:drop-shadow(0 14px 30px #000000b3);width:auto;height:92%;margin-left:60px;animation:5s ease-in-out infinite breathe;position:relative}.fig .ring{border:1px solid color-mix(in srgb,var(--ac) 60%,transparent);height:24px;box-shadow:0 0 24px var(--glow);border-radius:50%;animation:3s ease-in-out infinite ring;position:absolute;bottom:0;left:22%;right:4%}.attrs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.attr{border:1px solid var(--line);background:#00000040;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.attr b{color:var(--ac);font-size:20px}.attr .bar{grid-column:span 2;height:6px}.badge-x{border:1px solid var(--rc);color:var(--rc);font:600 12px var(--mono);background:color-mix(in srgb,var(--rc) 10%,transparent);box-shadow:0 0 14px -6px var(--rc);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.heat{grid-template-rows:repeat(7,1fr);grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;display:grid}.heat i,.hk{aspect-ratio:1;background:#ffffff0f;border-radius:3px;display:block}.hk{width:11px}.heat .h1,.hk.h1{background:color-mix(in srgb,var(--ac) 28%,transparent)}.heat .h2,.hk.h2{background:color-mix(in srgb,var(--ac) 50%,transparent)}.heat .h3,.hk.h3{background:color-mix(in srgb,var(--ac) 75%,transparent)}.heat .h4,.hk.h4{background:var(--ac);box-shadow:0 0 8px var(--glow)}.bcard{border:1px solid var(--line);background:#00000040;border-radius:14px;flex-direction:column;gap:8px;padding:14px;transition:border-color .2s;display:flex}.bcard:hover{border-color:color-mix(in srgb,var(--ac) 40%,transparent)}@media (max-width:1100px){.sheet{grid-template-columns:1fr}}@media (max-width:640px){.doll{grid-template-columns:58px 1fr 58px;padding:6px 8px 12px}.slot{width:54px;height:54px}.fig{height:360px}.fig img.home{width:140px}.fig img.me{margin-left:30px}.slot .tip{display:none!important}}.who-l{border-radius:10px;transition:opacity .15s;display:inline-flex}.who-l:hover{opacity:.85}.dc-n:hover{text-decoration:underline}.sugg{border:1px solid var(--line);background:#00000040;border-radius:16px;flex-direction:column;gap:6px;padding:14px;transition:border-color .2s,transform .2s;display:flex}.sugg:hover{border-color:color-mix(in srgb,var(--ac) 45%,transparent)}.sugg b{font-weight:600}.av img.bust{object-fit:cover;object-position:50% 0;transform-origin:50% 4%;transform:scale(2.1)}.chip.demo{color:#b8c0cc;background:#b8c0cc1a;border:1px dashed #b8c0cc59}.arsenal{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.tool{border:1px solid var(--line2);background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 12%,#0e1118e6),#0c0f15eb);border-radius:14px;flex-direction:column;gap:8px;padding:12px;transition:transform .2s,border-color .2s;display:flex;position:relative}.tool:hover{border-color:color-mix(in srgb,var(--tc) 55%,transparent);box-shadow:0 14px 40px -20px var(--tc);transform:translateY(-2px)}.tool .th{align-items:center;gap:8px;display:flex}.tool .ti{width:30px;height:30px;font:700 13px var(--mono);color:#0b0d12;background:var(--tc);box-shadow:0 0 14px color-mix(in srgb,var(--tc) 45%,transparent);border-radius:9px;flex:none;place-items:center;display:grid}.tool .tn{font-size:13px;font-weight:600;line-height:1.2}.tool .tl{color:var(--mu);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tool dl{grid-template-columns:1fr auto;gap:3px 8px;margin:0;font-size:11.5px;display:grid}.tool dt{color:var(--mu)}.tool dd{font:600 12px var(--mono);text-align:right;color:var(--tx);margin:0}.tool .tags{flex-wrap:wrap;gap:4px;display:flex}.tool .tags span{font:500 10px var(--mono);color:var(--mu);background:#ffffff0f;border-radius:6px;padding:2px 6px}.tool .src{font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mu);position:absolute;top:10px;right:10px}.tool .src.auto{color:var(--ac2)}.sw{flex-wrap:wrap;gap:8px;display:flex}.sw label{cursor:pointer;position:relative}.sw input{opacity:0;pointer-events:none;position:absolute}.sw span{background:var(--c);width:34px;height:34px;box-shadow:0 0 0 1px var(--line2);font:600 9px var(--mono);color:#0b0d12;border:2px solid #0000;border-radius:50%;place-items:center;transition:transform .15s;display:grid}.sw span:hover{transform:scale(1.1)}.sw input:checked+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 45%,transparent),0 0 18px var(--c);border-color:#fff}.tedit{border:1px solid var(--line2);border-radius:14px;gap:8px;padding:12px;display:grid}.tedit .kv{grid-template-columns:1fr 110px;gap:6px;display:grid}[data-temp=fonceur] img.me,[data-temp=fonceur] .d4-hero img{animation:.5s both crIn,2.4s ease-in-out .5s infinite hop}[data-temp=stratege] img.me,[data-temp=stratege] .d4-hero img{animation:.5s both crIn,7s ease-in-out .5s infinite breathe}[data-temp=batisseur] img.me,[data-temp=batisseur] .d4-hero img{animation:.5s both crIn,5s ease-in-out .5s infinite sway}[data-temp=connecteur] img.me,[data-temp=connecteur] .d4-hero img{animation:.5s both crIn,4s ease-in-out .5s infinite lean}[data-temp=explorateur] img.me,[data-temp=explorateur] .d4-hero img{animation:.5s both crIn,6s ease-in-out .5s infinite look}@keyframes hop{0%,to{transform:none}45%,55%{transform:translateY(-6px)}}@keyframes sway{0%,to{transform:none}50%{transform:translate(-3px)}}@keyframes lean{0%,to{transform:none}50%{transform:translate(4px)}}@keyframes look{0%,40%,to{transform:none}50%,70%{transform:translate(3px)translateY(-2px)}}@media (prefers-reduced-motion:reduce){.d4-hero img,[data-temp] img.me,.d4-embers i{animation:none!important}}.d4{--gold:#e9c27a;--gold2:#ffe3a6;--ser:"Cinzel",Georgia,serif;color:#f3ebdd;isolation:isolate;grid-template-rows:auto 1fr auto;grid-template-columns:330px 1fr 300px;gap:0 20px;min-height:100vh;padding:22px 26px;display:grid;position:relative;overflow:hidden}.d4-bg{z-index:-3;background:#07080b url(/img/creation-bg.webp) 50%/cover no-repeat;animation:40s ease-in-out infinite alternate bgDrift;position:absolute;inset:0;transform:scale(1.04)}.d4-bg:after{content:"";background:radial-gradient(70% 60% at 42% 70%,#0000,#0405088c 70%,#040508eb),linear-gradient(#0000 62%,#040508f2);position:absolute;inset:0}@keyframes bgDrift{to{transform:scale(1.1)translate(-1.5%,-1%)}}.d4-fog{z-index:-2;filter:blur(10px);background:radial-gradient(50% 60% at 30% 100%,#c8beaa24,#0000 70%),radial-gradient(40% 50% at 70% 100%,#c8beaa1a,#0000 70%);height:45%;animation:18s ease-in-out infinite alternate fog;position:absolute;inset:auto -10% 0}@keyframes fog{to{transform:translate(4%)}}.d4-embers{z-index:-1;pointer-events:none;position:absolute;inset:0}.d4-embers i{bottom:-10px;left:calc(var(--i) * 5.6%);opacity:0;width:3px;height:3px;animation:ember calc(7s + var(--i) * .37s) linear calc(var(--i) * -.9s) infinite;background:#ffb45c;border-radius:50%;position:absolute;box-shadow:0 0 8px #ff8a3d}@keyframes ember{0%{opacity:0;transform:translate(0)}10%{opacity:.9}to{opacity:0;transform:translate(calc((var(--i) - 9) * 6px),-92vh)}}.d4-top{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:6px;margin-bottom:6px;display:flex}.d4-kicker{font:600 11px var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}.d4-title{font:700 clamp(30px,4.2vw,58px)/1 var(--ser);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff6e0,var(--gold) 60%,#a87934);color:#0000;text-shadow:0 0 40px #e9c27a40;-webkit-background-clip:text;background-clip:text;margin:0}.d4-sub{color:#cfc5b4;max-width:560px;margin:0;font-size:14px}.d4-scene{grid-column:2;min-height:520px;position:relative}.d4-path{opacity:.8;background:linear-gradient(to top right,#0000 calc(50% - 1px),#e9c27a73 50%,#0000 calc(50% + 1px));position:absolute;inset:16% 4% 14% 24%;-webkit-mask:repeating-linear-gradient(45deg,#000 0 10px,#0000 10px 18px);mask:repeating-linear-gradient(45deg,#000 0 10px,#0000 10px 18px)}.d4-hero{justify-content:center;align-items:flex-end;width:42%;height:92%;display:flex;position:absolute;bottom:2%;left:4%}.d4-hero img{filter:drop-shadow(0 0 1px #ffe6b499)drop-shadow(0 30px 40px #000c)drop-shadow(-8px 0 24px #ffaa502e);transform-origin:50% 100%;width:auto;height:100%;animation:.6s cubic-bezier(.2,.8,.2,1) both crIn,5s ease-in-out .6s infinite breathe;position:relative}.d4-pillar{filter:blur(6px);pointer-events:none;background:radial-gradient(40% 55% at 50% 100%,#ffc46e61,#0000 70%),linear-gradient(#0000 20%,#ffc46e29);width:70%;height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.d4-base{border:1px solid #e9c27ab3;border-radius:50%;height:30px;animation:3s ease-in-out infinite ring;position:absolute;bottom:-8px;left:18%;right:18%;box-shadow:0 0 30px #ffb45a80,inset 0 0 20px #ffb45a59}.d4-tag{text-align:center;white-space:nowrap;position:absolute;bottom:-4px;left:50%;transform:translate(-50%,100%)}.d4-tag b{font:700 18px var(--ser);letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);display:block}.d4-tag small{color:#cfc5b4;font-size:12px}@keyframes crIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.d4-ghost{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;transition:transform .25s;display:flex;position:absolute}.d4-ghost img{filter:grayscale(.55)brightness(.5)drop-shadow(0 0 12px #78a0dc40);opacity:.8;width:auto;height:100%;transition:all .3s}.d4-ghost span{text-align:center;white-space:nowrap;opacity:.75;transition:all .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%,100%)}.d4-ghost b{font:700 10.5px var(--ser);letter-spacing:.12em;text-transform:uppercase;color:#e6dcc8;display:block}.d4-ghost small{font:500 9.5px var(--mono);color:#9c927f}.d4-ghost:hover{transform:translateY(-4px)}.d4-ghost:hover img,.d4-ghost.on img{filter:none drop-shadow(0 0 16px #ffc87873);opacity:1}.d4-ghost:hover span,.d4-ghost.on span{opacity:1}.gh2{height:44%;bottom:16%;left:44%}.gh3{height:38%;bottom:28%;left:55%}.gh4{height:33%;bottom:40%;left:65%}.gh5{height:28%;bottom:51%;left:74%}.gh6{height:25%;bottom:61%;left:83%}.d4-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#120e0ad1,#0a0908e6);border:1px solid #e9c27a47;border-radius:6px;flex-direction:column;grid-row:2;align-self:center;gap:16px;padding:20px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0009,0 30px 80px -30px #000}.d4-panel:before,.d4-panel:after{content:"";border:2px solid var(--gold);opacity:.8;width:14px;height:14px;position:absolute}.d4-panel:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.d4-panel:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.d4-panel.right{grid-column:3}.d4-sec{flex-direction:column;gap:8px;display:flex}.d4-lbl{font:700 12px var(--ser);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.d4-seg{grid-template-columns:1fr 1fr;gap:6px;display:grid}.d4-seg button{color:#e6dcc8;font:600 13px var(--ser);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #e9c27a40;border-radius:4px;padding:10px;transition:all .2s}.d4-seg button.on{border-color:var(--gold);color:#fff3d6;background:linear-gradient(#e9c27a47,#e9c27a14);box-shadow:0 0 18px #e9c27a40}.d4-skins{gap:10px;display:flex}.d4-skins button{background:var(--c);cursor:pointer;border:2px solid #0009;border-radius:50%;width:38px;height:38px;transition:all .15s;box-shadow:0 0 0 1px #e9c27a59}.d4-skins button.on{box-shadow:0 0 0 2px var(--gold),0 0 18px #e9c27a99;transform:scale(1.08)}.d4-classes{flex-direction:column;gap:6px;display:flex}.d4-classes button{text-align:left;color:inherit;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;padding:9px 10px;transition:all .2s;display:flex}.d4-classes i{width:34px;height:34px;font:700 16px var(--mono);color:var(--gold);border:1px solid #e9c27a59;border-radius:4px;flex:none;place-items:center;font-style:normal;line-height:1;display:grid;transform:rotate(45deg)}.d4-classes button>i{border-radius:50%;transform:none}.d4-classes b{font:700 13px var(--ser);letter-spacing:.1em;text-transform:uppercase;display:block}.d4-classes small{color:#a99e8a;font-size:11.5px}.d4-classes button:hover{background:#e9c27a12}.d4-classes button.on{box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,#e9c27a2e,#0000);border-color:#e9c27a99}.d4-fx{color:#e6dcc8;border-left:2px solid var(--gold);background:#e9c27a0f;margin:0;padding:10px;font-size:12.5px}.d4-road{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.d4-road li{cursor:default;border-radius:4px;align-items:flex-start;gap:10px;padding:7px 8px;transition:all .2s;display:flex}.d4-road em{width:24px;height:24px;font:700 11px var(--ser);color:var(--gold);border:1px solid #e9c27a66;border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.d4-road b{font:700 12px var(--ser);letter-spacing:.1em;text-transform:uppercase;display:block}.d4-road small{color:#a99e8a;font-size:11.5px}.d4-road li.on{background:#e9c27a1a}.d4-road li.on em{background:var(--gold);color:#140e07}.d4-loot{font:500 11px var(--mono);color:#cfc5b4;border-top:1px solid #e9c27a33;gap:4px;padding-top:10px;display:grid}.d4-foot{flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;margin-top:34px;display:flex}.d4-cta{cursor:pointer;font:700 17px var(--ser);letter-spacing:.2em;text-transform:uppercase;color:#1a1006;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);background:linear-gradient(#ffe9b8,#e4b15e 55%,#b7822f);border:0;padding:16px 54px;transition:filter .2s,transform .2s;animation:2.4s ease-in-out infinite ctaGlow;position:relative;box-shadow:0 0 40px #e9b25a73}.d4-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}@keyframes ctaGlow{50%{filter:brightness(1.12)drop-shadow(0 0 18px #ffc86e99)}}.d4-foot span{color:#cfc5b4;font-size:12.5px}@media (max-width:1100px){.d4{grid-template-rows:auto;grid-template-columns:1fr;padding:16px}.d4-scene{grid-column:1;min-height:62vh}.d4-panel,.d4-panel.right{grid-area:auto/1}.gh4,.gh5,.gh6{display:none}.gh2{height:40%;left:56%}.gh3{height:34%;left:74%}.d4-hero{width:56%}.d4-foot{margin-top:10px}}.shell.solo{display:block}.qt{background:linear-gradient(90deg,#281c0cd9,#0c0c0ed9);border:1px solid #e9c27a59;border-radius:14px;flex-direction:column;gap:8px;margin-top:14px;padding:14px 16px;display:flex;box-shadow:inset 3px 0 #e9c27a}.qt.ready{animation:2.2s ease-in-out infinite qtGlow}@keyframes qtGlow{50%{box-shadow:inset 3px 0 #ffe3a6,0 0 30px #e9c27a59}}.qt-h{font:600 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#e9c27a;justify-content:space-between;display:flex}.qt-bar{background:#ffffff14;border-radius:9px;height:4px;overflow:hidden}.qt-bar i{background:linear-gradient(90deg,#b7822f,#ffe3a6);height:100%;display:block;box-shadow:0 0 12px #e9c27a99}.qt-b{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qt-t{flex-direction:column;flex:1;min-width:200px;display:flex}.qt-t b{letter-spacing:.04em;color:#fff3d6;font:700 16px Cinzel,Georgia,serif}.qt-t small{color:#cfc5b4;font-size:12.5px}.qt-more{font:500 11px var(--mono);color:#e9c27a}.d4-cta.sm{letter-spacing:.14em;color:#1a1006;padding:10px 26px;font-size:12.5px;text-decoration:none;display:inline-block}.journal .jr{grid-template-columns:320px 1fr;align-items:start;gap:16px;margin-top:14px;display:grid}.jr-list{flex-direction:column;gap:12px;display:flex}.jr-ch{background:#0c0b0ad1;border:1px solid #e9c27a40;border-radius:10px;flex-direction:column;gap:2px;padding:10px;display:flex}.jr-ch.lk{opacity:.55}.jr-ch header{border-bottom:1px solid #e9c27a2e;grid-template-columns:1fr auto;margin-bottom:4px;padding:4px 6px 8px;display:grid}.jr-ch header span{font:600 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#a99e8a}.jr-ch header b{color:#ffe3a6;grid-column:1;font:700 16px Cinzel,Georgia,serif}.jr-ch header small{font:600 12px var(--mono);color:#e9c27a;grid-area:1/2/3;align-self:center}.jr-q{color:#e6dcc8;border-radius:6px;align-items:center;gap:10px;padding:8px;font-size:13.5px;transition:all .15s;display:flex}.jr-q:hover{background:#e9c27a14}.jr-q.sel{background:linear-gradient(90deg,#e9c27a2e,#0000);box-shadow:inset 2px 0 #e9c27a}.jr-q i{border:1.5px solid #a99e8a;flex:none;width:12px;height:12px;transform:rotate(45deg)}.jr-q.claimed{color:#8e8676}.jr-q.claimed i{background:#6fd3a8;border-color:#6fd3a8}.jr-q.ready i{background:#ffe3a6;border-color:#ffe3a6;box-shadow:0 0 10px #ffe3a6}.jr-q.locked i{border-style:dashed}.jr-q.bonus{letter-spacing:.04em;font-family:Cinzel,Georgia,serif;font-size:12.5px;font-weight:700}.jr-q em{font:600 9.5px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#1a1006;background:#e9c27a;border-radius:4px;margin-left:auto;padding:2px 7px;font-style:normal}.jr-card{background:linear-gradient(#18120beb,#0a0908f2),url(/img/world-night.webp) 50%/cover;border:1px solid #e9c27a59;border-radius:10px;flex-direction:column;gap:16px;min-height:420px;padding:28px;display:flex;position:relative;box-shadow:0 30px 80px -30px #000}.jr-card:before{content:"";border-radius:inherit;opacity:.18;pointer-events:none;background:url(/img/world-night.webp) 50%/cover;position:absolute;inset:0}.jr-card>*{position:relative}.jr-kick{font:600 10.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#e9c27a}.jr-card h2{letter-spacing:.03em;color:#fff3d6;margin:0;font:700 clamp(24px,3vw,36px)/1.05 Cinzel,Georgia,serif}.jr-story{color:#e6dcc8;border-left:2px solid #e9c27a80;max-width:640px;margin:0;padding-left:14px;font-size:15px;font-style:italic;line-height:1.6}.jr-story small{font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#a99e8a;margin-top:6px;font-style:normal;display:block}.jr-lbl{letter-spacing:.18em;text-transform:uppercase;color:#e9c27a;margin-bottom:6px;font:700 11px Cinzel,Georgia,serif;display:block}.jr-check{align-items:center;gap:10px;font-size:14.5px;display:flex}.jr-check i{border:1.5px solid #a99e8a;border-radius:3px;width:16px;height:16px}.jr-check.ok i{background:#6fd3a8;border-color:#6fd3a8;box-shadow:0 0 10px #6fd3a899}.jr-check.ok{color:#b9e8d2}.jr-rew .rw{font:700 13px var(--mono);color:#ffe3a6;background:#e9c27a14;border:1px solid #e9c27a66;border-radius:6px;padding:6px 10px}.jr-card.ready{border-color:#e9c27a;box-shadow:0 0 0 1px #e9c27a4d,0 0 60px -10px #e9c27a59}.pro{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pro-bg{background:linear-gradient(#0405088c,#040508f5),url(/img/world-night.webp) 50%/cover;animation:30s ease-in-out infinite alternate bgDrift;position:absolute;inset:0}.pro-box{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(640px,100%);animation:.6s both crIn;display:flex;position:relative}.pro-title{background:linear-gradient(#fff6e0,#e9c27a 60%,#a87934);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font:700 clamp(30px,5vw,52px)/1 Cinzel,Georgia,serif}.pro-line{color:#efe6d6;min-height:84px;margin:0;font-size:17px;line-height:1.6;animation:.5s both crIn}.pro-dots{gap:8px;display:flex}.pro-dots i{background:#fff3;border-radius:3px;width:22px;height:3px}.pro-dots i.on{background:#e9c27a}@media (max-width:900px){.journal .jr{grid-template-columns:1fr}}.d4-worlds{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.d4-worlds button{color:#fff;cursor:pointer;text-align:left;background:#111 50%/cover;border:1px solid #ffffff2e;border-radius:8px;flex-direction:column;justify-content:flex-end;width:190px;height:62px;padding:8px 10px;transition:all .2s;display:flex;position:relative;overflow:hidden}.d4-worlds button:before{content:"";background:linear-gradient(#0003,#000000d9);position:absolute;inset:0}.d4-worlds button>*{position:relative}.d4-worlds b{font:700 12px var(--ser);letter-spacing:.08em;text-transform:uppercase}.d4-worlds small{color:#d8d2c6;font-size:10.5px}.d4-worlds button.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 24px color-mix(in srgb,var(--gold) 45%,transparent)}.d4-worlds button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.d4[data-world=cyber] .d4-title{background:linear-gradient(#e9fdff,#5ff2ff 55%,#ff6fe0);-webkit-background-clip:text;background-clip:text}.d4[data-world=cyber] .d4-cta{color:#08020f;background:linear-gradient(#b9fbff,#5ff2ff 50%,#c23fe0)}.d4[data-world=cyber] .d4-panel{background:linear-gradient(#080a18d9,#06040eeb);border-color:#5ff2ff4d}.d4[data-world=cyber] .d4-pillar{background:radial-gradient(40% 55% at 50% 100%,#5ff2ff59,#0000 70%),linear-gradient(#0000 20%,#ff6fe024)}.d4[data-world=cyber] .d4-base{border-color:#5ff2ffcc;box-shadow:0 0 30px #5ff2ff80,inset 0 0 20px #ff6fe059}.d4[data-world=cyber] .d4-embers i{background:#5ff2ff;box-shadow:0 0 8px #ff6fe0}.d4[data-world=cyber] .d4-seg button.on,.d4[data-world=cyber] .d4-classes button.on{background:linear-gradient(90deg,#5ff2ff2e,#0000)}[data-world=cyber] .jr-card h2,[data-world=cyber] .qt-t b,[data-world=cyber] .pro-title{font-family:Orbitron,sans-serif}.world-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.world-cards button{border:1px solid var(--line2);cursor:pointer;color:#fff;text-align:left;background:#111 50%/cover;border-radius:12px;flex-direction:column;justify-content:flex-end;height:120px;padding:12px;display:flex;position:relative;overflow:hidden}.world-cards button:before{content:"";background:linear-gradient(#0000,#000000d9);position:absolute;inset:0}.world-cards button>*{position:relative}.world-cards button.on{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 0 30px var(--glow)}.world-cards button:disabled{opacity:.55;cursor:not-allowed}[data-world=cyber] .pro-bg{background:linear-gradient(#04030a80,#04030af5),url(/img/w/cyber/night.webp) 50%/cover}[data-world=cyber] .jr-card:before{background-image:url(/img/w/cyber/night.webp)}[data-world=cyber] .jr-card{background:linear-gradient(#080a18eb,#06040ef2);border-color:#5ff2ff59}[data-world=cyber] .qt{background:linear-gradient(90deg,#0a0e28d9,#0a0614d9);border-color:#5ff2ff59;box-shadow:inset 3px 0 #5ff2ff}[data-world=cyber] .qt-h,[data-world=cyber] .jr-kick,[data-world=cyber] .jr-lbl,[data-world=cyber] .jr-ch header small{color:#5ff2ff}[data-world=cyber] .qt-bar i{background:linear-gradient(90deg,#c23fe0,#5ff2ff)}[data-world=cyber] .d4-cta,[data-world=cyber] .d4-cta.sm{color:#08020f;background:linear-gradient(#b9fbff,#5ff2ff 50%,#c23fe0)}[data-world=cyber] h1 em{letter-spacing:.02em;font-family:Orbitron,sans-serif}.wb-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.wb{text-align:center;border:1px solid var(--line);opacity:.45;filter:grayscale(.8);background:#ffffff05;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:all .3s;display:flex}.wb img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 16px #00000080);width:100%}.wb b{font-size:12px;font-weight:600;line-height:1.2}.wb small{color:var(--mu);font-size:10.5px;line-height:1.25}.wb.on{opacity:1;filter:none}.wb.cur{border-color:var(--ac);box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 35%,transparent),0 0 30px -6px var(--glow);transform:translateY(-3px)}.wmetric{align-items:flex-start}.we-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.we{border:1px solid var(--line);opacity:.5;filter:grayscale(.9)brightness(.8);background:#ffffff05;border-radius:14px;flex-direction:column;gap:4px;padding:10px;transition:all .3s;display:flex;position:relative}.we img{aspect-ratio:1;object-fit:contain;width:100%}.we b{font-size:13px}.we small{color:var(--mu);font-size:11px}.we.on{opacity:1;filter:none;border-color:color-mix(in srgb,var(--ac) 40%,transparent)}@media (max-width:900px){.wb-row,.we-row{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-world=cyber]{--mono:"Geist Mono",ui-monospace,monospace}[data-world=cyber] .card{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(#080c1ce0,#060610eb);border:1px solid #5ff2ff38;border-radius:4px;box-shadow:inset 0 0 0 1px #ff6fe00f,inset 0 0 40px #5ff2ff0a}[data-world=cyber] .card:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}[data-world=cyber] .card>b:first-child,[data-world=cyber] .card .row.between>b:first-child{letter-spacing:.14em;text-transform:uppercase;color:var(--ac);text-shadow:0 0 12px var(--glow);font-family:Orbitron,sans-serif;font-size:12.5px}[data-world=cyber] .btn{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);text-transform:uppercase;letter-spacing:.08em;border-radius:2px;font-size:12.5px}[data-world=cyber] .btn.pri{color:#05030c;background:linear-gradient(90deg,#5ff2ff,#c23fe0)}[data-world=cyber] .chip{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:2px}[data-world=cyber] .stat{background:#5ff2ff08;border-color:#5ff2ff33;border-radius:2px}[data-world=cyber] .stat b{text-shadow:0 0 14px var(--glow);font-family:Orbitron,sans-serif}[data-world=cyber] .xpbar,[data-world=cyber] .bar{background:repeating-linear-gradient(90deg,#ffffff14 0 6px,#0000 6px 8px);border-radius:0;height:8px}[data-world=cyber] .xpbar i,[data-world=cyber] .bar i{background:linear-gradient(90deg,#c23fe0,#5ff2ff);border-radius:0}[data-world=cyber] .lvl{text-shadow:0 0 30px var(--glow),0 0 2px #fff;font-family:Orbitron,sans-serif}[data-world=cyber] .quest{border-left:2px solid #5ff2ff80;border-radius:2px}[data-world=cyber] .wb,[data-world=cyber] .we{border-color:#5ff2ff2e;border-radius:2px}[data-world=cyber] .wb.cur{box-shadow:0 0 0 1px #5ff2ff,0 0 26px #5ff2ff73,inset 0 0 18px #ff6fe033}[data-world=cyber] .side{background:linear-gradient(#060816eb,#04040cf2);border-right:1px solid #5ff2ff33}[data-world=cyber] .nav a.on{background:linear-gradient(90deg,#ff6fe024,#0000);box-shadow:inset 2px 0 #ff6fe0}[data-world=cyber] h1{letter-spacing:.01em;font-family:Orbitron,sans-serif}[data-world=cyber] .eyebrow{color:#ff6fe0}[data-world=bali] .card{background:linear-gradient(170deg,#261c10db,#0e1616e6);border:1px solid #ffd27a40;border-radius:18px;box-shadow:inset 0 1px #fff1c914,0 24px 60px -30px #000}[data-world=bali] .card:after{content:"";pointer-events:none;border:1px dashed #ffd27a24;border-radius:14px;position:absolute;inset:6px}[data-world=bali] .card>b:first-child,[data-world=bali] .card .row.between>b:first-child{letter-spacing:.06em;color:#ffe9a8;font-family:Cinzel,Georgia,serif;font-size:15px}[data-world=bali] .btn{border-radius:999px}[data-world=bali] .btn.pri{color:#2a1706;background:linear-gradient(#ffe9a8,#e8a64a)}[data-world=bali] .stat{background:#ffd27a0d;border-color:#ffd27a2e;border-radius:14px}[data-world=bali] .stat b{color:#ffe9a8}[data-world=bali] .xpbar i,[data-world=bali] .bar i{background:linear-gradient(90deg,#3fd6c0,#ffd27a)}[data-world=bali] .lvl{color:#ffd27a;font-family:Cinzel,Georgia,serif}[data-world=bali] .quest{border-radius:14px}[data-world=bali] .side{background:linear-gradient(#18120aeb,#081414f2);border-right:1px solid #ffd27a2e}[data-world=bali] .nav a.on{background:linear-gradient(90deg,#3fd6c024,#0000);box-shadow:inset 2px 0 #3fd6c0}[data-world=bali] h1{font-family:Cinzel,Georgia,serif}[data-world=bali] .eyebrow{color:#3fd6c0}[data-world=bali] .pro-bg{background:linear-gradient(#040a0c73,#040a0cf0),url(/img/w/bali/night.webp) 50%/cover}[data-world=bali] .jr-card:before{background-image:url(/img/w/bali/night.webp)}[data-world=bali] .d4-cta,[data-world=bali] .d4-cta.sm{background:linear-gradient(#fff1c9,#ffd27a 50%,#d98a2e)}.d4[data-world=bali] .d4-title{background:linear-gradient(#fffbea,#ffd27a 55%,#3fd6c0);-webkit-background-clip:text;background-clip:text}.d4[data-world=bali] .d4-panel{background:linear-gradient(#1e160cd9,#081414eb);border-color:#ffd27a4d}.d4[data-world=bali] .d4-pillar{background:radial-gradient(40% 55% at 50% 100%,#ffd27a66,#0000 70%),linear-gradient(#0000 20%,#3fd6c024)}.auth.rw{position:relative;overflow:hidden}.rw-bg{z-index:0;opacity:.32;filter:saturate(.9);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:0}.rw-bg i{background-position:50%;background-size:cover}.rw-bg:after{content:"";background:radial-gradient(#080a0e8c,#080a0ef2 75%);position:absolute;inset:0}.auth.rw .card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.rw-pick{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.rw-pick span{background-position:50%;background-size:cover;border:1px solid #ffffff1f;border-radius:10px;height:64px;position:relative;overflow:hidden}.rw-pick span:after{content:"";background:linear-gradient(#0000 30%,#000c);position:absolute;inset:0}.rw-pick b{z-index:1;font-size:11px;line-height:1.1;position:absolute;bottom:6px;left:8px;right:6px}.wnight{z-index:-1;pointer-events:none;opacity:.22;mix-blend-mode:screen;background-position:50%;background-size:cover;transition:opacity 1s;position:fixed;inset:0}.wsw{grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 14px;display:grid}.wsw button{cursor:pointer;filter:saturate(.7)brightness(.75);background-position:50%;background-size:cover;border:1px solid #ffffff24;border-radius:9px;height:46px;padding:0;transition:filter .2s,transform .2s,border-color .2s;position:relative;overflow:hidden}.wsw button:after{content:"";background:linear-gradient(#0000 25%,#000000d9);position:absolute;inset:0}.wsw button span{z-index:1;color:#fff;text-align:left;font-size:9.5px;font-weight:600;line-height:1.05;position:absolute;bottom:4px;left:5px;right:4px}.wsw button:hover{filter:none;transform:translateY(-1px)}.wsw button.on{filter:none;border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 0 14px var(--glow);cursor:default}.gold{color:#f5c451}.chip.gold{color:#f5c451;background:#f5c45114;border-color:#f5c45159}.route{margin:6px 0 4px;position:relative}.route svg{width:100%;height:190px;display:block;overflow:visible}.rt-fill{fill:#ffffff09}.rt-line{fill:none;stroke:#ffffff38;stroke-width:1.4px;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.rt-done{fill:none;stroke:var(--ac);stroke-width:2.6px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px var(--glow))}.rt-dot{fill:#ffffff59;stroke:none;vector-effect:non-scaling-stroke}.rt-dot.maj{fill:#0b0d12;stroke:var(--ac);stroke-width:1.5px}.rt-dot.on{fill:var(--ac);stroke:var(--ac)}.rt-home{object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 10px #00000080);opacity:.95;width:64px;height:64px;position:absolute;transform:translate(-50%,-78%)}.rt-me{border:2px solid var(--ac);width:38px;height:38px;box-shadow:0 0 14px var(--glow);z-index:2;background:#0b0d12;border-radius:50%;position:absolute;overflow:hidden;transform:translate(-50%,-150%)}.rt-me img{object-fit:cover;object-position:top center;width:100%;height:230%}.rt-labels{height:38px;margin-top:2px;position:relative}.rt-lab{white-space:nowrap;font:600 10px/1 var(--mono,ui-monospace),monospace;letter-spacing:.08em;text-transform:uppercase;color:#ffffff6b;position:absolute}.rt-lab.row0{top:2px}.rt-lab.row1{top:20px}.rt-lab.on{color:var(--ac)}.rt-lab:before{content:"";opacity:.6;background:currentColor;width:1px;height:4px;position:absolute;top:-5px;left:50%}.r-cyber .rt-line{stroke-dasharray:none;stroke:#5ad1f240}.r-cyber .rt-done{stroke-width:3px;filter:drop-shadow(0 0 8px var(--ac)) drop-shadow(0 0 2px #fff)}.r-cyber .rt-dot.maj{rx:0}.r-cyber .rt-lab{font-family:"Orbitron",var(--mono),monospace;letter-spacing:.12em}.r-bali .sea{fill:#40c8d21f}.r-bali .rt-line{stroke-dasharray:1 7;stroke-linecap:round;stroke-width:2px}.r-bali .rt-lab{letter-spacing:.06em;text-transform:none;font-family:Cinzel,Georgia,serif;font-size:11px}@media (max-width:720px){.rt-lab.row1{display:none}.rt-labels{height:20px}.route svg{height:150px}.rt-home{width:44px;height:44px}}.tpts{border:1px solid var(--ac);background:color-mix(in srgb,var(--ac) 8%,transparent);min-width:120px;box-shadow:0 0 24px var(--glow);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:14px 18px;display:flex}.tpts b{color:var(--ac);font-size:42px;line-height:1}.tpts small{opacity:.7;font-size:11px}.tcls{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}@media (max-width:900px){.tcls{grid-template-columns:repeat(2,1fr)}}.tc{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.tc.on{border-color:var(--hc);box-shadow:0 0 0 1px var(--hc),0 0 22px color-mix(in srgb,var(--hc) 30%,transparent)}.tc-i{color:var(--hc);font-size:22px}.tc-bar{background:#ffffff14;border-radius:4px;width:100%;height:4px;overflow:hidden}.tc-bar i{background:var(--hc);height:100%;display:block}.tree{grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;display:grid;position:relative}.tree-col{flex-direction:column;gap:26px;display:flex;position:relative}.tree-col:before{content:"";background:linear-gradient(var(--hc),transparent);opacity:.35;width:2px;position:absolute;top:30px;bottom:30px;left:22px}.tree-ult{flex-direction:column;grid-column:1/-1;align-items:center;gap:10px;display:flex}.tree-ult .tn{width:100%;max-width:520px}.tn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c12b8;border:1px solid #ffffff1a;border-radius:14px;gap:14px;padding:14px 16px;display:flex;position:relative}.tn-gem{width:44px;height:44px;font:700 12px/1 var(--mono,monospace);color:#ffffff80;background:#0b0d12;border:2px solid #fff3;border-radius:8px;flex:none;place-items:center;display:grid;transform:rotate(45deg)}.tn .tn-gem{transform:rotate(45deg)}.tn-real{color:var(--hc,var(--ac));opacity:.9}.tn-fx{color:#ffffffbf}.tn-why{opacity:.6}.tn-why.proof{color:#f5c451;opacity:.9}.tn.on{border-color:var(--hc,var(--ac));box-shadow:0 0 0 1px var(--hc,var(--ac)),0 0 26px color-mix(in srgb,var(--hc,var(--ac)) 30%,transparent)}.tn.on .tn-gem{border-color:var(--hc,var(--ac));color:#0b0d12;background:var(--hc,var(--ac));box-shadow:0 0 18px var(--hc,var(--ac))}.tn.ready{border-color:color-mix(in srgb,var(--hc,var(--ac)) 60%,transparent);animation:2.4s ease-in-out infinite tnpulse}.tn.ready .tn-gem{border-color:var(--hc,var(--ac));color:var(--hc,var(--ac))}.tn.lock{opacity:.55;filter:saturate(.4)}.tn.t4 .tn-gem{width:54px;height:54px;font-size:18px}@keyframes tnpulse{50%{box-shadow:0 0 22px color-mix(in srgb,var(--hc,var(--ac)) 35%,transparent)}}@media (max-width:820px){.tree{grid-template-columns:1fr}}[data-world=cyber] .tn,[data-world=cyber] .tc{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border-radius:0}[data-world=bali] .tn,[data-world=bali] .tc{background:linear-gradient(160deg,#3c2a188c,#14100ccc);border-color:#e0b26e40}.mc.mlock{opacity:.72}.mc.focus{outline:2px solid var(--ac);outline-offset:3px}.mc-brief{color:#ffffffc7;border-left:2px solid var(--ac);padding-left:10px;font-style:italic}.mc-why{color:#f5c451}.msteps{counter-reset:s;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.msteps li{color:#ffffff8c;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.msteps li em{font:600 10px/1 var(--mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:#fff6;min-width:62px;font-style:normal}.msteps li.on{color:#fff;border-color:color-mix(in srgb,var(--ac) 40%,transparent);background:color-mix(in srgb,var(--ac) 8%,transparent)}.msteps li.on em{color:var(--ac)}.msteps li.on:after{content:"✓";color:var(--ac);margin-left:auto}.msteps li.cur{border-color:var(--ac);color:#fff}.mt summary{cursor:pointer;flex-direction:column;gap:4px;list-style:none;display:flex}.mt summary::-webkit-details-marker{display:none}.mt{border-left:3px solid var(--hc)}.mt-cls{color:var(--hc)}.mt-soon{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.mt-lock{opacity:.6;border:1px dashed #ffffff24;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.mt-lock b:before{content:"🔒 "}.d4-classes button{--hc:var(--gold)}.d4-classes button.on i{color:var(--hc)}.d4{overflow-clip-margin:0;overflow:clip}.d4-hero{width:44%;transform:translate3d(calc(var(--px,0)*14px),calc(var(--py,0)*6px),0);transition:transform .25s ease-out;left:12%}.d4-hero img{object-fit:contain;object-position:50% 100%;max-width:100%}.d4-ghost{translate:calc(var(--px,0)*-8px) calc(var(--py,0)*-3px);transition:translate .3s ease-out,transform .25s}.d4-bg{translate:calc(var(--px,0)*-18px) calc(var(--py,0)*-8px);transition:translate .4s ease-out}@media (max-width:1400px){.d4-hero{width:48%;left:8%}}@media (max-width:1100px){.d4-hero{width:70%;left:50%;transform:translate(-50%)}}