/* ---- LODE overrides (loaded after app.css) ---- */
:root {
  --bg: #d9cfb8;
  --ink: #1b1b1b;
  --muted: #4f4a44;
  --card: #e8e0cc;
  --pink: #3fbf4f;
  --yellow: #f2c230;
  --gold: #f2c230;
  --blue: #3f76e4;
  --green: #5d9c3a;
  --purple: #a85cff;
  --orange: #ff8a3d;
  --line: 3px solid var(--ink);
  --shadow: 4px 4px 0 var(--ink);
  --radius: 4px;
  --font: "Pixelify Sans", "Segoe UI", system-ui, sans-serif;
  --stone: #8c8c8c;
  --stone-light: #c6c6c6;
  --dirt: #79553a;
}
html { image-rendering: pixelated; }
body { font-family: var(--font); font-size: 18px; letter-spacing: 0.01em; background: #6b4a2b url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 8 8%22 width%3D%2216%22 height%3D%2216%22 shape-rendering%3D%22crispEdges%22%3E%3Crect x%3D%220%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%221%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%222%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%223%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%224%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%225%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%226%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%227%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%220%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%221%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%222%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%223%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%224%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%225%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%226%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%227%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%220%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%221%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%222%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%223%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%224%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%225%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%226%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%227%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%220%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%221%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%222%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%223%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%224%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%225%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%226%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%227%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%220%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%221%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%222%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%223%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%225%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%226%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%227%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%220%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%221%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%222%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%223%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%224%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%225%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%226%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%227%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%220%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%221%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%222%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%223%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%224%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%225%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%226%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%227%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%220%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%221%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%222%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%223%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%224%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%239a6633%22%2F%3E%3Crect x%3D%225%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3Crect x%3D%226%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238b5a2b%22%2F%3E%3Crect x%3D%227%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237a4e25%22%2F%3E%3C%2Fsvg%3E"); background-size: 48px 48px; color: var(--ink); }
.hero { background: linear-gradient(#6f9cff, #c3d8ff 60%, #a9c9ff); border-bottom: 6px solid #1b1b1b; }
.hero:after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 0; }
b { font-weight: 700; }
code { background: #fff3; border-radius: 2px; font-family: ui-monospace, Consolas, monospace; }
kbd { border-radius: 2px; background: var(--stone-light); border-color: #fff #555 #555 #fff; border-width: 2px 3px 3px 2px; }
/* blocks instead of balls */
.logo-orb, .logo-orb:before, .logo-orb:after { border: 0 !important; background: none; clip-path: none; border-radius: 0; }
.logo-orb { width: 30px; height: 30px; background: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 8 8%22 width%3D%2232%22 height%3D%2232%22 shape-rendering%3D%22crispEdges%22%3E%3Crect x%3D%220%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%221%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%222%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%223%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%224%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%225%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%226%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%227%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%220%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%221%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%222%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%223%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%224%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%225%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%226%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%227%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%220%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%221%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%222%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%223%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffe37a%22%2F%3E%3Crect x%3D%224%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%225%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%226%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%227%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%220%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%221%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%222%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%223%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%224%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%225%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%226%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%227%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffe37a%22%2F%3E%3Crect x%3D%220%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%221%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%222%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%223%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%225%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%226%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%227%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%220%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%221%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%222%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%223%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%224%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%225%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%226%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%227%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%220%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%221%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%222%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%223%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffe37a%22%2F%3E%3Crect x%3D%224%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%225%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%226%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%227%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%220%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%221%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%222%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%223%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%224%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%225%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%226%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237d7d7d%22%2F%3E%3Crect x%3D%227%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; image-rendering: pixelated; }
.logo-orb:before, .logo-orb:after { content: none !important; }
.big-logo .logo-orb { width: 44px; height: 44px; }
.ball-ico, .ball-ico:after, .ball-ico.gold:after { border: 0 !important; background: none; clip-path: none; border-radius: 0; box-shadow: none; }
.ball-ico:after { content: none !important; }
.ball-ico { width: 30px; height: 30px; background: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 8 8%22 width%3D%2232%22 height%3D%2232%22 shape-rendering%3D%22crispEdges%22%3E%3Crect x%3D%222%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%220%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffffff%22%2F%3E%3Crect x%3D%224%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffffff%22%2F%3E%3Crect x%3D%225%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%227%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%220%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%227%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%220%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%227%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%220%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%222%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%227%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%223%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%224%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%225%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%226%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%223%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%224%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%225%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; image-rendering: pixelated; }
.ball-ico.gold { background: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 8 8%22 width%3D%2232%22 height%3D%2232%22 shape-rendering%3D%22crispEdges%22%3E%3Crect x%3D%222%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%223%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%224%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%225%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%221%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%222%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%223%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffe37a%22%2F%3E%3Crect x%3D%224%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffe37a%22%2F%3E%3Crect x%3D%225%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%226%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%220%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%221%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%222%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffe37a%22%2F%3E%3Crect x%3D%223%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffe37a%22%2F%3E%3Crect x%3D%224%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffe37a%22%2F%3E%3Crect x%3D%225%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%226%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%227%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%220%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%221%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%222%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%223%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffe37a%22%2F%3E%3Crect x%3D%224%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%225%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%226%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%227%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%220%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%221%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%222%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%223%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%225%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%226%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%227%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%220%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%221%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%222%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%223%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%224%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f2c230%22%2F%3E%3Crect x%3D%225%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%226%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%227%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%221%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%222%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%223%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%224%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%225%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%226%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%222%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%223%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%224%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3Crect x%3D%225%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c48a12%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; filter: drop-shadow(0 0 6px #ffd23fcc); }
.pink-orb-ico { background: url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 8 8%22 width%3D%2232%22 height%3D%2232%22 shape-rendering%3D%22crispEdges%22%3E%3Crect x%3D%222%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%220%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffffff%22%2F%3E%3Crect x%3D%224%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23ffffff%22%2F%3E%3Crect x%3D%225%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%227%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%220%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%227%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%220%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%227%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%220%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%222%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%223%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%224%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%225%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%226%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%227%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%221%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%223%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%224%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%225%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%226%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23f4f9ff%22%2F%3E%3Crect x%3D%222%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%223%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%224%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3Crect x%3D%225%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23c9ddf5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important; border: 0 !important; border-radius: 0 !important; }
/* Minecraft-style buttons */
.btn { font-family: var(--font); font-weight: 600; text-transform: none; border-radius: 2px; border: 3px solid; border-color: #fff #3a3a3a #3a3a3a #fff; box-shadow: 0 0 0 2px var(--ink); background: #8f8f8f; color: #fff; text-shadow: 2px 2px 0 #3a3a3a; letter-spacing: 0.02em; }
.btn:hover { background: #a0a0ff00; filter: brightness(1.08); box-shadow: 0 0 0 2px var(--ink); transform: none; }
.btn:active { border-color: #3a3a3a #fff #fff #3a3a3a; }
.btn-ghost { background: #6f6f6f; }
.btn-buy { background: #d9a520; border-color: #ffe37a #8a6410 #8a6410 #ffe37a; color: #fff; }
.btn-play { background: #3fbf4f; border-color: #8ee89a #1f6f2b #1f6f2b #8ee89a; color: #fff; box-shadow: 0 0 0 2px var(--ink), 4px 4px 0 var(--ink); }
.btn-play:hover { box-shadow: 0 0 0 2px var(--ink), 5px 5px 0 var(--ink); }
/* panels */
.panel, .start-card, .how-card, .real-card, .modal-card, .slot, .events li, .nametag, .bubble span, .tier-badge, .ca-pill, .topbar .logo, .chat.open, .online, .collection-chip, .sound-chip, .minimap-wrap, .claim-pill, .toast, .banner, .legend-chip, .early-fact, .pot-rule, .verify-box, .vrow, .wj-start, .wl-joined, .card-marker, .arrival-card, .bonus-card, .victory-card, .dex-card, .cslot { border-radius: 3px !important; }
.start-card { background: #c6c6c6f2; border: 3px solid; border-color: #fff #555 #555 #fff; box-shadow: 0 0 0 3px var(--ink), 6px 6px 0 var(--ink); }
.panel, .how-card, .real-card, .modal-card, .slot, .events li { background: #c6c6c6f0; border: 3px solid; border-color: #fff #555 #555 #fff; box-shadow: 0 0 0 2px var(--ink); }
.how-card p { color: #2f2a26; }
.modal-card { background: #c6c6c6; }
.topbar .logo { background: #c6c6c6f0; border: 3px solid; border-color: #fff #555 #555 #fff; box-shadow: 0 0 0 2px var(--ink); padding: 2px 12px 2px 6px; }
.logo-word, .big-logo { font-family: var(--font); font-weight: 700; letter-spacing: 0.04em; }
.big-logo { font-size: 48px; text-shadow: 4px 4px 0 #8a8a8a; }
.nav a { color: #fff; text-shadow: 2px 2px 0 #1b1b1b; font-weight: 600; }
.ca-pill { background: #c6c6c6f0; }
.section { background: transparent; }
.section-title, .section-lead { color: #fff; text-shadow: 3px 3px 0 #1b1b1b; }
.section-title { font-family: var(--font); font-weight: 700; letter-spacing: 0.02em; }
.section-lead b { color: #ffe37a; }
.powered, .powered a { color: #e8e0cc; text-shadow: 2px 2px 0 #1b1b1b; }
.early-fact, .pot-rule, .verify-box, .vrow { background: #c6c6c6f0; border: 3px solid; border-color: #fff #555 #555 #fff; box-shadow: 0 0 0 2px var(--ink); }
.footer { background: #1b1b1b url("data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 8 8%22 width%3D%2216%22 height%3D%2216%22 shape-rendering%3D%22crispEdges%22%3E%3Crect x%3D%220%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%221%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%222%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%223%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%224%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%225%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%226%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%227%22 y%3D%220%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%220%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%221%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23999999%22%2F%3E%3Crect x%3D%222%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23999999%22%2F%3E%3Crect x%3D%223%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%224%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%225%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23999999%22%2F%3E%3Crect x%3D%226%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23999999%22%2F%3E%3Crect x%3D%227%22 y%3D%221%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%220%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%221%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%222%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%223%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%224%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%225%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%226%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%227%22 y%3D%222%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%220%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%221%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%222%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%223%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%224%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%225%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%226%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%227%22 y%3D%223%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%220%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%221%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%222%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%223%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%224%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%225%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%226%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%227%22 y%3D%224%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%220%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%221%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23999999%22%2F%3E%3Crect x%3D%222%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23999999%22%2F%3E%3Crect x%3D%223%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%224%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%225%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23999999%22%2F%3E%3Crect x%3D%226%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%23999999%22%2F%3E%3Crect x%3D%227%22 y%3D%225%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%220%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%221%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%222%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%223%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%224%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%225%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%226%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%227%22 y%3D%226%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%220%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%221%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%222%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%223%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%224%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3Crect x%3D%225%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%226%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%238c8c8c%22%2F%3E%3Crect x%3D%227%22 y%3D%227%22 width%3D%221%22 height%3D%221%22 fill%3D%22%237f7f7f%22%2F%3E%3C%2Fsvg%3E"); background-size: 48px 48px; color: #ddd; border-top: 4px solid #1b1b1b; }
.footer p { color: #cfcfcf; text-shadow: 1px 1px 0 #000; }
.footer-logo { color: #fff; }
/* HUD */
.events li.gold { background: #ffe9a8f0; }
.events li.me { background: #d9f5dcf0; }
.events li.legend { background: #e9d6fff0; }
.slot.pink.on { background: #eef6fff5; }
.slot.gold.on { background: #ffeeb3f5; }
.nametag { background: #1b1b1bb3; color: #fff; border: 0; box-shadow: none; padding: 2px 8px; }
.nametag i { border-color: #fff; border-radius: 0; }
.bubble span { background: #1b1b1bcc; color: #fff; border: 0; box-shadow: none; }
.bubble:before { border-top-color: #1b1b1bcc; }
.chat.open { background: #1b1b1bcc; border-color: #1b1b1b; }
.chat.open .cm-name, .chat.open .chat-log { color: #fff; }
.chat-log li, .cm-text { color: #fff; text-shadow: 1px 1px 0 #000; }
.card-panel .cp-name { font-weight: 700; }
.sp-bar { border-radius: 0; background: #555; }
.sp-bar i { background: linear-gradient(90deg, #3fbf4f, #f2c230); border-radius: 0; }
.crosshair .ch-bar, .crosshair .ch-dot { fill: #fff; stroke: #1b1b1b; stroke-width: 1.5; }
.minimap-wrap { border: 3px solid; border-color: #fff #555 #555 #fff; box-shadow: 0 0 0 2px var(--ink); }
.tier-badge { border-radius: 2px !important; }
.wt-ladder li, .tier-card { border-radius: 3px; }
.overlay.start { background: radial-gradient(#ffffff26, #1b1b1b40); }
.overlay.pause { background: #1b1b1b73; }
.name-field input { font-family: var(--font); border-radius: 2px; background: #1b1b1b; color: #fff; border: 2px solid #a0a0a0; }
.name-field span { color: #2f2a26; }
.scroll-hint { color: #fff; text-shadow: 2px 2px 0 #1b1b1b; }
.touch .tbtn { border-radius: 4px; }
@media (width <= 820px) { .big-logo { font-size: 40px; } }
.cards-grid .empty, .verify-list > .empty, .section .empty { color: #fff; text-shadow: 2px 2px 0 #1b1b1b; font-size: 18px; }
.vrow .h { color: #2f2a26; }
.real-card .badge { border-radius: 2px; }