:root{color-scheme:dark;font-family:Outfit,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111214;color:#f8f4e7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(74,146,154,.22),transparent 28rem),radial-gradient(circle at 100% 12%,rgba(184,151,74,.15),transparent 24rem),linear-gradient(180deg,#171a1d,#12100f 42%,#18130f)}button{border:0;font:inherit}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px clamp(12px,3vw,28px) 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;align-items:center;min-width:0;gap:12px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;color:#d8ffff;background:linear-gradient(145deg,#18565e,#683d29);border:1px solid rgba(216,255,255,.28);border-radius:8px;box-shadow:0 10px 34px #0000003d;flex:0 0 auto}.brand h1{margin:0;font-size:clamp(24px,4vw,38px);line-height:1;letter-spacing:0}.brand span{display:block;margin-top:4px;color:#a7b5b3;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.stat-card{display:flex;align-items:center;min-width:0;gap:10px;padding:12px;background:#1a1d1fdb;border:1px solid rgba(255,255,255,.08);border-radius:8px}.stat-icon{display:grid;place-items:center;width:36px;height:36px;color:#aef7ff;background:#4091972e;border-radius:8px;flex:0 0 auto}.stat-card div:last-child{min-width:0}.stat-card span,.stat-card small{display:block;color:#9ca8a7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card strong{display:block;color:#fff7da;font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mine-stage{position:relative;overflow:hidden;min-height:clamp(340px,48vw,540px);border:2px solid rgba(82,197,208,.2);border-radius:12px;background:linear-gradient(180deg,#0b0d0e66,#070809f5),linear-gradient(135deg,#181c1e,#1e1815 44%,#0a0a0c);box-shadow:inset 0 -100px 150px #000000b3,0 20px 80px #0006}.mine-stage.balrog-shake{animation:screen-shake .15s infinite}.cavern-back{position:absolute;top:5%;right:3%;bottom:15%;left:3%;border-radius:40% 40% 15% 15%;background:linear-gradient(115deg,transparent 0 24%,rgba(231,76,60,.08) 24% 26%,transparent 26% 100%),linear-gradient(70deg,transparent 0 48%,rgba(82,197,208,.08) 48% 50%,transparent 50% 100%),#0e1012;clip-path:polygon(2% 85%,8% 25%,22% 5%,50% 0%,78% 8%,92% 30%,98% 85%,85% 100%,15% 100%)}.ore-vein{position:absolute;width:200px;height:18px;background:linear-gradient(90deg,transparent,#e0fbfd,#52c5d0,transparent);opacity:.65;filter:drop-shadow(0 0 18px rgba(82,197,208,.85));transform:rotate(-24deg)}.vein-one{top:25%;left:12%}.vein-two{top:35%;right:12%;transform:rotate(18deg)}.rail{position:absolute;left:6%;right:6%;height:6px;background:#4a3828;transform:skewY(-3deg);border-bottom:2px solid #271c12}.rail-back{bottom:20%}.rail-front{bottom:16%}.mine-platform{position:absolute;inset:auto 6% 20% 6%;height:45%}.dwarf-worker{--delay: 0s;position:absolute;bottom:0;width:90px;height:90px;background-image:url(/dwarf_miner.png);background-size:contain;background-repeat:no-repeat;background-position:bottom center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));animation:worker-mine 1.4s ease-in-out infinite;animation-delay:var(--delay);transform-origin:bottom center}.worker-1{left:5%}.worker-2{left:24%}.worker-3{left:43%}.worker-4{left:62%}.worker-5{left:81%}.ghost-worker{opacity:.25;filter:grayscale(1) brightness(.5);animation:none}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#a3f7ff;opacity:0;animation:spark-pop 1.4s ease-out infinite;animation-delay:var(--delay)}.spark-a{top:20px;right:10px}.spark-b{top:35px;right:-5px}.balrog-lair{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:200px;height:110px;background-size:contain;background-repeat:no-repeat;background-position:bottom center;transition:all .4s ease;z-index:5}.balrog-lair.sleeping{background-image:url(/balrog_sleeping.png);animation:balrog-breath 4s ease-in-out infinite}.balrog-lair.agitated{background-image:url(/balrog_sleeping.png);animation:balrog-breath 2s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(231,76,60,.6))}.balrog-lair.awakened{background-image:url(/balrog_awakened.png);width:260px;height:180px;animation:balrog-roar .2s infinite;filter:drop-shadow(0 0 30px rgba(231,76,60,.95))}.balrog-eyes-glow{position:absolute;left:50%;top:25%;transform:translate(-50%);width:25px;height:10px;background:radial-gradient(circle,#ff3300 0%,transparent 70%);opacity:0;z-index:6;pointer-events:none}.balrog-lair.agitated .balrog-eyes-glow{animation:eye-blink 1s infinite alternate}.balrog-lair.awakened .balrog-eyes-glow{opacity:1;background:radial-gradient(circle,#ff0000 0%,#ff6600 50%,transparent 100%);width:50px;height:20px;filter:blur(2px)}.lava-flood{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(231,76,60,.9) 0%,rgba(243,156,18,.6) 50%,transparent 100%);opacity:0;z-index:4;pointer-events:none;transition:opacity 1.5s ease-in}.lava-flood.active{opacity:1;animation:lava-rise 3s ease-in}.storage-bin{position:absolute;right:4%;bottom:22%;display:grid;place-items:center;overflow:hidden;width:76px;height:110px;color:#fff;background:#1a1d1fd9;border:2px solid rgba(82,197,208,.3);border-radius:10px;box-shadow:0 8px 20px #00000080}.storage-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#e0fbfd,#52c5d0);box-shadow:0 0 15px #52c5d0b3;transition:height .5s cubic-bezier(.4,0,.2,1)}.storage-bin svg{position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.cart{position:absolute;left:10%;bottom:7%;display:flex;align-items:center;gap:8px;min-width:108px;padding:8px 12px;color:#0c1516;background:#a3f7ff;border:2px solid #52c5d0;border-radius:8px;font-weight:700;box-shadow:0 4px 10px #52c5d04d;animation:cart-roll 4s ease-in-out infinite}.action-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:14px 0}.primary-action,.secondary-action,.shop-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border-radius:8px;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.primary-action{color:#061314;background:#9df7ff;font-weight:800}.secondary-action{color:#fff7db;background:#71522f;border:1px solid rgba(255,255,255,.12);font-weight:800}.primary-action:hover,.secondary-action:hover,.shop-row button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48;transform:none}.notice{margin:10px 0;padding:11px 13px;border-radius:8px;font-weight:700}.success{color:#dfffee;background:#2f855a38;border:1px solid rgba(89,225,157,.25)}.error{color:#ffe0d9;background:#9a362a3d;border:1px solid rgba(255,142,121,.24)}.content-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:12px}.panel{padding:14px;background:#17191be0;border:1px solid rgba(255,255,255,.08);border-radius:8px}.panel-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title h2{margin:0;font-size:20px;line-height:1.1}.panel-title span{color:#93a19f;font-size:12px}.shop-list,.leaderboard{display:grid;gap:8px}.shop-row,.leader-row,.empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.06);border-radius:8px}.shop-row.owned{background:#63c4971f}.shop-row.locked{background:#ffffff06}.shop-token{display:grid;place-items:center;width:36px;height:36px;color:#c7f9ff;background:#7ed5dc1f;border-radius:8px}.shop-main{min-width:0}.shop-main strong,.leader-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-main span{color:#9da8a8;font-size:13px}.shop-row button{min-width:92px;min-height:38px;color:#101516;background:#e0bd68;font-weight:900}.leader-row{grid-template-columns:44px minmax(0,1fr) auto}.leader-row span{color:#91fbff;font-weight:900}.leader-row em{color:#f4d17c;font-style:normal;font-weight:800}.empty-state{display:flex;color:#a5b1b0}@keyframes worker-mine{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(-15deg)}}@keyframes balrog-breath{0%,to{transform:translate(-50%) scale(1);filter:brightness(.8)}50%{transform:translate(-50%) scale(1.04);filter:brightness(1.1)}}@keyframes balrog-roar{0%,to{transform:translate(-50%) translate(0) scale(1)}50%{transform:translate(-50%) translate(-2px,-3px) scale(1.02)}}@keyframes eye-blink{0%,to{opacity:.2}50%{opacity:.95}}@keyframes lava-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes screen-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px,2px) rotate(-.5deg)}75%{transform:translate(3px,-2px) rotate(.5deg)}}@keyframes spark-pop{0%,30%{opacity:0;transform:translate(0) scale(.6)}45%{opacity:1;transform:translate(12px,-12px) scale(1.2)}to{opacity:0;transform:translate(25px,-30px) scale(.2)}}@keyframes cart-roll{0%,to{transform:translate(0)}50%{transform:translate(15px)}}@media(max-width:860px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.worker-1{left:4%}.worker-2{left:24%}.worker-3{left:45%}.worker-4{left:64%}.worker-5{left:76%}}@media(max-width:560px){.app-shell{padding-inline:10px}.topbar{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:10px}.stat-card strong{font-size:15px}.mine-stage{min-height:390px}.mine-platform{inset-inline:5%}.dwarf-worker{width:64px;height:98px;transform:scale(.86)}.worker-1{left:1%}.worker-2{left:20%}.worker-3{left:39%}.worker-4{left:58%}.worker-5{left:74%}.storage-bin{right:4%;bottom:24%;width:58px;height:86px}.action-strip{grid-template-columns:1fr}.shop-row{grid-template-columns:auto minmax(0,1fr)}.shop-row button{grid-column:1 / -1;width:100%}}