/* Bright green pixel-game surfaces, with the responsive component layout preserved. */
main .sec.mech { background: #c9e5af; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); background-image: radial-gradient(#75aa581f 1px, transparent 1px); background-size: 8px 8px; }
main .sec.register { background: #add495; }
main .sec.inoc { background: #bcdda0; border-top: 2px solid var(--ink); background-image: radial-gradient(#689c4e26 1px, transparent 1px); background-size: 8px 8px; }
main .sec-head > .eyebrow { color: #315c35; }
main .sec-head h2 { text-shadow: 2px 2px 0 #edfbd3; }
main .sec-head h2 em { background: none; color: #357b35; text-shadow: 2px 2px 0 #dff7c1; }
main .sec-count { color: #42653e; }
main .sec .rt, .coins-page .rt { font-family: var(--disp); font-size: 18px; }
main .sec .in, .coins-page .in { background: #e2f5c8; border: 2px solid #487044; box-shadow: inset 3px 3px 0 #b8d998; }
main .sec .in:focus, .coins-page .in:focus { background: #e8fbd0; outline: 3px solid #70d85a; outline-offset: 2px; border-color: var(--ink); box-shadow: inset 2px 2px 0 #b4d997; }
main .sec .in::placeholder, .coins-page .in::placeholder { color: #607f50; opacity: 1; }
.sec .comic .panel { background: #d6ecb9; box-shadow: 5px 5px 0 #527a43, inset 0 3px 0 #e8f9d3; }
.comic .panel .pan-art, .comic .panel:nth-child(2) .pan-art, .comic .panel:nth-child(3) .pan-art { background-color: #b6df94; background-image: linear-gradient(0deg, #6fac51 0 16px, #8bc66a 16px 24px, transparent 24px); box-shadow: inset 0 3px 0 #d1efa9; }
.comic .panel:nth-child(2) .pan-art { background-color: #c2e899; }
.comic .panel:nth-child(3) .pan-art { background-color: #a5d58c; }
.comic .panel > .pan-no { width: 32px; height: 32px; background: #73ca56; color: var(--ink); box-shadow: 2px 2px 0 #578844, inset 2px 2px 0 #b3ed8a; }
.comic .panel .bubble { background: #e1f6bd; box-shadow: 3px 3px 0 #63984d; }
.comic .panel .bubble.pink { background: #8ed964; }
.comic .panel .bubble.fire-b { background: #b8e778; }
.comic .panel .px { filter: drop-shadow(3px 3px 0 #426b3e40); }
.comic .panel .host-a, .comic .panel .host-b { object-fit: contain; }
.sec .route-strip { background: #bbdf97; box-shadow: 4px 4px 0 #608b4d, inset 0 3px 0 #def3ba; }
.route-strip .route li { background: #d9efb6; border: 2px solid var(--ink); box-shadow: 2px 2px 0 #78a55c; }
.route-strip .route li:first-child { background: #b7e884; }
.route-strip .route li:last-child { background: #73cf56; }
.route-strip .rs-n { border-top-color: #82ad64; }
.sec .reg.board { background: #d9edb9; box-shadow: 5px 5px 0 #557b43; }
.sec .reg > div:first-child, .sec .reg:not(.empty) .reg-list { background: #c7e4a8; scrollbar-color: #729d58 #c7e4a8; }
.sec .reg .fld { background: #b5d98d; border-bottom: 2px solid var(--ink); box-shadow: inset 0 3px 0 #d7efb3; }
.reg .rrow-w { background: #c7e4a8; border-bottom: 1px solid #93b77a; }
.reg .rrow-w:nth-child(even) { background: #cfeab1; }
.reg .rrow-w:hover { background: #b6e68d; }
.reg .rrow-w:has(.rrow[aria-current="true"]) { background: #92d366; box-shadow: inset 4px 0 var(--ink), inset 0 2px 0 #baf093; }
.reg .rrow img, .reg .sh-head img { background: #acd785; border: 2px solid #436b3a; }
.sec .reg .sheet { background: #def1bd; box-shadow: inset 0 3px 0 #ecf9d8; }
.reg .sh-head img { box-shadow: 3px 3px 0 #86af65; }
.reg .sh-stats { background: #bfdf9b; border: 2px solid #436b3a; box-shadow: inset 2px 2px 0 #d9f0b5; }
.reg .sh-stats div:nth-child(odd) { border-right-color: #8db46d; }
.reg .sh-stats div:nth-child(-n+2) { border-bottom-color: #8db46d; }
.reg .sheet .empty-line { background: #c9e6a8; border-left-color: #6b9d4c; }
.sec .warm.board { background: #c7e6a3; border: 2px solid #436b3a; box-shadow: 3px 3px 0 #6f9756; }
.sec .form.board { background: #d5edb7; box-shadow: 5px 5px 0 #557b43, inset 0 3px 0 #eafbd0; }
.form .step { background: #80d45d; color: var(--ink); border: 2px solid var(--ink); box-shadow: 2px 2px 0 #80aa62; }
.form .hostpick .hp { background: #bede99; border: 2px solid #60804e; box-shadow: inset 2px 2px 0 #d9efb7; }
.form .hostpick .hp:hover { background: #addf82; }
.form .hostpick .hp[aria-checked="true"] { background: #82d15c; border-color: var(--ink); box-shadow: inset 2px 2px 0 #acec83, 2px 2px 0 #759c57; }
.form .hp img, .form .host-pic { background: #a7d27d; }
.form .drop { background: #c2e29c; border-color: #5d8b47; box-shadow: inset 0 3px 0 #d3efb0; }
.form .drop:hover, .form .drop.over { background: #acd980; border-color: var(--ink); }
.form .seg button, .co-bar .seg button { background: #bee49c; border: 2px solid #4d7440; box-shadow: inset 2px 2px 0 #dcf3b9; font-family: "Atkinson Hyperlegible", system-ui, sans-serif; font-weight: 700; font-size: 22px; font-synthesis: none; letter-spacing: 0; text-shadow: none; -webkit-text-stroke: 0; }
.form .seg button:hover, .co-bar .seg button:hover { background: #a7de7c; }
.form .seg button.on,
.form .seg button[aria-checked="true"],
.co-bar .seg button[aria-checked="true"] { background: #16351f; color: #f3ffe4; border-color: #16351f; }
.form .tax-now, .form .tax-now b { margin: 12px 0 0; color: #16351f; font-family: "Atkinson Hyperlegible", system-ui, sans-serif; font-weight: 700; font-size: 22px; font-synthesis: none; letter-spacing: 0; text-shadow: none; }
.form .hp .pair-flag.off { color: #6d4a32; }
.form .form-foot { border-top: 2px solid #a0c584; }
.inoc-side .dish { background: #97cc76; box-shadow: 5px 5px 0 #527a43, inset 0 3px 0 #bfeca1; }
.inoc-side .preview { background: #d4edb0; border: 2px solid var(--ink); box-shadow: 3px 3px 0 #609348, inset 0 3px 0 #e7facd; }
.inoc-side .pv-pic { background-color: #a5d67c; border: 2px solid #4e7b3d; }
.coins-page .collection-note { color: #345b35; padding: 12px 16px; background: #c5e7a0; border-left: 4px solid #548843; }
.coins-page .co-n { background: #8ed368; border: 2px solid #346035; box-shadow: 2px 2px 0 #77a15b; color: var(--ink); }
.coins-page .co-bar { background: #c3e39e; box-shadow: 5px 5px 0 #5c8348, inset 0 3px 0 #dff5bd; }
.coins-page .co-chip, .sec .co-chip { background: #b4df8c; color: #244e2e; border: 2px solid #4e783f; box-shadow: inset 1px 1px 0 #d9f1b6; font-family: var(--disp); font-size: 16px; }
.coins-page .co-chip:hover, .sec .co-chip:hover { background: #9bda73; }
.coins-page .co-chip[aria-pressed="true"] { background: #69c64d; border-color: var(--ink); color: var(--ink); box-shadow: inset 2px 2px 0 #9fea79, 2px 2px 0 #6b974e; }
.co-grid .cc { background: #d4edb4; box-shadow: 5px 5px 0 #60874b, inset 0 3px 0 #e9facd; }
.co-grid .cc:hover { box-shadow: 5px 8px 0 #477339, inset 0 3px 0 #e9facd; }
.co-grid .cc-pic { background: #a9d982; border: 2px solid #46713a; box-shadow: 2px 2px 0 #99bd7a; }
.co-grid .cc-grad { background: #a6d879; color: #24522d; border: 1px solid #709c51; }
.co-grid .cc-kv, .co-grid .cc-foot { border-top-color: #9fc280; }
.co-grid .cc-bar { border-color: #567c42; background: #c1e29c; }
.co-grid .cc-bar i.on { background: #61b447; box-shadow: inset 0 2px 0 #8bda66; }
.coins-page .co-grid > .empty-line { background: #c3e2a0; border: 2px dashed #6a9550; }
.coins-page .docs-grid .board { background: #d1eab0; box-shadow: 5px 5px 0 #5e834a, inset 0 3px 0 #e6f9c5; }
.coins-page .docs-grid h2 { color: #285432; text-shadow: 2px 2px 0 #e8fbd0; }
.coins-page .tbl th, .coins-page .tbl td { border-bottom-color: #9dbc80; }
.coins-page .tbl tr:nth-child(even) { background: #c6e3a2; }
.coins-page .tbl th { padding-left: 12px; }
.coins-page .tbl td { padding-right: 12px; }
body[data-page="mint"] .docs-grid [data-pic] { background: #abd984; box-shadow: 4px 4px 0 #6d9b52; }
.reg img.photo, .form .hp img.photo, .co-grid .cc-pic.photo { background-color: #d0e9ae; }
@media (max-width: 560px) {
  main .sec .rt, .coins-page .rt { font-size: 17px; }
  .coins-page .co-chip, .sec .co-chip { font-size: 15px; }
  .coins-page .tbl th { width: 91px; padding-left: 8px; }
  .coins-page .tbl td { padding-right: 8px; }
}
@media (prefers-reduced-motion: reduce) { .co-grid .cc, .co-grid .cc:hover { transform: none; transition: none; } }