/* GOLDCRAFT - Minecraft-style UI kit (ported from the StockCraft look) */
:root{
  --background:#3b2a1a;
  --mc-panel:#c6c6c6;--mc-panel-light:#fff;--mc-panel-dark:#555;
  --mc-slot:#8b8b8b;--mc-slot-dark:#373737;
  --mc-btn:#8b8b8b;--mc-btn-hover:#7b8be7;
  --mc-primary:#6b78e0;--mc-primary-hover:#7f8cf0;
  --mc-text:#fff;--mc-text-dark:#404040;--mc-text-shadow:#3f3f3f;--mc-muted:#a0a0a0;
  --mc-pos:#5f5;--mc-neg:#f55;--mc-yellow:#ff5;--mc-hover-text:#ffffa0;
  --live-green:#00c805;
  --gold:#fcee4b;--gold-deep:#d4a017;--gold-dark:#8a6a10;
  --tier-common:#55FF55;--tier-rare:#FCEE4B;--tier-legendary:#D9A6FF;
  --dirt:#3b2a1a;--dirt-url:none;
}
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html,body{height:100%}
body{
  background:var(--background);color:#fff;
  font-family:"Pixelify Sans","Press Start 2P",monospace;font-size:18px;line-height:1.25;
  -webkit-font-smoothing:none;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input,select{font-family:inherit;font-size:100%;color:inherit}
button{cursor:pointer;background:none;border:0}
::selection{background:var(--live-green);color:#000}
:focus-visible{outline:3px solid var(--mc-yellow);outline-offset:1px}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#2a2a2a;border-left:2px solid #000}
::-webkit-scrollbar-thumb{background:#8b8b8b;box-shadow:inset 2px 2px #fff,inset -2px -2px #555}

.font-display{font-family:"Press Start 2P",monospace}
.font-pixel{font-family:"Pixelify Sans","Press Start 2P",monospace}
.tabular{font-variant-numeric:tabular-nums}
.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}
.px-shadow{text-shadow:2px 2px 0 var(--mc-text-shadow)}
.hud-text{text-shadow:2px 2px #000000d9}
.muted{color:var(--mc-muted)}
.pos{color:var(--mc-pos)}.neg{color:var(--mc-neg)}.yellow{color:var(--mc-yellow)}.gold{color:var(--gold)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.dirt-bg{background-color:var(--dirt);background-image:var(--dirt-url);image-rendering:pixelated;background-size:64px 64px}
.px-panel{background:var(--mc-panel);box-shadow:inset 3px 3px 0 var(--mc-panel-light),inset -3px -3px 0 var(--mc-panel-dark);border:3px solid #000;color:var(--mc-text-dark)}
.px-panel-dark{background:#181818e0;border:3px solid #000;box-shadow:inset 3px 3px #5a5a5a,inset -3px -3px #262626}
.px-panel-black{background:#000000b8;border:3px solid #000;box-shadow:inset 2px 2px #3a3a3a,inset -2px -2px #1a1a1a}
.px-inset{background:var(--mc-slot);box-shadow:inset 2px 2px 0 var(--mc-slot-dark),inset -2px -2px 0 var(--mc-panel-light)}
.px-inset-dark{background:#1b1b1b;box-shadow:inset 2px 2px #000,inset -2px -2px #444}

.px-btn{
  user-select:none;text-transform:uppercase;letter-spacing:.025em;color:var(--mc-text);background:var(--mc-btn);
  text-shadow:2px 2px 0 var(--mc-text-shadow);border:3px solid #000;font-family:"Press Start 2P",monospace;
  box-shadow:inset 3px 3px #ffffff8c,inset -3px -3px #00000073;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;
  padding:12px 18px;font-size:11px;
}
.px-btn:hover:not(:disabled),.px-btn:focus-visible:not(:disabled){background:var(--mc-btn-hover);color:var(--mc-hover-text)}
.px-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset -3px -3px #ffffff59,inset 3px 3px #00000073}
.px-btn:disabled{color:#a0a0a0;text-shadow:2px 2px #2c2c2c;cursor:not-allowed;background:#5a5a5a}
.px-btn-primary{background:var(--mc-primary);color:var(--mc-yellow)}
.px-btn-primary:hover:not(:disabled){background:var(--mc-primary-hover)}
.px-btn-gold{background:var(--gold-deep);color:#fff8c0;text-shadow:2px 2px 0 #5a4408}
.px-btn-gold:hover:not(:disabled){background:#e8b52a;color:#fff}
.px-btn-danger{color:var(--mc-neg)}
.px-btn-sm{padding:8px 12px;font-size:9px}
.px-btn-lg{padding:16px 24px;font-size:13px}
.px-btn.full{width:100%}
.px-input{color:#e0e0e0;background:#000;border:2px solid #a0a0a0;padding:8px 12px;box-shadow:inset 0 0 0 2px #000;width:100%}
.px-input::placeholder{color:#707070}
.px-input:focus{border-color:#fff;outline:none}

.px-blink{animation:px-blink 1s steps(1) infinite}
.px-float{animation:px-float 2.4s ease-in-out infinite}
.px-pop{animation:px-pop .25s ease-out}
.px-fade-up{animation:px-fade-up .35s ease-out}
.px-spin-y{animation:px-spin-y 3s linear infinite;transform-style:preserve-3d}
@keyframes px-blink{0%,49%{opacity:1}50%,to{opacity:.25}}
@keyframes px-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes px-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}
@keyframes px-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes px-spin-y{0%{transform:rotateX(-24deg) rotateY(0)}to{transform:rotateX(-24deg) rotateY(360deg)}}
@keyframes px-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}

/* Logo */
.gc-logo-wrap{position:relative;display:inline-block;line-height:1}
.gc-logo{
  font-family:"Press Start 2P",monospace;letter-spacing:.02em;line-height:1;display:inline-block;position:relative;z-index:1;
  background:linear-gradient(180deg,#fff7b0 0%,#ffe14a 38%,#e0a520 62%,#a86d0c 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ffe14a;
}
.gc-logo-shadow{
  position:absolute;left:0;top:0;transform:translate(5px,6px);font-family:"Press Start 2P",monospace;letter-spacing:.02em;line-height:1;color:#1a1206;z-index:0;
}
.gc-logo-outline{
  position:absolute;left:0;top:0;font-family:"Press Start 2P",monospace;letter-spacing:.02em;line-height:1;z-index:0;
  -webkit-text-stroke:5px #000;color:#000;
}
.gc-logo-sub{font-family:"Press Start 2P",monospace;color:var(--gold);font-size:9px;letter-spacing:.2em;text-shadow:2px 2px #000}

/* Nugget icon */
.nugget{display:inline-block;width:16px;height:16px;image-rendering:pixelated;vertical-align:middle}
.nugget-lg{width:40px;height:40px}
.nugget-xl{width:64px;height:64px}

/* Live dot */
.live-dot{display:inline-block;width:10px;height:10px;background:var(--live-green);border:2px solid #000}
.live-dot.off{background:#f55}

/* Layout helpers */
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.col{display:flex;flex-direction:column;gap:8px}
.between{justify-content:space-between}
.grow{flex:1;min-width:0}
.center{text-align:center}
.mt1{margin-top:6px}.mt2{margin-top:12px}.mt3{margin-top:20px}.mt4{margin-top:32px}
.grid-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.grid-2{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}

/* Tables */
table.px-table{width:100%;border-collapse:collapse;font-size:16px}
table.px-table th{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--mc-muted);text-align:left;padding:8px 10px;border-bottom:3px solid #000}
table.px-table td{padding:8px 10px;border-bottom:2px solid #0006}
table.px-table td.r,table.px-table th.r{text-align:right}

/* Progress bar */
.px-bar{position:relative;height:20px;background:#1b1b1b;box-shadow:inset 2px 2px #000,inset -2px -2px #444;overflow:hidden}
.px-bar>i{position:absolute;left:3px;top:3px;bottom:3px;background:var(--live-green);width:0}

/* Toasts */
#toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:6px;pointer-events:none}
.toast{background:#000000d0;border:3px solid #000;box-shadow:inset 2px 2px #3a3a3a,inset -2px -2px #1a1a1a;padding:10px 14px;font-size:16px;color:#fff;animation:px-pop .25s ease-out;max-width:360px}
.toast.gold{color:var(--gold)}