@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}html{background:#0c1019;min-width:320px;min-height:100%}body{color:#f4f6fa;-webkit-font-smoothing:antialiased;background:#0c1019;min-width:320px;min-height:100vh;margin:0;font-family:Inter,Arial,sans-serif}button{font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #ffbd5c}::selection{color:#111722;background:#ffbd5c}#root{width:100%;min-height:100vh}.app-shell{background:radial-gradient(at 50% 28%,#2342682e,#0000 45%),#0c1019;width:min(100%,470px);min-height:100vh;margin:0 auto;padding:20px 17px 105px;position:relative;overflow:hidden}.topbar,.brand,.balance-top,.balance-bottom,.mine-heading,.progress-heading,.progress-foot,.claim-info,.activity-row{justify-content:space-between;align-items:center;display:flex}.topbar{margin-bottom:22px}.brand{justify-content:flex-start;gap:11px}.brand-mark{color:#111722;background:linear-gradient(145deg,#ffd16b,#e58a25);border-radius:14px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 5px 25px #f3a52a35}.brand-name{letter-spacing:1.8px;font-size:17px;font-weight:900}.brand-name span{color:#ffb64a}.brand-sub{color:#748197;letter-spacing:1.6px;margin-top:3px;font-size:8px;font-weight:700}.round-button{color:#aebbd0;background:#151d2a;border:1px solid #293448;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.balance-card{background:radial-gradient(circle at 95% 0,#9a5b2028,#0000 45%),linear-gradient(135deg,#202332,#171c29 70%);border:1px solid #4b3c2b;border-radius:19px;padding:19px 19px 16px;box-shadow:0 12px 32px #0005}.eyebrow{color:#a9b4c6;letter-spacing:1.25px;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.eyebrow svg{color:#ffb64a}.live-dot{color:#73e2a2;letter-spacing:1px;border:1px solid #3a7957;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:800}.balance-value{letter-spacing:-1.8px;margin-top:13px;font-size:clamp(32px,9vw,43px);font-weight:900}.balance-value span{color:#ffb64a;letter-spacing:1px;font-size:15px}.balance-bottom{color:#8b9ab0;margin-top:8px;font-size:10px}.balance-bottom span:first-child{color:#69d99a;align-items:center;gap:5px;display:flex}.balance-note{color:#68778d}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:12px;display:grid}.stat-card{background:#151c29;border:1px solid #283448;border-radius:15px;padding:13px}.stat-icon{border-radius:9px;place-items:center;width:30px;height:30px;margin-bottom:9px;display:grid}.stat-icon.orange{color:#ffb64a;background:#ffb64a18}.stat-icon.blue{color:#61b9ff;background:#61b9ff18}.stat-label{color:#8190a6;letter-spacing:1.1px;font-size:8px;font-weight:800}.stat-number{margin-top:5px;font-size:18px;font-weight:800}.stat-number small{color:#8492a7;font-size:9px;font-weight:600}.mine-heading{margin:25px 1px 12px}.section-kicker{color:#e7a84c;letter-spacing:1.7px;font-size:8px;font-weight:800}.mine-heading h1{letter-spacing:-.5px;margin:5px 0 0;font-size:19px;font-weight:850}.mine-heading h1 span{color:#ffb64a}.level-pill{color:#ffca77;background:#ffb64a13;border:1px solid #70502e;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:900}.scene-card{background:#101521;border:1px solid #344158;border-radius:18px;height:300px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.scene-top-label{z-index:2;color:#aab8cb;letter-spacing:1px;pointer-events:none;justify-content:space-between;font-size:8px;font-weight:800;display:flex;position:absolute;top:13px;left:13px;right:13px}.scene-top-label>span:first-child{align-items:center;gap:6px;display:flex}.tiny-live{background:#62e29b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #62e29b}.miner-scene{width:100%;height:100%;position:absolute;inset:0}.miner-scene canvas{width:100%;height:100%;display:block}.scene-bottom{z-index:2;pointer-events:none;background:linear-gradient(#0000,#0c111ce8);justify-content:space-between;align-items:flex-end;padding:34px 15px 13px;display:flex;position:absolute;bottom:0;left:0;right:0}.miner-name{letter-spacing:1.5px;font-size:10px;font-weight:900}.miner-status{color:#9aa8bc;margin-top:4px;font-size:9px}.scene-level{color:#ffbf62;letter-spacing:1px;font-size:9px;font-weight:900}.progress-section{background:#151c29;border:1px solid #283448;border-radius:16px;margin-top:18px;padding:16px}.level-text{margin-top:5px;font-size:17px;font-weight:850}.level-text span{color:#74839a;font-size:11px;font-weight:600}.progress-percent{color:#ffbd5c;font-size:17px;font-weight:900}.progress-track{background:#30394a;border-radius:20px;height:8px;margin-top:13px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#d77b24,#ffd16b);width:68%;height:100%;box-shadow:0 0 13px #f7a83c77}.progress-foot{color:#75859b;letter-spacing:.8px;margin-top:9px;font-size:8px;font-weight:800}.progress-foot span:last-child{color:#c4cfdf}.claim-card{background:linear-gradient(110deg,#2a251f,#1b202b);border:1px solid #57432d;border-radius:15px;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding:13px;display:flex}.claim-info{justify-content:flex-start;gap:10px}.claim-icon{color:#ffc36c;background:#ffb64a1b;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.claim-title{font-size:11px;font-weight:800}.claim-sub{color:#8996a9;margin-top:4px;font-size:9px}.claim-button{color:#20170d;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ffd16b,#f29b35);border:0;border-radius:10px;align-items:center;gap:5px;padding:11px 12px;font-size:9px;font-weight:900;display:flex}.claim-button:active{transform:scale(.97)}.activity-row{background:#131b28;border:1px solid #253448;border-radius:13px;justify-content:flex-start;gap:10px;margin-top:13px;padding:12px}.activity-icon{color:#62d99b;background:#62d99b15;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.activity-copy{flex:1}.activity-copy strong{font-size:9px;display:block}.activity-copy span{color:#7e8da3;margin-top:4px;font-size:8px;display:block}.activity-status{color:#6be1a1;letter-spacing:.8px;font-size:8px;font-weight:900}.bottom-nav{z-index:10;width:min(100%,470px);padding:11px 7px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111824f5;border-top:1px solid #2a3446;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#738198;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:54px;font-size:8px;font-weight:700;display:flex}.nav-item.active{color:#ffbd5c}.nav-item.active svg{filter:drop-shadow(0 0 6px #ffb64a66)}.app-footer{color:#526077;letter-spacing:1px;justify-content:space-between;margin-top:22px;font-size:7px;font-weight:800;display:flex}.app-footer span:first-child{color:#9a805d;align-items:center;gap:4px;display:flex}@media (width>=600px){.app-shell{border-left:1px solid #202b3d;border-right:1px solid #202b3d}}.auth-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:75vh;padding:30px 20px;display:flex}.auth-screen h2{color:#f6a928;letter-spacing:3px;margin:0}.auth-screen p{color:#d5d9e2;max-width:300px;font-size:14px}.auth-screen>span{color:#929bad;font-size:12px}.auth-error{color:#f77!important}.auth-loader{border:3px solid #303849;border-top-color:#ffb83f;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.claim-button:disabled{opacity:.55;cursor:not-allowed}
