/* COINSLOT #/ — The Machine. Units authored in mockup px (1672 wide) and converted to rem (x1.148/16). No border/outline declarations: frames use the shell .rule-* classes only. */
.hm{position:relative;height:125.9212rem;color:var(--on-dark)}
.hm *{box-sizing:border-box}
.hm-abs{position:absolute}
/* one shell dock, placed under the first screen as drawn (mockup y 842) while this route is mounted */
.page>.dock{position:absolute;top:60.4135rem;left:0;right:0;margin:0 3.2rem 0 3.1rem}

/* HERO BAND */
.hm-hero{left:0;right:0;top:-0.4305rem;height:11.0495rem;background:linear-gradient(180deg,#F45A26 0%,#F66932 38%,#EF834B 100%);overflow:hidden}
.hm-hero::before{content:"";position:absolute;left:-4%;right:-4%;bottom:-2.87rem;height:6.601rem;background:
 radial-gradient(4.305rem 2.1525rem at 6% 55%,rgba(253,238,217,.95),transparent 72%),
 radial-gradient(10.7625rem 3.731rem at 13% 80%,#FCE3C8 0 60%,transparent 62%),
 radial-gradient(10.045rem 3.3005rem at 30% 100%,rgba(252,227,200,.85) 0 55%,transparent 60%),
 radial-gradient(12.915rem 3.5875rem at 72% 100%,rgba(252,227,200,.8) 0 55%,transparent 60%),
 radial-gradient(11.48rem 4.1615rem at 90% 82%,#FCE3C8 0 60%,transparent 62%);pointer-events:none}
.hm-hero::after{content:"";position:absolute;left:-4.305rem;bottom:-2.4395rem;width:21.525rem;height:6.027rem;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,rgba(107,162,150,.75),rgba(150,196,170,.4) 60%,transparent 72%);pointer-events:none}
.hm-hill-r{right:-5.0225rem;bottom:-2.1525rem;width:23.6775rem;height:5.0225rem;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,rgba(107,162,150,.7),rgba(170,210,180,.35) 60%,transparent 72%)}
.hm-title{position:absolute;left:0;right:0;top:1.722rem;margin:0;text-align:center;font:400 4.4485rem/1 var(--font-display);letter-spacing:.07em;color:#FEF6E7;text-shadow:0 0.2152rem 0 rgba(150,40,0,.35)}
.hm-sub{position:absolute;left:0;right:0;top:6.5292rem;margin:0;text-align:center;font:400 1.3489rem/1.2 var(--font-body);color:#FEF6E7;letter-spacing:-.005em}
.hm-slash{position:absolute;top:3.5875rem;width:4.1615rem;height:1.5785rem}
.hm-slash.l{left:27.0497rem}.hm-slash.r{left:88.8265rem}
.hm-art-l{left:10.045rem;top:0.5022rem;width:17.22rem;height:10.4037rem}
.hm-art-r{left:92.1987rem;top:0.5022rem;width:22.6012rem;height:10.4037rem}
.hm-art-l img,.hm-art-r img,.hm-s2art img{width:100%;height:100%;object-fit:contain}

/* MACHINE */
.hm-machine{left:6.9597rem;top:10.4755rem;width:106.0465rem;height:39.8212rem}
.hm-win{position:absolute;left:1.722rem;top:1.722rem;width:72.037rem;height:32.2875rem;border-radius:1.8655rem;background:radial-gradient(ellipse 60% 70% at 50% 45%,#1d4b49,#0a3133 70%,#05272a)}
.hm-face{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0.7175rem 1.0045rem rgba(20,60,58,.28))}
.hm-msvg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hm-slots{position:absolute;left:3.9462rem;top:3.0852rem;width:68.0907rem;height:27.7672rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:13.4172rem 13.4172rem;gap:0.861rem 1.0762rem}
.hm-slot{--c-row:rgba(140,214,206,.38);--r-row:1.148rem;position:relative;display:block;text-align:left;background:linear-gradient(180deg,rgba(28,92,96,.92),rgba(9,52,57,.95));box-shadow:inset 0 0.0717rem 0 rgba(200,255,245,.18),0 0.287rem 0.7175rem rgba(0,20,22,.35);transition:transform var(--t-press) var(--ease-spring),box-shadow .2s var(--ease-mech);color:#FEF6E7;padding:0}
.hm-slot:hover{transform:translateY(-0.1435rem);box-shadow:inset 0 0.0717rem 0 rgba(200,255,245,.25),0 0.574rem 1.148rem rgba(0,20,22,.45)}
.hm-slot.is-on{--c-row:#BFFC3C;box-shadow:0 0 1.148rem rgba(191,252,60,.45),inset 0 0 1.5785rem rgba(191,252,60,.12)}
.hm-slot-name{position:absolute;left:1.7937rem;top:0.6457rem;font:700 1.3632rem/1.2 var(--font-body);letter-spacing:-.005em;white-space:nowrap}
.hm-chev{position:absolute;right:1.2915rem;top:0.861rem;width:1.148rem;height:1.148rem;fill:none;stroke:#FEF6E7;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hm-cyl{position:absolute;left:50%;top:2.3678rem;width:10.7625rem;height:8.036rem;margin-left:-5.3812rem}
.hm-led{--c-chip:#E3B21C;--r-chip:0.861rem;position:absolute;left:50%;bottom:0.574rem;width:15.1392rem;height:2.4395rem;margin-left:-7.5696rem;display:flex;align-items:center;gap:0.7175rem;padding-left:1.722rem;background:linear-gradient(180deg,#0b1c16,#02120f);box-shadow:0 0 0.6457rem rgba(227,178,28,.35),inset 0 0 0.574rem rgba(0,0,0,.6)}
.hm-dot{width:0.7892rem;height:0.7892rem;border-radius:50%;background:#7CFC3C;box-shadow:0 0 0.5022rem #9dfc3c;flex:none}
.hm-led b{font:700 1.2556rem/1 var(--font-num);color:#E9FF63;letter-spacing:.02em;white-space:nowrap}
.hm-lcd{position:absolute;left:75.768rem;top:2.3678rem;width:27.7672rem;height:17.5787rem;border-radius:0.861rem;background:linear-gradient(180deg,#022a2d,#011d20);padding:0.9327rem 1.2915rem 0 1.722rem;overflow:hidden;box-shadow:inset 0 0 1.2915rem rgba(0,0,0,.55)}
.hm-log{list-style:none;margin:0;padding:0;font:500 1.0332rem/1.5785rem var(--font-num);color:#EAF6EE;min-height:4.7355rem}
.hm-log li{display:flex;align-items:center;gap:0.9327rem;white-space:nowrap;overflow:hidden}
.hm-ok{width:1.2197rem;height:1.2197rem;flex:none}
.hm-log .dim{color:#9FD6CB}
.hm-receipt{position:absolute;right:1.148rem;top:1.0045rem;width:10.7625rem;font:400 0.7534rem/1.0045rem var(--font-num);color:#BFFC3C;text-align:right;opacity:0;transform:translateY(-0.4305rem);transition:opacity .25s var(--ease-mech),transform var(--t-drop) var(--ease-spring)}
.hm-receipt[data-open="true"]{opacity:1;transform:none}
.hm-sep{height:max(1px,0.0717rem);background:rgba(160,214,203,.45);margin:0.5022rem 0 0.4305rem -0.4305rem;width:24.7537rem}
.hm-json{margin:0;height:7.175rem;overflow:hidden;font:400 0.904rem/0.983rem var(--font-num);color:#EAF6EE;white-space:pre}
.hm-copy{--c-row:#4FA9A2;--r-row:0.6457rem;position:absolute;left:1.2197rem;top:14.4935rem;width:25.4712rem;height:2.1525rem;display:flex;align-items:center;justify-content:center;gap:0.861rem;background:linear-gradient(180deg,#0d4a50,#06363b);font:700 1.1767rem/1 var(--font-body);color:#EAF6EE}
.hm-copy svg{width:1.2915rem;height:1.2915rem;fill:none;stroke:currentColor;stroke-width:2}
.hm-coin{position:absolute;left:75.9115rem;top:21.3815rem;width:11.6235rem;height:11.6235rem;border-radius:50%;padding:0;background:radial-gradient(circle at 50% 50%,#F59A1C 0 52%,#E8800F 58%,#F7B52E 63%,#4E9E2E 66%,#8BE03A 70%,#2B6A2A 76%,#123f30 100%);box-shadow:0 0.574rem 1.148rem rgba(0,20,22,.45),inset 0 -0.287rem 0.7175rem rgba(120,50,0,.3);transition:transform var(--t-press) var(--ease-spring)}
.hm-coin:hover{transform:translateY(-0.1435rem)}
.hm-coin:active,.hm-coin.is-press{transform:translateY(0.2152rem) scale(.98)}
.hm-coin-slot{position:absolute;left:50%;top:2.1525rem;width:1.0762rem;height:4.1615rem;margin-left:-0.5381rem;border-radius:0.574rem;background:linear-gradient(90deg,#120c06,#2c1a0a 50%,#120c06);box-shadow:inset 0 0.1435rem 0.287rem #000,0 0.0717rem 0 rgba(255,220,150,.6)}
.hm-coin-label{position:absolute;left:0;right:0;top:7.1032rem;text-align:center;font:700 1.2628rem/1 var(--font-body);color:#1b1206}
.hm-coin-fly{position:absolute;left:50%;top:-1.0045rem;width:2.1525rem;height:2.1525rem;margin-left:-1.0762rem;opacity:0;pointer-events:none}
.hm-coin-fly.coin-drop{animation:hm-fly var(--t-drop) var(--ease-mech) both}
@keyframes hm-fly{0%{transform:translate(-4.305rem,-5.0225rem) rotate(-40deg);opacity:0}25%{opacity:1}75%{transform:translate(0,2.87rem) rotate(0) scaleX(.35);opacity:1}100%{transform:translate(0,4.018rem) scaleX(.2);opacity:0}}
.hm-vdiv{position:absolute;left:89.0417rem;top:21.525rem;width:max(1px,0.1076rem);height:11.9105rem;background:rgba(160,214,203,.45)}
.hm-reads{position:absolute;left:91.0507rem;top:20.5922rem;width:12.8432rem;margin:0}
.hm-read{height:3.2287rem;position:relative;margin:0}
.hm-read dt{font:500 1.0045rem/1 var(--font-label);letter-spacing:-.01em;color:#EAF6EE;padding-left:0.574rem;height:1.0762rem;white-space:nowrap}
.hm-read dd{margin:0.2152rem 0 0;height:1.6502rem;border-radius:0.3587rem;background:#022225;box-shadow:inset 0 0 0.4305rem rgba(0,0,0,.6);display:flex;align-items:center;padding-left:1.5785rem;font:700 1.1193rem/1 var(--font-num);color:#E9FF63;white-space:nowrap;overflow:hidden}
.hm-read dd.is-off{font:400 0.7892rem/1 var(--font-label);color:#9FD6CB}
.hm-plate{position:absolute;left:46.2787rem;top:35.4445rem;width:13.6325rem;height:1.8655rem;display:flex;align-items:center;justify-content:center;font:700 1.4709rem/1 var(--font-num);letter-spacing:.2em;color:#0B3E42}

/* SECOND SCREEN */
.hm-s2art{position:absolute}
.hm-s2art.l{left:0.574rem;top:68.88rem;width:21.525rem;height:12.9867rem}
.hm-s2art.r{left:92.5575rem;top:68.7365rem;width:27.265rem;height:12.5562rem}
.hm-panel{--r-panel:1.722rem;background:linear-gradient(180deg,#0d4c50 0%,#063c40 40%,#02353a 100%);box-shadow:0 0.7175rem 1.5785rem rgba(20,60,58,.22),inset 0 0 0 0.2152rem rgba(4,46,50,.9)}
.hm-pay{left:2.009rem;top:80.8622rem;width:73.0415rem;height:23.3187rem}
.hm-code{left:76.4855rem;top:80.8622rem;width:41.5432rem;height:23.3187rem}
.hm-house{left:2.009rem;top:105.2572rem;width:43.5522rem;height:13.8477rem}
.hm-guide{left:46.7092rem;top:105.2572rem;width:71.3195rem;height:13.8477rem}
.hm-h{position:absolute;display:flex;align-items:center;gap:1.2915rem;margin:0;font:700 1.6502rem/1 var(--font-body);color:#FEF6E7;white-space:nowrap}
.hm-h svg{width:3.157rem;height:1.2915rem;flex:none}
.hm-cap{position:absolute;margin:0;font:400 1.0188rem/1 var(--font-body);color:#EAF6EE;white-space:nowrap}
.hm-pay .hm-h{left:2.87rem;top:0.861rem}
.hm-pay .hm-cap{right:2.87rem;top:1.3632rem}
.hm-tbl{--c-row:#6FAAAD;--r-row:0.574rem;position:absolute;left:1.435rem;top:3.3005rem;width:70.315rem;height:18.5115rem;overflow:hidden}
.hm-tbl table{width:100%;table-layout:fixed;font:400 1.1337rem/1 var(--font-body)}
.hm-tbl th{height:1.9372rem;font:600 1.0762rem/1 var(--font-label);letter-spacing:.02em;text-align:left;color:#EAF6EE;text-transform:uppercase;padding:0}
.hm-tbl thead tr{background:rgba(2,34,37,.5)}
.hm-tbl td{height:1.7651rem;padding:0;white-space:nowrap;overflow:hidden;color:#FEF6E7}
.hm-tbl tbody tr.hm-row{cursor:pointer;transition:background .2s}
.hm-tbl tbody tr.hm-row:hover{background:rgba(191,252,60,.06)}
.hm-tbl tbody tr+tr td{box-shadow:inset 0 max(1px,0.0717rem) 0 rgba(114,162,160,.28)}
.hm-tbl tbody tr.hm-det+tr td{box-shadow:none}
.hm-tbl .c-chev svg{width:0.861rem;height:0.861rem;margin-left:1.5785rem;fill:none;stroke:#EAF6EE;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease-mech)}
.hm-row[data-open="true"] .c-chev svg{transform:rotate(90deg)}
.hm-tbl .c-slot{display:flex;align-items:center;gap:1.148rem;height:1.7651rem}
.hm-tbl .c-slot svg{width:1.722rem;height:1.148rem;flex:none}
.hm-tbl .c-hype{font:500 1.1049rem/1 var(--font-num);color:#DFFF46}
.hm-tbl .c-usd,.hm-tbl .c-gas{font:400 1.1049rem/1 var(--font-num);letter-spacing:-.02em}
.hm-ok200{display:inline-flex;align-items:center;gap:0.5022rem;height:1.2197rem;padding:0 0.9327rem 0 0.7175rem;border-radius:0.6457rem;background:#A8EF1C;color:#163D22;font:700 0.861rem/1 var(--font-body)}
.hm-ok200 svg{width:0.7892rem;height:0.7892rem}
.hm-det td{height:5.453rem;padding:0}
.hm-detbox{--c-row:#6FAAAD;--r-row:0.574rem;margin:0.2152rem 1.5785rem 0.2152rem 3.3722rem;height:4.879rem;display:grid;grid-template-columns:27.6237rem 1fr;align-items:center;background:rgba(2,30,33,.55)}
.hm-detbox ul{list-style:none;margin:0;padding:0 0 0 1.7937rem;font:400 1.0475rem/1.4709rem var(--font-body);color:#FEF6E7}
.hm-detbox li{display:flex;align-items:center;gap:1.435rem;white-space:nowrap}
.hm-detbox .hm-ok{width:1.2915rem;height:1.2915rem}
.hm-detbox .r{height:4.018rem;box-shadow:inset max(1px,0.0861rem) 0 0 rgba(160,214,203,.5);padding-left:3.0135rem}
.hm-detbox .r li{gap:2.1525rem;font:400 1.026rem/1.3632rem var(--font-num);letter-spacing:-.02em}
.hm-detbox .r svg{width:1.3632rem;height:1.0762rem;flex:none}
.hm-code .hm-h{left:2.1525rem;top:1.0762rem;font-size:1.6144rem;letter-spacing:.01em}
.hm-code .hm-sub2{position:absolute;left:2.4395rem;top:3.5875rem;margin:0;font:400 1.2484rem/1 var(--font-body);color:#EAF6EE}
.hm-console{--c-panel-inner:#2D7C80;--r-inner:1.0045rem;position:absolute;left:1.5785rem;top:6.027rem;width:38.5297rem;height:10.1885rem;background:#011f22;box-shadow:inset 0 0 1.0045rem rgba(0,0,0,.55);display:grid;grid-template-columns:3.9462rem 1fr;align-items:center}
.hm-ln{height:100%;display:flex;flex-direction:column;justify-content:center;gap:0.6816rem;align-items:center;font:400 1.148rem/1.5785rem var(--font-num);color:#B9D3CE;box-shadow:inset max(-1px,-0.0717rem) 0 0 rgba(160,214,203,.3)}
.hm-console pre{margin:0;padding-left:1.148rem;font:400 1.3202rem/2.2601rem var(--font-num);color:#EAF6EE;white-space:pre}
.k{color:#B58CFF}.s{color:#E9FF63}.f{color:#7FE3D7}
.hm-code .hm-rule{position:absolute;left:1.722rem;right:1.435rem;top:17.9375rem;height:max(1px,0.0717rem);background:rgba(160,214,203,.35)}
.hm-soon{--c-chip:#4FA9A2;--r-chip:0.6457rem;position:absolute;left:1.722rem;top:18.8702rem;width:19.0137rem;height:2.4395rem;display:flex;align-items:center;gap:1.5785rem;padding-left:1.5785rem;font:400 1.191rem/1 var(--font-body);color:#EAF6EE;background:rgba(4,48,52,.6)}
.hm-soon svg,.hm-cbtn svg{width:1.5785rem;height:1.5785rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.hm-cbtn{position:absolute;left:22.673rem;top:18.8702rem;width:17.2918rem;height:2.4395rem;border-radius:0.6457rem;display:flex;align-items:center;justify-content:center;gap:1.435rem;background:linear-gradient(180deg,#F26A22,#D8480F);color:#FEF6E7;font:700 1.2197rem/1 var(--font-body);box-shadow:0 0.2152rem 0.574rem rgba(120,40,0,.35),inset 0 0.0717rem 0 rgba(255,220,180,.5);transition:transform var(--t-press) var(--ease-spring)}
.hm-cbtn:hover,.hm-copy:hover{transform:translateY(-0.0717rem)}
.hm-house{--c-card:#CFEFE9;--r-card:1.722rem}
.hm-hcyl{position:absolute;left:2.7265rem;top:1.2915rem;width:12.1975rem;height:11.48rem}
.hm-house h3{position:absolute;left:15.785rem;top:3.157rem;margin:0;font:700 2.0807rem/1 var(--font-body);color:#FEF6E7;white-space:nowrap}
.hm-hchips{position:absolute;left:15.7132rem;top:6.9597rem;display:flex;align-items:center;gap:1.0762rem}
.hm-chip{--c-chip:#7FC4BC;--r-chip:0.6457rem;height:2.4395rem;display:inline-flex;align-items:center;gap:0.9327rem;padding:0 1.5785rem 0 1.7937rem;font:600 1.148rem/1 var(--font-body);color:#FEF6E7;background:rgba(3,40,44,.5);white-space:nowrap}
.hm-chip svg{width:1.435rem;height:1.435rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.hm-chip b{color:#BFFC3C}
.hm-chip>span{line-height:1.3}
.hm-chip[href]{cursor:pointer}
.hm-hnote{position:absolute;left:15.9285rem;right:1.722rem;top:10.4755rem;margin:0;font:400 0.9758rem/1.35 var(--font-body);color:#BFFC3C;opacity:0;transform:translateY(-0.287rem);transition:opacity .25s var(--ease-mech),transform var(--t-drop) var(--ease-spring)}
.hm-hnote[data-on]{opacity:1;transform:none}
.hm-hdiv{width:max(1px,0.1076rem);height:2.1525rem;background:rgba(160,214,203,.5)}
.hm-guide .hm-h{left:2.7265rem;top:0.7175rem;font-size:1.7651rem}
.hm-guide .hm-h svg.after{order:2}
.hm-guide .hm-cap{right:2.009rem;top:1.0762rem;font-size:1.0906rem}
.hm-steps{list-style:none;margin:0;padding:0;position:absolute;left:1.5067rem;top:3.0135rem;width:68.4495rem}
.hm-step{--c-row:rgba(114,170,173,.42);--r-row:0.287rem;height:1.8655rem;display:grid;grid-template-columns:4.4485rem 26.9062rem 1fr 2.4395rem;align-items:center;cursor:pointer;margin-bottom:max(-1px,-0.0717rem);background:rgba(2,34,37,.35);transition:background .2s}
.hm-step:hover{background:rgba(191,252,60,.07)}
.hm-step .n{width:1.7937rem;height:1.5785rem;margin-left:2.009rem;border-radius:50%;background:#A8EF1C;color:#163D22;font:700 1.0045rem/1.5785rem var(--font-body);text-align:center}
.hm-step .t{font:700 1.2197rem/1 var(--font-body);color:#FEF6E7;padding-left:1.435rem;white-space:nowrap}
.hm-step .d{font:400 1.0762rem/1 var(--font-body);color:#EAF6EE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-step .d .x{display:none;color:#BFFC3C}
.hm-step[data-open="true"] .d .m{display:none}
.hm-step[data-open="true"] .d .x{display:inline}
.hm-step .d a,.hm-step .d button{color:#BFFC3C;text-decoration:underline;text-underline-offset:0.1435rem;font:inherit;padding:0}
.hm-step svg{width:1.148rem;height:1.148rem;fill:none;stroke:#EAF6EE;stroke-width:2.2;stroke-linecap:round;transition:transform .2s var(--ease-mech)}
.hm-step[data-open="true"] svg{transform:rotate(180deg)}
.hm-strip{left:1.5785rem;top:120.1095rem;width:116.6655rem;height:4.018rem;border-radius:1.435rem;background:linear-gradient(180deg,rgba(255,250,240,.92),rgba(253,240,222,.92));box-shadow:0 0.4305rem 1.148rem rgba(120,80,40,.14);display:grid;grid-template-columns:43.05rem 37.4535rem 1fr;align-items:center;color:#0B3E42;font:400 1.191rem/1 var(--font-body)}
.hm-strip>div{display:flex;align-items:center;gap:1.435rem;height:100%;white-space:nowrap}
.hm-strip>div+div{box-shadow:inset max(1px,0.1076rem) 0 0 rgba(150,110,70,.35)}
.hm-strip>div:nth-child(1){padding-left:2.1525rem}
.hm-strip>div:nth-child(2){padding-left:3.5875rem}
.hm-strip>div:nth-child(3){padding-left:4.5202rem}
.hm-strip svg{width:2.1525rem;height:2.009rem;flex:none;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hm-strip a{text-decoration:none}
.hm-strip a:hover{text-decoration:underline}

/* WALLET MODAL (Demo: never signs) */
.hm-modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;background:rgba(1,30,33,.55);color:#FEF6E7}
.hm-modal[data-open="true"]{display:flex}
.hm-mbox{--r-panel:1.722rem;width:33.005rem;max-width:92vw;padding:1.8655rem 2.009rem;background:linear-gradient(180deg,#0d4c50,#02353a);box-shadow:0 1.435rem 3.5875rem rgba(0,0,0,.4);position:relative}
.hm-mbox h4{margin:0 0 0.4305rem;font:400 2.1525rem/1 var(--font-display);letter-spacing:.06em}
.hm-mbox p{margin:0 0 1.0045rem;font:400 1.0045rem/1.4 var(--font-body);color:#CDE7E1}
.hm-mx{position:absolute;right:1.148rem;top:1.0045rem;width:2.1525rem;height:2.1525rem;border-radius:50%;background:rgba(255,255,255,.08);font:700 1.2915rem/2.1525rem var(--font-body);color:#FEF6E7}
.hm-wlist{display:grid;gap:0.574rem}
.hm-wopt{--c-row:#4FA9A2;--r-row:0.861rem;display:flex;align-items:center;gap:0.861rem;width:100%;height:3.157rem;padding:0 1.148rem;background:rgba(2,30,33,.55);font:600 1.148rem/1 var(--font-body);color:#FEF6E7;text-align:left}
.hm-wopt:hover{background:rgba(191,252,60,.1)}
.hm-wopt img{width:1.722rem;height:1.722rem}
.hm-wopt small{margin-left:auto;font:400 0.8969rem/1 var(--font-label);color:#9FD6CB}
.hm-wstate{margin-top:0.861rem;font:400 1.0045rem/1.5 var(--font-num);color:#E9FF63;min-height:1.435rem}
.hm-wacts{display:flex;gap:0.7175rem;margin-top:0.7175rem}
.hm-wacts button{height:2.583rem;padding:0 1.2915rem;border-radius:999px;background:#A8EF1C;color:#163D22;font:700 1.0762rem/1 var(--font-body)}
.hm-wacts button+button{background:#F4DFC7;color:#073F49}
.hm-wacts[hidden]{display:none}

@media (prefers-reduced-motion:reduce){.hm-receipt{transition:none}}

/* MOBILE <1024 */
@media (max-width:1023px){
  .page>.dock{position:relative;top:auto;margin:16px 12px}
  .hm{height:auto;padding-bottom:16px}
  .hm .hm-abs,.hm-machine,.hm-hero{position:relative;left:auto;top:auto;right:auto;width:auto;height:auto}
  .hm-hero{padding:22px 16px 30px;margin:0}
  .hm-title,.hm-sub{position:static;font-size:32px}
  .hm-sub{font-size:14px;margin-top:10px}
  .hm-slash,.hm-art-r,.hm-s2art,.hm-hero::after,.hm-hill-r{display:none}
  .hm-art-l{position:relative;left:auto;top:auto;width:120px;height:72px;margin:0 auto 6px}
  .hm-machine{margin:12px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#1b6166,#0b3e42)}
  .hm-face,.hm-msvg,.hm-win{display:none}
  .hm-slots{position:static;width:auto;height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:170px;gap:10px}
  .hm-slot-name{font-size:14px;left:12px;top:8px}.hm-chev{width:12px;height:12px;right:10px;top:12px}
  .hm-cyl{width:110px;height:84px;margin-left:-55px;top:30px}
  .hm-led{width:150px;margin-left:-75px;height:28px;padding-left:14px;gap:6px}.hm-led b{font-size:13px}.hm-dot{width:9px;height:9px}
  .hm-lcd{position:relative;left:auto;top:auto;width:auto;height:auto;margin-top:12px;padding:12px 14px 12px}
  .hm-log{font-size:12px;line-height:20px}.hm-ok{width:14px;height:14px}
  .hm-receipt{position:static;width:auto;text-align:left;font-size:11px;line-height:15px}
  .hm-sep{width:auto;margin:6px 0}
  .hm-json{font-size:12px;line-height:14px;height:auto;max-height:140px}
  .hm-copy{position:relative;left:auto;top:auto;width:100%;height:36px;margin-top:10px;font-size:14px}
  .hm-coin{position:relative;left:auto;top:auto;display:block;margin:16px auto;width:130px;height:130px}
  .hm-coin-slot{top:22px;height:46px}.hm-coin-label{top:80px;font-size:15px}
  .hm-vdiv{display:none}
  .hm-reads{position:static;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hm-read{height:auto}.hm-read dt{font-size:12px;height:auto}.hm-read dd{height:28px;font-size:13px;padding-left:10px}
  .hm-plate{position:static;width:auto;height:auto;margin-top:12px;font-size:16px;color:#97FCE4}
  .hm-panel,.hm-strip{margin:12px;padding:14px;height:auto}
  .hm-h,.hm-cap,.hm-code .hm-sub2,.hm-house h3,.hm-hchips,.hm-hcyl,.hm-steps,.hm-soon,.hm-cbtn,.hm-code .hm-rule,.hm-console,.hm-tbl{position:relative;left:auto;right:auto;top:auto;width:auto}
  .hm-h{font-size:18px;white-space:normal}.hm-cap{font-size:12px;white-space:normal;margin:6px 0 10px}
  .hm-tbl{height:auto;overflow-x:auto}.hm-tbl table{min-width:640px;font-size:12px}.hm-tbl th{font-size:12px}
  .hm-tbl .c-hype,.hm-tbl .c-usd,.hm-tbl .c-gas,.hm-detbox ul,.hm-detbox .r li{font-size:12px}
  .hm-console{height:auto;padding:10px 0;margin-top:10px}.hm-console pre{font-size:12px;line-height:22px}.hm-ln{font-size:12px;line-height:22px;gap:0}
  .hm-code .hm-sub2{position:static;font-size:13px;margin-top:6px}
  .hm-code .hm-rule{margin:12px 0}
  .hm-soon,.hm-cbtn{display:flex;width:100%;height:40px;margin-top:8px;font-size:14px}
  .hm-hcyl{width:110px;height:104px}
  .hm-house h3{font-size:20px;margin:8px 0}
  .hm-hnote{position:static;font-size:12px;margin-top:8px}
  .hm-hchips{flex-wrap:wrap}.hm-chip{font-size:13px}
  .hm-step{height:auto;min-height:34px;grid-template-columns:40px 1fr 24px;padding:6px 0}
  .hm-step .n{margin-left:8px;font-size:12px}.hm-step .t{font-size:13px;padding-left:6px;white-space:normal}
  .hm-step .d{grid-column:2;grid-row:2;font-size:12px;white-space:normal;padding-left:6px}
  .hm-step svg{grid-column:3;grid-row:1}
  .hm-strip{display:grid;grid-template-columns:1fr;gap:8px;font-size:13px}
  .hm-strip>div{padding:6px 0!important;white-space:normal;box-shadow:none!important}
  .hm-mbox{width:92vw;padding:20px}.hm-mbox h4{font-size:24px}
  .hm-wopt{height:44px;font-size:14px}
}