:root{--sky-top: #6eb5ff;--sky-bottom: #9bdcff;--grass-top: #5d9e2f;--grass-bottom: #4a7c23;--dirt: #8b6914;--stone: #7f7f7f;--stone-dark: #555555;--stone-panel: rgba(44, 44, 48, .92);--stone-panel-light: rgba(58, 58, 64, .95);--obsidian: rgba(20, 20, 24, .94);--bedrock: rgba(34, 34, 38, .9);--inventory-bg: #c6c6c6;--inventory-border: #373737;--emerald: #17dd62;--emerald-dark: #0e9a43;--diamond: #4ee4ef;--gold: #ffd700;--redstone: #aa0f01;--lava: #ff6b35;--bg-primary: var(--obsidian);--bg-secondary: var(--bedrock);--bg-card: var(--stone-panel);--bg-card-hover: var(--stone-panel-light);--border: var(--inventory-border);--border-light: #8b8b8b;--text-primary: #ffffff;--text-secondary: #e0e0e8;--text-muted: #b0b0bc;--accent: var(--emerald);--accent-dim: var(--emerald-dark);--accent-glow: rgba(23, 221, 98, .25);--danger: var(--redstone);--warning: var(--gold);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Silkscreen", "Courier New", monospace;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: var(--font-body)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:16px;background:#141418;color:var(--text-primary);line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased}.mc-world-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges}#root{position:relative;z-index:1}.app{position:relative;min-height:100vh}.app-content{position:relative;z-index:2}.mono{font-family:var(--font-mono);font-size:.95em;letter-spacing:-.01em}.pixel-title{font-family:var(--font-display);line-height:1.5;letter-spacing:.04em;text-shadow:2px 2px 0 #000}.section-title{font-family:var(--font-display);font-size:15px;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px;text-shadow:2px 2px 0 #000}.card{background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:4px solid;border-color:var(--border-light) var(--inventory-border) var(--inventory-border) var(--border-light);border-radius:0;padding:24px;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #00000059,0 8px #0006;transition:transform .1s,box-shadow .1s}.card:hover{transform:translateY(-2px);box-shadow:inset 2px 2px #ffffff1f,inset -2px -2px #00000059,0 10px #00000073}.card-emerald{border-color:#5dff9e var(--emerald-dark) var(--emerald-dark) #5dff9e;background:linear-gradient(180deg,#2a4a32f2,#2c2c30eb)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:0;font-size:14px;font-weight:600;cursor:pointer;border:3px solid;transition:all .08s;font-family:var(--font-body);letter-spacing:.02em;text-decoration:none}.btn:active{transform:translateY(2px)}.btn-primary{background:linear-gradient(180deg,#8fdf5a 0%,var(--emerald) 45%,var(--emerald-dark) 100%);color:#1a1a1a;border-color:#b8ff8a #0a6b30 #0a6b30 #b8ff8a;box-shadow:0 4px #0a5024}.btn-primary:hover{background:linear-gradient(180deg,#a8ef72 0%,#28f078 45%,var(--emerald) 100%);filter:brightness(1.05)}.btn-secondary{background:linear-gradient(180deg,#9a9a9a 0%,var(--stone) 50%,var(--stone-dark) 100%);color:#fff;border-color:#cfcfcf #444 #444 #cfcfcf;box-shadow:0 4px #333}.btn-secondary:hover{background:linear-gradient(180deg,#b0b0b0,#949494,#666)}.badge{display:inline-block;padding:4px 10px;border-radius:0;font-size:12px;font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:2px solid}.badge-success{background:linear-gradient(180deg,#2a5a32,#1a3a22);color:var(--emerald);border-color:#5dff9e var(--emerald-dark) var(--emerald-dark) #5dff9e}.badge-gold{background:linear-gradient(180deg,#5a4a10,#3a3010);color:var(--gold);border-color:#ffe566 #8a7010 #8a7010 #ffe566}.mc-banner{background:#141418e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:4px solid var(--inventory-border);box-shadow:0 4px #00000080}.mc-table{width:100%;border-collapse:collapse;font-size:15px}.mc-table th,.mc-table td{padding:12px 14px;border:2px solid var(--inventory-border);background:#0000004d}.mc-table th{background:linear-gradient(180deg,#4a4a4af2,#333333f2);color:var(--gold);font-family:var(--font-body);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.mc-table tr:nth-child(2n) td{background:#0006}.mc-hotbar{display:flex;gap:4px;padding:6px;background:#0000008c;border:3px solid var(--inventory-border);width:fit-content}.mc-slot{width:48px;height:48px;background:#8b8b8b;border:2px solid;border-color:#555 #ddd #ddd #555;display:flex;align-items:center;justify-content:center;font-size:22px}input[type=file]{display:none}input[type=number],input[type=text],select{background:#1a1a1af2;border:3px solid;border-color:#555 #aaa #aaa #555;border-radius:0;padding:10px 12px;color:var(--text-primary);font-family:var(--font-mono);font-size:14px;width:100%}input:focus,select:focus{outline:none;border-color:var(--emerald-dark) var(--emerald) var(--emerald) var(--emerald-dark)}@keyframes blockDrop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:blockDrop .35s ease-out}@keyframes xpPulse{0%{opacity:.85}to{opacity:1}}.stat-value{animation:xpPulse .6s ease-out;color:var(--diamond);font-weight:600}.mc-footer{border-top:4px solid var(--inventory-border);background:#141418eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 4px #ffffff0d}.mc-progress{height:10px;background:#1a1a1a;border:2px solid var(--inventory-border);overflow:hidden}.mc-progress-fill{height:100%;background:repeating-linear-gradient(90deg,var(--emerald) 0px,var(--emerald) 8px,var(--emerald-dark) 8px,var(--emerald-dark) 16px);transition:width .8s ease-out}@media(max-width:640px){body{font-size:15px}.section-title{font-size:13px}.pixel-title{font-size:13px!important}.btn{font-size:13px;padding:10px 16px}}@media(prefers-reduced-motion:reduce){.mc-world-canvas{display:none}body{background:linear-gradient(180deg,var(--sky-top),var(--grass-bottom))}.animate-in,.stat-value{animation:none}}