:root{--void: #171615;--deep: #262423;--stone-dark: #3D3938;--stone: #6B6562;--stone-lit: #837C79;--stone-hi: #9C948F;--outline: #171615;--grass: #86D562;--grass-dk: #3C8527;--grass-txt: #6CC349;--gold: #FFC42B;--gold-dk: #9C7003;--diamond: #4AEDD9;--diamond-dk: #1E7C74;--emerald: #17DD62;--redstone: #FF4438;--amethyst: #C89BF5;--lapis: #5A7FE8;--iron: #D8D8D8;--copper: #E0803F;--ink: #FFFFFF;--ink-dim: #EDE5E2;--ink-mute: #D0C5C0;--ink-faint: #A39B97;--ink-dark: #171615;--r-common: #D0C5C0;--r-rare: #4AEDD9;--r-epic: #C89BF5;--r-legendary: #FFC42B;--font-pixel: "Press Start 2P", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Press Start 2P", ui-monospace, monospace;--font-body: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--safe-x: env(safe-area-inset-left, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-weight:700;color:var(--ink);background:var(--void);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#root{background-color:var(--void);background-image:var(--app-bg);background-size:var(--app-bg-size, 100% 100%, 96px 96px);background-repeat:var(--app-bg-repeat, no-repeat, repeat);background-position:var(--app-bg-pos, 0 0);background-attachment:var(--app-bg-attach, scroll);image-rendering:pixelated}:root{--app-bg: radial-gradient(circle at 50% 0%, rgba(90,74,52,.3) 0%, rgba(23,22,21,.86) 62%, rgba(23,22,21,.94) 100%), url(/bg-crafting.png)}[data-scheme=light]{--app-bg: url(/bg-bluey.svg), linear-gradient(180deg, #9FD8F7 0%, #ABE0FA 45%, #CFEAFB 78%, #E8F6FE 100%);--app-bg-size: 124px 90px, 100% 100%;--app-bg-pos: 0 0, 0 0;--app-bg-attach: fixed, scroll;--app-bg-repeat: repeat, no-repeat;image-rendering:auto}[data-scheme=light] #root{image-rendering:auto}img,svg{image-rendering:pixelated}.pixel{font-family:var(--font-display);letter-spacing:.02em;line-height:1.6}[data-scheme=light] .pixel{letter-spacing:0;line-height:1.35;font-weight:600}[data-scheme=light] .shadow-mc,[data-scheme=light] .shadow-sm{text-shadow:none}.shadow-mc{text-shadow:3px 3px 0 rgba(0,0,0,.55)}.shadow-sm{text-shadow:1px 1px 0 rgba(0,0,0,.6)}h1,h2,h3{font-family:var(--font-pixel);font-weight:400;text-shadow:3px 3px 0 rgba(0,0,0,.55)}.mc-nav-label{font-size:13px;text-transform:uppercase;letter-spacing:1.04px}:root{--radius: 0px;--radius-pill: 0px;--panel-border-w: 4px;--panel-shadow: 0 0 0 4px var(--outline);--inset-shadow: none}.mc-panel{background:var(--stone);border-radius:var(--radius);border-top:var(--panel-border-w) solid var(--stone-hi);border-left:var(--panel-border-w) solid var(--stone-hi);border-right:var(--panel-border-w) solid var(--stone-dark);border-bottom:var(--panel-border-w) solid var(--stone-dark);box-shadow:var(--panel-shadow)}.mc-inset{background:var(--stone-dark);border-radius:var(--radius);border-top:var(--panel-border-w) solid var(--inset-hi, #2A2726);border-left:var(--panel-border-w) solid var(--inset-hi, #2A2726);border-right:var(--panel-border-w) solid var(--stone-lit);border-bottom:var(--panel-border-w) solid var(--stone-lit);box-shadow:var(--inset-shadow)}[data-scheme=light]{--radius: 22px;--radius-pill: 9999px;--panel-border-w: 0px;--panel-shadow: 0 4px 0 0 rgba(90,90,135,.16), 0 8px 20px rgba(90,90,135,.14);--inset-shadow: inset 0 2px 6px rgba(90,90,135,.14)}[data-scheme=light] .mc-panel,[data-scheme=light] .mc-inset{border:none}.mc-btn{font-family:var(--font-pixel);font-size:11px;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.5);background:var(--stone-lit);border-top:4px solid var(--stone-hi);border-left:4px solid var(--stone-hi);border-right:4px solid var(--stone-dark);border-bottom:4px solid var(--stone-dark);box-shadow:0 0 0 4px var(--outline),0 6px #0000004d;padding:14px 18px;cursor:pointer;transition:transform .05s steps(2),filter .12s;min-height:48px}.mc-btn{border-radius:var(--radius-pill)}[data-scheme=light] .mc-btn{border:none;color:var(--ink);background:var(--chip-off);box-shadow:0 4px #5a5a8740;font-family:var(--font-display);font-weight:600;text-shadow:none;letter-spacing:.01em}[data-scheme=light] .mc-btn:active{transform:translateY(3px);box-shadow:0 1px #5a5a8740}[data-scheme=light] .mc-slot{border:none;border-radius:18px;background:#efeff7;box-shadow:inset 0 2px 6px #5a5a8729}.mc-btn:hover{filter:brightness(1.14)}.mc-btn:active{transform:translateY(4px);box-shadow:0 0 0 4px var(--outline),0 2px #0000004d}.mc-btn:disabled{filter:grayscale(.8) brightness(.72);cursor:not-allowed}.mc-btn.green{background:var(--grass);color:var(--ink-dark);text-shadow:none;border-top-color:#a8e88a;border-left-color:#a8e88a;border-right-color:var(--grass-dk);border-bottom-color:var(--grass-dk)}.mc-btn.gold{background:var(--gold);color:var(--ink-dark);text-shadow:none;border-top-color:#ffdd7a;border-left-color:#ffdd7a;border-right-color:var(--gold-dk);border-bottom-color:var(--gold-dk)}.mc-btn.red{color:#fff;background:#b23a2e;border-top-color:#d4665a;border-left-color:#d4665a;border-right-color:#6e1f17;border-bottom-color:#6e1f17}.mc-btn.lapis{color:#fff;background:var(--lapis);border-top-color:#8aa6f5;border-left-color:#8aa6f5;border-right-color:#2e4599;border-bottom-color:#2e4599}.mc-btn.grass{color:#fff;background:var(--grass-dk);border-top-color:#63b045;border-left-color:#63b045;border-right-color:#24571a;border-bottom-color:#24571a}:focus-visible,.mc-btn:focus-visible{outline:4px solid var(--gold);outline-offset:4px}.mc-slot{background:#2a2726;border-top:3px solid #1C1A19;border-left:3px solid #1C1A19;border-right:3px solid var(--stone-lit);border-bottom:3px solid var(--stone-lit);display:grid;place-items:center}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-90px) scale(1.5);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes beamPulse{0%,to{opacity:.5;filter:brightness(1)}50%{opacity:.95;filter:brightness(1.5)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{transform:translateY(-140%)}to{transform:translateY(0)}}@keyframes particle{to{transform:translate(var(--px),var(--py)) scale(.2);opacity:0}}@keyframes xpFill{0%{filter:brightness(2.2)}to{filter:none}}@keyframes bounceIn{0%{transform:scale(.6) translateY(8px);opacity:0}60%{transform:scale(1.08) translateY(-3px);opacity:1}80%{transform:scale(.97)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}[data-scheme=light]{--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}[data-scheme=light] .mc-btn{transition:transform .22s var(--ease-bounce),filter .15s}[data-scheme=light] .mc-btn:active{transform:scale(.94) translateY(2px)}[data-scheme=light] .mc-panel,[data-scheme=light] .anim-pop{animation:bounceIn .42s var(--ease-bounce) both}[data-scheme=light] .anim-bob{animation:floaty 3s ease-in-out infinite}[data-scheme=light] .anim-shake{animation:wiggle .45s ease-in-out both}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}90%{opacity:1}to{transform:translateY(118vh) rotate(var(--spin));opacity:0}}.anim-pop{animation:pop .28s steps(6) both}.anim-bob{animation:bob 2.4s ease-in-out infinite}.anim-shake{animation:shake .4s steps(4) both}.anim-spin{animation:spinSlow 9s linear infinite}.enchanted{background-image:linear-gradient(100deg,transparent 35%,rgba(200,155,245,.5) 50%,transparent 65%);background-size:200% 100%;animation:shimmer 2.6s linear infinite}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap16{gap:16px}.gap20{gap:20px}.grow{flex:1}.center{display:grid;place-items:center}.row.center,.col.center{display:flex;align-items:center;justify-content:center}