/* ========================================================================== minecraft.css — Minecraft section, Ops Console style with a lime accent. Load AFTER style.css and add class="mc" to . Subtle pixel nods only. ========================================================================== */ .mc { /* shift the section's accent from cyan to lime */ --accent: var(--lime); } /* lime-tinted ambient glow for this section */ .mc body::before, .mc.mc body::before { } /* headings + eyebrows pick up lime */ .mc h1 { background: linear-gradient(135deg, #fff 0%, #dcedc8 55%, var(--lime) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } .mc h3 { color: var(--lime); } .mc .eyebrow { color: var(--lime); } /* HUD cards in this section get lime corner brackets + hover */ .mc .card::before, .mc .card::after { border-color: var(--lime); } .mc .tile:hover { border-color: var(--lime); box-shadow: 0 0 18px var(--lime-glow); } .mc .tile .arrow { color: var(--lime); } .mc a { color: var(--lime); } /* console-style banner (replaces the old grass block) */ .mc-banner { background: linear-gradient(180deg, rgba(40,48,70,.85), rgba(32,38,58,.85)); border: 1px solid var(--line-strong); border-left: 3px solid var(--lime); border-radius: var(--radius); padding: 1.6rem 1.5rem; position: relative; box-shadow: 0 4px 16px rgba(0,0,0,.3), inset 0 0 40px rgba(163,230,53,.05); } .mc-banner .sub { color: var(--muted); font-family: var(--font-mono); font-size: .9rem; } /* a tiny pixel cube as a subtle nod, not a theme takeover */ .mc-cube { display: inline-block; width: 14px; height: 14px; vertical-align: -2px; image-rendering: pixelated; background: linear-gradient(135deg, var(--lime) 0 50%, #6b9e1f 50% 100%); border: 1px solid rgba(0,0,0,.4); } /* difficulty pills as mono badges */ .mc-pill { display: inline-block; font-family: var(--font-mono); font-size: .64rem; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; padding: .22rem .55rem; border-radius: 4px; border: 1px solid currentColor; margin: 3px 4px 3px 0; } .mc-pill.easy { color: var(--lime); } .mc-pill.medium { color: var(--amber); } .mc-pill.hard { color: var(--danger); } .mc-pill.diamond { color: var(--cyan-bright); } .mc-pill::before { content: '● '; } .mc .tag.minecraft { color: var(--lime); background: rgba(163,230,53,.1); border-color: rgba(163,230,53,.3); } .mc .sub { color: var(--muted); }