html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
body{margin:0;background:#05070a}
a{color:#ffb627;text-decoration:none}a:hover{color:#ffd27a}
@keyframes a-scan{0%{transform:translateY(-420px)}100%{transform:translateY(1900px)}}
@keyframes a-spin{to{transform:rotate(360deg)}}
@keyframes a-spinr{to{transform:rotate(-360deg)}}
@keyframes a-breathe{0%,100%{opacity:.78;transform:scale(.95)}50%{opacity:1;transform:scale(1.04)}}
@keyframes a-cellpulse{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes a-run{0%{background-position:-320px 0}100%{background-position:1650px 0}}
@keyframes a-blink{0%,55%{opacity:1}56%,100%{opacity:.18}}
@keyframes a-sweep{0%{background-position:-400px 0}60%,100%{background-position:700px 0}}
.a-fabric{position:absolute;left:0;top:0;width:100%;height:1150px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 68% 34%,#000 10%,transparent 78%);mask-image:radial-gradient(ellipse 75% 70% at 68% 34%,#000 10%,transparent 78%)}
.a-scan{position:absolute;left:0;right:0;top:0;height:420px;background:linear-gradient(180deg,rgba(61,232,255,0),rgba(61,232,255,.055) 50%,rgba(61,232,255,0));animation:a-scan 12s linear infinite;pointer-events:none}
.a-ring{transform-box:view-box;transform-origin:300px 300px;animation:a-spin 70s linear infinite}
.a-ring.r2{animation:a-spinr 42s linear infinite}
.a-ring.r3{animation:a-spin 24s linear infinite}
.a-core{transform-box:view-box;transform-origin:300px 300px;animation:a-breathe 3.4s ease-in-out infinite}
.a-cove{background:linear-gradient(90deg,rgba(255,182,39,0) 0%,rgba(255,182,39,.9) 18%,#fff0c2 50%,rgba(255,182,39,.9) 82%,rgba(255,182,39,0) 100%);box-shadow:0 0 14px 1px rgba(255,182,39,.75),0 0 46px 8px rgba(255,182,39,.22)}
.a-sweep{background:linear-gradient(100deg,transparent 0,rgba(255,255,255,.75) 50%,transparent 100%) no-repeat;background-size:180px 100%;animation:a-sweep 4.8s ease-in-out infinite;mix-blend-mode:overlay;pointer-events:none}
.a-ret{transform-box:view-box;transform-origin:300px 300px;animation:a-spin 16s linear infinite}
.a-ret.rr{animation:a-spinr 30s linear infinite}
.a-hc{animation:a-cellpulse 1.8s ease-in-out infinite}
.a-hc.q1{animation-delay:-.6s}.a-hc.q2{animation-delay:-1.2s}
.a-run{background:linear-gradient(90deg,rgba(255,240,194,0) 0%,#fff0c2 50%,rgba(255,240,194,0) 100%) no-repeat;background-size:320px 100%;filter:drop-shadow(0 0 6px #ffb627) drop-shadow(0 0 14px rgba(255,182,39,.6));animation:a-run 7s cubic-bezier(.45,0,.55,1) infinite}
.a-blink{animation:a-blink 1.6s steps(1) infinite}
.a-key{transition:border-color .25s,box-shadow .25s,color .25s}
.a-key:hover{border-color:#3de8ff !important;color:#ffffff !important;box-shadow:0 0 0 1px rgba(61,232,255,.35),0 0 26px rgba(61,232,255,.28),inset 0 0 18px rgba(61,232,255,.12) !important}
.a-key:hover .a-kled{background:#3de8ff !important;box-shadow:0 0 10px #3de8ff !important}
.a-cta{transition:box-shadow .25s,transform .25s}
.a-cta:hover{box-shadow:0 0 0 1px #ffe08a,0 0 34px rgba(255,182,39,.7),0 0 90px rgba(255,182,39,.3) !important;transform:translateY(-2px)}
.a-ghost{transition:box-shadow .25s,border-color .25s}
.a-ghost:hover{border-color:#3de8ff !important;box-shadow:0 0 24px rgba(61,232,255,.3) !important}
.a-screen{transition:border-color .3s,box-shadow .3s,transform .3s}
.a-screen:hover{border-color:rgba(255,182,39,.8) !important;box-shadow:0 0 0 1px rgba(255,182,39,.35),0 0 50px rgba(255,182,39,.18),0 30px 60px rgba(0,0,0,.5) !important;transform:translateY(-4px)}
.hm-logo{transition:background .35s,box-shadow .35s}
.hm-logo:hover,.hm-logo:focus-visible{background:rgba(255,182,39,.07);box-shadow:inset 0 0 0 1px rgba(255,182,39,.4),0 0 28px rgba(255,182,39,.14)}
.hm-logo:active{transform:scale(.98)}
.hm-logo-svg{transition:filter .35s}
.hm-logo:hover .hm-logo-svg,.hm-logo:focus-visible .hm-logo-svg{filter:drop-shadow(0 0 6px #ffb627) drop-shadow(0 0 18px rgba(255,182,39,.85)) !important}
.hm-logo-outer,.hm-logo-inner,.hm-logo-wave{transform-box:fill-box;transform-origin:center}
.hm-logo-outer{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hm-logo:hover .hm-logo-outer,.hm-logo:focus-visible .hm-logo-outer{transform:rotate(120deg)}
.hm-logo-inner{transition:transform .45s cubic-bezier(.2,.8,.2,1),fill .3s}
.hm-logo:hover .hm-logo-inner,.hm-logo:focus-visible .hm-logo-inner{transform:scale(1.3);fill:#fff3cf}
.hm-logo-wave{opacity:0}
.hm-logo:hover .hm-logo-wave,.hm-logo:focus-visible .hm-logo-wave{animation:hm-logo-wave 1.5s ease-out infinite}
@keyframes hm-logo-wave{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.1)}}
.hm-logo-word{transition:color .3s,text-shadow .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.hm-logo:hover .hm-logo-word,.hm-logo:focus-visible .hm-logo-word{transform:translateY(-7px);color:#fff3cf;text-shadow:0 0 12px rgba(255,182,39,.75),0 0 30px rgba(255,182,39,.35)}
.hm-logo-hint{position:absolute;left:0;top:calc(100% - 4px);display:flex;align-items:center;gap:6px;font-family:'Chakra Petch',sans-serif;font-size:10px;font-weight:600;letter-spacing:.2em;color:#ffcf6e;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.hm-logo:hover .hm-logo-hint,.hm-logo:focus-visible .hm-logo-hint{opacity:1;transform:none}
.is-hidden{display:none !important}
:focus-visible{outline:2px solid #3de8ff;outline-offset:3px}
.hm-in{height:56px;box-sizing:border-box;padding:0 18px;border-radius:12px;border:1px solid #2a3441;background:#06080c;color:#e8ecf1;font-family:'Chakra Petch',sans-serif;font-size:16px}
textarea.hm-in{height:150px;padding:14px 18px;resize:vertical;line-height:1.5}
select.hm-in{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#8d99a8 50%),linear-gradient(135deg,#8d99a8 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.hm-in::placeholder{color:#7c8797}
.hm-in:focus{outline:none;border-color:#3de8ff;box-shadow:0 0 0 3px rgba(61,232,255,.2)}
.hm-range{width:100%;accent-color:#ffb627;cursor:pointer}
.hm-chip{cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s}
.hm-chip:hover{border-color:#3de8ff !important;color:#fff !important}
.hm-chip.is-active{border-color:#ffb627 !important;color:#fff !important;box-shadow:0 0 18px rgba(255,182,39,.18)}
.hm-chip.is-active .hm-led{background:#ffb627 !important;box-shadow:0 0 8px #ffb627}
.hm-card{cursor:pointer;text-align:left;font:inherit}
.hm-modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:24px}
.hm-modal.is-open{display:flex}
.hm-backdrop{position:absolute;inset:0;background:rgba(3,5,8,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}
.hm-dialog{position:relative;animation:hm-pop .35s cubic-bezier(.2,.8,.2,1)}
@keyframes hm-pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.hm-acc-body{display:none !important}
.hm-acc.is-open .hm-acc-body{display:grid !important}
.hm-chev{transition:transform .25s}
.hm-acc.is-open .hm-chev{transform:rotate(180deg)}
.hm-acc{transition:border-color .25s}
.hm-acc.is-open,.hm-acc:hover{border-color:rgba(255,182,39,.55) !important}
.hm-add{transition:border-color .2s,color .2s,background .2s,box-shadow .2s}
.hm-add:hover{box-shadow:0 0 18px rgba(255,182,39,.3)}
.hm-add .hm-on{display:none}
.hm-add.is-added .hm-on{display:inline}
.hm-add.is-added .hm-off{display:none}
.hm-add.is-added{border-color:#3de8ff !important;color:#3de8ff !important;background:rgba(61,232,255,.08) !important}
.hm-switch{cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.hm-switch:hover{border-color:#3de8ff !important}
.hm-knob{transition:transform .2s,background .2s,box-shadow .2s}
.hm-switch.is-on{border-color:#ffb627 !important;background:rgba(255,182,39,.08) !important;color:#fff !important}
.hm-switch.is-on .hm-track{border-color:#ffb627 !important}
.hm-switch.is-on .hm-knob{transform:translateX(18px);background:#ffb627 !important;box-shadow:0 0 10px #ffb627}
.hm-seg{cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.hm-seg.is-active{background:linear-gradient(180deg,#ffd064 0%,#ff9f0a 100%) !important;color:#1a1000 !important;box-shadow:0 0 18px rgba(255,182,39,.4)}
[data-license-scope] .p-com{display:none}
[data-license-scope].lic-commercial .p-com{display:inline}
[data-license-scope].lic-commercial .p-per{display:none}
.hm-form .hm-sent{display:none !important}
.hm-form.is-sent .hm-sent{display:flex !important}
.hm-form.is-sent .hm-fields{display:none !important}
.hm-tile{transition:border-color .3s,box-shadow .3s,transform .3s}
.hm-tile:hover{border-color:rgba(255,182,39,.8) !important;box-shadow:0 0 0 1px rgba(255,182,39,.3),0 0 50px rgba(255,182,39,.16),0 30px 60px rgba(0,0,0,.5) !important;transform:translateY(-4px)}
.hm-tile:hover .hm-go{color:#ffcf6e !important}
.hm-tile:hover .hm-num{color:rgba(255,182,39,.55) !important}
.hm-row{transition:border-color .25s,transform .25s}
.hm-row:hover{border-color:#3a4a5c !important;transform:translateX(4px)}
.hm-ext{transition:border-color .3s,box-shadow .3s}
.hm-ext:hover{border-color:#3de8ff !important;box-shadow:0 0 30px rgba(61,232,255,.18) !important}
@keyframes hm-spin{to{transform:rotate(360deg)}}
.hm-spin{animation:hm-spin 40s linear infinite}
.hm-spin.rev{animation-direction:reverse;animation-duration:26s}
@keyframes a-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@keyframes a-nudge-d{0%,100%{transform:rotate(90deg) translateX(0)}50%{transform:rotate(90deg) translateX(6px)}}
.a-navarrow{animation:a-nudge 1.8s ease-in-out infinite}
/* header: logo + SHOP + START A MISSION on top, the deck tabs in their own row below */
.a-bar{flex-wrap:wrap;row-gap:12px;padding:14px 14px 14px 22px !important}
.a-nav{order:3;width:100%;gap:6px !important}
.a-nav a{flex:1 0 auto;justify-content:center}
@media (max-width:1280px){
.a-nav a{padding:0 12px !important;letter-spacing:.12em !important}
.a-logo-text{font-size:15px !important;letter-spacing:.18em !important}
}
@media (max-width:1180px){
.a-bar{flex-wrap:wrap;row-gap:12px;padding:12px 12px 12px 18px !important}
.a-nav{order:3;width:100%;gap:6px !important;overflow-x:auto;scrollbar-width:none}
.a-nav a{flex:1 0 auto;justify-content:center}
.hm-grid4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:980px){
.a-hdr{padding:16px 16px 0 !important}
.a-hero{grid-template-columns:minmax(0,1fr) !important;padding:40px 20px 0 !important;min-height:0 !important;gap:36px !important}
.a-reactorbox{justify-self:center !important}
.a-navarrow{animation-name:a-nudge-d !important}
.a-div{margin:48px 20px 0 !important}
.hm-sec{padding-left:20px !important;padding-right:20px !important}
.hm-split{grid-template-columns:minmax(0,1fr) !important;gap:28px !important}
.a-grid3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.hm-footgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.hm-modalgrid{grid-template-columns:minmax(0,1fr) !important}
.hm-modalimg{min-height:260px !important;border-right:0 !important;border-bottom:1px solid #1c242e}
.hm-acchead{grid-template-columns:64px minmax(0,1fr) 28px !important}
.hm-accmeta{display:none !important}
.hm-acc-body{grid-template-columns:minmax(0,1fr) !important;padding:4px 20px 22px !important}
.hm-labrow{grid-template-columns:140px minmax(0,1fr) !important}
.hm-labstatus{grid-column:1 / -1}
.hm-toggles{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.hm-logo-hint{display:none !important}
}
@media (max-width:640px){
.a-h1{font-size:clamp(24px,7.4vw,36px) !important}
.a-h1.hm-h1{font-size:clamp(36px,11.5vw,54px) !important}
.a-h1.hm-ph1{font-size:clamp(30px,9vw,44px) !important}
.a-h2{font-size:22px !important}
.a-label{font-size:12px !important;letter-spacing:.14em !important}
.a-label > span:first-child{display:none !important}
.a-logo-text{font-size:13px !important;letter-spacing:.12em !important}
.a-right .a-ghost{padding:0 10px !important;font-size:11px !important;letter-spacing:.1em !important}
.a-nav .a-kled{display:none !important}
.a-nav{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible !important}
.a-nav a{padding:0 6px !important;font-size:12px !important}
.a-ctas{flex-wrap:wrap}
.a-grid3,.hm-grid4{grid-template-columns:minmax(0,1fr) !important}
.a-workhead{flex-wrap:wrap;gap:16px;align-items:flex-start !important}
.a-formrow{flex-direction:column}
.hm-footgrid{grid-template-columns:minmax(0,1fr) !important}
.hm-footbar{flex-direction:column;align-items:flex-start !important}
.hm-specs{grid-template-columns:minmax(0,1fr) !important}
.hm-labrow{grid-template-columns:minmax(0,1fr) !important}
.hm-toggles{grid-template-columns:minmax(0,1fr) !important}
.hm-fieldrow{grid-template-columns:minmax(0,1fr) !important}
.hm-modal{padding:10px}
.hm-logo{margin-left:0 !important;padding:6px 8px 6px 4px !important}
.hm-long{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}

.hx-back{pointer-events:none;position:absolute;inset:-2.5%;border-radius:50%;background:radial-gradient(closest-side,rgba(7,10,14,.92) 0%,rgba(7,10,14,.75) 80%,rgba(7,10,14,0) 100%)}
.hx-glow{position:absolute;left:38.5%;top:38.5%;width:23%;height:23%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,243,207,.95) 0%,rgba(255,197,74,.75) 22%,rgba(255,138,0,.18) 55%,rgba(255,138,0,0) 100%);animation:hx-breathe 3.6s ease-in-out infinite;cursor:pointer}
.hx-lyr{position:absolute;pointer-events:none;animation-name:hx-boot,hx-spin;animation-duration:1.4s,calc(var(--hx-base,60s) / var(--hx-speed,1));animation-timing-function:cubic-bezier(.2,.8,.2,1),linear;animation-iteration-count:1,infinite;animation-fill-mode:both,none;animation-delay:var(--hx-d,0s),0s;animation-direction:normal,var(--hx-dir,normal)}
.hx-core.is-paused .hx-lyr,.hx-core.is-paused .hx-dot,.hx-core.is-paused .hx-glow{animation-play-state:paused}
.hx-dot{position:absolute;display:block;border-radius:50%;background:#3de8ff;box-shadow:0 0 6px rgba(61,232,255,.7);opacity:.22;animation:hx-led 2.6s linear infinite}
/* ---- honeycomb heart ---- */
.hx-hive{position:absolute;z-index:1}
.hx-hivedisc{fill:#ffb627;fill-opacity:.05;stroke:#ffb627;stroke-opacity:.85;stroke-width:1.4;vector-effect:non-scaling-stroke;pointer-events:visiblePainted;cursor:pointer}
.hx-cell{fill:#fff1c4;fill-opacity:0;stroke:#2a1a00;stroke-opacity:.55;stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-linejoin:round;pointer-events:visiblePainted;cursor:pointer;animation:hx-cell var(--hc-d,7s) linear infinite var(--hc-o,0s)}
@keyframes hx-cell{0%,86%,100%{fill-opacity:0}90%{fill-opacity:.9}94%{fill-opacity:.35}}
.hx-core.is-ignite .hx-cell{animation-duration:.6s}
.hx-core.is-unstable .hx-cell{animation-duration:.25s}
.hx-core.is-paused .hx-cell{animation-play-state:paused}
.hx-bextra{fill:none;stroke:#ffb627;stroke-opacity:.9;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s,stroke-width .25s}
.hx-bexglow{fill:none;stroke:#ffb627;stroke-opacity:.16;stroke-width:6;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;transition:stroke-opacity .25s}
.hx-lyr.is-hot .hx-bextra,.hx-lyr.is-scan .hx-bextra{stroke:#ffd98a;stroke-opacity:1;stroke-width:2}
.hx-lyr.is-hot .hx-bexglow,.hx-lyr.is-scan .hx-bexglow{stroke-opacity:.5}
.hx-core.is-ignite .hx-bextra{stroke:#ffe3a3}
/* core labels, sized to the core */
.hx-label{font-size:14px;letter-spacing:.3em;color:#8d99a8;white-space:nowrap}
.hx-status{font-size:14px !important;gap:10px !important;white-space:nowrap}
/* the core keeps the middle band; the labels keep the edges */
.hx-strip{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 48px;min-height:26px}
.hx-strip-t{padding-bottom:16px}
.hx-strip-b{padding-top:16px}
.hx-stage{width:94%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}
@media (max-width:980px){.hx-strip{padding:0 26px}}
@media (max-width:640px){.hx-label,.hx-status{font-size:11px !important;letter-spacing:.24em !important}
.hx-strip{padding:0 14px;gap:8px}.hx-strip-t{padding-bottom:10px}.hx-strip-b{padding-top:10px}
.hx-status{padding:4px 6px !important}}
.hx-planet{fill:#3de8ff;fill-opacity:.85;stroke:#3de8ff;stroke-width:1;vector-effect:non-scaling-stroke}
/* ---- interactive bands ---- */
.hx-band{pointer-events:visiblePainted;cursor:pointer;transition:fill-opacity .25s,stroke .25s,stroke-width .25s}
.hx-bglow{pointer-events:visibleStroke;cursor:pointer;transition:stroke-opacity .25s}
.hx-lyr.is-hot{animation-play-state:running,paused}
.hx-lyr.is-hot .hx-band{fill-opacity:.17;stroke:#ffd98a;stroke-opacity:1;stroke-width:2}
.hx-lyr.is-hot .hx-bglow{stroke-opacity:.5}
.hx-lyr.is-scan .hx-band{fill-opacity:.13;stroke:#ffd98a;stroke-opacity:1;stroke-width:2}
.hx-lyr.is-scan .hx-bglow{stroke-opacity:.45}
.hx-hud{position:absolute;inset:0;pointer-events:none;z-index:3}
.hx-lead{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;opacity:0;transition:opacity .12s}
.hx-lead-line{fill:none;stroke:#ffb627;stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(255,182,39,.85));transition:stroke-dashoffset .26s cubic-bezier(.3,.7,.2,1)}
.hx-lead-dot{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#ffe3a3;box-shadow:0 0 10px #ffb627;opacity:0;transition:opacity .12s}
.hx-lead-dot::after{content:"";position:absolute;inset:-6px;border:1px solid #ffb627;border-radius:50%;opacity:0}
.hx-hud.is-on .hx-lead,.hx-hud.is-on .hx-lead-dot{opacity:1}
.hx-hud.is-on .hx-lead-dot::after{animation:hx-ping 1.4s ease-out infinite}
.hx-tip{position:absolute;left:0;top:0;width:236px;box-sizing:border-box;padding:12px 14px 11px;background:rgba(7,11,16,.94);border:1px solid rgba(255,182,39,.38);border-bottom:2px solid #ffb627;box-shadow:0 0 28px rgba(255,182,39,.14);visibility:hidden;opacity:0;transition:opacity .12s,visibility 0s .12s;text-align:left}
.hx-tip.is-down{border-bottom:1px solid rgba(255,182,39,.38);border-top:2px solid #ffb627}
.hx-tip-in{display:flex;flex-direction:column;gap:6px}
.hx-tip-eb{font-size:10px;letter-spacing:.28em;color:#3de8ff}
.hx-tip-t{font-family:'Michroma',sans-serif;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#f3f5f8}
.hx-tip-d{font-size:13px;line-height:1.45;color:#a6b1bf}
.hx-tip-go{font-size:10.5px;font-weight:600;letter-spacing:.24em;color:#ffb627;text-decoration:none}
.hx-tap{display:none}
@media (hover:none){.hx-click{display:none}.hx-tap{display:inline}}
.hx-tip.is-on{visibility:visible;opacity:1;transition:none;animation:hx-open .44s .24s cubic-bezier(.3,.7,.2,1) both}
.hx-tip.is-on.is-left{animation-name:hx-open-l}
.hx-tip.is-on.is-down{animation-name:hx-open-d}
.hx-tip.is-on.is-left.is-down{animation-name:hx-open-ld}
.hx-tip.is-on .hx-tip-in>*{animation:hx-txt .32s both}
.hx-tip.is-on .hx-tip-in>:nth-child(1){animation-delay:.5s}
.hx-tip.is-on .hx-tip-in>:nth-child(2){animation-delay:.56s}
.hx-tip.is-on .hx-tip-in>:nth-child(3){animation-delay:.62s}
.hx-tip.is-on .hx-tip-in>:nth-child(4){animation-delay:.7s}
@keyframes hx-open{0%{clip-path:inset(calc(100% - 2px) 100% 0 0)}45%{clip-path:inset(calc(100% - 2px) 0 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes hx-open-l{0%{clip-path:inset(calc(100% - 2px) 0 0 100%)}45%{clip-path:inset(calc(100% - 2px) 0 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes hx-open-d{0%{clip-path:inset(0 100% calc(100% - 2px) 0)}45%{clip-path:inset(0 0 calc(100% - 2px) 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes hx-open-ld{0%{clip-path:inset(0 0 calc(100% - 2px) 100%)}45%{clip-path:inset(0 0 calc(100% - 2px) 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes hx-txt{0%{opacity:0}30%{opacity:.7}45%{opacity:.15}100%{opacity:1}}
@keyframes hx-ping{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(2.2)}}
/* ---- ignite ---- */
.hx-flare{position:absolute;left:30%;top:30%;width:40%;height:40%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,250,235,.95) 0%,rgba(255,197,74,.6) 35%,rgba(255,138,0,0) 100%)}
.hx-core.is-ignite .hx-flare{animation:hx-flare 1.8s ease-out both}
.hx-core.is-ignite .hx-band{stroke:#ffe3a3;fill-opacity:.1}
.hx-core.is-ignite .hx-dot{animation-duration:.7s}
.hx-core.is-ignite .hx-lyr.is-hot{animation-play-state:running,running}
/* ---- overload: three ignites in a row ---- */
.hx-core{transition:filter .9s ease-out}
.hx-core.is-unstable{filter:sepia(1) saturate(5) hue-rotate(-42deg) brightness(1.05);transition:none;animation:hx-shake .09s linear infinite}
.hx-core.is-cooling{filter:saturate(.3) brightness(.75);transition:filter .5s}
.hx-core.is-unstable .hx-glow{animation-duration:.28s}
.hx-core.is-unstable .hx-dot{animation-duration:.4s}
.hx-core.is-locked .hx-band,.hx-core.is-locked .hx-bglow,.hx-core.is-locked .hx-glow{cursor:not-allowed}
@keyframes hx-shake{0%{translate:0 0}25%{translate:2px -1px}50%{translate:-2px 1px}75%{translate:1px 2px}100%{translate:0 0}}
.hx-status{transition:color .3s,border-color .3s,box-shadow .3s}
.hx-status.is-unstable{animation:hx-alarm .34s linear infinite}
.hx-status.is-unstable .a-blink{background:#ff2d55 !important;box-shadow:0 0 10px #ff2d55 !important;animation-duration:.34s !important}
.hx-status.is-cooling{color:#3de8ff !important;border-color:rgba(61,232,255,.55) !important;box-shadow:0 0 14px rgba(61,232,255,.22)}
.hx-status.is-cooling .a-blink{background:#3de8ff !important;box-shadow:0 0 10px #3de8ff !important}
@keyframes hx-alarm{0%,49%{color:#fff;border-color:#ff2d55;box-shadow:0 0 16px rgba(255,45,85,.6),inset 0 0 10px rgba(255,45,85,.35)}50%,100%{color:rgba(255,255,255,.2);border-color:#b04dff;box-shadow:0 0 16px rgba(176,77,255,.6),inset 0 0 10px rgba(176,77,255,.3)}}
@keyframes hx-flare{0%{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
@keyframes hx-spin{from{rotate:0deg}to{rotate:360deg}}
@keyframes hx-boot{from{opacity:0;scale:.86;transform:rotate(-25deg)}to{opacity:1;scale:1;transform:none}}
@keyframes hx-led{0%,100%{opacity:.22}14%{opacity:1}40%{opacity:.35}}
@keyframes hx-breathe{0%,100%{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}
.hx-dot:nth-of-type(1){animation-delay:0.00s}.hx-dot:nth-of-type(2){animation-delay:0.14s}.hx-dot:nth-of-type(3){animation-delay:0.28s}.hx-dot:nth-of-type(4){animation-delay:0.42s}.hx-dot:nth-of-type(5){animation-delay:0.56s}.hx-dot:nth-of-type(6){animation-delay:0.70s}.hx-dot:nth-of-type(7){animation-delay:0.84s}.hx-dot:nth-of-type(8){animation-delay:0.98s}.hx-dot:nth-of-type(9){animation-delay:1.12s}.hx-dot:nth-of-type(10){animation-delay:1.26s}.hx-dot:nth-of-type(11){animation-delay:1.40s}.hx-dot:nth-of-type(12){animation-delay:1.54s}
.hx-r0{--hx-base:147.78s;--hx-dir:normal}.hx-r1{--hx-base:123.15s;--hx-dir:reverse}.hx-r2{--hx-base:103.45s;--hx-dir:normal}.hx-r3{--hx-base:86.70s;--hx-dir:reverse}.hx-r4{--hx-base:70.94s;--hx-dir:normal}.hx-r5{--hx-base:57.14s;--hx-dir:reverse}.hx-r6{--hx-base:45.32s;--hx-dir:normal}.hx-r7{--hx-base:35.47s;--hx-dir:reverse}
.hx-a0{--hx-base:182.27s;--hx-dir:reverse}.hx-a1{--hx-base:147.78s;--hx-dir:normal}.hx-a2{--hx-base:120.20s;--hx-dir:reverse}.hx-a3{--hx-base:96.55s;--hx-dir:normal}.hx-a4{--hx-base:78.82s;--hx-dir:reverse}.hx-a5{--hx-base:63.05s;--hx-dir:normal}.hx-a6{--hx-base:49.26s;--hx-dir:reverse}.hx-a7{--hx-base:39.41s;--hx-dir:normal}

.hm-shopgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hm-prod{display:flex;flex-direction:column;gap:12px;padding:10px 10px 16px;border-radius:16px;border:1px solid #222b36;background:linear-gradient(180deg,#10151c 0%,#0a0d12 100%);box-shadow:0 24px 50px rgba(0,0,0,.4);color:#e8ecf1;text-decoration:none}
.hm-prodimg{position:relative;display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid #1a212b;background:#0b0f14}
.hm-prodimg img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.hm-prodtxt{display:flex;flex-direction:column;gap:6px;padding:0 6px}
.hm-prodrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:0 6px}
.hm-prodph{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,182,39,.16) 0%,rgba(255,182,39,0) 55%),repeating-linear-gradient(60deg,rgba(61,232,255,.06) 0 1px,transparent 1px 22px),repeating-linear-gradient(-60deg,rgba(61,232,255,.06) 0 1px,transparent 1px 22px),#0b0f14}
.hm-prodimg img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hm-prod:hover .hm-prodimg img{transform:scale(1.04)}
.hm-prodscan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}
.hm-tag{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:6px;font-size:10.5px;letter-spacing:.16em;white-space:nowrap}
.hm-tag-studio{color:#ffcf6e;background:rgba(20,14,2,.86);box-shadow:inset 0 0 0 1px rgba(255,182,39,.35)}
.hm-tag-order{color:#3de8ff;background:rgba(2,14,20,.86);box-shadow:inset 0 0 0 1px rgba(61,232,255,.3)}
.hm-sold{display:none;position:absolute;top:10px;right:10px;padding:4px 9px;border-radius:6px;font-size:10.5px;letter-spacing:.16em;color:#f3f5f8;background:rgba(40,8,8,.88);box-shadow:inset 0 0 0 1px rgba(255,90,90,.45)}
.hm-sold.is-on{display:block}
.hm-prodname{font-size:18px;font-weight:600;line-height:1.25;color:#f3f5f8}
.hm-prodmeta{font-size:11px;letter-spacing:.18em;color:#8d99a8}
.hm-prodprice{font-family:'Chakra Petch',sans-serif;font-weight:700;letter-spacing:.06em;font-size:17px;color:#f3f5f8}
.hm-prodgo{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.18em;color:#8d99a8;white-space:nowrap;transition:color .25s}
.hm-prod:hover .hm-prodgo{color:#ffcf6e}
.hm-shopsec:not(:has(.hm-prod:not(.is-hidden))){display:none !important}
.hm-shopstat{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;color:#7f8b9a}
@media (max-width:1180px){.hm-shopgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.hm-shopgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hm-shopgrid{gap:12px}.hm-prod{padding:8px 8px 12px;gap:10px}.hm-prodtxt,.hm-prodrow{padding:0 4px}.hm-prodname{font-size:15px}.hm-prodmeta{font-size:10px;letter-spacing:.12em}.hm-prodprice{font-size:15px}.hm-prodgo{font-size:0;gap:0}.hm-tag,.hm-sold{font-size:9.5px;padding:3px 7px;top:8px}.hm-tag{left:8px}.hm-sold{right:8px}}

.hm-gh{display:grid;grid-template-columns:96px minmax(0,1fr) auto 118px 112px;gap:22px;align-items:center;padding:20px 24px;border-radius:16px;border:1px solid #222b36;background:linear-gradient(180deg,#10151c 0%,#0a0d12 100%);color:#e8ecf1;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}
.hm-gh:hover{border-color:rgba(255,182,39,.7);box-shadow:0 0 0 1px rgba(255,182,39,.25),0 0 40px rgba(255,182,39,.12);transform:translateX(4px)}
.hm-gh-code{font-family:'Michroma',sans-serif;font-size:14px;color:#ffb627;white-space:nowrap}
.hm-gh-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.hm-gh-name{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:19px;font-weight:600;color:#f3f5f8}
.hm-gh-desc{font-size:14px;line-height:1.55;color:#a6b1bf}
.hm-gh-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.hm-gh-date{font-size:11px;letter-spacing:.2em;color:#7f8b9a;white-space:nowrap;text-align:right}
.hm-gh-go{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:11px;font-weight:600;letter-spacing:.2em;color:#8d99a8;white-space:nowrap;transition:color .25s}
.hm-gh:hover .hm-gh-go{color:#ffcf6e}
.hm-gh-new{padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.18em;color:#1a1000;background:#ffb627;box-shadow:0 0 12px rgba(255,182,39,.5)}
.hm-ghstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hm-ghstat{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;border:1px solid #222b36;background:rgba(10,13,18,.8)}
.hm-ghstat b{font-family:'Michroma',sans-serif;font-weight:400;font-size:22px;color:#f3f5f8}
.hm-ghstat span{font-size:10.5px;letter-spacing:.2em;color:#7f8b9a}
.hm-ghmini{transition:border-color .25s}.hm-ghmini:hover{border-color:rgba(255,182,39,.55) !important}
.sd-specs{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.sd-spec{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid #1c242e}
.sd-spec dt{font-size:11px;letter-spacing:.22em;color:#6f7b8b}
.sd-spec dd{margin:0;font-size:15px;color:#d6dde6}
.sd-spin{animation:sd-spin 240s linear infinite}
@keyframes sd-spin{to{transform:rotate(360deg)}}
@media (max-width:980px){.sd-stage{border-right:0 !important;border-bottom:1px solid #1c242e}}
@media (max-width:1180px){.hm-gh{grid-template-columns:84px minmax(0,1fr) 112px}.hm-gh-tags,.hm-gh-date{display:none}}
@media (max-width:640px){.hm-gh{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 18px}.hm-gh-go{justify-content:flex-start}.hm-gh-name{font-size:17px}.hm-gh:hover{transform:none}.hm-ghstat b{font-size:18px}.hm-ghstat{padding:12px}}

.sd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sd-card{display:flex;flex-direction:column;gap:14px;padding:10px 10px 16px;border-radius:16px;border:1px solid #222b36;background:linear-gradient(180deg,#10151c 0%,#0a0d12 100%);box-shadow:0 24px 50px rgba(0,0,0,.4);color:#e8ecf1;text-decoration:none}
.sd-sigil{position:relative;display:block;height:150px;border-radius:10px;overflow:hidden;border:1px solid #1a212b;background:radial-gradient(ellipse at 50% 40%,#101a24 0%,#06090d 75%)}
.sd-code{position:absolute;left:12px;top:10px;font-family:'Michroma',sans-serif;font-size:13px;color:#ffb627;text-shadow:0 0 12px rgba(255,182,39,.5)}
.sd-body{display:flex;flex-direction:column;gap:8px;padding:0 6px}
.sd-name{font-size:19px;font-weight:600;line-height:1.25;color:#f3f5f8}
.sd-desc{font-size:14px;line-height:1.55;color:#a6b1bf}
.sd-tags{display:flex;flex-wrap:wrap;gap:6px}
.sd-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:0 6px}
.sd-date{font-size:11px;letter-spacing:.2em;color:#7f8b9a}
.sd-card:hover .hm-gh-go{color:#ffcf6e}
@media (max-width:1180px){.sd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sd-grid{grid-template-columns:minmax(0,1fr)}}

.hm-galgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hm-loggrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hm-log{display:flex;flex-direction:column;gap:12px;padding:10px 10px 15px;border-radius:14px;border:1px solid #222b36;background:linear-gradient(180deg,#10151c 0%,#0a0d12 100%);color:#e8ecf1;text-align:left}
.hm-logname{font-size:16px;font-weight:600;line-height:1.3;color:#f3f5f8}
.hm-lognote{font-size:13px;line-height:1.5;color:#8d99a8}
.hm-logyear{font-size:11px;letter-spacing:.2em;color:#7f8b9a}
.hm-galsec:not(:has([data-cat]:not(.is-hidden))){display:none !important}
.hm-modalphoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hm-modalphoto:not([src]){display:none}
@media (max-width:1180px){.hm-galgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-loggrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.hm-loggrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hm-galgrid{grid-template-columns:minmax(0,1fr)}.hm-loggrid{gap:12px}.hm-log{padding:8px 8px 12px}.hm-logname{font-size:14px}}
