:root{color-scheme:dark;--bg:#071018;--ink:#edf8f5;--muted:#93afb8;--line:#29414c;--glow:#b7f6a2;--cyan:#73d6df;--purple:#d49bff;--font:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 60% 1%,#203e4a55,transparent 32%),var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.skip{position:absolute;left:10px;top:-100px;background:white;color:black;padding:12px}.skip:focus{top:0}header{padding:18px max(20px,3.4vw);display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #25404a}header .logo{font:bold 15px var(--font);letter-spacing:.05em}.logo small{display:block;color:#8c9eaf;font:10px var(--font);margin-left:25px;margin-top:4px}header nav{display:flex;gap:27px}header nav a,.edition{font:10px var(--font);color:#abc6ca}main{max-width:1710px;margin:0 auto;padding:0 clamp(12px,3.4vw,55px) 75px}.cover{padding:59px 0 34px}.marker,.eyebrow{color:var(--glow);font:10px var(--font);letter-spacing:.11em}.marker{display:flex;gap:15px;align-items:center}.marker span{color:#8dabb7}.cover h1{font-size:clamp(64px,9.5vw,145px);line-height:.84;font-weight:1000;letter-spacing:-.095em;margin:23px 0 31px}.cover h1 span{color:var(--glow)}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.intro p{max-width:770px;font-size:14px;line-height:1.75;color:#adc4cf;margin:0}.size-label{border:1px solid #4c847d;font:10px var(--font);color:#bfe9e4;white-space:nowrap;padding:12px}.viewport-shell{border:1px solid #2f5462;background:#081821;box-shadow:0 28px 80px #0008}.control-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid #29424d;font:10px var(--font);color:#b9d9d2}.control-strip div:last-child{display:flex;gap:10px;flex-wrap:wrap;color:#8fadbb}.control-strip i{font-style:normal;color:#49616e}.living{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aef6a2;box-shadow:0 0 14px #aef6a2;margin-right:8px}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 290px}.world-stage{min-width:0}.render-wrap{position:relative;background:#101d29;aspect-ratio:1024/576;overflow:hidden;touch-action:none}.render-wrap canvas#viewport{width:100%;height:100%;display:block;touch-action:none}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:24px var(--font);color:#def6d6c7;pointer-events:none;text-shadow:0 0 6px #000}.horizon-stamp{position:absolute;top:16px;left:16px;color:#f4f9eab7;background:#04131d94;padding:9px;font:10px var(--font);pointer-events:none}.horizon-stamp span{color:#baff9b;margin-left:13px}.overlay{position:absolute;inset:0;background:linear-gradient(100deg,#07182ef5,#10172bab 67%,#06142097);display:flex;align-items:start;justify-content:center;flex-direction:column;padding:clamp(20px,7vw,80px)}.overlay[hidden]{display:none}.overlay-icon{font-size:40px;color:#b9fa92;text-shadow:0 0 15px #8de1b4}.overlay h2{font-size:clamp(37px,6vw,74px);letter-spacing:-.08em;line-height:.95;margin:15px 0;color:#f1fff7}.overlay p{font-size:14px;max-width:510px;line-height:1.7;color:#b4cddd;margin:0 0 25px}.overlay button{background:#b7f59a;color:#081a16;border:0;font:800 12px var(--font);padding:16px 24px}.overlay button span{margin-left:20px}.overlay small{font:10px var(--font);color:#9baebe;margin-top:20px}.screen-hud{pointer-events:none;position:absolute;inset:0}.top-hud{display:flex;gap:9px;flex-wrap:wrap;position:absolute;right:13px;top:13px}.top-hud span{font:11px var(--font);color:#dff6f4;background:#06121cbd;padding:9px 12px;border:1px solid #274f5c}.top-hud span:first-child{color:#ff9eaf}.top-hud strong{color:white}.mini-map{position:absolute;bottom:78px;right:16px;background:#061521cf;border:1px solid #477c8a;padding:8px}.mini-map canvas{width:124px;height:124px;display:block;image-rendering:pixelated}.mini-map span{font:8px var(--font);color:#a0c3c7}.bottom-hud{position:absolute;left:14px;bottom:12px;right:14px}.hotbar{display:flex;gap:4px;pointer-events:auto}.slot{width:56px;min-height:55px;background:#071a28dc;color:#dde9e4;border:1px solid #4a7681;display:grid;align-items:center;justify-items:center;padding:6px 2px;gap:2px}.slot.active{border-color:#b8f5a8;background:#214336e9}.slot b{font:10px var(--font);color:#afc9c9}.slot span{font-size:16px}.hint{font:9px var(--font);margin-top:9px;color:#d2f1da;text-shadow:0 1px 4px black}.world-controls{display:flex;gap:5px;flex-wrap:wrap;align-items:center;padding:10px 13px;border-top:1px solid #2a4f5c}.world-controls button{background:#122d3a;border:1px solid #446878;color:#cce4e8;font:10px var(--font);padding:12px 14px}.world-controls button:hover{border-color:#b1f68e}.world-controls .danger{background:#31252d;color:#ffb8af}.world-controls span{margin-left:auto;color:#9cbbc3;font:10px var(--font)}.field-guide{border-left:1px solid #2b4957;background:linear-gradient(130deg,#102532,#08141f)}.panel{padding:20px;border-bottom:1px solid #284857}.panel h2{font-size:22px;letter-spacing:-.055em;margin:13px 0}.panel p{font-size:12px;line-height:1.75;color:#acc4ce}.metrics{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px 8px}.metrics small{font:8px var(--font);color:#89a8b7;display:block;margin-bottom:8px}.metrics strong{font:20px var(--font)}.recipe{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #284552}.recipe span{color:#b5f28f;font-size:18px}.recipe b{display:block;font-size:11px}.recipe small{display:block;color:#8cacb9;font:9px var(--font);margin-top:5px}.recipe button{background:#1b3840;border:1px solid #508368;color:#b9fbb2;padding:9px;font:10px var(--font)}.recipe button:disabled{opacity:.34;cursor:not-allowed}.panel-foot{font-size:11px}.journal{font:10px/1.7 var(--font);color:#acd0c6;max-height:125px;overflow:auto}.journal div{border-left:2px solid #8bc2a5;padding-left:8px;margin:8px 0}.panel.warning{background:#202928}.panel.warning p{color:#c3d2b6}.touch-controls{display:none;justify-content:space-between;gap:15px;padding:12px;border-top:1px solid #2b4955;touch-action:none}.touchpad{text-align:center}.touchpad>button{display:block;margin:0 auto 4px}.touchpad>div{display:flex;gap:4px}.touch-controls button{min-height:43px;min-width:45px;background:#173441;border:1px solid #4e7c86;color:white;font:12px var(--font);border-radius:4px;touch-action:none;user-select:none}.touch-controls button.pressed{background:#528a72}.touch-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.systems{padding:75px 0 20px}.systems-intro h2{font-size:clamp(35px,5.5vw,75px);letter-spacing:-.08em;line-height:1;margin:15px 0 35px}.systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.systems-grid article{border:1px solid #294652;background:#0b1d28;padding:23px}.systems-grid strong{font:11px var(--font);color:#b4f28d}.systems-grid h3{font-size:18px;letter-spacing:-.04em}.systems-grid p{font-size:12px;line-height:1.7;color:#a1b9c3}footer{border-top:1px solid #29434d;padding:25px 3vw;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#8cabb7;font:10px var(--font)}@media(max-width:1080px){.play-area{grid-template-columns:1fr}.field-guide{border-left:0;border-top:1px solid #32566b;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:690px){header{flex-wrap:wrap;padding:14px}header .edition{display:none}header nav{width:100%;justify-content:space-between}.cover{padding:35px 0 27px}.cover h1{font-size:clamp(59px,17vw,109px)}.marker{display:block}.marker span{display:block;margin-top:6px}.intro{display:block}.intro p{font-size:12px}.size-label{display:inline-block;margin-top:14px}.control-strip{font-size:8px}.control-strip div:last-child{gap:4px}.overlay{padding:23px}.overlay h2{font-size:33px}.overlay p{font-size:11px;margin-bottom:9px}.overlay button{padding:10px 13px;font-size:9px}.overlay small{font-size:8px}.overlay-icon{font-size:24px}.horizon-stamp{font-size:7px;padding:4px}.top-hud{right:3px;top:3px;gap:2px}.top-hud span{font-size:8px;padding:5px}.mini-map{bottom:61px;right:3px;padding:3px}.mini-map canvas{width:70px;height:70px}.mini-map span{font-size:6px}.bottom-hud{left:5px;bottom:5px}.slot{width:36px;min-height:37px;padding:3px}.slot span{font-size:11px}.slot b{font-size:7px}.hint{font-size:7px}.crosshair{font-size:15px}.touch-controls{display:flex}.world-controls button{padding:8px;font-size:9px}.field-guide{display:block}.systems-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}