/* BanCraft - extra styles beyond Tailwind */
:root{ color-scheme: dark; }
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{ font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }

/* Pixel rendering for canvas */
canvas{ image-rendering: pixelated; image-rendering: crisp-edges; }

/* Subtle scanline vibe for panels */
.bancraft-panel{
  background: radial-gradient(1200px 600px at 20% 0%, rgba(99,102,241,0.18), transparent 55%),
              radial-gradient(900px 500px at 90% 10%, rgba(34,197,94,0.12), transparent 60%),
              linear-gradient(180deg, rgba(24,24,27,0.92), rgba(9,9,11,0.92));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* Focus ring helper */
.focus-ring:focus{ outline:none; }
.focus-ring:focus-visible{ box-shadow: 0 0 0 3px rgba(99,102,241,0.45); }

/* Scrollbar */
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.12); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,0.18); }

/* Tiny pixel font fallback (system) */
.pixelish{ letter-spacing: 0.02em; }

/* Toast animation */
@keyframes toastIn{ from{ transform: translateY(8px); opacity:0; } to{ transform: translateY(0); opacity:1; } }
.toast-in{ animation: toastIn 160ms ease-out; }