:root{--paper:#101c1b;--ink:#ecf5db;--lime:#b6df63;--violet:#aa83da;--cyan:#71d1d0;--amber:#efb260;--line:rgba(182,223,99,.32)}
html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Consolas,"Courier New",monospace}
.topbar{background:rgba(16,28,27,.96);border-color:#526849;backdrop-filter:none;font-size:.7rem}.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--lime)}.brand b{background:var(--lime);color:#142419;border:2px solid #e5ffad;box-shadow:4px 4px 0 #6b9950;image-rendering:pixelated}
.hero{background:radial-gradient(circle at 18% 72%,#1c3830 0,transparent 34%),linear-gradient(135deg,#13211e 0 65%,#28353b 65% 100%);border-color:#526849}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(182,223,99,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(182,223,99,.055) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.hero h1{font-family:Consolas,"Courier New",monospace;font-weight:900;font-size:clamp(4rem,10.5vw,10rem);line-height:.84;letter-spacing:-.09em;text-transform:uppercase;text-shadow:6px 6px 0 #32483b}.hero h1 span:nth-child(2){margin-left:5%;color:var(--lime)}.hero h1 span:last-child{margin:1.2rem 0 0 22%;font-size:clamp(.75rem,1.3vw,1.3rem);line-height:1.2;letter-spacing:.21em;color:var(--cyan);text-shadow:none}.hero-frame{grid-column:8/12;z-index:1;border:6px solid var(--lime);box-shadow:12px 12px 0 #667e52;background:#1a2523}.hero-frame img{image-rendering:pixelated;filter:none}.hero-copy,.eyebrow,.note,.index{position:relative;z-index:2}.hero-copy>a{border-color:var(--lime);color:var(--lime)}.note{text-align:right;color:var(--lime);line-height:1.5}.eyebrow,.label,.case header p:first-child{letter-spacing:.12em}
.method{background:#b6df63;color:#17251b;border-bottom:6px solid #8caf50}.method .label{border-color:#17251b}.method h2,.cases h2,.prompt h2,.case h3{font-family:Consolas,"Courier New",monospace;font-weight:900;letter-spacing:-.07em}.method h2{color:#1a4232}.method li{border-color:rgba(23,37,27,.4)}.method li b{color:#416d37}
.cases{background:#e7eadf;color:#17251b}.cases-head h2{color:#31583e;font-size:clamp(2.6rem,5.7vw,6.3rem)}.case{--accent:#a87626}.case.craft{--accent:#648c3e}.case.biomes{--accent:#8256ad}.case.boss{--accent:#386a94}.case header{border-top-width:8px}.case h3{font-size:clamp(2.2rem,5.2vw,5.5rem);line-height:.91}.case header p:last-child{max-width:24rem}.comparison button{background:#101c1b;border:4px solid #1d2e29}.comparison button:focus-visible{outline:4px solid var(--accent);outline-offset:4px}.comparison img,.hero-frame img,.lightbox img{image-rendering:pixelated}.comparison img{filter:none;transition:none}.comparison button:hover img,.comparison button:focus-visible img{transform:none}.comparison figcaption{border-color:#455e4b}.slop figcaption b{color:#a34036}.amazing figcaption{border-color:var(--accent)}.amazing figcaption b{color:var(--accent)}
.prompt{background:#273e34;color:#ecf5db}.prompt .label{border-color:var(--lime)}.prompt h2{color:var(--lime)}.prompt-action button{background:var(--lime);color:#17251b;border:4px solid #d7f5a2;box-shadow:6px 6px 0 #16251b}.prompt-action button:hover,.prompt-action button:focus-visible{background:var(--cyan);border-color:var(--cyan);color:#17251b}footer{background:#0a1412;color:#d5e7c4;border-top:4px solid var(--lime)}.lightbox{background:#0a1412;color:#fff;border:4px solid var(--lime)}.close{border-radius:0;background:#14251b}
@media(max-width:900px){.hero-frame{grid-column:7/12}.hero h1{font-size:clamp(3.9rem,12vw,8rem)}}
@media(max-width:650px){.topbar>span{font-size:.62rem}.hero{background:linear-gradient(160deg,#13211e 0 61%,#28353b 61% 100%)}.hero h1{font-size:clamp(3rem,14vw,5rem);line-height:.9;margin:3rem 0 2rem}.hero h1 span:nth-child(2),.hero h1 span:last-child{margin-left:0}.hero h1 span:last-child{font-size:.62rem;letter-spacing:.12em;margin-top:.75rem}.hero-frame{grid-column:4/13;min-height:45vh;border-width:4px;box-shadow:8px 8px 0 #667e52}.hero-copy{margin-top:2rem}.cases-head h2{font-size:clamp(2.3rem,10vw,3.7rem)}.case h3{font-size:clamp(2rem,9.5vw,3rem);overflow-wrap:anywhere}.comparison figure{flex-basis:84vw}.comparison figcaption{grid-template-columns:7rem 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}