/* HASHBATTLE / shared Ironpass visual system.
   Presentation only. Page scripts, wallet logic and battle renderer are unchanged. */
:root{color-scheme:dark;--bg:#151e19;--panel:#232c25;--panel2:#19231c;--line:#495044;--ink:#eee9d9;--muted:#b2b6a8;--gold:#e5be76;--green:#a0c58a;--red:#e68f82;--page-width:1180px;--chrome-width:1180px;--gutter:24px}
body.hb-site{display:block;margin:0;min-height:100vh;padding-top:56px!important;background:#151e19;color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hb-site *{box-sizing:border-box}
.hb-site [hidden]{display:none!important}
.hb-site ::selection{background:#dac186;color:#202b23}
.hb-site a{color:var(--gold);text-underline-offset:4px}
.hb-site :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #ffe1a0!important;outline-offset:3px}
.hb-site :is(button,.button){min-height:44px;min-width:44px;border-radius:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.4px;line-height:1.35;touch-action:manipulation}
.hb-site :where(button,.button):not([style]){background:#19231c;color:#d3d6c5;border:1px solid #62715b;padding:10px 16px}
.hb-site :is(button,.button):hover:not(:disabled){border-color:var(--gold)}
.hb-site button:disabled{cursor:not-allowed;opacity:.62}
.hb-site :is(input,select,textarea){max-width:100%;min-width:0;min-height:46px;background:#151e19;color:var(--ink);border:1px solid #62715b;border-radius:2px;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;padding:10px 12px}
.hb-site :is(.gold,.rate){color:var(--gold)}
.hb-site :is(.green,.ok,.ready){color:var(--green)}
.hb-site :is(.red,.err,.bad){color:var(--red)}
.hb-site :is(.eyebrow,.label){color:var(--muted);font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;text-transform:uppercase}
/* The chrome reserves separate space for navigation and wallet controls. */
body.hb-site::before{content:'HASHBATTLE';position:fixed;z-index:1001;top:16px;left:24px;color:#efe5cc;font:600 15px/24px Georgia,serif;letter-spacing:1.5px;pointer-events:none}
body.hb-site::after{content:'';position:fixed;z-index:899;inset:0 0 auto;height:56px;background:#202822;border-bottom:1px solid var(--line);pointer-events:none}
.hb-site #hbSiteNav{top:0;left:185px;right:250px;width:auto;height:56px;gap:14px;padding:0;justify-content:flex-start;background:transparent;border:0;box-shadow:none;scrollbar-width:thin;scrollbar-color:#62715b transparent}
.hb-site #hbSiteNav a{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;margin:0;padding:4px;color:#b2b6a8;border:0;border-bottom:2px solid transparent;font-size:10px;letter-spacing:1px}
.hb-site #hbSiteNav a:is(.active,:hover){color:var(--gold);border-bottom-color:var(--gold)}
.hb-site #hbWalletControls{top:6px;right:24px;max-width:225px}
.hb-site #hbWalletNav{min-height:44px;margin:0;padding:9px 11px;color:#d1d4c3;border:1px solid #62715b;border-radius:2px;background:#19231c;font-size:10px;box-shadow:none}
.hb-site #hbWalletNav.connected{color:var(--gold);border-color:#b49a60;background:#292c21}
.hb-site #hbWalletMenu{background:#232c25;border:1px solid #62715b;border-radius:2px;padding:6px}
.hb-site #hbWalletMenu :is(a,button){display:flex;align-items:center;min-height:44px;border-radius:0;color:var(--ink)}
.hb-site #hbWalletMenu :is(a,button):hover{background:#354030;color:var(--gold)}
.hb-site #hbTxOverlay{background:#0e1714e8}
.hb-site #hbTxPanel{background:var(--panel);border-color:#b49a60;color:var(--ink)}
.hb-site #hbTxTitle{color:var(--gold)}
.hb-site #hbTxDetail,.hb-site #hbTxHint{color:var(--muted)}
/* One compact telemetry strip. Identical semantic markup on all actual routes. */
.hb-site #netBanner{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:none;min-width:0;margin:0!important;padding:0 max(var(--gutter),calc((100% - var(--chrome-width))/2))!important;gap:0!important;align-items:stretch;background:#18221b!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none;z-index:1}
.hb-site #netBanner>.netItem{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:2px;padding:8px 16px;border-left:1px solid #354033}
.hb-site #netBanner>.netItem:first-child{padding-left:0;border-left:0}.hb-site #netBanner>.netItem:last-child{padding-right:0}
.hb-site #netBanner .netKey{font:11px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.6px;color:var(--muted);text-transform:uppercase;overflow-wrap:anywhere}
.hb-site #netBanner .netVal{font:600 14px/1.5 ui-monospace,monospace;color:var(--gold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.hb-site #netBanner #nbPoolUnit{color:var(--green)}
.hb-site #netBanner .netHint{font:11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--muted);overflow-wrap:anywhere}
/* Common page heading, with reading widths adapted to the page's purpose. */
.hb-site[data-page="docs"],.hb-site[data-page="verify"]{--page-width:940px}
.hb-site[data-page="lore"]{--page-width:860px}
.hb-site[data-page="loot"],.hb-site[data-page="market"]{--page-width:1120px}
.hb-site .page-heading{width:min(var(--page-width),calc(100% - var(--gutter)*2));margin:0 auto;padding:24px 0 20px;text-align:left;border-bottom:1px solid var(--line)}
.hb-site .page-heading .eyebrow{color:var(--gold);margin:0 0 7px}
.hb-site .page-heading h1{font:600 clamp(32px,3.8vw,42px)/1.1 Georgia,serif;color:#efe5cc;letter-spacing:-.6px;text-shadow:none;margin:0 0 8px}
.hb-site .page-heading h1 span{color:var(--gold)}
.hb-site .page-heading .sub{font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.1px;text-align:left;color:var(--muted);margin:0;max-width:820px}
.hb-site :is(main,.wrap){width:min(var(--page-width),calc(100% - var(--gutter)*2));max-width:none;margin:0 auto;padding:22px 0 48px}
.hb-site main>.page-heading{width:100%;padding-top:10px;margin-bottom:20px}
.hb-site :is(.wrap,main)>h2{font:600 27px/1.3 Georgia,serif;letter-spacing:0;color:#e7dcc5;margin:28px 0 14px;padding:0 0 10px;border-bottom:1px solid var(--line)}
.hb-site :is(.wrap,main) :is(p,li){color:#c3c8b9;font-size:14px;line-height:1.75}
.hb-site :is(.card,.panel,.metric,.warrior,.traitSheet,.swap){background:var(--panel);border:1px solid var(--line);border-radius:2px;box-shadow:none}
.hb-site :is(.card,.panel){padding:20px}
.hb-site :is(.card,.panel) h2{color:var(--gold);font:600 21px/1.3 Georgia,serif;letter-spacing:0;margin:0 0 16px}
.hb-site :is(.panel.gold,.swap){border-color:#8d7e53}
.hb-site :is(.metric,.stats .stat){background:#19231c;border:1px solid var(--line);border-radius:2px}
.hb-site :is(.metric .k,.stats .stat .k){font:11px/1.5 ui-monospace,monospace;color:var(--muted);letter-spacing:.7px}
.hb-site :is(.metric .v,.stats .stat .v,.value){font-family:ui-monospace,monospace;color:var(--gold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.hb-site :is(.notice,.card.warn){background:#302a1d;color:#e0cc9f;border-color:#857145}
.hb-site code{color:#ead4a4;background:#293328;border-radius:2px;font-family:ui-monospace,monospace;overflow-wrap:anywhere}
.hb-site pre{background:#19231c;border:1px solid var(--line);border-radius:2px;padding:18px;color:#d7dbc9;font:12px/1.8 ui-monospace,monospace;max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.hb-site table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7;margin:18px 0}
.hb-site th{color:var(--gold);font:600 10px/1.5 ui-monospace,monospace;letter-spacing:.5px;text-transform:uppercase;background:#232c25;border-bottom:1px solid #62715b;padding:13px 12px}
.hb-site td{color:#c3c8b9;border-bottom:1px solid #354033;padding:13px 12px;vertical-align:top;overflow-wrap:anywhere}
/* Keep short exit names whole; only the description columns should wrap. */
.hb-site[data-page="loot"] .exits-table{table-layout:fixed}
.hb-site[data-page="loot"] .exits-table :is(th,td):first-child{width:106px;white-space:nowrap}
/* PLAY: controls before telemetry, supporting content uses the left column. */
.hb-site #panel{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);grid-template-areas:"battle mine" "teaser mine" "activity mine";grid-template-rows:auto auto 1fr;width:min(var(--page-width),calc(100% - var(--gutter)*2));max-width:none;gap:14px;margin:20px auto 0;align-items:start}
.hb-site #panel .card{min-width:0;width:100%;padding:20px}.hb-site .battle-card{grid-area:battle;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.hb-site #panel .battle-card h2{grid-column:1/-1}.hb-site #panel .battle-card .stat{display:grid;gap:2px;padding:6px 0}.hb-site #panel .battle-card .stat span:last-child{text-align:left}.hb-site .mine-card{grid-area:mine}
.hb-site #panel h2{font:600 21px/1.2 Georgia,serif;margin:0 0 12px}
.hb-site #panel .stat{padding:5px 0;margin:0;gap:12px;border-bottom:1px solid #354033;color:var(--muted);font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hb-site #panel .stat span:last-child{font:13px/1.5 ui-monospace,monospace;font-size:13px!important;color:var(--ink);text-align:right;overflow-wrap:anywhere;min-width:0}
.hb-site #panel .mine-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.hb-site #panel button{border-radius:2px!important;margin-top:0;font-size:12px!important}
.hb-site #panel :is(#connectBtn,#mineBtn):not(.running){background:#dac186;color:#202b23;border:1px solid #dac186}
.hb-site #panel #mineBtn:disabled:not(.running){background:#293328;color:var(--muted);border-color:var(--line);opacity:1}
.hb-site #panel .engine-controls{display:flex;gap:8px;margin-top:10px}.hb-site #panel .core-controls{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;align-items:center}
.hb-site #panel .core-controls>span{font-size:11px!important;letter-spacing:0!important}
.hb-site #panel .amt{min-width:44px;flex:0 0 44px;width:44px}.hb-site #panel #hwThreads{margin-left:6px}
.hb-site #panel .mine-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:14px}
.hb-site #panel .mine-stats .stat{display:grid;align-content:start;gap:2px;padding:4px 0}.hb-site #panel .mine-stats .stat span:last-child{text-align:left}
.hb-site .machine-details{margin-top:10px;border-top:1px solid var(--line)}
.hb-site .machine-details summary{padding:12px 0;min-height:44px;color:var(--muted);font-size:13px;cursor:pointer}
.hb-site #panel .diagnostic-stats .stat{display:grid;gap:4px}.hb-site #panel .diagnostic-stats .stat span:last-child{text-align:left}
.hb-site .activity-panel{grid-area:activity;min-width:0;align-self:stretch;display:flex;flex-direction:column;padding:14px 16px;background:#19231c;border:1px solid var(--line)}
.hb-site #panel .activity-panel h2{font-size:17px;color:var(--muted);margin-bottom:8px}
.hb-site #log{width:100%;max-width:none;margin:0;height:64px;flex:1;min-height:64px;background:transparent;border:0;border-radius:0;padding:0;font:12px/1.65 ui-monospace,monospace;color:var(--muted);overflow-y:auto;overflow-wrap:anywhere}
.hb-site[data-page="index"]>.sub{width:min(var(--page-width),calc(100% - var(--gutter)*2));margin:18px auto 28px!important;text-align:left;font:12px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;color:var(--muted)}
.hb-site .warTeaser{grid-area:teaser;width:100%;max-width:none;margin:0;padding:20px;min-height:154px;border:1px solid #8d7e53;border-radius:2px;box-shadow:none;background:linear-gradient(90deg,#1c281ff5 0%,#1c281fec 54%,#1c281fa8 100%),url("assets/ironpass-preview.webp") center 48%/cover;color:var(--ink)}
.hb-site .warTeaser small{color:var(--gold);font:11px/1.5 ui-monospace,monospace;letter-spacing:.5px}
.hb-site .warTeaser strong{color:#efe5cc;font:600 23px/1.25 Georgia,serif;letter-spacing:0;margin:6px 0}
.hb-site .warTeaser .arrow{min-width:28px;text-align:right}.hb-site .warTeaser p{color:var(--muted);font-size:13px;line-height:1.65;max-width:680px}
/* Original NFT pixels: static artwork examples, never masquerading as live holdings. */
.hb-site .page-heading.has-art{display:flex;align-items:center;justify-content:space-between;gap:28px}.hb-site .heading-copy{min-width:0;flex:1}
.hb-site .nft-preview{margin:0;min-width:0}.hb-site .hero-portraits{width:296px;flex-shrink:0}
.hb-site .portrait-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hb-site .nft-portrait{min-width:0;background:#19231c;border:1px solid #62654c;padding:5px}
.hb-site .nft-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;background:#151e19}
.hb-site .nft-portrait span{display:block;padding:6px 1px 2px;font:11px/1.4 ui-monospace,monospace;color:var(--ink);text-align:center}
.hb-site .nft-preview figcaption{font:11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--muted);margin-top:6px;letter-spacing:.2px}
.hb-site .rarity-portraits{margin:18px 0 22px}.hb-site .rarity-portraits .portrait-row{grid-template-columns:repeat(6,minmax(0,1fr))}
/* Native FAQ disclosures work with touch, keyboard and JavaScript disabled. */
.hb-site .faq{margin-top:28px;scroll-margin-top:112px}.hb-site .faq h2{font:600 27px/1.3 Georgia,serif;color:#e7dcc5;margin:0 0 14px}
.hb-site .faq-item{border:1px solid var(--line);background:var(--panel);margin-top:8px}
.hb-site .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;padding:15px 18px;cursor:pointer;list-style:none;color:var(--ink);font:600 15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-margin-top:112px}
.hb-site .faq-item summary::-webkit-details-marker{display:none}.hb-site .faq-item summary:hover{background:#293328;color:var(--gold)}
.hb-site .faq-marker{flex:0 0 8px;width:8px;height:8px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg);margin-right:3px}
.hb-site .faq-item[open]{border-color:#8d7e53}.hb-site .faq-item[open] summary{color:var(--gold)}.hb-site .faq-item[open] .faq-marker{transform:rotate(225deg)}
.hb-site .faq-answer{padding:0 18px 18px;max-width:80ch}.hb-site .faq-answer p{margin:0;font-size:14px;line-height:1.75}
/* Bridge legacy inline presentation, including CSSOM-serialized values after clicks.
   Only old palette values are mapped: active gold/green, danger, disabled and
   selection logic retain their original distinct states. No script edits. */
.hb-site [style*="color:#7a7468" i],.hb-site [style*="color: rgb(122, 116, 104)" i]{color:var(--muted)!important}
.hb-site [style*="color:#c9a44c" i],.hb-site [style*="color: rgb(201, 164, 76)" i]{color:var(--gold)!important}
.hb-site [style*="background:#12101a" i],.hb-site [style*="background: rgb(18, 16, 26)" i]{background:#19231c!important}
.hb-site [style*="background:#1a1826" i],.hb-site [style*="background: rgb(26, 24, 38)" i]{background:#293328!important}
.hb-site [style*="background:#1a2a14" i],.hb-site [style*="background: rgb(26, 42, 20)" i]{background:#283923!important}
.hb-site [style*="solid #2a2438" i],.hb-site [style*="solid rgb(42, 36, 56)" i]{border-color:var(--line)!important}
.hb-site button.danger{color:var(--red);background:#36221e;border-color:#b26f5f}
.hb-site .controls .camera button[aria-pressed="true"]{color:var(--gold);background:#354030;border-color:var(--gold)}
/* PROFILE / MARKET / LOOT: do not override hidden, disabled or state colors. */
.hb-site #accountLabel{min-width:0;max-width:100%;overflow-wrap:anywhere;font:600 14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.hb-site .connectState{padding:32px 24px;text-align:center}
.hb-site .connectState h2{font-size:26px;margin:14px auto;max-width:620px}
.hb-site .connectState p{max-width:580px;margin:10px auto 24px}
.hb-site :is(.connectState button,#connect){background:#dac186;color:#202b23;border:1px solid #dac186}
.hb-site .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.hb-site .stats .stat:first-child{grid-column:span 2}.hb-site .stats .stat .v{word-break:normal;overflow-wrap:anywhere}
.hb-site .summary{gap:12px}.hb-site .metric{padding:16px}.hb-site .metric .v{font-size:20px}.hb-site .metric .k{font-size:11px}
.hb-site .warrior img,.hb-site .traitTop img{border-radius:2px;border-color:var(--line);background:#151e19}
.hb-site .warrior h3{font:600 19px/1.25 Georgia,serif;color:#efe5cc}
.hb-site :is(.actions button,.actions .button,.traitClose){min-height:44px;min-width:44px}
.hb-site #traitModal{background:#0e1714e8}.hb-site .traitSheet{border-color:#8d7e53;padding:24px}
.hb-site #txStatus{background:#232c25;border-color:var(--line);color:var(--muted);border-radius:2px}
.hb-site .empty{border-radius:2px;color:var(--muted)}
.hb-site .grid{gap:14px}.hb-site .grid .row{gap:14px}
.hb-site .swap{padding:24px}.hb-site .swap .row{flex-wrap:wrap}
.hb-site .swap input{min-width:100px;width:0;flex:1 1 160px;background:#151e19;color:var(--ink);border-color:#62715b;border-radius:2px}
.hb-site .swap .amt{min-width:44px;background:#293328;color:var(--gold);border-color:#62715b;border-radius:2px}
.hb-site .swap .out{background:#19231c;border-color:#62715b;color:var(--green);border-radius:2px;min-height:46px}
.hb-site .swap :is(.side,.meta){color:var(--muted)}
.hb-site .dexrow a{display:flex;align-items:center;justify-content:center;min-height:44px;background:#293328;border-color:#62715b;border-radius:2px;color:var(--gold)}
.hb-site[data-page="lore"] .wrap>p{font-size:16px;line-height:1.95}
.hb-site .verse{background:#232c25;border:1px solid var(--line);border-radius:2px;padding:28px 30px;margin:28px 0;font:italic 20px/1.9 Georgia,serif;color:#e5dfcb}
.hb-site .site-footer{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;width:100%;padding:22px var(--gutter);border-top:1px solid var(--line);color:var(--muted);font:10px/1.7 ui-monospace,monospace;letter-spacing:.6px}
/* Preserve the approved battlefield, camera, actors and dedicated replay UI. */
.hb-site[data-page="war"] main{width:100%;max-width:1440px;padding:0 24px 46px}
.hb-site[data-page="war"] .mission h1{color:#eee9d9}
.hb-site[data-page="war"] .hero-card{border-radius:0}
.hb-site[data-page="war"] .hero-card .mono{font-size:10px;line-height:1.5;letter-spacing:.2px;color:var(--muted)}
.hb-site[data-page="war"] :is(.tactic-options button,.controls button){font:inherit;min-height:44px}
.hb-site[data-page="war"] .tactic-options button[aria-pressed="true"],.hb-site[data-page="war"] #start{background:#dac186;color:#202b23;border-color:#dac186}
@media(max-width:1100px){.hb-site #hbSiteNav{gap:8px;left:170px;right:235px}}
@media(max-width:999px){
 body.hb-site{padding-top:100px!important}body.hb-site::after{height:100px}body.hb-site::before{top:14px;left:18px}
 .hb-site #hbSiteNav{top:52px;left:0;right:0;width:100%;height:48px;padding:0 14px;gap:14px;scrollbar-width:thin;border-top:1px solid #354033}
 .hb-site #hbWalletControls{top:4px;right:14px}.hb-site #netBanner{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-site #netBanner>.netItem{padding:6px 12px}.hb-site #netBanner .netVal{font-size:13px;line-height:1.4}.hb-site #netBanner .netHint{line-height:1.3}.hb-site #netBanner>.netItem:nth-child(odd){padding-left:0;border-left:0}.hb-site #netBanner>.netItem:nth-child(even){padding-right:0}.hb-site #netBanner>.netItem:nth-child(n+3){border-top:1px solid #354033}
}
@media(max-width:700px){
 :root{--gutter:16px}.hb-site .page-heading{padding:16px 0 14px}.hb-site .page-heading h1{font-size:34px}.hb-site .page-heading .sub{font-size:13px}
 .hb-site #hbWalletNav{font-size:9px;letter-spacing:.3px;padding:8px;max-width:calc(100vw - 148px)}
 .hb-site :is(main,.wrap){padding:20px 0 42px}.hb-site :is(.card,.panel){padding:18px}
 .hb-site #panel{grid-template-columns:1fr;grid-template-areas:"battle" "mine" "teaser" "activity";grid-template-rows:auto;gap:12px;margin-top:16px}.hb-site #panel .card{padding:18px}
 .hb-site #panel .stat{font-size:13px;gap:10px}.hb-site #panel .mine-stats .stat{gap:2px}.hb-site #panel #hwThreads{margin-left:0;flex-basis:100%}.hb-site #panel .mine-actions{grid-template-columns:1fr 1fr}
 .hb-site .warTeaser{padding:18px;min-height:0}.hb-site .warTeaser strong{font-size:23px}.hb-site .page-heading.has-art{display:grid;gap:16px}.hb-site .hero-portraits{width:min(280px,100%)}.hb-site .hero-portraits img{width:72px;max-width:100%;height:auto;margin:0 auto}.hb-site .rarity-portraits .portrait-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hb-site .swap{padding:18px}.hb-site .swap>div:first-child{flex-wrap:wrap}.hb-site .swap>div:first-child button{flex-basis:120px!important}
 .hb-site .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-site .stats .stat{padding:12px;min-width:0}
 .hb-site .connectState{padding:34px 20px}.hb-site .connectState h2{font-size:24px}
 .hb-site #warriorGrid{grid-template-columns:minmax(0,1fr)}.hb-site .actions{grid-template-columns:1fr 1fr}
 .hb-site .verse{padding:20px;font-size:18px}.hb-site table{font-size:11px}.hb-site :is(td,th){padding:10px 6px}.hb-site code{font-size:11px}
 /* Stack this explanation as labeled rows rather than crushing three columns on phones. */
 .hb-site[data-page="loot"] .exits-table{display:block;table-layout:auto}
 .hb-site[data-page="loot"] .exits-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .hb-site[data-page="loot"] .exits-table tbody{display:grid;gap:12px}
 .hb-site[data-page="loot"] .exits-table tr{display:grid;min-width:0;border:1px solid #354033}
 .hb-site[data-page="loot"] .exits-table td{display:block;width:auto;min-width:0;padding:10px 12px;border:0;font-size:13px;line-height:1.65}
 .hb-site[data-page="loot"] .exits-table td:first-child{width:auto;white-space:nowrap;background:#232c25;border-bottom:1px solid #62715b;font-weight:700}
 .hb-site[data-page="loot"] .exits-table td:last-child{padding-top:0}
 .hb-site[data-page="loot"] .exits-table td+td::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--gold);font:600 10px/1.5 ui-monospace,monospace;letter-spacing:.5px}
 .hb-site[data-page="war"] main{padding:0 10px 32px}
 .hb-site[data-page="war"] .mission{left:12px;top:12px;right:12px;width:auto;padding:10px 12px}
 .hb-site[data-page="war"] .mission h1{font-size:28px;margin:4px 0}.hb-site[data-page="war"] .mission p{max-width:none}
 .hb-site[data-page="war"] .hero-card{left:12px;right:auto;top:auto;bottom:12px}
 .hb-site[data-page="war"] .result{left:12px;right:12px;bottom:91px;width:auto}
}
@media(max-width:360px){:root{--gutter:12px}body.hb-site::before{font-size:12px;left:12px;letter-spacing:1px}.hb-site #hbWalletControls{right:10px}.hb-site #netBanner{gap:10px}.hb-site .page-heading h1{font-size:32px}.hb-site #panel .card{padding:14px}.hb-site #panel .core-controls>span:first-child{flex-basis:100%}.hb-site .stats{grid-template-columns:1fr}.hb-site .stats .stat:first-child{grid-column:auto}.hb-site .swap input{flex-basis:100%}.hb-site .swap .amt{flex:1}}
@media(prefers-reduced-motion:reduce){.hb-site *,.hb-site *::before,.hb-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}