/* PROXY l3 – Look einer Website von 1993: grauer Grund, Times, blaue Links, Tabellen, Kanten-Buttons */
body { background: #c0c0c0; color: #000; font-family: "Times New Roman", Times, serif; font-size: 16px; margin: 0; padding: 12px; }
a { color: #0000ff; } a:visited { color: #551a8b; } a:active { color: #ff0000; }
.page { width: 640px; max-width: 100%; margin: 0 auto; }
.logo { display: block; width: 100%; max-width: 520px; height: auto; margin: 6px auto 0; image-rendering: pixelated; }
.tagline { text-align: center; font-family: "Courier New", Courier, monospace; font-size: 13px; letter-spacing: 1px; margin: 4px 0 10px; }
hr { border: 0; border-top: 1px solid #808080; border-bottom: 1px solid #fff; margin: 12px 0; }
.nav { text-align: center; font-family: "Courier New", Courier, monospace; font-size: 14px; }
.nav a { margin: 0 4px; }
.box { border: 2px outset #e0e0e0; background: #c0c0c0; padding: 8px 10px; margin: 10px 0; }
.box.inset { border: 2px inset #e0e0e0; background: #d8d8d8; }
h1, h2, h3 { font-family: "Times New Roman", Times, serif; margin: 10px 0 6px; }
h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 17px; }
.mono { font-family: "Courier New", Courier, monospace; }
.small { font-size: 12px; }
.center { text-align: center; }
table.grid { border-collapse: collapse; width: 100%; }
table.grid td, table.grid th { border: 1px solid #808080; padding: 6px 8px; vertical-align: top; }
table.grid th { background: #a8a8a8; text-align: left; font-family: "Courier New", Courier, monospace; font-size: 13px; }
.thumb { width: 120px; height: 90px; border: 1px solid #000; background: #fff; display: block; image-rendering: pixelated; object-fit: cover; }
.price { font-family: "Courier New", Courier, monospace; font-weight: bold; }
button, input[type=submit], .btn { font-family: "Courier New", Courier, monospace; font-size: 14px; background: #c0c0c0; color: #000; border: 2px outset #e0e0e0; padding: 4px 12px; cursor: pointer; text-decoration: none; display: inline-block; }
button:active, .btn:active { border-style: inset; }
input[type=text], input[type=email], textarea, select { font-family: "Courier New", Courier, monospace; font-size: 14px; border: 2px inset #e0e0e0; background: #fff; padding: 3px 5px; width: 100%; box-sizing: border-box; }
.blink { animation: blink 1s steps(1, end) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.new { color: #ff0000; font-family: "Courier New", Courier, monospace; font-weight: bold; font-size: 12px; }
.counter { display: inline-block; background: #000; color: #0f0; font-family: "Courier New", Courier, monospace; font-size: 14px; padding: 1px 6px; border: 2px inset #808080; letter-spacing: 3px; }
.badge { display: inline-block; border: 1px solid #000; background: #fff; font-family: "Courier New", Courier, monospace; font-size: 10px; padding: 2px 6px; margin: 2px; }
.marquee { overflow: hidden; white-space: nowrap; border: 1px solid #808080; background: #000; color: #0f0; font-family: "Courier New", Courier, monospace; font-size: 13px; padding: 2px 0; }
.marquee span { display: inline-block; padding-left: 100%; animation: ticker 22s linear infinite; }
@keyframes ticker { to { transform: translateX(-100%); } }
.footer { font-family: "Courier New", Courier, monospace; font-size: 11px; text-align: center; color: #333; margin-top: 16px; }
@media (max-width: 480px) { body { font-size: 15px; padding: 8px; } .thumb { width: 84px; height: 64px; } }
@media (prefers-reduced-motion: reduce) { .blink, .marquee span { animation: none; } .marquee span { padding-left: 0; } }
/* Kunst-Store: Galerie, Detailtabelle, Bitcoin-Adresse, Verwaltung */
.page.wide { width: 900px; }
.gallery { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.gallery img.main { width: 100%; max-height: 520px; object-fit: contain; border: 1px solid #000; background: #fff; image-rendering: auto; }
.gallery img.thumb { width: 96px; height: 72px; image-rendering: auto; }
.thumb { image-rendering: auto; }
table.kv td { padding: 3px 8px 3px 0; vertical-align: top; } table.kv td:first-child { font-family: "Courier New", Courier, monospace; font-size: 12px; color: #333; white-space: nowrap; }
.addr { word-break: break-all; font-size: 15px; background: #fff; border: 1px inset #808080; padding: 6px; margin: 6px auto; max-width: 460px; }
.tabs a, .tabs b { margin-right: 10px; font-family: "Courier New", Courier, monospace; }
table.grid input, table.grid select, table.grid textarea { font-size: 13px; padding: 2px 4px; }
.st-pending { color: #c00; } .st-seen, .st-underpaid { color: #c60; } .st-paid, .st-shipped { color: #080; } .st-expired, .st-cancelled { color: #666; }
.unread { background: #ffffc0; }