:root{color-scheme:dark;--bg:#0b100e;--base:#101714;--panel:#141d19;--panel2:#19231e;--edge:#34423c;--soft:#27332e;--text:#edf1ed;--muted:#a9b5ae;--lime:#c6fa42;--lime-dark:#8caf2a;--amber:#ff9b45;--danger:#ff887a;--font:'Chakra Petch',system-ui,sans-serif;--heading:'Russo One','Chakra Petch',system-ui,sans-serif;--mono:ui-monospace,Consolas,monospace;--width:880px;--pad:12px;--nav:66px;font:500 14px/1.45 var(--font);background:var(--bg);color:var(--text)}
*,*::before,*::after{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 50% -10%,#202b25 0,transparent 60%),var(--bg);min-height:100dvh}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{font-weight:700}h1,h2,h3,.big-number,.brand,.stat strong,.hero-percent,.plan-card b{font-family:var(--heading);font-weight:400}h1{font-size:clamp(29px,8.5vw,52px);line-height:1.03;letter-spacing:-.035em}h2{font-size:20px;line-height:1.15;letter-spacing:-.02em}h3{font-size:15px;line-height:1.2;letter-spacing:-.015em}p{color:var(--muted)}small{font-size:.83em;color:var(--muted)}img{max-width:100%;display:block;object-fit:contain}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.6)}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.ico{width:21px;height:21px;flex:none;vertical-align:middle}.muted{color:var(--muted)}.accent{color:var(--lime)!important}.amber{color:var(--amber)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.grow{flex:1;min-width:0}.push{margin-inline-start:auto}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.boot{min-height:75dvh;display:grid;place-content:center;justify-items:center;gap:16px;font-family:var(--heading);font-size:30px}.boot img{width:72px;height:72px}.boot i{width:40px;height:2px;background:var(--lime);animation:loading 1s ease-in-out infinite alternate}@keyframes loading{to{opacity:.2;transform:scaleX(.3)}}
.topbar{height:55px;position:sticky;top:0;z-index:20;background:#0d1411ee;backdrop-filter:blur(18px);border-bottom:1px solid #37433d}.top-inner{height:100%;max-width:var(--width);margin:auto;position:relative;display:flex;align-items:center;gap:10px;padding-inline:var(--pad)}.brand{display:flex;align-items:center;gap:7px;font-size:27px;letter-spacing:.035em;line-height:1;color:#e8ebe7;text-shadow:0 1px 0 #fff,0 4px 5px #000}.brand-icon{width:34px;height:38px;filter:drop-shadow(0 3px 3px #000)}.top-actions{display:flex;align-items:center;gap:9px;margin-inline-start:auto}.icon-button,.language-button{display:inline-flex;align-items:center;justify-content:center;position:relative;background:transparent;border:0;color:var(--text);min-width:34px;min-height:36px;border-radius:7px}.language-button{min-width:49px;padding:3px 7px;gap:5px;border:1px solid #56645d;font-weight:700}.menu-button{min-width:30px;color:var(--muted)}.header-avatar{width:36px;height:36px;object-fit:cover;border:1px solid #b4bdb5;border-radius:50%;background:#1c241e}.notification-button i{position:absolute;inset-inline-end:4px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #c6fa4266}.language-pop{position:absolute;z-index:30;inset-inline-end:12px;top:calc(100% + 7px);display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px;border:1px solid var(--edge);background:#141d19;box-shadow:0 14px 35px #0009;border-radius:12px}.language-option{border:0;background:none;border-radius:6px;padding:9px 14px;text-align:start}.language-option.selected,.language-option:hover{background:#c6fa421b;color:var(--lime)}
.shell{max-width:var(--width);margin:0 auto;min-height:calc(100dvh - 55px);position:relative;background:#0b100e;overflow:clip;padding-bottom:calc(var(--nav) + 20px + env(safe-area-inset-bottom))}.demo-ribbon{background:#20291b;color:#dbeab9;padding:4px var(--pad);font-size:10px;line-height:1.35;display:flex;gap:7px;align-items:center;border-bottom:1px solid #4d5a36}.demo-ribbon span{width:5px;height:5px;border-radius:100%;background:var(--lime);flex:none}.bottom-nav{max-width:var(--width);position:fixed;z-index:19;bottom:0;left:0;right:0;margin:auto;height:calc(var(--nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #46554a;background:#0e1612f5;backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.nav-item{color:#bfcac2;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px 9px;text-align:center;font-size:12px;line-height:1.12}.nav-item .ico{width:24px;height:24px}.nav-item span{overflow-wrap:anywhere}.nav-item.current{color:var(--lime);font-weight:700}.nav-item.current::after{content:'';position:absolute;bottom:5px;left:22%;right:22%;height:3px;border-radius:2px;background:var(--lime);box-shadow:0 0 9px #c6fa423b}
.stack{display:grid;gap:10px;padding:12px var(--pad)}.stack.inset,.stack .stack.dense{padding:0}.panel.stack.inset{padding:12px}.stack.dense{gap:8px}.panel{background:linear-gradient(138deg,#18221d 0,#111915 77%);border:1px solid var(--edge);border-radius:10px;padding:12px;min-width:0;box-shadow:inset 0 1px 0 #ffffff07}.panel h2,.panel h3{overflow-wrap:anywhere}.panel p{margin-top:4px;overflow-wrap:anywhere}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px}.section-head h2{font-size:17px}.two-col,.stats-grid,.parts-grid,.mission-grid,.command-grid,.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.three,.plan-grid,.patch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-row>*{flex:1 1 auto}.wide{width:100%}.primary,.secondary,.quiet,.tiny{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:7px 11px;border-radius:8px;border:1px solid transparent;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere;transition:filter .15s,background .15s,transform .15s}.primary{background:linear-gradient(110deg,#d1ff58,var(--lime));border-color:#d4ff6f;color:#101608;box-shadow:inset 0 1px 0 #f3ffc087,0 3px 12px #a4dc1113}.secondary{background:#15201a;border-color:#45564c;color:#e5ede7}.quiet{background:transparent;color:var(--lime);min-height:32px;padding:4px 7px}.tiny{padding:2px;min-height:26px;min-width:26px;background:#c6fa4220;color:var(--lime);border-color:#83a337}.tiny .ico{width:16px;height:16px}.compact{min-height:34px;padding:6px 9px;font-size:12px}.primary:hover,.secondary:hover{filter:brightness(1.13)}.primary:active,.secondary:active{transform:translateY(1px)}.danger{color:var(--danger);border-color:#754239}.text-link{display:flex;align-items:center;gap:7px;padding:1px 3px;font-weight:700;color:#c5cfc8}.pill,.class-tag,.online{display:inline-flex;align-items:center;justify-content:center;border:1px solid #566159;background:#222d26;border-radius:5px;padding:2px 6px;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.04em}.pill.green{color:var(--lime);border-color:#637e32;background:#28341b}.online{color:var(--lime);border-color:var(--lime);background:#121b0edf;gap:7px;text-transform:uppercase;padding:5px 9px;font-size:12px;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.online::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #c6fa4277}
.hero{position:relative;isolation:isolate;min-height:188px;display:flex;align-items:flex-end;overflow:hidden;background:#161d18}.hero-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 49%}.hero::before,.tile::before,.plan-card::before,.success-hero::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080d0bed 0%,#0b110e98 34%,transparent 79%),linear-gradient(0deg,var(--bg),transparent 62%)}.hero-content{width:100%;padding:14px var(--pad);position:relative}.hero h1{max-width:82%;color:#f2f3f1;text-shadow:0 2px 0 #363b35,0 4px 9px #000d}.hero-content>p{font-size:14px;margin-top:5px;color:#c9d1cc;max-width:69%;text-shadow:0 2px 5px #000}.accent-line{display:block;width:35px;height:3px;margin-top:8px;background:var(--lime);box-shadow:0 0 10px #b5f8314a}.overview-hero{min-height:309px;align-items:stretch}.overview-hero .hero-content{display:flex;flex-direction:column;padding-top:15px}.overview-hero h1{max-width:235px;font-size:clamp(34px,9.5vw,58px);line-height:1.01}.overview-hero .hero-art{object-position:60% center}.overview-hero::before{background:linear-gradient(90deg,#060b08bd,#080b0833 59%,transparent),linear-gradient(0deg,#0b100e 0%,#0b100e 7%,transparent 49%)}.production{margin-top:auto;padding-top:38px}.big-number{font-size:clamp(30px,10.9vw,60px);letter-spacing:-.045em;line-height:1.1;color:#eff2ef;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px #fff,0 4px 8px #000a}.big-number small{font:700 .27em var(--font);color:#c5cdc7;letter-spacing:.03em}.production .big-number{margin-top:5px}.production>p{font-size:13px;letter-spacing:.035em;margin-bottom:7px}.production .primary{justify-content:center;min-height:39px;font-family:var(--heading);font-size:16px}.production .primary .ico:last-child:not(:first-child){position:absolute;inset-inline-end:22px}.compact-hero{min-height:244px}.compact-hero .accent-line,.compact-hero h1:empty,.compact-hero p:empty{display:none}.short-hero{min-height:171px}.short-hero .hero-content{padding-top:50px}.short-hero h1{font-size:clamp(30px,8vw,49px);max-width:82%}.landing-hero{min-height:420px;align-items:center}.landing-hero h1{font-size:clamp(45px,13vw,86px);max-width:80%;line-height:.94}.landing-hero .action-row{margin-top:14px}.signin-hero{min-height:270px}.signin-hero .hero-art{object-position:55% 40%}.hero-percent{font-size:47px;color:var(--lime);line-height:1.1;margin-top:4px}.page-heading{display:flex;gap:10px;align-items:center;padding:12px var(--pad);background:#111915;border-bottom:1px solid var(--soft)}.page-heading h1{font-size:22px;letter-spacing:0}.page-heading p{font-size:12px;margin-top:3px}.back-link{background:#19231d;border:1px solid var(--edge);width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex:none}.main-stack{padding-top:0}.feature{text-align:center;padding:10px 5px}.feature img,.feature .ico{width:44px;height:44px;margin:0 auto 5px;color:var(--lime)}.feature h3{font-size:12px}.auth-stack{max-width:490px;margin:auto;gap:9px}.auth-stack .primary,.auth-stack .secondary{min-height:48px}.provider-slot{display:flex;justify-content:center;min-height:40px}.provider-mark{font-size:20px}.legal-note{font-size:12px;color:var(--muted);text-align:center}footer{display:flex;justify-content:center;gap:22px;padding:10px 0;color:var(--muted);font-size:12px}footer a:hover{color:var(--lime)}
.stat{background:linear-gradient(140deg,#18221e,#111813);border:1px solid var(--edge);border-radius:8px;display:flex;align-items:center;gap:9px;padding:9px 8px;min-height:52px;min-width:0}.stat>.ico{width:23px;height:23px;color:#d7dfd9}.stat>div{border-inline-start:1px solid #5d6c61;padding-inline-start:9px;min-width:0;flex:1}.stat span{display:block;color:#bac5be;font-size:11px;line-height:1.2}.stat strong{display:block;font-size:clamp(14px,4.3vw,22px);line-height:1.15;margin-top:2px;overflow-wrap:anywhere}.stat strong small{font:700 9px var(--font);color:#b5c0b7;white-space:nowrap}.three .stat{gap:5px;padding:7px 5px}.three .stat>.ico{width:16px;height:16px}.three .stat>div{padding-inline-start:5px}.three .stat strong{font-size:clamp(11px,3.7vw,17px)}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;min-width:0}.detail-row+.detail-row{border-top:1px solid #ffffff0d}.detail-row>span{color:var(--muted);min-width:0;overflow-wrap:anywhere}.detail-row>strong{text-align:end;min-width:0;overflow-wrap:anywhere}.detail-row.emphasis strong{color:var(--lime)}.progress{height:7px;border-radius:10px;background:#3b473e;overflow:hidden;margin-top:8px}.progress>i{height:100%;display:block;background:linear-gradient(90deg,#b7ea33,var(--lime));border-radius:10px;box-shadow:0 0 10px #b5eb3855}.level-card,.league-row,.crew-row,.ledger-row{display:flex;align-items:center;gap:10px}.level-card{padding:8px 10px}.level-card h3{text-transform:uppercase}.level-card p,.league-row p{font-size:12px}.level-card .mono{font-size:11px;display:block;margin-top:3px}.badge{width:63px;height:63px;flex:none;position:relative;display:grid;place-items:center;isolation:isolate}.badge img{width:100%;height:100%;object-fit:contain;position:absolute;z-index:-1;filter:drop-shadow(0 3px 3px #0009)}.badge strong{background:#1b201d;border-radius:5px;padding:0 4px;color:#f3f5f2;line-height:1.15;font-size:20px;font-family:var(--heading);text-shadow:0 2px 2px #000}.league-row h3,.league-row h2{text-transform:capitalize}.league-row .badge{width:53px;height:53px}.tile{position:relative;isolation:isolate;overflow:hidden;min-height:111px;background:#171f19;border:1px solid var(--edge);border-radius:10px;display:flex;align-items:stretch;padding:10px}.tile-bg,.tile-object{position:absolute;z-index:-2;width:100%;height:100%;inset:0;object-fit:cover;object-position:55% 55%}.tile-object{width:70%;height:110%;inset-inline-start:auto;inset-inline-end:-8%;top:-5%;object-fit:contain}.tile::before{background:linear-gradient(90deg,#0b110eee,#0b110e90 50%,transparent)}.tile>div{max-width:70%;display:flex;flex-direction:column;align-items:flex-start}.tile h3{font-size:19px;text-transform:uppercase;line-height:1.05}.tile p{font-size:11px;line-height:1.25;margin-top:5px;color:#c1c9c4}.tile .ico{margin-top:auto;color:var(--lime);width:16px;height:16px}.daily-strip{display:flex;align-items:center;gap:9px;padding:8px 10px;min-width:0}.daily-strip strong{min-width:0;overflow-wrap:anywhere}.daily-strip .primary,.daily-strip .secondary{margin-inline-start:auto;flex:none;max-width:50%}.daily-strip .ico{color:#e0e8e0}.daily-strip .primary .ico{color:inherit}.note{display:flex;align-items:flex-start;gap:8px;border:1px solid #40533a;background:#1a251b;border-radius:8px;padding:8px 9px;color:#c6d3c6;font-size:12px;line-height:1.35}.note .ico{width:17px;height:17px;color:var(--lime)}.empty{padding:25px 14px;text-align:center;border:1px dashed #37463b;border-radius:10px;color:var(--muted);display:grid;justify-items:center;gap:8px}.empty .ico{width:29px;height:29px;color:var(--lime-dark)}
.tabs{display:flex;align-items:stretch;gap:4px;overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#617044 transparent;padding:3px;background:#111915;border:1px solid #293930;border-radius:8px}.tab{background:transparent;color:#bac5bd;border:1px solid transparent;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;flex:1 0 auto;padding:7px 8px;min-height:32px;font-size:12px;font-weight:700;line-height:1.1;text-transform:capitalize;white-space:nowrap}.tab.selected{color:#101608;background:var(--lime);border-color:#dbff79}.tab:hover:not(.selected){background:#27362a;color:#edf2ea}.deck-list{display:grid;gap:8px}.deck{position:relative;display:flex;gap:8px;padding:8px;min-height:76px;overflow:hidden}.deck-art{width:25%;align-self:center;filter:drop-shadow(0 5px 7px #0008)}.deck-content{flex:1;min-width:0}.deck.locked .deck-art{opacity:.4;filter:grayscale(.65)}.deck h3{font-size:16px}.deck p{font-size:11px}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:5px 0 8px}.slot-grid>div{background:#0b120e99;border:1px solid #36443a;border-radius:6px;display:flex;flex-direction:column;align-items:center;padding:3px 2px;gap:2px}.slot-grid img{width:39px;height:35px}.slot-grid small{font:600 10px var(--mono)}.slot-grid .ico{color:var(--lime);width:17px;height:17px}.crate-row{display:grid;grid-template-columns:66px minmax(0,1fr) minmax(75px,auto);gap:8px;align-items:center;padding:7px}.crate-image{display:block;border-radius:6px;overflow:hidden;background:radial-gradient(#5b641b44,transparent 70%)}.crate-image img{width:100%;aspect-ratio:1;object-fit:contain}.crate-row h3{font-size:13px;text-transform:uppercase}.crate-row p,.crate-row small{font-size:11px;line-height:1.25}.crate-cta{text-align:end;display:grid;justify-items:stretch;gap:2px}.crate-cta strong{font-family:var(--heading);font-size:12px}.crate-cta .quiet{font-size:10px;min-height:19px;padding:0}.crate-cta .primary{font-size:11px;min-height:28px}.crate-small{border-color:#495635}.crate-big,.crate-power_pack{border-color:#705436}.crate-quantum{border-color:#b47743}.object-hero{margin:9px var(--pad) 0;display:flex;align-items:center;gap:10px;min-height:135px;background:radial-gradient(ellipse at 28% 56%,#333f22,#131b16 64%)}.object-hero>img{width:46%;height:123px;object-fit:contain}.object-hero h1{font-size:26px}.object-hero .pill{margin-top:7px}.part{--class:#8e9c91;display:grid;grid-template-rows:auto auto auto;position:relative;border:1px solid color-mix(in srgb,var(--class) 48%,#29342d);border-radius:8px;padding:7px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--class) 14%,#152019),#111914 75%);min-width:0;overflow:hidden}.class-2{--class:#b3d766}.class-3{--class:#64c6e0}.class-4{--class:#bda3ff}.class-5{--class:#ffc36b}.part>img{width:100%;height:91px;object-fit:contain;filter:drop-shadow(0 4px 5px #0009)}.part .class-tag{color:var(--class);background:#0f1a13;justify-self:start;max-width:100%;overflow-wrap:anywhere}.class-tag[class*="class-"]{color:var(--class,#becbc0)}.part strong{font-size:12px;margin-top:3px;overflow-wrap:anywhere}.part small{position:absolute;top:5px;inset-inline-end:5px;background:#0b100edc;border:1px solid #465645;border-radius:4px;padding:1px 4px;color:var(--lime);font-weight:700}.four .part{padding:5px}.four .part img{height:48px}.four .part strong,.four .class-tag{font-size:9px}.synthesis{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:6px;align-items:center}.synthesis>.ico{color:var(--lime);justify-self:center}.synthesis .part>img{height:60px}.opening-stage{min-height:245px;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#62411c,#0d1510 68%);overflow:hidden}.opening-frame{width:100%;height:245px;object-fit:contain;animation:open-frame .6s cubic-bezier(.16,.72,.3,1) both;filter:drop-shadow(0 0 25px #ff9f3555)}.sparks{position:absolute;inset:0;pointer-events:none;background:radial-gradient(2px 2px at 30% 25%,#ffd48b,transparent),radial-gradient(3px 3px at 78% 45%,#ff9a39,transparent),radial-gradient(2px 2px at 57% 70%,#ffd48b,transparent),radial-gradient(2px 2px at 15% 60%,#ffb43d,transparent);animation:spark 1.2s ease-out infinite}.reel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;perspective:400px}.reel .part:not(.revealing){opacity:.55;transform:scale(.9)}.revealing{border-color:var(--lime);box-shadow:0 0 22px #b6f34c45;animation:reveal .44s ease-out both}@keyframes reveal{from{transform:translateY(12px) rotateX(-20deg);opacity:.2}to{transform:none;opacity:1}}@keyframes open-frame{from{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.025)}}@keyframes spark{from{transform:translateY(10px);opacity:.7}to{transform:translateY(-25px);opacity:0}}
.table-panel{padding:3px}.table-panel table{width:100%;border-collapse:collapse;text-align:start;font-variant-numeric:tabular-nums}.table-panel th,.table-panel td{text-align:start;padding:7px 8px;font-size:12px}.table-panel th{color:var(--muted);font-weight:600;font-size:11px}.table-panel td{border-top:1px solid #334038}.table-panel .current{background:#c6fa42;color:#0d1907;font-weight:700}.plan-card{position:relative;min-height:100px;isolation:isolate;border:1px solid var(--edge);border-radius:8px;overflow:hidden;background:#172218;display:flex;align-items:flex-end;padding:8px}.plan-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.plan-card::before{background:linear-gradient(0deg,#0b100efa,#0b100e49)}.plan-card>div{display:grid;gap:1px}.plan-card b{font-size:23px;color:var(--lime);line-height:1.1}.plan-card strong{font-size:12px}.plan-card small{font-size:10px}.stake-banner{position:relative;min-height:77px;display:flex;align-items:center;gap:9px;isolation:isolate;overflow:hidden}.stake-banner strong{font-family:var(--heading);font-size:30px;color:var(--lime)}.stake-banner img{position:absolute;z-index:-1;inset-inline-end:8px;top:-29px;width:140px;height:140px;opacity:.78}.field{display:grid;gap:5px;margin:8px 0;min-width:0;color:#c5cec7;font-weight:600;font-size:12px}.field input,.field select,.field textarea{background:#0e1712;border:1px solid #45564b;border-radius:7px;min-height:42px;padding:8px 10px;width:100%;min-width:0;color:#edf2ee;font-size:14px;box-shadow:inset 0 2px 5px #0003}.field textarea{resize:vertical;min-height:84px}.field input::placeholder,.field textarea::placeholder{color:#94a398}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--lime)}.check-field{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}input[type=checkbox]{accent-color:var(--lime);width:17px;height:17px;flex:none}.mission{position:relative;padding:9px;min-height:121px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.mission img{width:50px;height:50px;position:absolute;inset-inline-end:3px;top:2px;opacity:.53}.mission h3{font-size:12px;max-width:83%;position:relative}.mission>b{font-size:15px}.mission .spread{margin-top:auto}.mission .progress{margin-top:1px}.mission button{margin-top:3px}.calendar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.calendar-cell{position:relative;min-width:0;background:#131d16;border:1px solid var(--edge);border-radius:6px;display:grid;justify-items:center;align-content:center;gap:1px;min-height:64px;padding:4px 2px}.calendar-cell img{width:25px;height:25px}.calendar-cell small{font-size:10px}.calendar-cell strong{font-family:var(--heading);font-size:12px}.calendar-cell.done{border-color:#617b36;background:#1b2a17}.calendar-cell.current{border-color:var(--lime);box-shadow:0 0 12px #c6fa4229}.calendar-cell .ico{position:absolute;width:12px;height:12px;top:4px;inset-inline-end:3px;color:var(--lime)}
.address-field{padding:9px;margin:8px 0;background:#0c1410;border:1px solid #405045;border-radius:6px;color:#d1dfd2;overflow-wrap:anywhere;font-size:11px}.crew-row img,.ledger-row img{width:40px;height:40px;flex:none;border-radius:7px}.crew-row .pill{max-width:42%}.ledger-row{padding:8px}.ledger-row p{font-size:11px;margin-top:0}.ledger-row strong{font-size:12px}.ledger-row>strong{flex:none;text-align:end}.numbered{display:flex;align-items:flex-start;gap:9px}.numbered>i,.steps i,.timeline i{background:#c6fa4216;color:var(--lime);border:1px solid #749035;border-radius:6px;min-width:28px;height:27px;display:grid;place-items:center;font:400 12px var(--heading);font-style:normal;flex:none}.numbered>div{flex:1;min-width:0}.numbered>p{margin-top:0}.vault-balance .big-number{margin:6px 0 11px;font-size:clamp(28px,9vw,49px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;color:var(--muted);font-size:11px}.steps span{display:flex;align-items:center;gap:5px}.steps i{min-width:23px;height:23px}.timeline{display:grid;gap:10px}.timeline>div{display:flex;align-items:center;gap:8px}.success-hero{isolation:isolate;position:relative;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;gap:7px}.success-hero h1{font-size:30px}.success-hero .big-number{font-size:36px}.success-check{width:68px;height:68px;border:2px solid var(--lime);border-radius:18px;background:#10180d;display:grid;place-items:center;color:var(--lime);box-shadow:0 0 30px #c6fa424d;margin-bottom:5px}.success-check .ico{width:36px;height:36px}.profile-hero{margin:12px var(--pad) 0;display:flex;align-items:center;gap:10px;min-height:123px;background:radial-gradient(at 0% 30%,#433c24,#18231c 67%)}.profile-hero>img{width:27%;height:97px;object-fit:cover;border-radius:8px}.profile-hero h1{font-size:clamp(17px,5vw,30px);margin-top:6px;overflow-wrap:anywhere}.profile-hero .badge{margin-inline-start:auto;width:55px;height:55px}.patch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.patch{display:grid;justify-items:center;gap:4px;border:1px solid #39463c;border-radius:8px;padding:8px;background:#111915;opacity:.58}.patch.earned{opacity:1;border-color:#677a38}.patch img,.patch-grid>img{height:54px;max-width:100%;margin:auto}.patch small{font-size:10px;text-align:center}.command-tile{display:flex;align-items:center;gap:7px;min-height:54px;border:1px solid var(--edge);background:linear-gradient(135deg,#1c281f,#111915);border-radius:8px;padding:7px;min-width:0}.command-tile img{width:33px;height:33px;flex:none}.command-tile strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.command-tile .ico{width:13px;height:13px;color:var(--lime)}.command-tile:hover{border-color:var(--lime-dark)}.search-field{position:relative;margin:0}.search-field>.ico{position:absolute;inset-inline-start:10px;top:10px;color:var(--muted)}.search-field input{padding-inline-start:36px}.faq summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700}.faq summary img{width:29px;height:29px}summary{cursor:pointer}blockquote{border-inline-start:2px solid var(--lime);padding-inline-start:9px;margin:8px 0 0;color:#c4d0c4;white-space:pre-wrap;overflow-wrap:anywhere}.admin-pin{margin:12px var(--pad);max-width:440px}.modal{width:min(calc(100vw - 26px),470px);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #6b8051;border-radius:13px;background:linear-gradient(140deg,#233126,#111914);color:var(--text);padding:14px;box-shadow:0 12px 50px #000b}.modal::backdrop{background:#040806c9;backdrop-filter:blur(4px)}.modal .dialog-actions{margin-top:12px}.modal>div:first-child{margin-bottom:8px}.modal .icon-button{flex:none}.toast{position:fixed;z-index:100;bottom:calc(var(--nav) + 12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(calc(100% - 28px),460px);width:max-content;padding:9px 15px;border:1px solid #7b9843;background:#25321f;color:#edf6df;border-radius:8px;box-shadow:0 7px 30px #0009;font-weight:700;font-size:13px;text-align:center}.toast.error{border-color:#ad6252;background:#382320;color:#ffd4cb}
html[dir=rtl]{--font:system-ui,sans-serif;--heading:system-ui,sans-serif}html[dir=rtl] .ico:has(path[d="m9 5 7 7-7 7"]),html[dir=rtl] .back-link .ico{transform:scaleX(-1)}html[dir=rtl] .hero::before{background:linear-gradient(270deg,#080d0be8,#0b110e6b 60%,transparent),linear-gradient(0deg,var(--bg),transparent 60%)}html[dir=rtl] .big-number,html[dir=rtl] .address-field{direction:ltr;unicode-bidi:isolate}html[dir=rtl] h1{letter-spacing:0}
@media(max-width:349px){:root{--pad:8px}.top-inner{gap:5px}.top-actions{gap:3px}.brand{font-size:22px}.brand-icon{width:28px}.stat{gap:5px}.stat>div{padding-inline-start:5px}.stat>.ico{width:17px}.crate-row{grid-template-columns:51px minmax(0,1fr) 72px;gap:5px}.tile h3{font-size:16px}.tile p{font-size:10px}.hero h1{font-size:29px}.overview-hero h1{font-size:33px}.four .part .class-tag{font-size:8px}.big-number{font-size:34px}}
@media(min-width:620px){:root{--pad:22px;--nav:72px;font-size:15px}.topbar{height:63px}.top-inner{gap:15px}.shell{border-inline:1px solid #28362c}.hero{min-height:250px}.short-hero{min-height:225px}.overview-hero{min-height:430px}.overview-hero h1{max-width:425px}.hero-content{padding-bottom:18px}.hero-content>p{font-size:16px}.landing-hero{min-height:495px}.signin-hero{min-height:332px}.stack{gap:13px}.panel{padding:14px}.stat{min-height:62px;padding:12px}.stat span{font-size:13px}.stat strong small{font-size:12px}.tile{min-height:154px;padding:13px}.tile h3{font-size:25px}.tile p{font-size:13px}.crate-row{grid-template-columns:105px minmax(0,1fr) 132px;padding:9px 14px;gap:14px}.crate-row h3{font-size:17px}.crate-row p,.crate-row small{font-size:13px}.crate-cta strong{font-size:15px}.crate-cta .primary{font-size:13px}.parts-grid:not(.four):not(.three){grid-template-columns:repeat(4,minmax(0,1fr))}.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-art{width:19%}.deck-list{grid-template-columns:repeat(2,minmax(0,1fr))}.part img{height:105px}.four .part img{height:87px}.four .part strong,.four .class-tag{font-size:11px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.primary,.secondary{min-height:45px}.compact{min-height:34px}.command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.opening-stage,.opening-frame{height:320px}.nav-item{font-size:13px}.route-overview .main-stack{padding-top:2px}.object-hero{min-height:167px}.object-hero>img{height:155px}.profile-hero>img{width:130px;height:125px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.brand-wordmark{width:134px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 4px #000b)}
@media(max-width:349px){.brand-wordmark{width:113px}}

/* Section artwork and return links */
.illustrated-hero {
  min-height: 194px;
  background: #0a100e;
}
.illustrated-hero .hero-content {
  display: grid;
  justify-items: start;
  gap: 7px;
  padding-block: 18px 20px;
}
.illustrated-hero .hero-art { object-position: 61% 54%; }
.illustrated-hero::before {
  background: linear-gradient(90deg, #080d0cf0, #080d0c80 44%, transparent 76%),
    linear-gradient(0deg, var(--bg), transparent 29%);
}
.illustrated-hero h1 { max-width: 76%; }
.illustrated-hero .hero-content > p { max-width: 62%; margin-top: 0; }
.illustrated-hero .accent-line { margin-top: 2px; }
.hero-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  margin-bottom: 5px;
  color: #dce5df;
  font-size: 12px;
  font-weight: 600;
}
.hero-back:hover { color: var(--lime); }
.hero-back .ico { width: 16px; height: 16px; }
.support-hero h1 { max-width: 65%; }
.control-hero .hero-art { object-position: 68% 58%; }

/* Market */
.market-body { padding-top: 0; }
.market-tabs .tab { gap: 7px; flex: 1 1 0; min-height: 38px; }
.market-tabs .ico { width: 16px; height: 16px; }
.market-form, .swap-details, .swap-footer { display: grid; gap: 10px; min-width: 0; }
.swap-panel { align-content: start; }
.swap-label { color: #dce5df; font-weight: 700; margin-bottom: 7px; }
.swap-label small { text-align: end; }
.swap-label small b { color: var(--text); white-space: nowrap; }
.asset-amount {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 53px;
  padding: 5px 9px;
  border: 1px solid #52665b;
  border-radius: 8px;
  background: #0b1511;
}
.asset-amount:focus-within { border-color: var(--lime); box-shadow: 0 0 0 2px #c6fa4222; }
.asset-amount input, .asset-amount output {
  font: 400 clamp(16px, 4.6vw, 24px)/1.2 var(--heading);
  font-variant-numeric: tabular-nums;
  min-width: 0;
  flex: 1;
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}
.asset-amount input { width: 100%; padding: 0; background: transparent; border: 0; }
.asset-amount input:focus-visible { outline: none; }
.asset-amount output { overflow-wrap: anywhere; }
.asset-symbol { color: #cbd7cf; font-size: 12px; font-weight: 700; }
.solana-mark, .swap-token { width: 33px; height: 33px; flex: none; }
.solana-mark {
  display: grid;
  place-content: center;
  gap: 3px;
  border: 1px solid #43574c;
  border-radius: 50%;
  background: #121918;
}
.solana-mark i { width: 15px; height: 3px; transform: skew(-32deg); background: linear-gradient(90deg,#8c62f2,#30e6bd); }
.solana-mark i:nth-child(2) { transform: skew(32deg); }
.solana-mark i:last-child { background: linear-gradient(90deg,#aa56ef,#6e84fa); }
.swap-direction { display: flex; align-items: center; gap: 8px; color: var(--lime); margin: 6px 0; }
.swap-direction::before, .swap-direction::after { content: ''; height: 1px; flex: 1; background: #37483e; }
.swap-direction .ico { width: 20px; height: 20px; transform: rotate(90deg); }
.swap-receive { background: linear-gradient(95deg,#283322,#0e1814 48%); }
.swap-presets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 8px; }
.quote-status { color: #b8c7bb; min-height: 1.4em; margin-top: 7px; font-size: 12px; }
.quote-plate {
  display: grid;
  grid-template-columns: 40px minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  background: linear-gradient(120deg, #3a392d, #1c2722 47%, #19201b);
  border-color: #5b5e48;
  box-shadow: inset 0 1px 0 #fff2, inset 0 -2px #ff9b4529;
}
.quote-plate-art { width: 40px; height: 40px; }
.quote-plate > div { display: grid; gap: 2px; min-width: 0; }
.quote-plate > div:last-child { border-inline-start: 1px solid #576358; padding-inline-start: 8px; }
.quote-plate strong { color: #f1f4ee; overflow-wrap: anywhere; }
.quote-plate small { color: #c4cdc3; line-height: 1.2; }
.quote-breakdown .detail-row:last-child { font-size: 15px; }
.purchase-cta { min-height: 48px; font-size: 15px; }

/* Help and control room */
.support-body .faq-grid { align-items: start; }
.support-body .faq { padding: 0; overflow: hidden; }
.support-body .faq summary { display: flex; justify-content: space-between; gap: 5px; min-height: 84px; padding: 10px; }
.faq summary::-webkit-details-marker, .support-ticket summary::-webkit-details-marker { display: none; }
.faq summary > div { display: grid; gap: 7px; min-width: 0; }
.faq summary span { display: inline-flex; align-items: center; gap: 2px; color: var(--lime); font-size: 11px; }
.faq summary span .ico { width: 12px; height: 12px; }
.faq summary .faq-art { width: 45px; height: 45px; flex: none; filter: drop-shadow(0 5px 9px #0009); }
.support-body .faq[open] { border-color: #728345; }
.support-body .faq[open] .ico { transform: rotate(90deg); }
.support-body .faq p { padding: 0 10px 10px; font-size: 13px; }
.support-ticket summary, .quiet-state, .admin-pin-heading { display: flex; align-items: center; gap: 9px; }
.support-ticket summary img, .quiet-state img, .admin-pin-heading img { width: 37px; height: 37px; flex: none; }
.support-ticket summary strong { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.support-ticket p, .support-ticket blockquote { white-space: pre-wrap; }
.quiet-state p { margin: 0; }
.support-form h2 { margin-bottom: 12px; }
.admin-body .stats-grid .stat { border-top-color: #70874a; }
.admin-pin.panel { width: min(calc(100% - 2 * var(--pad)), 440px); margin-inline: auto; }
.route-support .note { border-inline-start: 3px solid var(--lime); }

/* Vault and earn shortcuts */
.vault-balance {
  background: radial-gradient(ellipse at 18% 5%, #323d26, transparent 66%),
    linear-gradient(138deg,#18221d,#111915 77%);
  border-top-color: #70874a;
}
.vault-balance h2, .vault-wallet h2 { font-size: 14px; }
.vault-amount { display: flex; align-items: center; gap: 8px; margin: 2px 0 7px; }
.vault-amount img { width: 40px; height: 40px; flex: none; }
.vault-amount .big-number { white-space: normal; overflow-wrap: anywhere; }
.vault-wallet .stats-grid { margin: 10px 0; }
.vault-wallet .stat { background: #0e1814; }
.wallet-controls { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.vault-shortcuts .command-tile { min-height: 62px; border-color: #596b43; }
.vault-shortcuts .command-tile img { width: 40px; height: 40px; }
.earn-grid .tile {
  min-height: 138px;
  background: radial-gradient(ellipse at 85% 83%, #333f27, #141d18 63%);
}
.earn-grid .tile-object { width: 58%; height: 64%; inset-block-start: auto; inset-block-end: 0; inset-inline-end: -1%; }
.earn-grid .tile::before { background: linear-gradient(0deg, #0b100e82, transparent 55%); }
.earn-grid .tile h3 { overflow-wrap: anywhere; }

/* Shared feedback and narrow screens */
.bottom-nav .nav-item:hover { color: var(--lime); background: #c6fa4208; }
.panel a:focus-visible, .panel button:focus-visible { outline-offset: 2px; }
html[dir=rtl] .hero-back .ico { transform: scaleX(-1); }
html[dir=rtl] .illustrated-hero .hero-art { inset-inline-start: 22%; inset-inline-end: auto; }
html[dir=rtl] .illustrated-hero::before {
  background: linear-gradient(270deg,#080d0cf0,#080d0c80 44%,transparent 76%),linear-gradient(0deg,var(--bg),transparent 29%);
}
@media (max-width: 619px) {
  .swap-footer {
    position: sticky;
    bottom: calc(var(--nav) + env(safe-area-inset-bottom));
    z-index: 2;
    padding-block: 6px;
    background: var(--bg);
  }
}
@media (min-width: 620px) {
  .illustrated-hero { min-height: 234px; }
  .illustrated-hero .hero-art { width: 78%; inset-inline-start: auto; }
  html[dir=rtl] .illustrated-hero .hero-art { inset-inline-start: 24%; }
  .illustrated-hero .hero-content { padding-bottom: 24px; }
  .market-form { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 13px; align-items: start; }
  .swap-footer { grid-column: 1 / -1; }
  .support-body .faq summary { min-height: 105px; padding: 12px 15px; }
  .faq summary .faq-art { width: 64px; height: 64px; }
}

.route-landing {
  --home-accent: #c6fa42;
  --home-edge: #2d3d31;
  --home-inset: clamp(15px, 4vw, 54px);
  max-width: 1320px;
  padding-bottom: 0;
  background: #090f0c;
}
.route-landing:has(~ .bottom-nav) { padding-bottom: var(--nav); }
.home-topbar .top-inner { max-width: 1320px; }
.home-header-nav { display: none; }
.header-market {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #c6fa4210;
  border: 1px solid #c6fa4244;
  color: var(--lime);
  font-weight: 700;
}
.header-market .ico { width: 17px; height: 17px; }
.header-market:hover { background: #c6fa4220; }
.home-hero {
  isolation: isolate;
  position: relative;
  min-height: clamp(490px, 54vw, 670px);
  overflow: hidden;
  display: grid;
  align-items: center;
  background: #101710;
  border-bottom: 1px solid #718c314d;
}
.home-hero-picture, .home-hero-shade, .home-sparks { position: absolute; inset: 0; pointer-events: none; }
.home-hero-picture { z-index: -3; }
.home-hero-image { width: 100%; height: 100%; object-fit: cover; object-position: 63% center; }
.home-hero-shade {
  z-index: -2;
  background: linear-gradient(90deg, #090f0dfa, #090f0dde 26%, #090f0d40 63%, transparent 100%),
    linear-gradient(0deg, #090f0c, transparent 28%);
}
.home-hero-copy {
  padding: 52px var(--home-inset) 66px;
  width: min(100%, 800px);
  animation: home-enter .6s ease-out both;
}
.home-eyebrow, .home-machine-tag, .home-kicker {
  font: 700 11px/1.4 var(--mono);
  letter-spacing: .10em;
  color: #d0e9a4;
  text-transform: uppercase;
}
.home-eyebrow, .home-machine-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #75894a73;
  border-radius: 5px;
  padding: 7px 10px;
  background: #10190de3;
}
.home-eyebrow i, .home-machine-tag i {
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 50%;
  background: var(--home-accent);
  box-shadow: 0 0 12px #c6fa4299;
}
.home-hero h1 {
  margin-top: 16px;
  color: #f2f4ec;
  font-size: clamp(44px, 7vw, 100px);
  letter-spacing: -.047em;
  line-height: .98;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  text-shadow: 0 6px 35px #000b;
}
.home-hero h1 em { color: var(--home-accent); font-style: normal; }
.home-hero-copy > p { margin-top: 16px; max-width: 52ch; color: #ccd6cd; font-size: clamp(15px, 1.65vw, 20px); }
.home-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 21px; }
.home-actions a { min-height: 47px; padding-inline: 17px; }
.home-actions .secondary { background: #121d16cc; }
.home-token-status { display: inline-flex; align-items: center; gap: 7px; color: #c5d1c3; font-size: 12px; margin-top: 15px; }
.home-token-status .ico { color: var(--home-accent); width: 15px; height: 15px; }
.home-token-status:hover { color: var(--home-accent); }
.home-machine-tag { position: absolute; inset-inline-end: var(--home-inset); bottom: 28px; }
.home-sparks { z-index: -1; }
.home-sparks i {
  position: absolute;
  inset-inline-start: var(--x, 74%);
  bottom: var(--y, 12%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ffad5d;
  box-shadow: 0 0 9px #ff8a36;
  animation: home-spark var(--d, 7s) ease-out infinite var(--delay, 0s);
}
.home-sparks i:nth-child(2) { --x: 61%; --y: 21%; --delay: -2s; }
.home-sparks i:nth-child(3) { --x: 84%; --y: 16%; --delay: -4s; --d: 9s; }
.home-sparks i:nth-child(4) { --x: 95%; --y: 28%; --delay: -5s; }
.home-sparks i:nth-child(5) { --x: 66%; --y: 9%; --delay: -1s; --d: 8s; }
.home-sparks i:nth-child(6) { --x: 89%; --y: 33%; --delay: -6s; }
@keyframes home-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes home-spark { 0%, 100% { opacity: 0; } 24% { opacity: .86; } to { transform: translate(26px, -105px); } }

.home-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-inline: var(--home-inset);
  border: 1px solid var(--home-edge);
  border-top: 0;
  border-radius: 0 0 14px 14px;
  background: linear-gradient(112deg, #1b281c, #121b16 73%);
}
.home-stats > div { min-width: 0; display: grid; place-items: center; gap: 3px; padding: 14px 7px; text-align: center; }
.home-stats > div + div { border-inline-start: 1px solid var(--home-edge); }
.home-stats strong { font: 400 clamp(21px, 4.4vw, 44px)/1 var(--heading); color: var(--home-accent); }
.home-stats span { color: #c2cec4; font-size: clamp(10px, 1.4vw, 14px); overflow-wrap: anywhere; }
.home-section { padding: clamp(28px, 5vw, 64px) var(--home-inset) 0; scroll-margin-top: 80px; }
.home-section-heading { max-width: 56ch; margin-bottom: clamp(13px, 2vw, 23px); }
.home-section-heading h2, .home-market h2 { font-size: clamp(25px, 3.8vw, 46px); margin-top: 7px; line-height: 1.04; overflow-wrap: anywhere; }
.home-section-heading p, .home-market p { color: #b4c3b8; margin-top: 9px; }
.home-features, .home-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(8px, 1.6vw, 18px); }
.home-feature, .home-steps li { min-width: 0; overflow: hidden; border: 1px solid var(--home-edge); border-radius: 13px; background: linear-gradient(145deg, #18231c, #101914); }
.home-feature { transition: border-color .2s ease, transform .2s ease; }
.home-feature:hover { transform: translateY(-3px); border-color: #799544; }
.home-feature-media { position: relative; isolation: isolate; height: clamp(115px, 17vw, 224px); overflow: hidden; }
.home-scene { width: 100%; height: 100%; object-fit: cover; opacity: .77; }
.home-feature-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #121c16, transparent 62%); z-index: 1; }
.home-object {
  position: absolute;
  z-index: 2;
  inset-inline-end: 3%;
  bottom: 5%;
  width: 48%;
  height: 86%;
  filter: drop-shadow(0 8px 12px #000b);
  transition: transform .3s ease;
}
.home-feature:hover .home-object { transform: translateY(-5px) scale(1.05); }
.home-feature-copy { padding: clamp(11px, 2vw, 20px); display: grid; gap: 7px; }
.home-feature h3, .home-steps h3 { font-size: clamp(16px, 2vw, 24px); overflow-wrap: anywhere; }
.home-feature p, .home-steps p { font-size: clamp(13px, 1.35vw, 15px); }
.home-feature-link { display: inline-flex; align-items: center; gap: 5px; color: var(--home-accent); font-weight: 700; margin-top: 3px; }
.home-feature-link .ico { width: 14px; height: 14px; }
.home-steps { list-style: none; margin: 0; padding: 0; }
.home-steps li { position: relative; display: grid; gap: 8px; padding: clamp(13px, 2.2vw, 24px); }
.home-steps img { width: 44px; height: 44px; }
.home-step-number { position: absolute; inset-inline-end: 14px; top: 12px; color: #c6fa42a8; font: 700 12px/1.3 var(--mono); }
.home-market {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: 215px;
  margin: clamp(26px, 5vw, 60px) var(--home-inset) 0;
  border: 1px solid #56523c;
  border-radius: 13px;
  background: #111914;
}
.home-market-image { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; object-fit: cover; object-position: 63% 54%; }
.home-market::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #090f0df5, #090f0dcf 40%, transparent 88%); }
.home-market-copy { padding: clamp(15px, 3vw, 31px); max-width: 60%; }
.home-market-copy .secondary { margin-top: 12px; border-color: #84934c; }
.home-faq details { margin: 0 0 8px; padding: 0 13px; border: 1px solid var(--home-edge); border-radius: 8px; background: #111b15; }
.home-faq summary { min-height: 47px; padding-block: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: 700; }
.home-faq summary::-webkit-details-marker { display: none; }
.home-faq summary .ico { width: 15px; height: 15px; color: var(--home-accent); }
.home-faq details[open] summary .ico { transform: rotate(90deg); }
.home-faq details p { padding-bottom: 12px; }
.home-footer { margin: clamp(24px, 4vw, 52px) var(--home-inset) 0; padding: 17px 0; border-top: 1px solid var(--home-edge); display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.home-footer-logo { width: 119px; height: 41px; }
.home-footer nav { display: flex; flex-wrap: wrap; gap: 10px 15px; }
.market-status-body { margin-top: 1px; }
.market-status-card { display: grid; grid-template-columns: minmax(55px, 104px) 1fr; align-items: center; gap: 12px; min-height: 126px; border-top-color: #6f8a3f; }
.market-status-token { width: 100%; aspect-ratio: 1; filter: drop-shadow(0 6px 12px #0009); }
.market-status-card h2 { margin-top: 4px; }

html[dir=rtl] .home-hero-shade { background: linear-gradient(270deg,#090f0dfa,#090f0dc9 31%,#090f0d40 65%,transparent),linear-gradient(0deg,#090f0c,transparent 28%); }
html[dir=rtl] .home-market::before { background: linear-gradient(270deg,#090f0dfa,#090f0dc9 45%,transparent); }
@media (min-width: 840px) {
  .home-header-nav { display: flex; gap: clamp(9px, 1.7vw, 26px); margin-inline-start: clamp(10px, 2.5vw, 40px); font-weight: 700; }
  .home-header-nav a:hover { color: var(--lime); }
}
@media (max-width: 640px) {
  .home-hero { min-height: 500px; align-items: end; }
  .home-hero-picture { bottom: auto; height: 320px; }
  .home-hero-image { object-position: center 41%; }
  .home-hero-shade, html[dir=rtl] .home-hero-shade { background: linear-gradient(0deg,#090f0c 5%,#090f0c 33%,#090f0ce8 48%,#090f0c48 72%,#090f0c24); }
  .home-hero-copy { padding-top: 152px; padding-bottom: 24px; }
  .home-hero h1 { font-size: clamp(36px, 11vw, 58px); }
  .home-machine-tag { display: none; }
  .home-features, .home-steps { grid-template-columns: 1fr; }
  .home-feature { display: grid; grid-template-columns: minmax(94px, 36%) 1fr; }
  .home-feature-media { height: 100%; min-height: 113px; }
  .home-feature-media::after { background: linear-gradient(90deg,transparent 55%,#121c16); }
  .home-object { width: 75%; inset-inline-end: 11%; }
  .home-market-copy { max-width: 73%; }
  .home-market-image { object-position: 72% center; }
  .home-market::before { background: linear-gradient(90deg,#090f0df5,#090f0dd9 43%,#090f0d40); }
  .bottom-nav .nav-item { font-size: clamp(9px, 2.7vw, 12px); }
  .bottom-nav .nav-item .ico { width: 21px; height: 21px; }
}
@media (max-width: 380px) {
  .header-market { font-size: 11px; gap: 3px; padding-inline: 5px; }
  .header-market .ico { width: 13px; height: 13px; }
  .home-topbar .top-actions { gap: 5px; }
  .home-topbar .brand-wordmark { width: 105px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-hero-copy, .home-sparks i { animation: none; }
  .home-sparks { display: none; }
  .home-feature, .home-object { transition: none; }
  .home-feature:hover, .home-feature:hover .home-object { transform: none; }
}