/* Archive 98 — desktop, taskbar, windows and apps. Window chrome, buttons and form controls come from 98.css. */
:root {
  --teal: #008080;
  --silver: #c0c0c0;
  --navy: #000080;
  --blue: #1084d0;
  --taskbar-h: 30px;
  --lcd: #00ff66;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  overflow: hidden;
  background: var(--teal);
  font-family: "Pixelated MS Sans Serif", Arial, sans-serif;
  font-size: 11px;
  color: #000;
  -webkit-font-smoothing: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
img { image-rendering: pixelated; }
/* the logo is already smoothly resized to each size it's shown at */
img.brand-logo, #start-logo { image-rendering: auto; }
input, textarea, select { user-select: text; }
a { color: #0000ee; }
[hidden] { display: none !important; }

/* ---------- wallpapers ---------- */
.wp-clouds { background: radial-gradient(ellipse 30% 12% at 20% 25%, #fff 40%, transparent 70%), radial-gradient(ellipse 25% 10% at 70% 18%, #fff 40%, transparent 70%), radial-gradient(ellipse 35% 14% at 55% 60%, #f4f8ff 40%, transparent 70%), radial-gradient(ellipse 22% 9% at 15% 75%, #fff 40%, transparent 70%), linear-gradient(#3a7bd5, #8ec5fc); }
.wp-midnight { background: radial-gradient(circle at 50% 120%, #1a237e, #000 70%); }
.wp-checker { background: repeating-conic-gradient(#007070 0 25%, #008888 0 50%) 0 0 / 16px 16px; }
.wp-sunset { background: linear-gradient(#2b1055 0%, #7597de 40%, #ff9a8b 75%, #ffd36e 100%); }

/* ---------- boot ---------- */
#boot { position: fixed; inset: 0; z-index: 100000; background: #000; color: #c0c0c0; display: flex; }
#boot:empty { display: none; }
.bios { font-family: "Courier New", monospace; font-size: 15px; line-height: 1.35; padding: 24px; white-space: pre-wrap; width: 100%; }
.bios .hi { color: #fff; }
.bios .energy { float: right; color: #0c0; text-align: right; font-weight: bold; }
.splash { margin: auto; text-align: center; color: #fff; width: min(520px, 90vw); }
.splash .logo { display: flex; align-items: center; justify-content: center; gap: 18px; }
.splash .logo img { width: 96px; height: 96px; }
.splash .word { font-size: 56px; font-weight: bold; letter-spacing: 2px; text-shadow: 3px 3px 0 #0a246a; }
.splash .word sup { font-size: 28px; color: #ffd84a; }
.splash .tagline { margin-top: 10px; color: #9cc; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; }
.splash .bar { margin: 40px auto 0; width: 70%; height: 14px; border: 2px solid #555; padding: 2px; }
.splash .bar div { height: 100%; width: 0; background: repeating-linear-gradient(90deg, #1084d0 0 10px, transparent 10px 12px); animation: fill 1.6s steps(24) forwards; }
@keyframes fill { to { width: 100%; } }
.login-screen { margin: auto; color: #000; }
#boot:has(.login-screen) { background: var(--teal); }
.login-screen .window { width: min(380px, 92vw); }
.login-body { display: flex; gap: 14px; padding: 8px 4px; }
.login-body img { width: 48px; height: 48px; flex: none; }
.login-body .field-row-stacked { margin-top: 10px; }
.shutdown-screen { margin: auto; color: #ff9b29; font-size: 28px; text-align: center; padding: 24px; line-height: 1.5; cursor: pointer; }
.shutdown-screen small { display: block; margin-top: 24px; font-size: 13px; color: #777; }

/* ---------- desktop ---------- */
#desktop { position: fixed; inset: 0 0 var(--taskbar-h) 0; overflow: hidden; }
#icons {
  position: absolute; inset: 8px; display: grid; grid-auto-flow: column;
  grid-template-rows: repeat(auto-fill, 84px); grid-auto-columns: 84px; gap: 4px; align-content: start;
}
.desk-icon {
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 4px 2px; background: none; border: 0;
  box-shadow: none; min-width: 0; min-height: 0; color: #fff; font: inherit; cursor: default; text-align: center;
}
.desk-icon:focus { outline: none; }
.desk-icon img { width: 32px; height: 32px; }
.desk-icon span { padding: 1px 3px; line-height: 1.25; text-shadow: 1px 1px 0 #000; word-break: break-word; max-width: 80px; }
.desk-icon.selected span { background: var(--navy); text-shadow: none; outline: 1px dotted #ff0; }
.desk-icon.selected img { filter: brightness(0.75) sepia(1) hue-rotate(185deg) saturate(5); }
body.wp-clouds .desk-icon span, body.wp-sunset .desk-icon span { text-shadow: 1px 1px 0 #000, 0 0 3px #000; }
#windows { position: absolute; inset: 0; pointer-events: none; }
#windows > * { pointer-events: auto; }

/* ---------- windows ---------- */
.app-window { position: absolute; display: flex; flex-direction: column; min-width: 240px; max-height: calc(100% - 4px); max-width: 100%; }
.app-window .window-body { flex: 1; overflow: auto; margin: 6px; min-height: 0; }
.app-window.maximized { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; max-height: none; }
.app-window.dialog .window-body { margin: 10px 12px 12px; }
.title-bar-text { display: flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; }
.title-bar-text span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.title-icon { width: 16px; height: 16px; flex: none; }
.title-bar { touch-action: none; cursor: default; }
.title-bar-controls { flex: none; }
.resize-handle {
  position: absolute; right: 2px; bottom: 2px; width: 13px; height: 13px; cursor: nwse-resize; touch-action: none;
  background: linear-gradient(135deg, transparent 0 45%, #fff 45% 52%, #808080 52% 60%, transparent 60% 70%, #fff 70% 77%, #808080 77% 85%, transparent 85%);
}
.app-window.maximized .resize-handle { display: none; }
.modal-shade { position: absolute; inset: 0; background: transparent; }
.status-bar { margin: 0 2px 2px; flex: none; }
.status-bar-field { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.menu-bar { position: relative; display: flex; gap: 0; padding: 1px 2px; flex: none; }
.menu-bar .menu-item, .menu-dropdown button {
  background: none; border: 0; box-shadow: none; min-width: 0; min-height: 0; padding: 3px 7px; font: inherit; color: #000;
}
.menu-bar .menu-item:hover, .menu-bar .menu-item.open { box-shadow: inset -1px -1px #808080, inset 1px 1px #fff; }
.menu-bar .menu-item.open { box-shadow: inset 1px 1px #808080, inset -1px -1px #fff; }
.menu-dropdown {
  position: absolute; top: 100%; z-index: 5; display: flex; flex-direction: column; min-width: 150px; padding: 2px; background: var(--silver);
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px #808080, inset 2px 2px #fff;
}
.menu-dropdown button { text-align: left; padding: 4px 20px; }
.menu-dropdown button:hover:not(:disabled), .menu-dropdown button:focus-visible { background: var(--navy); color: #fff; outline: none; }
.menu-dropdown button:disabled { color: #808080; text-shadow: 1px 1px #fff; }
.menu-dropdown hr { width: 100%; border: 0; border-top: 1px solid #808080; border-bottom: 1px solid #fff; margin: 3px 0; }

/* message boxes */
.msgbox-main { display: flex; gap: 14px; align-items: flex-start; }
.icon32 { width: 32px; height: 32px; flex: none; }
.msgbox-text p { margin: 2px 0 8px; line-height: 1.45; user-select: text; }
.button-row { display: flex; gap: 6px; justify-content: center; margin-top: 12px; flex-wrap: wrap; }
.button-row.right { justify-content: flex-end; }

/* ---------- taskbar + start menu ---------- */
#taskbar {
  position: fixed; left: 0; right: 0; bottom: 0; height: var(--taskbar-h); z-index: 50000; display: flex; align-items: center; gap: 4px;
  padding: 2px 2px 2px; background: var(--silver); box-shadow: inset 0 1px #dfdfdf, inset 0 2px #fff;
}
#start-button { display: flex; align-items: center; gap: 4px; padding: 0 6px; min-width: 0; height: 24px; flex: none; font-size: 12px; }
#start-button img { width: 16px; height: 16px; }
#start-button[aria-expanded="true"] { box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080; }
#tasks { flex: 1; display: flex; gap: 3px; min-width: 0; overflow: hidden; }
.task { display: flex; align-items: center; gap: 4px; flex: 0 1 160px; min-width: 32px; height: 24px; padding: 0 6px; justify-content: flex-start; }
.task img { width: 16px; height: 16px; flex: none; }
.task span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task.active { font-weight: bold; background: repeating-conic-gradient(#fff 0 25%, var(--silver) 0 50%) 0 0 / 2px 2px; box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080; }
#tray { display: flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px 0 4px; flex: none; margin: 0; }
#tray-volume { background: none; border: 0; box-shadow: none; min-width: 0; min-height: 0; padding: 0; width: 16px; height: 16px; }
#tray-volume img { width: 16px; height: 16px; display: block; }

#start-menu {
  position: fixed; left: 2px; bottom: calc(var(--taskbar-h) - 2px); z-index: 50001; display: flex; background: var(--silver);
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px #808080, inset 2px 2px #fff; padding: 3px;
}
.start-banner {
  width: 26px; background: linear-gradient(to top, var(--navy), var(--blue)); color: #c0c0c0; display: flex; align-items: flex-end;
  justify-content: center; padding-bottom: 6px;
}
.start-banner span { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 18px; font-weight: bold; letter-spacing: 1px; white-space: nowrap; }
.start-banner b { color: #fff; }
.start-items { display: flex; flex-direction: column; min-width: 200px; }
.start-items button {
  display: flex; align-items: center; gap: 10px; background: none; border: 0; box-shadow: none; min-width: 0; min-height: 0;
  padding: 6px 18px 6px 6px; text-align: left; font: inherit; font-size: 12px;
}
.start-items button img { width: 32px; height: 32px; }
.start-items button:hover, .start-items button:focus-visible { background: var(--navy); color: #fff; outline: none; }
.start-items hr { border: 0; border-top: 1px solid #808080; border-bottom: 1px solid #fff; margin: 2px 2px; }

.context-menu { position: fixed; z-index: 60000; }
.context-menu.menu-dropdown { top: auto; }

/* ---------- explorer ---------- */
.explorer { display: flex; flex-direction: column; height: 100%; min-height: 0; gap: 4px; }
.explorer-toolbar { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; flex: none; }
.explorer-toolbar button { min-width: 0; padding: 0 8px; }
.explorer-toolbar .address { flex: 1; display: flex; align-items: center; gap: 4px; min-width: 160px; }
.explorer-toolbar .address input { flex: 1; min-width: 0; }
.explorer-main { flex: 1; display: flex; gap: 4px; min-height: 0; }
.explorer-tree { width: 210px; flex: none; overflow: auto; margin: 0; }
.explorer-tree li { cursor: default; }
.explorer-tree .tree-node { display: inline-flex; align-items: center; gap: 4px; padding: 1px 2px; white-space: nowrap; }
.explorer-tree .tree-node img { width: 16px; height: 16px; }
.explorer-tree .tree-node.selected { background: var(--navy); color: #fff; }
.explorer-pane { flex: 1; min-width: 0; display: flex; flex-direction: column; background: #fff; box-shadow: inset -1px -1px #fff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; padding: 2px; }
.explorer-info { display: flex; gap: 12px; padding: 10px 12px 8px; border-bottom: 1px solid #dfdfdf; flex: none; }
.explorer-info .big { width: 48px; height: 48px; flex: none; }
.explorer-info h2 { margin: 0 0 4px; font-size: 18px; }
.explorer-info .rule { height: 2px; background: linear-gradient(90deg, var(--navy), var(--blue), transparent); margin-bottom: 6px; }
.explorer-info p { margin: 0 0 6px; line-height: 1.45; max-width: 60ch; user-select: text; }
.explorer-items { flex: 1; overflow: auto; padding: 8px; display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: 6px; align-content: start; }
.file-icon { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 4px 2px; background: none; border: 0; box-shadow: none; min-width: 0; min-height: 0; font: inherit; text-align: center; color: #000; cursor: default; }
.file-icon img { width: 32px; height: 32px; object-fit: cover; }
.file-icon img.photo { image-rendering: auto; border: 1px solid #808080; width: 48px; height: 48px; }
.file-icon span { padding: 1px 2px; line-height: 1.25; word-break: break-word; max-width: 92px; }
.file-icon small { color: #555; }
.file-icon.selected span { background: var(--navy); color: #fff; outline: 1px dotted #ff0; }
.file-icon.selected small { color: #444; }
.file-icon:focus { outline: none; }
.explorer-empty { grid-column: 1 / -1; color: #555; padding: 20px; text-align: center; line-height: 1.6; }
.explorer-details { flex: 1; overflow: auto; }
.explorer-details table { width: 100%; }
.explorer-details td img { width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; object-fit: cover; image-rendering: auto; }
.explorer-mobile-nav { display: none; }
.tag { display: inline-block; padding: 0 4px; font-size: 10px; border: 1px solid #808080; background: #ffffe1; color: #000; margin-left: 4px; vertical-align: middle; }
.tag.test { background: #fdd; }
.tag.ok { background: #dfd; }

/* ---------- launch wizard ---------- */
.wizard { display: flex; gap: 14px; min-height: 330px; }
.wizard-art { width: 168px; flex: none; background: linear-gradient(#0a7a7a, #004848); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 14px 8px; gap: 10px; box-shadow: inset 1px 1px #808080, inset -1px -1px #fff; color: #fff; text-align: center; }
.wizard-art canvas { width: 140px; height: 140px; image-rendering: pixelated; border: 2px solid #fff; box-shadow: 2px 2px 0 #000; background: #008080; }
.wizard-art .steps { align-self: stretch; text-align: left; margin-top: 6px; line-height: 1.8; color: #9cc; }
.wizard-art .steps .on { color: #fff; font-weight: bold; }
.wizard-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.wizard-main h3 { margin: 0 0 4px; font-size: 14px; }
.wizard-main .lead { margin: 0 0 10px; line-height: 1.45; color: #222; }
.wizard-page { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.wizard-page .field-row-stacked { margin: 0; }
.wizard-page .field-row-stacked input, .wizard-page textarea, .wizard-page select { width: 100%; }
.wizard-page textarea { resize: vertical; min-height: 54px; }
.wizard-page .two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.wizard-page .hint { color: #555; line-height: 1.4; margin: 0; }
.wizard-page .with-button { display: flex; gap: 4px; }
.wizard-page .with-button input { flex: 1; min-width: 0; }
.wizard-buttons { display: flex; justify-content: flex-end; gap: 6px; border-top: 1px solid #808080; box-shadow: 0 1px #fff inset; padding-top: 10px; margin-top: 12px; }
.review { width: 100%; border-collapse: collapse; }
.review td { padding: 2px 4px; vertical-align: top; user-select: text; }
.review td:first-child { color: #555; width: 38%; }
.split-list { margin: 6px 0; padding-left: 18px; line-height: 1.6; }
.swatch { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: 4px; vertical-align: -1px; }

.pay-box { display: flex; flex-direction: column; gap: 10px; }
.pay-box .amount { font-size: 22px; font-weight: bold; }
.pay-box .addr { display: flex; gap: 4px; }
.pay-box .addr input { flex: 1; min-width: 0; font-family: "Courier New", monospace; font-size: 12px; }
.pay-box .test-note { background: #ffffe1; border: 1px solid #808080; padding: 6px 8px; line-height: 1.4; }
.progress-indeterminate { height: 18px; padding: 2px; background: #fff; box-shadow: inset -1px -1px #fff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; overflow: hidden; position: relative; }
.progress-indeterminate div { position: absolute; top: 2px; bottom: 2px; width: 30%; background: repeating-linear-gradient(90deg, var(--navy) 0 8px, transparent 8px 10px); animation: slide 1.6s linear infinite; }
@keyframes slide { from { left: -30%; } to { left: 100%; } }

.copying { display: flex; flex-direction: column; gap: 12px; padding: 4px; }
.copy-anim { position: relative; height: 64px; }
.copy-anim .from, .copy-anim .to { position: absolute; top: 10px; width: 40px; height: 40px; }
.copy-anim .from { left: 6px; }
.copy-anim .to { right: 6px; }
.copy-anim .paper { position: absolute; top: 18px; left: 40px; width: 24px; height: 24px; animation: fly 1.3s linear infinite; }
@keyframes fly { 0% { left: 40px; top: 18px; opacity: 0; } 10% { opacity: 1; } 50% { top: 0; } 90% { opacity: 1; } 100% { left: calc(100% - 64px); top: 18px; opacity: 0; } }
.success { display: flex; gap: 14px; align-items: flex-start; }
.success img.coin-img { width: 72px; height: 72px; border: 2px solid #808080; image-rendering: auto; object-fit: cover; }
.success h3 { margin: 0 0 6px; font-size: 15px; }
.mono { font-family: "Courier New", monospace; font-size: 12px; word-break: break-all; user-select: text; }

/* ---------- coin properties / fees ---------- */
.props { display: flex; flex-direction: column; gap: 8px; }
.props-head { display: flex; gap: 12px; align-items: center; }
.props-head img { width: 48px; height: 48px; image-rendering: auto; object-fit: cover; border: 1px solid #808080; }
.props-head h3 { margin: 0; font-size: 14px; }
.props table.kv { width: 100%; border-collapse: collapse; }
.props table.kv td { padding: 3px 4px; vertical-align: top; user-select: text; line-height: 1.35; }
.props table.kv td:first-child { width: 34%; color: #333; white-space: nowrap; }
.props hr, .window-body hr.etched { border: 0; border-top: 1px solid #808080; border-bottom: 1px solid #fff; margin: 4px 0; }
.props .desc { line-height: 1.45; user-select: text; white-space: pre-wrap; margin: 0; }
[role="tabpanel"] { padding: 12px; }
.disk { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.disk canvas { width: 160px; height: 112px; image-rendering: pixelated; flex: none; }
.legend { display: flex; flex-direction: column; gap: 6px; min-width: 180px; flex: 1; }
.legend div { display: flex; align-items: center; gap: 6px; }
.legend .v { margin-left: auto; font-weight: bold; padding-left: 10px; text-align: right; }
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px; }
.stat { background: #fff; padding: 6px 8px; box-shadow: inset -1px -1px #fff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; }
.stat b { display: block; font-size: 15px; margin-top: 2px; }
.stat small { color: #555; }

/* ---------- notepad ---------- */
.notepad { width: 100%; height: 100%; min-height: 260px; resize: none; font-family: "Courier New", monospace; font-size: 13px; line-height: 1.45; padding: 6px; border: 0; }
.notepad-wrap { height: 100%; display: flex; }
.app-window.np .window-body { margin: 0 4px 4px; box-shadow: inset -1px -1px #fff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; padding: 2px; background: #fff; }

/* ---------- media player ---------- */
.player { display: flex; flex-direction: column; gap: 6px; }
.lcd { background: #000; color: var(--lcd); font-family: "Courier New", monospace; padding: 6px 8px; display: flex; gap: 8px; align-items: stretch; box-shadow: inset 1px 1px #808080, inset -1px -1px #fff; }
.lcd .time { font-size: 26px; line-height: 1; font-weight: bold; letter-spacing: 1px; min-width: 76px; }
.lcd .meta { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 4px; }
.lcd .marquee { overflow: hidden; white-space: nowrap; font-size: 12px; }
.lcd .marquee span { display: inline-block; padding-left: 100%; animation: marquee 9s linear infinite; }
.lcd .marquee.paused span { animation-play-state: paused; }
@keyframes marquee { to { transform: translateX(-100%); } }
.lcd .kbps { font-size: 10px; color: #0a8; }
.lcd canvas { width: 96px; height: 40px; image-rendering: pixelated; flex: none; }
.player-controls { display: flex; gap: 3px; align-items: center; }
.player-controls button { min-width: 30px; padding: 0 6px; font-family: Arial, sans-serif; font-size: 11px; }
.player-controls .vol { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.player-controls input[type=range] { width: 90px; }
.playlist { height: 104px; overflow: auto; background: #000; color: var(--lcd); font-family: "Courier New", monospace; font-size: 12px; padding: 2px 0; box-shadow: inset 1px 1px #808080, inset -1px -1px #fff; }
.playlist div { padding: 1px 6px; cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.playlist div.on { background: #003a1a; color: #fff; }

/* ---------- misc ---------- */
.form-grid { display: flex; flex-direction: column; gap: 8px; }
.form-grid .field-row-stacked { margin: 0; }
.form-grid input, .form-grid textarea, .form-grid select { width: 100%; }
.form-grid textarea { min-height: 70px; resize: vertical; }
.note { background: #ffffe1; border: 1px solid #808080; padding: 6px 8px; line-height: 1.45; margin: 0; }
.prose p { line-height: 1.5; margin: 0 0 8px; user-select: text; }
.screensaver { position: fixed; inset: 0; z-index: 200000; background: #000; cursor: none; }
.screensaver canvas { width: 100%; height: 100%; display: block; }
.display-props .previews { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 8px; }
.display-props .wp { height: 56px; border: 2px solid transparent; cursor: pointer; padding: 0; min-width: 0; box-shadow: none; }
.display-props .wp.on { border-color: var(--navy); outline: 1px dotted #000; }
.wp-teal-swatch { background: var(--teal) !important; }

@media (max-width: 640px) {
  :root { --taskbar-h: 34px; }
  #icons { grid-auto-flow: row; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); grid-template-rows: none; grid-auto-rows: 84px; }
  .task { flex: 0 0 34px; padding: 0 8px; }
  .task span { display: none; }
  #start-button, .task, #tray { height: 28px; }
  ul.explorer-tree { display: none; }
  .explorer-mobile-nav { display: block; flex: none; }
  .explorer-mobile-nav select { width: 100%; }
  .wizard { flex-direction: column; min-height: 0; }
  .wizard-art { width: auto; flex-direction: row; padding: 8px; }
  .wizard-art canvas { width: 72px; height: 72px; }
  .wizard-art .steps { margin-top: 0; }
  .wizard-page .two { grid-template-columns: 1fr; }
  .explorer-toolbar .address { display: none; }
  .start-items button { padding: 8px 18px 8px 8px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}