/* asciibots : terminal à phosphore ambre (texte brut, cadres en caractères, curseur) */
:root{--bg:#0b0700;--panel:#100b00;--border:#6a4700;--fg:#ffb000;--fg-dim:#d99400;--muted:#c28200;--red:#ffb000;--white:#ffd27a;--teal:#ffd27a;--cyan:#ffd27a;--blue:#ffd27a;--blue-light:#ffd27a}
body{text-shadow:0 0 5px rgba(255,176,0,.45);background-image:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.75) 100%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px)}
h1,h1 strong{color:#ffb000;font-weight:700;text-transform:none}
h1::after{content:"█";margin-left:.4em;animation:ab-blink 1s steps(1) infinite}
@keyframes ab-blink{50%{opacity:0}}
.topbar{color:#ffd27a;border-style:dashed;border-color:#6a4700}
.panel{border:2px double #ffb000;border-radius:0;box-shadow:none}
.panel::before{content:"+--[ asciibots ]-----------------------------+";display:block;color:#b87a00;font-size:.7rem;margin:-6px 0 10px;overflow:hidden;white-space:nowrap}
input,select,textarea{background:#0b0700;border:1px solid #6a4700;color:#ffb000;caret-color:#ffb000}
input:focus,select:focus{outline:none;border-color:#ffb000;box-shadow:0 0 8px rgba(255,176,0,.6)}
button{background:transparent;color:#ffb000;border:1px solid #ffb000;box-shadow:none;text-shadow:inherit}
button::before{content:"[ "}button::after{content:" ]"}
button:hover:not(:disabled){background:#ffb000;color:#0b0700;text-shadow:none}
.gallery-item img,.result img{filter:sepia(1) hue-rotate(-12deg) saturate(2.2) contrast(1.05)}
.gallery-item:hover img{filter:none}
@media (prefers-reduced-motion:reduce){h1::after{animation:none}}
.topbar a{color:#ffd27a}