/* R2D404 mobile scrapyard layer: only applies on small screens */
@media (max-width:760px){
:root{--rust:#c4622d;--rust2:#8a3f1b;--steel:#4a4f55;--steel2:#2b2f33;--tape:#e8b923;--term:#7dff9a}
html{-webkit-text-size-adjust:100%}
body{background:
 radial-gradient(circle at 15% 105%,rgba(138,63,27,.55) 0 22%,transparent 23%),
 radial-gradient(circle at 85% 110%,rgba(74,79,85,.7) 0 28%,transparent 29%),
 radial-gradient(circle at 50% 120%,rgba(196,98,45,.35) 0 30%,transparent 31%),
 repeating-linear-gradient(135deg,#1d2023 0 14px,#212529 14px 28px) !important;
 padding-bottom:150px !important;font-size:17px;line-height:1.55}
body::before{content:"";display:block;height:10px;background:repeating-linear-gradient(45deg,var(--tape) 0 14px,#111 14px 28px);position:sticky;top:0;z-index:60}
h1,h2,h3{letter-spacing:.5px;text-shadow:2px 2px 0 #000}
h1{font-size:2rem !important;line-height:1.15}
section,.card,article,.panel,.box{position:relative;
 background:linear-gradient(160deg,#3a3f45,#2b2f33 60%,#33291f) !important;
 border:2px solid #15171a !important;border-radius:10px !important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 4px 0 #0c0d0f !important;
 padding:18px 16px !important;margin:14px 10px !important}
section::before,.card::before,article::before{content:"";position:absolute;inset:6px;pointer-events:none;
 background:
 radial-gradient(circle,#8d939a 0 2px,#23262a 3px,transparent 4px) 0 0/100% 100% no-repeat,
 radial-gradient(circle at 0 0,#9aa0a6 0 2.5px,#1a1c1f 3.5px,transparent 4.5px) left top/10px 10px no-repeat,
 radial-gradient(circle at 100% 0,#9aa0a6 0 2.5px,#1a1c1f 3.5px,transparent 4.5px) right top/10px 10px no-repeat,
 radial-gradient(circle at 0 100%,#9aa0a6 0 2.5px,#1a1c1f 3.5px,transparent 4.5px) left bottom/10px 10px no-repeat,
 radial-gradient(circle at 100% 100%,#9aa0a6 0 2.5px,#1a1c1f 3.5px,transparent 4.5px) right bottom/10px 10px no-repeat}
a.btn,.btn,button{min-height:48px;border-radius:8px !important;
 background:linear-gradient(#d4733a,var(--rust2)) !important;color:#fff !important;border:2px solid #3b1a0a !important;
 box-shadow:0 4px 0 #3b1a0a !important;font-weight:700;transition:transform .08s}
a.btn:active,.btn:active,button:active{transform:translateY(3px);box-shadow:0 1px 0 #3b1a0a !important}
img{max-width:100%;height:auto}
table{display:block;overflow-x:auto;max-width:100%}
pre,code,.terminal,.status{font-family:ui-monospace,Menlo,monospace}
.terminal,.status,#status{background:#0b0f0b !important;color:var(--term) !important;border:2px solid #000 !important;text-shadow:0 0 6px rgba(125,255,154,.5)}
.status::after,#status::after,.terminal::after{content:"_";animation:r4blink 1s steps(1) infinite}
header nav,header .nav,nav:not(#r4-nav){display:flex !important;flex-wrap:wrap;gap:6px 12px;white-space:normal !important;overflow:visible}
footer{padding-bottom:20px !important;font-size:14px}
/* sticky Telegram button */
#r4-tg{position:fixed;left:10px;right:10px;bottom:76px;z-index:80;display:flex;align-items:center;justify-content:center;gap:8px;
 height:46px;border-radius:10px;font-weight:800;text-decoration:none;color:#111;
 background:repeating-linear-gradient(45deg,var(--tape) 0 16px,#f3cf4d 16px 32px);border:2px solid #111;box-shadow:0 3px 0 #000;
 animation:r4pulse 2.6s ease-in-out infinite}
/* bottom nav */
#r4-nav{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(6,1fr);
 background:linear-gradient(#3a3f45,#1d2023);border-top:4px solid var(--rust);padding:4px 2px calc(4px + env(safe-area-inset-bottom))}
#r4-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;color:#d8dde2;text-decoration:none;font-size:11px;font-weight:700;border-radius:8px}
#r4-nav a span{font-size:22px;line-height:1}
#r4-nav a.on{color:#fff;background:linear-gradient(#c4622d,#8a3f1b);box-shadow:inset 0 0 0 2px #3b1a0a}
@keyframes r4blink{50%{opacity:0}}
@keyframes r4pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
}
@media (min-width:761px){#r4-nav,#r4-tg{display:none}}
