#boot-continue {
  justify-content: flex-end;
  align-items: center;
}
#bios-status-pct {
  flex-grow: 0;
  min-width: 46px;
  text-align: right;
}
#fake-icon {
  text-align: center;
}
.sv-shortcut-link {
  text-decoration: none;
}
.sv-shortcut-label {
  margin-top: 0 !important;
  color: white;
}
.sv-pixel-art {
  image-rendering: pixelated;
}
.sv-centered-shortcut-label {
  margin-top: 0 !important;
  color: white;
  text-align: center;
}
.sv-inline-icon {
  vertical-align: text-bottom;
  margin-right: 4px;
}
.sv-cat-card {
  width: 130px;
  display: inline-block;
  margin: 0;
}
.sv-compact-padding {
  padding: 2px;
}
.sv-cat-pixel-photo {
  width: 100%;
  height: 90px;
  object-fit: cover;
  image-rendering: pixelated;
}
.sv-cat-photo {
  width: 100%;
  height: 90px;
  object-fit: cover;
}
.sv-table-cell {
  padding: 2px 8px;
}
.sv-error-text {
  color: #cc0000;
}
.sv-table-number {
  padding: 2px 8px;
  text-align: right;
}
#sv-side-social {
  order: 1;
}
.sv-game-label {
  margin-top: 2px !important;
  color: white;
  font-size: 11px;
  text-shadow: 1px 1px 2px #000;
}
#fox-gif {
  position: fixed;
  top: 326px;
  left: 375px;
  z-index: 9980;
  cursor: grab;
  image-rendering: pixelated;
}
#games-folder-item {
  cursor: pointer;
  position: relative;
  justify-content: space-between;
}
#games-submenu {
  position: fixed;
  background: silver;
  border: 2px solid;
  border-color: #fff #808080 #808080 #fff;
  box-shadow: 1px 1px 0 #0a0a0a;
  z-index: 99999;
  min-width: 160px;
  font-size: 11px;
  font-family: "Pixelated MS Sans Serif", Arial;
}
.sv-menu-icon {
  vertical-align: middle;
  margin-right: 6px;
}
#now-playing-text {
  color: #9d04cc;
  font-size: 9px;
  font-family: "Courier New", monospace;
  white-space: nowrap;
  line-height: 22px;
}
.sv-bold {
  font-weight: bold;
}
#mute-btn {
  font-size: 11px;
  min-width: 20px;
}
#vol-slider {
  width: 60px;
  margin: 0 4px;
  cursor: pointer;
}
#tackle-tray {
  cursor: pointer;
  padding: 0 6px;
  line-height: 22px;
  border: 1px inset #808080;
  background: linear-gradient(180deg, #1a0533 0%, #4a0080 50%, #0a2a4a 100%);
  white-space: nowrap;
  font-family: "Courier New", monospace;
  font-size: 9px;
  color: #ffe066;
  text-shadow: 0 0 4px #ffe066;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#tackle-tray-cat {
  vertical-align: middle;
  margin-right: 3px;
  image-rendering: pixelated;
}
#tackle-tray-dots {
  width: 14px;
  text-align: left;
}
#tackle-tray-bobber {
  width: 5px;
  background: #ff3344;
  border-radius: 50%;
  box-shadow: 0 0 4px #ff3344;
  vertical-align: middle;
  margin-left: 1px;
  animation: tackle-tray-bob 1.4s ease-in-out infinite;
}
#webamp-tray {
  cursor: pointer;
  padding: 0 5px;
  font-size: 10px;
  font-family: "Courier New", monospace;
  color: #ffcc00;
  line-height: 22px;
  border: 1px inset #808080;
  background: silver;
  margin: 0 2px;
  white-space: nowrap;
}
#sys-tray-icons {
  align-items: center;
  gap: 2px;
  padding: 0 4px;
  border: 1px inset #808080;
  background: silver;
}
#kirby-tray-icon {
  cursor: pointer;
  image-rendering: pixelated;
  vertical-align: middle;
  animation: gv-blink 0.8s step-end infinite;
}
#sal-term {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 580px;
  max-width: 95vw;
  z-index: 9990;
}
.sv-window-chrome {
  width: 100%;
  margin: 0;
}
.sv-drag-handle {
  cursor: move;
  user-select: none;
}
#sal-out {
  overflow-y: auto;
  padding: 8px 10px;
  color: #c0c0c0;
  font-family: "Courier New", monospace;
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-all;
}
#sal-prompt {
  color: #9d04cc;
  font-family: "Courier New", monospace;
  font-size: 13px;
  margin-right: 4px;
  white-space: nowrap;
}
#sal-in {
  background: transparent;
  border: none;
  color: #c0c0c0;
  font-family: "Courier New", monospace;
  font-size: 13px;
  outline: none;
  caret-color: #9d04cc;
}
#sal-notepad {
  position: fixed;
  top: 80px;
  left: calc(50% + 60px);
  transform: translateX(-50%);
  width: 500px;
  max-width: 95vw;
  z-index: 9989;
}
#np-menubar {
  background: silver;
  padding: 2px 4px;
  font-size: 11px;
  border-bottom: 1px solid #808080;
  gap: 12px;
}
#np-text {
  width: 100%;
  resize: none;
  border: none;
  font-family: "Courier New", monospace;
  font-size: 13px;
  padding: 4px;
  box-sizing: border-box;
  outline: none;
  background: #fff;
}
#sal-paint {
  position: fixed;
  top: 60px;
  left: calc(50% - 320px);
  width: 600px;
  max-width: 98vw;
  z-index: 9988;
}
#pt-pencil {
  min-width: 24px;
  padding: 0;
  font-size: 14px;
  background: navy;
  color: #fff;
}
.sv-paint-tool {
  min-width: 24px;
  min-height: 24px;
  padding: 0;
  font-size: 14px;
}
#pt-size {
  width: 60px;
}
#pt-fgbox {
  width: 22px;
  background: #000;
  border: 2px solid #000;
  cursor: pointer;
}
#pt-palette {
  flex-wrap: wrap;
  gap: 1px;
  margin-bottom: 4px;
}
#pt-canvas {
  border: 2px inset #808080;
  cursor: crosshair;
  background: #fff;
  max-width: 100%;
  touch-action: none;
}
#sal-guest-desktop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #008080;
  z-index: 99997;
  font-family: "MS Sans Serif", Arial, sans-serif;
}
.sv-guest-icon {
  image-rendering: pixelated;
  display: block;
  margin: 0 auto 4px;
}
.sv-guest-label {
  color: #fff;
  font-size: 11px;
  text-shadow: 1px 1px #000;
}
#guest-denied {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#guest-start-btn {
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  font-weight: bold;
  font-size: 11px;
}
#guest-start-menu {
  position: absolute;
  bottom: 24px;
  left: 0;
  min-width: 180px;
  background: silver;
  border: 2px outset silver;
  font-size: 11px;
  z-index: 100;
}
.sv-guest-menu-item {
  padding: 5px 10px;
  cursor: pointer;
}
.sv-guest-menu-item:hover,
.sv-guest-menu-item:focus {
  background: #000080;
  color: #fff;
}
.sv-disabled-menu-item {
  padding: 5px 10px;
  color: #aaa;
  cursor: default;
}
.sv-caption-icon {
  vertical-align: middle;
  margin-right: 4px;
  image-rendering: pixelated;
}
#guest-clock {
  border: 1px inset #808080;
  padding: 0 8px;
  line-height: 20px;
  font-size: 11px;
  font-family: monospace;
  background: silver;
  min-width: 55px;
  text-align: center;
}
#sal-logoff {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, #1a3a6e 0%, #0a1f4e 50%, #1a3a6e 100%);
  font-family: "MS Sans Serif", Arial, sans-serif;
  z-index: 99998;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#sal-bsod {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #000080;
  color: #fff;
  font-family: monospace;
  z-index: 99999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#sal-explorer {
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 730px;
  max-width: 99vw;
  z-index: 9991;
  min-width: 460px;
}
.sv-explorer-nav {
  min-width: 28px;
  height: 24px;
  font-size: 13px;
  padding: 0 3px;
}
.sv-explorer-tool {
  min-width: 26px;
  height: 24px;
  font-size: 12px;
  padding: 0;
}
#exp-v-icons {
  min-width: 26px;
  font-size: 12px;
  padding: 0;
  background: navy;
  color: #fff;
}
#exp-addr-icon {
  image-rendering: pixelated;
  flex-shrink: 0;
}
#exp-addr {
  font-family: "Courier New", monospace;
  font-size: 11px;
  border: 2px inset #808080;
  padding: 0 4px;
  background: #fff;
  min-width: 0;
}
#exp-tree {
  width: 195px;
  border-right: 2px inset #808080;
  overflow-y: auto;
  background: #fff;
  padding: 2px;
  flex-shrink: 0;
}
#exp-files {
  overflow-y: auto;
  background: #fff;
  position: relative;
  min-width: 0;
}
.sv-small-text {
  font-size: 10px;
}
#exp-selstatus {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#exp-diskinfo {
  min-width: 120px;
  text-align: right;
}
#sal-ctrlpanel {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 560px;
  max-width: 98vw;
  z-index: 9993;
}
#ctrlpanel-icons {
  flex-wrap: wrap;
  gap: 4px;
}
#sal-sysinfo {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 640px;
  max-width: 98vw;
  z-index: 9993;
}
#sysinfo-tree {
  width: 210px;
  border-right: 2px solid #005500;
  overflow-y: auto;
  background: #000;
  color: #00cc44;
  font-family: "Courier New", monospace;
  padding: 4px;
  font-size: 11px;
  flex-shrink: 0;
  text-shadow: 0 0 3px #00cc44;
}
#sysinfo-content {
  overflow-y: auto;
  padding: 4px;
  font-size: 11px;
  font-family: "Courier New", monospace;
  background: #000;
  color: #00cc44;
  text-shadow: 0 0 3px #00cc44;
}
#sysinfo-status {
  color: #00cc44;
  font-family: "Courier New", monospace;
  text-shadow: 0 0 3px #00cc44;
  border-color: #005500;
}
#sal-ie {
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  max-width: 99vw;
  z-index: 9992;
}
.sv-browser-nav {
  min-width: 30px;
  height: 24px;
  font-size: 13px;
  padding: 0 3px;
}
#ie-addr {
  font-family: monospace;
  font-size: 11px;
  border: 2px inset #808080;
  padding: 0 4px;
  min-width: 0;
}
.sv-browser-link {
  color: #000080;
  font-size: 10px;
}
#ie-page {
  background: #fff;
  overflow-y: auto;
  font-family: Arial, sans-serif;
  font-size: 13px;
  padding: 12px;
  position: relative;
}
#fish-main-win {
  position: fixed;
  top: 6px;
  right: 6px;
  z-index: 9980;
  font-family: "Courier New", monospace;
}
.title-bar-controls button.sv-small-window-control {
  min-width: 14px;
  min-height: 12px;
}
#sal-doom {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 860px;
  max-width: 99vw;
  z-index: 9985;
}
.sv-game-body {
  padding: 4px;
  background: #000;
}
#doom-frame {
  border: 2px inset #808080;
  background: #000;
}
#sal-snake {
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 420px;
  max-width: 98vw;
  z-index: 9983;
}
#snake-best {
  color: #00ff41;
}
#snake-canvas {
  border: 2px inset #808080;
  margin: 0 auto;
  background: #000;
}
#sal-doszone {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  max-width: 99vw;
  z-index: 9986;
}
#doszone-frame {
  border: 2px inset #808080;
  background: #000;
}
#sal-pinball {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 720px;
  max-width: 99vw;
  z-index: 9982;
}
#pinball-frame {
  border: 2px inset #808080;
  background: #000;
}
#sal-donut {
  position: fixed;
  top: 302px;
  left: 1360px;
  width: 400px;
  max-width: 98vw;
  z-index: 9987;
}
#donut-pre {
  background: #000;
  color: #c084fc;
  font-family: "Courier New", monospace;
  font-size: 11px;
  line-height: 1.25;
  padding: 8px;
  margin: 0;
  text-align: center;
  text-shadow:
    0 0 8px #a855f7,
    0 0 2px #e9d5ff;
  box-shadow: none;
  border: none;
  overflow: hidden;
}
#sal-imgview {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 640px;
  max-width: 98vw;
  z-index: 9993;
}
#imgview-bar {
  cursor: move;
  user-select: none;
  flex-shrink: 0;
}
.sv-small-button {
  min-width: 28px;
  font-size: 11px;
}
#imgview-counter {
  font-size: 11px;
  color: #444;
}
#imgview-reset {
  min-width: 44px;
  font-size: 11px;
}
#imgview-body {
  background: #000;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
#imgview-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  object-fit: contain;
  transition: transform 0.1s;
  cursor: grab;
}
#imgview-zoom-disp {
  max-width: 80px;
}
#ctx-menu {
  position: fixed;
  z-index: 99990;
  width: 180px;
  font-size: 11px;
  font-family: "Pixelated MS Sans Serif", Arial;
}
#sal-mines {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9992;
}
#mines-count {
  font-family: "Courier New", monospace;
  font-size: 22px;
  color: #f00;
  background: #000;
  padding: 2px 6px;
  letter-spacing: 2px;
  min-width: 48px;
  text-align: right;
}
#mines-face {
  min-width: 30px;
  font-size: 18px;
  padding: 0;
}
#mines-timer {
  font-family: "Courier New", monospace;
  font-size: 22px;
  color: #f00;
  background: #000;
  padding: 2px 6px;
  letter-spacing: 2px;
  min-width: 48px;
  text-align: right;
}
#mines-grid {
  border: 2px inset #808080;
  cursor: default;
}
#webamp-host {
  position: fixed;
  inset: 0;
  z-index: 99998;
  pointer-events: none;
}
#webamp-controls {
  position: fixed;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  align-items: center;
  gap: 6px;
  background: silver;
  border: 2px outset #dfdfdf;
  padding: 3px 8px;
  font-family: "Pixelated MS Sans Serif", Arial, sans-serif;
  font-size: 11px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.35);
}
#webamp-skin-select {
  font-size: 11px;
}
#sal-tackle {
  position: fixed;
  top: 0;
  left: 0;
  transform: none;
  z-index: 9984;
}
#sal-tackle #tb-shards-wrap {
  color: #ff66cc;
}
#tb-shard-ico {
  vertical-align: middle;
}
#tb-ddr-fish-lbl {
  color: #ffe066;
  font-family: "Courier New", monospace;
  font-size: var(--tb-fs-md);
  font-weight: bold;
  text-shadow: 0 0 8px #ffe066;
  letter-spacing: 2px;
}
#tb-ddr-keys {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 2px 0;
}
#tb-ddr-bar-fill {
  background: #9aff9a;
  width: 100%;
}
#tb-ddr-result {
  font-family: "Courier New", monospace;
  font-size: var(--tb-fs-lg);
  font-weight: bold;
  text-align: center;
  text-shadow: 0 0 8px currentColor;
  margin-top: 2px;
}
#tb-bigcatch {
  position: absolute;
  inset: 0;
  z-index: 12;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: radial-gradient(
    120% 100% at 50% 50%,
    rgba(40, 8, 64, 0.1) 30%,
    rgba(120, 20, 180, 0.3) 100%
  );
  animation: tb-bigcatch-pulse 1.4s ease-in-out infinite;
}
#tb-combo-wrap {
  margin-top: 5px;
  align-items: center;
  gap: 6px;
}
#tb-combo-badge {
  font-size: var(--tb-fs);
  font-weight: bold;
  color: #ffb14a;
  text-shadow: 0 0 6px rgba(255, 177, 74, 0.7);
  white-space: nowrap;
  min-width: 62px;
}
#tb-combo-fill {
  width: 0%;
  background: linear-gradient(90deg, #ff8a3a, #ffd24a, #ffe9a0);
  transition: width 0.3s ease;
  box-shadow: 0 0 8px #ffd24a;
}
#tb-combo-label {
  font-family: "Courier New", monospace;
  font-size: var(--tb-fs-xs);
  color: #a98;
  white-space: nowrap;
  min-width: 96px;
  text-align: right;
}
#tb-xp-row {
  margin-top: 5px;
  align-items: center;
  gap: 6px;
}
#tb-level-badge {
  font-size: var(--tb-fs);
  font-weight: bold;
  color: #ff7ad8;
  text-shadow: 0 0 6px rgba(255, 122, 216, 0.8);
  white-space: nowrap;
  min-width: 38px;
}
#tb-xp-fill {
  width: 0%;
  background: linear-gradient(90deg, #9d04cc, #ff66cc, #ff9ae0);
  transition: width 0.4s ease;
  box-shadow: 0 0 8px #ff66cc;
}
#tb-xp-label {
  font-family: "Courier New", monospace;
  font-size: var(--tb-fs-xs);
  color: #555;
  white-space: nowrap;
  min-width: 72px;
  text-align: right;
}
#tb-level-title {
  font-family: "Courier New", monospace;
  font-size: var(--tb-fs-xs);
  color: #444;
  white-space: nowrap;
  max-width: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#sal-shader {
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;
  max-width: 98vw;
  z-index: 9985;
}
#shader-canvas {
  width: 100%;
  image-rendering: pixelated;
}
#sal-ascii {
  position: fixed;
  top: 65px;
  left: 50%;
  transform: translateX(-50%);
  width: 760px;
  max-width: 96vw;
  z-index: 9986;
}
