@font-face{font-family:Zabal;src:url(/zabal/ZabalDEMO-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zabal;src:url(/zabal/ZabalDEMO-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Zabal;src:url(/zabal/ZabalDEMO-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Zabal;src:url(/zabal/ZabalDEMO-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Zabal;src:url(/zabal/ZabalDEMO-ExtraBold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Zabal;src:url(/zabal/ZabalDEMO-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Malinton;src:url(/malinton/MalintonTrialVersion-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Malinton;src:url(/malinton/MalintonTrialVersion-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Malinton;src:url(/malinton/MalintonTrialVersion-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Malinton;src:url(/malinton/MalintonTrialVersion-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Malinton;src:url(/malinton/MalintonTrialVersion-ExtBd.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Malinton;src:url(/malinton/MalintonTrialVersion-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:BebasKai;src:url(/BebasKai.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-body: "Zabal", system-ui, sans-serif;--font-display: "Malinton", sans-serif;--font-stock: "BebasKai", sans-serif;--bg-primary: #56755f;--bg-secondary: #4b6653;--bg-card: rgba(255, 255, 255, .15);--bg-card-hover: rgba(255, 255, 255, .25);--text-primary: #ffffff;--text-secondary: #dceddd;--text-muted: #a3c4b1;--w-budget: #385c43;--w-budget-bg: rgba(56, 92, 67, .12);--w-budget-glow: 0 0 20px rgba(56, 92, 67, .3);--w-stocks: #10b981;--w-stocks-bg: rgba(16, 185, 129, .12);--w-stocks-glow: 0 0 20px rgba(16, 185, 129, .3);--w-crypto: #f59e0b;--w-crypto-bg: rgba(245, 158, 11, .12);--w-crypto-glow: 0 0 20px rgba(245, 158, 11, .3);--accent-purple: #fbb03b;--accent-green: #10b981;--accent-red: #ef4444;--accent-orange: #f59e0b;--accent-cyan: #385c43;--accent-pink: #ec4899;--gradient-purple: linear-gradient(135deg, #fbb03b, #e8a838);--gradient-budget: linear-gradient(135deg, #385c43, #2d4a35);--gradient-stocks: linear-gradient(135deg, #10b981, #059669);--gradient-crypto: linear-gradient(135deg, #f59e0b, #d97706);--border-glass: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--shadow-glow-purple: 0 0 20px rgba(243, 156, 18, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-primary);background-image:linear-gradient(180deg,#87a992,#56755f);background-attachment:fixed;color:var(--text-primary);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;letter-spacing:.015em}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}input,textarea{font-family:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:.03em}.username,[data-username]{font-family:var(--font-display);font-weight:600;letter-spacing:.03em}.stock-ticker,.stock-name,.stock-price,[data-stock-ticker],[data-stock-price]{font-family:var(--font-stock);letter-spacing:.02em;word-spacing:.15em;text-transform:uppercase}.app-container{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:transparent}.page-content{flex:1;padding:20px 20px 90px;overflow-y:auto}.page-header{margin-bottom:20px}.page-title{font-family:var(--font-display);font-size:1.75rem;font-weight:900;letter-spacing:-.02em}.page-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:2px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:800}.section-link{font-size:.8125rem;color:var(--accent-purple);font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .25s ease}.card-interactive:active{transform:scale(.98)}.world-card{position:relative;padding:20px;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all .3s ease}.world-card:before{content:"";position:absolute;inset:0;opacity:.08;transition:opacity .3s}.world-card:active{transform:scale(.97)}.world-card.budget{border:1px solid rgba(6,182,212,.2)}.world-card.budget:before{background:var(--gradient-budget)}.world-card.stocks{border:1px solid rgba(16,185,129,.2)}.world-card.stocks:before{background:var(--gradient-stocks)}.world-card.crypto{border:1px solid rgba(245,158,11,.2)}.world-card.crypto:before{background:var(--gradient-crypto)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:700;font-size:.9375rem;transition:all .25s ease;border:none;cursor:pointer}.btn-primary{background:var(--gradient-purple);color:#fff;box-shadow:var(--shadow-glow-purple)}.btn-primary:active{transform:scale(.96)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-sm{padding:8px 16px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-block{width:100%}.btn-budget{background:var(--gradient-budget);color:#fff;box-shadow:var(--w-budget-glow)}.btn-stocks{background:var(--gradient-stocks);color:#fff;box-shadow:var(--w-stocks-glow)}.btn-crypto{background:var(--gradient-crypto);color:#fff;box-shadow:var(--w-crypto-glow)}.progress-bar{width:100%;height:8px;background:#ffffff0f;border-radius:100px;overflow:hidden}.progress-fill{height:100%;border-radius:100px;background:var(--gradient-purple);transition:width .5s ease}.progress-fill.budget{background:var(--gradient-budget)}.progress-fill.stocks{background:var(--gradient-stocks)}.progress-fill.crypto{background:var(--gradient-crypto)}.input-field{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;outline:none;transition:border-color .25s}.input-field:focus{border-color:var(--accent-purple)}.input-field::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:.6875rem;font-weight:600}.badge-green{background:#10b98126;color:var(--accent-green)}.badge-orange{background:#f59e0b26;color:var(--accent-orange)}.badge-red{background:#ef444426;color:var(--accent-red)}.badge-cyan{background:#385c4326;color:var(--accent-cyan)}.mine-grid{display:grid;gap:4px}.mine-cell{aspect-ratio:1;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-glass);background:var(--bg-card);position:relative}.mine-cell.hidden{background:#f59e0b14;border-color:#f59e0b26}.mine-cell.hidden:hover{background:#f59e0b26;border-color:#f59e0b4d;transform:scale(1.05)}.mine-cell.revealed{cursor:default}.mine-cell.profit{background:#10b9811f;border-color:#10b9814d;color:var(--accent-green)}.mine-cell.loss{background:#ef44441f;border-color:#ef44444d;color:var(--accent-red)}.mine-cell.rug{background:#ef444433;border-color:var(--accent-red);color:var(--accent-red);animation:mine-explode .4s ease}.budget-category{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-bottom:8px}.budget-event{padding:16px;border-radius:var(--radius-lg);border:1px solid;margin-bottom:10px;animation:slide-up .3s ease}.budget-event.emergency{border-color:#ef44444d;background:#ef44440f}.budget-event.income{border-color:#10b9814d;background:#10b9810f}.budget-event.want{border-color:#f59e0b4d;background:#f59e0b0f}.budget-event.need{border-color:#06b6d44d;background:#06b6d40f}.budget-event.savings{border-color:#a855f74d;background:#a855f70f}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes mine-explode{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:100px}
