#root{min-height:100dvh}body{margin:0}html{background:#0c0b0a}html[data-theme=light]{background:#f4efe7}
.mine-loading{--loading-bg:#0c0b0a;--loading-text:#f4eadc;--loading-muted:#bcae9b;--loading-copper:#edaa70;display:grid;place-items:center;min-height:100dvh;width:100%;padding:28px;background:radial-gradient(ellipse at 50% 43%,#a2662920,transparent 58%),var(--loading-bg);color:var(--loading-text);text-align:center;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
[data-theme=light] .mine-loading{--loading-bg:#f4efe7;--loading-text:#382d24;--loading-muted:#77624f;--loading-copper:#96602f}.mine-loading-card{width:min(100%,440px)}.mine-loading-brand{font-size:18px!important;font-weight:800;letter-spacing:4px;margin:0!important;color:var(--loading-text)!important}.mine-loading-brand span{color:var(--loading-copper)}.mine-loading-scene{width:min(100%,320px);margin:15px auto 4px}.mine-loading-scene svg{display:block;width:100%;height:auto}.mine-loading h1{font-family:'Vespera Titles',Georgia,serif;font-size:clamp(28px,5vw,36px);line-height:1.2;letter-spacing:-.5px;margin:12px 0;color:var(--loading-text)}.mine-loading-card>p:not(.mine-loading-brand){font-size:16px;line-height:1.6;color:var(--loading-muted);margin:0 auto;max-width:340px}.mine-loading-track{overflow:hidden;position:relative;width:140px;height:3px;border-radius:5px;background:#a77d4933;margin:28px auto 22px}.mine-loading-track span{position:absolute;inset:0 auto 0 0;width:45%;background:var(--loading-copper);border-radius:5px;animation:mine-loading-travel 1.8s ease-in-out infinite}.mine-loading-card>small{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--loading-muted)}.loading-pickaxe{transform-origin:183px 125px;animation:mine-loading-strike 1.8s ease-in-out infinite}.loading-sparks{animation:mine-loading-spark 1.8s ease-in-out infinite}.loading-crystals{animation:mine-loading-glint 3s ease-in-out infinite}.mine-loading-compact{min-height:60dvh;border-radius:16px}.mine-loading-compact .mine-loading-brand{display:none}
@keyframes mine-loading-strike{0%,100%{transform:rotate(-10deg)}40%{transform:rotate(15deg)}55%,65%{transform:rotate(-16deg)}}@keyframes mine-loading-spark{0%,45%,90%,100%{opacity:0}55%,65%{opacity:1}}@keyframes mine-loading-travel{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}@keyframes mine-loading-glint{50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.mine-loading *{animation:none!important}.mine-loading-track span{left:27%}.loading-sparks{opacity:0}}
