:root{--cream:#fbf3e0;--sand:#f2dfb4;--ocean:#2a6f97;--deep:#163a5f;--foam:#bfe6f2;--ink:#2b2118;--gold:#f0b41e}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);image-rendering:pixelated;margin:0;font:14px/1.6 "Press Start 2P",monospace,sans-serif}body.zh{font-family:Zpix,"Press Start 2P",monospace,sans-serif;font-size:15px}nav{z-index:9;background:var(--deep);color:var(--cream);border-bottom:4px solid var(--ink);align-items:center;gap:18px;padding:12px 24px;display:flex;position:sticky;top:0}nav a{color:var(--foam);font-size:11px;text-decoration:none}nav .logo{color:var(--gold);margin-right:auto;font-size:16px}.btn{background:var(--gold);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:inherit;cursor:pointer;color:var(--ink);padding:8px 14px;font-size:11px}.btn.blue{background:var(--foam)}.btn.sm{box-shadow:2px 2px 0 var(--ink);padding:4px 8px;font-size:10px}section{max-width:1100px;margin:0 auto;padding:40px 24px}h2{color:var(--deep);border-left:8px solid var(--gold);padding-left:12px;font-size:18px}.card{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;padding:16px}.hero{background:linear-gradient(var(--foam) 0 55%,var(--ocean) 55% 75%,var(--sand) 75%);text-align:center;border-bottom:4px solid var(--ink);max-width:none;padding:60px 24px}.hero h1{color:var(--deep);text-shadow:4px 4px #fff;margin:0;font-size:40px}.hero img{width:96px}.grid{gap:18px;display:grid}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}.animal{text-align:center;position:relative}.animal img{width:96px;height:96px}.tag{border:2px solid var(--ink);padding:2px 6px;font-size:10px;display:inline-block}.N{background:#ddd}.R{background:#9cd0ff}.SR{background:#dcb8ff}.UR{background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bff95,#6bc8ff,#c86bff) 0 0/200%;animation:2s linear infinite sh}@keyframes sh{to{background-position:200%}}.animal.ur{border-color:var(--gold);box-shadow:0 0 18px 4px var(--gold),6px 6px 0 var(--ink);background:radial-gradient(#fff8d0,#fff)}.bar{border:2px solid var(--ink);background:#eee;height:10px}.bar i{background:#5cc06b;height:100%;display:block}input[type=number],input[type=text]{font:inherit;border:3px solid var(--ink);width:100%;padding:6px;font-size:11px}.chk{width:18px;height:18px;position:absolute;top:8px;left:8px}.feed li{border-bottom:2px dashed var(--sand);padding:8px 0;font-size:11px;list-style:none}.feed a{color:var(--ocean)}.stat b{color:var(--ocean);font-size:20px;display:block}small{opacity:.7;font-size:10px}.tabs .btn{margin-right:6px}footer{background:var(--deep);color:var(--foam);text-align:center;padding:24px;font-size:10px}h3{color:var(--ocean);margin:28px 0 8px;font-size:14px}.elig li{font-size:10px}.pick{outline:4px dashed var(--ocean)}code{background:var(--sand);padding:2px 4px}nav{flex-wrap:wrap}nav select{font:inherit;font-size:10px}nav .addr{color:var(--gold);font-size:10px}.btn:disabled{opacity:.45;cursor:not-allowed}a.btn{text-decoration:none;display:inline-block}.tabs .btn{margin:4px 6px 4px 0}.animal.dead{opacity:.5;filter:grayscale();pointer-events:none}.deadtag{color:#d9534f;font-weight:700}.animal small{display:block}.alerts{border-color:#c0392b}.alerts.new{box-shadow:0 0 0 4px #ffb3a7,6px 6px 0 var(--ink);animation:1.5s ease-in-out 3 pulse}@keyframes pulse{50%{box-shadow:0 0 0 10px #ffd6cf,6px 6px 0 var(--ink)}}.feed li.cap{color:#8a1f11}.feed li.fresh{background:#fff0ec}.feed{max-height:420px;padding-left:0;overflow:auto}.toast{z-index:60;background:var(--deep);color:var(--cream);border:3px solid var(--ink);max-width:420px;padding:10px 14px;font-size:11px;position:fixed;bottom:16px;right:16px}.werr{background:#ffe0e0;padding:8px 24px;font-size:11px}.hist{margin-top:12px}.feedbox input{margin:8px 0}.par a{margin-left:4px}.elig label{cursor:pointer}
