:root{--green: #00c805;--green-d: #029a05;--green-dd: #056908;--black: #0a0a0a;--ink: #111;--gold: #f5c518;--gold-d: #c99a06;--sky: #a9c9de;--sky-hi: #c9dcea;--diamond: #4fe3d8;--paper: #ece6d6;--slot: #8b8b8b;--slot-hi: #c6c6c6;--slot-lo: #373737;--display: "Silkscreen", "Pixelify Sans", monospace;--text: "Pixelify Sans", ui-monospace, monospace;--px: 4px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;font-family:var(--text);color:var(--ink);font-size:18px;line-height:1.45;-webkit-font-smoothing:none}img{max-width:100%;height:auto}.pix{image-rendering:pixelated}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:700;margin:0}.t-label{font-family:var(--display);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.btn{font:700 15px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:#fff;background:var(--green-d);padding:12px 18px;cursor:pointer;border:3px solid var(--black);box-shadow:inset 3px 3px #3bf53f,inset -3px -3px 0 var(--green-dd);text-shadow:2px 2px 0 var(--green-dd);transition:transform .08s;display:inline-flex;align-items:center;gap:8px}.btn:hover:not(:disabled){background:var(--green)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset -3px -3px #3bf53f,inset 3px 3px 0 var(--green-dd)}.btn:disabled{background:#555;box-shadow:inset 3px 3px #777,inset -3px -3px #333;text-shadow:none;color:#aaa;cursor:not-allowed}.btn-ghost{background:#6f6f6f;box-shadow:inset 3px 3px #a0a0a0,inset -3px -3px #3c3c3c;text-shadow:2px 2px 0 #333}.btn-ghost:hover:not(:disabled){background:#868686}.btn-warn{background:var(--gold-d);box-shadow:inset 3px 3px #ffe27a,inset -3px -3px #8a6a00;text-shadow:2px 2px 0 #6b5200}.btn-warn:hover{background:var(--gold)}.slot{position:relative;width:44px;height:44px;padding:0;display:grid;place-items:center;cursor:pointer;background:var(--slot);border:0;box-shadow:inset 3px 3px 0 var(--slot-lo),inset -3px -3px #fff}.slot:hover{background:#a3a3a3}.slot.is-sel{outline:3px solid #fff;outline-offset:1px;box-shadow:inset 3px 3px 0 var(--slot-lo),inset -3px -3px #fff,0 0 0 6px var(--black);z-index:1}.slot.is-empty img{opacity:.28;filter:grayscale(1)}.slot-n{position:absolute;right:3px;bottom:1px;font:700 14px var(--display);color:#fff;text-shadow:2px 2px 0 #3f3f3f}.slot-key{position:absolute;left:4px;top:2px;font:9px var(--display);color:#e8e8e8;opacity:.7}.stratum{position:relative;padding:72px 20px}.stratum[style]{background-image:var(--tex);background-size:64px 64px;image-rendering:pixelated}.panel{max-width:1040px;margin:0 auto;background:#c6c6c6;padding:28px;border:4px solid var(--black);box-shadow:inset 4px 4px #fff,inset -4px -4px #555,8px 8px #00000073}.panel-wide{max-width:1180px}.panel-dark{background:#1b1b1b;color:#e9e9e9;box-shadow:inset 4px 4px #333,inset -4px -4px #000,8px 8px #0009}.s-title{font-size:clamp(24px,4vw,38px);color:#3f3f3f;text-shadow:3px 3px 0 #fff;margin-bottom:8px}.panel-dark .s-title{color:var(--green);text-shadow:3px 3px 0 #000}.s-lede{max-width:68ch;margin:0 0 24px}.surface{background:linear-gradient(var(--sky-hi),var(--sky) 60%);padding:0;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cloud{position:absolute;height:28px;background:#fff;box-shadow:28px -20px #fff,56px 0 #fff,84px 0 #fff;width:56px;opacity:.9;animation:drift 90s linear infinite}.c1{top:70px;left:-10%}.c2{top:150px;left:40%;animation-duration:120s;animation-delay:-40s;transform:scale(1.4)}.c3{top:40px;left:75%;animation-duration:140s;animation-delay:-90s}@keyframes drift{0%{transform:translate(-20vw)}to{transform:translate(120vw)}}.surface-inner{position:relative;max-width:1180px;margin:0 auto;padding:40px 20px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:24px 40px;align-items:end}.title-plate{display:flex;align-items:center;gap:16px;grid-column:1 / -1}.title-logo{width:96px;height:96px;border:4px solid var(--black);background:var(--sky-hi);box-shadow:6px 6px #00000059}.wordmark{font-size:clamp(40px,8vw,92px);line-height:.9;color:var(--green);letter-spacing:.02em;text-shadow:4px 4px 0 var(--black),-2px -2px 0 var(--black),2px -2px 0 var(--black),-2px 2px 0 var(--black),8px 8px 0 var(--green-dd)}.wordmark-sm{font-size:28px;text-shadow:3px 3px 0 var(--black)}.ticker{margin:8px 0 0;font:700 18px var(--display);color:var(--gold);text-shadow:2px 2px 0 var(--black),-1px -1px 0 var(--black)}.motto{grid-column:1 / -1;margin:-8px 0 0;font:700 clamp(16px,2.2vw,22px) var(--display);color:var(--black)}.motd{grid-column:1 / -1;justify-self:start;margin:-10px 0 0;font:700 14px var(--display);color:#fff;background:#000000b8;border:3px solid var(--black);padding:6px 12px 6px 6px;display:inline-flex;align-items:center;gap:10px}.motd-tag{background:var(--gold);color:#000;padding:3px 6px;font-size:11px}.top-ca{grid-column:1 / -1}.top-ca .ca{margin-top:0}.hero{grid-column:1;grid-row:5;width:100%;border:4px solid var(--black);box-shadow:8px 8px #0000004d;margin-bottom:36px}.mine-panel{grid-column:2;grid-row:5;margin-bottom:0}.hint{background:#ffffffbf;border:3px solid var(--black);padding:10px 12px;margin:0 0 12px;font-size:16px}.grass-edge{height:32px;background-image:var(--tex);background-size:32px 32px;image-rendering:pixelated;border-top:4px solid var(--black)}.wall{position:relative;display:grid;grid-template-columns:repeat(12,1fr)}.wall-block,.wall-air{aspect-ratio:1;display:block}.wall-block{border:0;padding:0;cursor:pointer;background-size:100% 100%;image-rendering:pixelated;box-shadow:inset 0 0 0 1px #00000040;transition:transform .06s}.wall-block:hover{box-shadow:inset 0 0 0 2px var(--black);filter:brightness(1.12)}.wall-block:active{transform:scale(.92)}.pop{position:absolute;width:28px;height:28px;margin-left:-14px;pointer-events:none;animation:pop .9s ease-out forwards}@keyframes pop{0%{transform:translateY(0) scale(.6);opacity:1}60%{transform:translateY(-46px) scale(1.1);opacity:1}to{transform:translateY(-30px) scale(.9);opacity:0}}.craft-wrap{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:28px;align-items:start}.craft{position:relative;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}.craft-table{display:flex;align-items:center;gap:14px}.craft-grid{display:grid;grid-template-columns:repeat(3,56px);gap:4px}.slot-lg{width:56px;height:56px}.craft-arrow{color:#5d5d5d}.slot-out{width:72px;height:72px}.slot-out.is-ready{background:#b3e6b4;animation:glow 1s steps(2) infinite}.slot-out:disabled{cursor:default}@keyframes glow{50%{background:#d6f5d6}}.recipes{display:grid;gap:8px}.recipe{display:grid;grid-template-columns:28px 1fr;gap:2px 10px;align-items:center;padding:6px 8px;background:#b0b0b0;border:3px solid #555}.recipe.is-made{border-color:var(--green-d);background:#c4e6c5}.recipe-name{font:700 13px var(--display)}.recipe-needs{grid-column:2;display:flex;gap:10px;flex-wrap:wrap;font-size:15px}.need{display:inline-flex;align-items:center;gap:2px;color:#555}.need.ok{color:var(--green-dd);font-weight:700}.split-scene{grid-column:1 / -1;height:0;overflow:hidden;opacity:0;transition:opacity .3s}.split-scene.is-on{height:auto;opacity:1}.split-scene img{display:block;margin:0 auto;animation:hop .5s steps(3) 4}@keyframes hop{50%{transform:translateY(-8px)}}.chatlog{background:#000000c7;color:#fff;padding:12px 14px;min-height:220px;font-size:16px;border:3px solid var(--black);display:flex;flex-direction:column;justify-content:flex-end}.chat-line{margin:2px 0;text-shadow:2px 2px 0 #000;animation:fadein .25s ease-out}.chat-who{color:var(--green)}.who-thesuit .chat-who{color:#bdbdbd}.who-villager .chat-who{color:var(--gold)}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}}.commons-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.palette{display:flex;gap:4px;flex-wrap:wrap}.palette .slot{width:42px;height:42px}.eraser{font:700 24px var(--display);color:#fff;text-shadow:2px 2px 0 #333}.commons-reads{display:flex;gap:18px;font-size:17px}.commons-reads b{margin-right:6px;color:#555}.plot-scroll{position:relative;overflow-x:auto;border:4px solid var(--black);background:var(--sky)}.plot{display:grid;grid-template-columns:repeat(48,1fr);min-width:720px;touch-action:none;-webkit-user-select:none;user-select:none;background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:calc(100% / 48) calc(100% / 24)}.plot.is-loading{opacity:.4}.cc{aspect-ratio:1;background-size:100% 100%;image-rendering:pixelated;cursor:crosshair}.cc:hover{outline:2px solid #fff;outline-offset:-2px}.cc.is-staged{box-shadow:inset 0 0 0 2px var(--gold);animation:stagepulse 1s steps(2) infinite}.cc.is-staged.is-air{background:#ff000040}@keyframes stagepulse{50%{box-shadow:inset 0 0 0 2px #fff}}.plot-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;pointer-events:none;font:700 15px var(--display);color:#2c4a5c;background:#ffffffb3;padding:8px 12px;border:3px solid var(--black);white-space:nowrap}.plot-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;font:700 16px var(--display)}.commons-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.staged-n{margin-right:auto;font-size:16px}.acct{font:13px var(--display);background:#222;color:var(--green);border:3px solid var(--black);padding:10px 12px;cursor:pointer}.acct:hover{color:#fff}.toast{margin:12px 0 0;padding:10px 14px;border:3px solid var(--black);font-size:16px;animation:fadein .2s}.toast-pending{background:#fff3c4}.toast-done{background:#c4f2c5}.toast-failed{background:#f5c4c4}.toast a{font-weight:700}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;padding:16px}.picker{width:min(380px,100%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='%236b4a2b'/%3E%3Crect x='1' y='2' width='2' height='1' fill='%235a3d22'/%3E%3Crect x='5' y='5' width='2' height='1' fill='%237c5833'/%3E%3C/svg%3E");background-size:32px;image-rendering:pixelated;border:4px solid var(--black);padding:20px;color:#fff;box-shadow:10px 10px #00000080}.picker-title{text-align:center;font-size:22px;text-shadow:3px 3px 0 #000;margin-bottom:16px}.picker-list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}.picker-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;font:700 15px var(--display);color:#fff;cursor:pointer;background:#6f6f6f;border:3px solid var(--black);box-shadow:inset 3px 3px #a0a0a0,inset -3px -3px #3c3c3c;text-shadow:2px 2px 0 #333}.picker-row:hover{background:#7f9d7f;outline:3px solid #fff;outline-offset:-6px}.picker-row img{image-rendering:auto}.picker-noicon{width:28px;height:28px;background:var(--green);border:2px solid #000}.picker-empty{background:#0000008c;padding:12px;text-shadow:1px 1px 0 #000}.picker-cancel{width:100%;justify-content:center}.mobs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:18px 0 28px}.mob{background:#262626;border:3px solid #000;box-shadow:inset 3px 3px #3a3a3a;padding:16px;display:flex;flex-direction:column}.mob:nth-child(2){transform:translateY(28px)}.mob img{height:200px;width:100%;object-fit:contain;margin-bottom:12px;background:radial-gradient(circle,#1f3b20 0 55%,transparent 56%)}.mob h3{color:var(--gold);font-size:18px;margin-bottom:6px;text-shadow:2px 2px 0 #000}.mob p{margin:0;font-size:16px;color:#cfcfcf}.recipe-log{list-style:none;margin:48px 0 0;padding:18px;background:#000;border:3px solid var(--green-dd);font-size:20px;display:grid;gap:6px}.recipe-log li:before{content:"> ";color:var(--green)}.recipe-log span{color:#bdbdbd}.recipe-log b{color:var(--gold)}.bedrock{padding:56px 20px 120px;color:#eee}.foot{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#000000b8;border:4px solid #000;padding:18px 20px}.foot-brand{display:flex;align-items:center;gap:12px}.foot-brand img{border:3px solid #000;background:var(--sky-hi)}.foot-trade{display:flex;gap:10px}.foot-icons{display:flex;gap:8px}.foot-icons a{width:40px;height:40px;display:grid;place-items:center;color:#fff;background:#333;border:3px solid #000;box-shadow:inset 2px 2px #555,inset -2px -2px #111;transition:transform .08s}.foot-icons a:hover{color:var(--black);background:var(--green);transform:translateY(-2px)}.ca{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.foot .ca{margin-top:0}.ca-label{font:700 12px var(--display);background:var(--gold);color:#000;padding:6px 8px;border:2px solid #000}.ca-value{font:15px ui-monospace,SFMono-Regular,Menlo,monospace;background:#000;color:var(--green);padding:6px 10px;border:2px solid #333;min-width:12ch;word-break:break-all}.ca-btn{font:700 11px var(--display);text-transform:uppercase;padding:7px 10px;cursor:pointer;text-decoration:none;color:#fff;background:#555;border:2px solid #000;box-shadow:inset 2px 2px #888,inset -2px -2px #222;display:inline-grid;place-items:center}.ca-btn:hover{background:var(--green-d)}.ca-icon{padding:5px 7px}.depth{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:4px}.depth a{display:flex;flex-direction:column;text-decoration:none;background:#000000b3;color:#bbb;border:2px solid #000;padding:5px 8px;font:10px var(--display);transition:transform .1s}.depth a:hover{color:#fff;transform:translate(-3px)}.depth a.is-at{background:var(--green-d);color:#fff}.depth-y{font-weight:700;font-size:12px}.hotbar{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:30;display:flex;gap:2px;padding:4px;background:#000c;border:3px solid #000}@media (max-width: 860px){body{font-size:17px}.surface-inner{grid-template-columns:1fr}.hero,.mine-panel{grid-column:1;grid-row:auto}.hero{margin-bottom:0}.mine-panel{margin-bottom:20px}.craft-wrap,.craft,.mobs{grid-template-columns:1fr}.mob:nth-child(2){transform:none}.depth{display:none}.panel{padding:18px}.stratum{padding:48px 12px}.title-logo{width:60px;height:60px}.wordmark{font-size:7.6vw;text-shadow:3px 3px 0 var(--black),-1px -1px 0 var(--black),1px -1px 0 var(--black),-1px 1px 0 var(--black),5px 5px 0 var(--green-dd)}.title-plate{gap:10px}.hotbar .slot{width:40px;height:40px}.foot{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}