body,html{margin:0;min-height:100%;background:#0b0e14;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}*{box-sizing:border-box}button,input,select{font:inherit}:root{--mk-bg-0:#07090d;--mk-bg-1:#0e131c;--mk-bg-2:#141b27;--mk-ink:#f5f2ea;--mk-muted:#9aa3b2;--mk-neon:#3dffb0;--mk-neon-dim:#1fa874;--mk-gold:#e2b657;--mk-yellow:#f5d76e;--mk-danger:#ff6b7a;--mk-line:rgba(255,255,255,0.1);--mk-glass:rgba(255,255,255,0.06);--mk-radius:16px;--mk-radius-sm:12px;--mk-font-display:"Syne",system-ui,sans-serif;--mk-font-body:"Manrope",system-ui,sans-serif;--mk-font-mono:"IBM Plex Mono",ui-monospace,monospace;--mk-header-h:56px;--mk-nav-h:64px;--mk-touch:48px;--mk-safe-top:env(safe-area-inset-top,0px);--mk-safe-bottom:env(safe-area-inset-bottom,0px);--mk-safe-left:env(safe-area-inset-left,0px);--mk-safe-right:env(safe-area-inset-right,0px)}.mk-app{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 85% 0,rgba(61,255,176,.1),transparent 55%),radial-gradient(700px 420px at 5% 30%,rgba(226,182,87,.1),transparent 50%),linear-gradient(180deg,var(--mk-bg-0),var(--mk-bg-1));color:var(--mk-ink);font-family:var(--mk-font-body);overflow-x:hidden}.mk-app.has-bottom-nav{padding-bottom:calc(var(--mk-nav-h) + var(--mk-safe-bottom))}.mk-screen{flex:1 1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:100vw}.mk-screen-scroll{flex:1 1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 16px 16px}.mk-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;min-height:calc(var(--mk-header-h) + var(--mk-safe-top));padding:var(--mk-safe-top) 16px 0 16px;background:rgba(7,9,13,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--mk-line)}.mk-header-title{flex:1 1;min-width:0}.mk-header-title h1{margin:0;font-family:var(--mk-font-display);font-size:1.1rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-header-title p{margin:2px 0 0;color:var(--mk-muted);font-size:.72rem}.mk-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--mk-touch);height:var(--mk-touch);border:1px solid var(--mk-line);border-radius:14px;background:var(--mk-glass);color:var(--mk-ink);text-decoration:none;font-size:1.1rem;flex-shrink:0;transition:transform .12s ease,background .12s ease}.mk-icon-btn:active{transform:scale(.96);background:rgba(255,255,255,.1)}.mk-brand-mark{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mk-font-display);font-weight:800;background:linear-gradient(135deg,var(--mk-neon),var(--mk-gold));color:#07110d;flex-shrink:0}.mk-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;min-height:calc(var(--mk-nav-h) + var(--mk-safe-bottom));padding:6px 8px var(--mk-safe-bottom);background:rgba(7,9,13,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--mk-line)}.mk-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:var(--mk-touch);color:var(--mk-muted);text-decoration:none;font-size:.68rem;font-weight:600;border-radius:14px;transition:color .15s ease,background .15s ease}.mk-bottom-nav a span.icon{font-size:1.15rem;line-height:1}.mk-bottom-nav a.is-active{color:var(--mk-neon);background:rgba(61,255,176,.08)}.mk-bottom-nav a.play-tab{color:var(--mk-gold)}.mk-bottom-nav a.play-tab.is-active{color:#07110d;background:linear-gradient(135deg,var(--mk-neon),var(--mk-gold))}.mk-card{border:1px solid var(--mk-line);border-radius:var(--mk-radius);background:var(--mk-glass);padding:16px}.mk-card+.mk-card{margin-top:12px}.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--mk-touch);padding:0 20px;border:none;border-radius:14px;font-family:var(--mk-font-body);font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.mk-btn:active:not(:disabled){transform:scale(.98)}.mk-btn:disabled{opacity:.45;cursor:not-allowed}.mk-btn-primary{background:linear-gradient(135deg,var(--mk-neon),var(--mk-neon-dim));color:#04140e;box-shadow:0 8px 24px rgba(61,255,176,.2)}.mk-btn-gold{background:linear-gradient(135deg,var(--mk-gold),var(--mk-yellow));color:#1a1408}.mk-btn-ghost{background:transparent;border:1px solid var(--mk-line);color:var(--mk-ink)}.mk-btn-block{width:100%}.mk-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.mk-field label{font-size:.82rem;font-weight:600;color:var(--mk-muted)}.mk-field input,.mk-field select{min-height:var(--mk-touch);padding:0 14px;border-radius:12px;border:1px solid var(--mk-line);background:rgba(0,0,0,.35);color:var(--mk-ink);font-size:1rem}.mk-field input:focus,.mk-field select:focus{outline:2px solid rgba(61,255,176,.35);border-color:rgba(61,255,176,.5)}.mk-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--mk-line);background:var(--mk-glass);font-size:.78rem;font-weight:600}.mk-pill.green{border-color:rgba(61,255,176,.35);color:var(--mk-neon)}.mk-pill.yellow{border-color:rgba(245,215,110,.35);color:var(--mk-yellow)}.mk-pill.danger{border-color:rgba(255,107,122,.35);color:var(--mk-danger)}.mk-banner{padding:10px 16px;font-size:.82rem;font-weight:600;text-align:center}.mk-banner.offline{background:rgba(255,107,122,.15);color:var(--mk-danger);border-bottom:1px solid rgba(255,107,122,.25)}.mk-banner.pending{background:rgba(245,215,110,.12);color:var(--mk-yellow);border-bottom:1px solid rgba(245,215,110,.2)}.mk-boot{position:fixed;inset:0;z-index:100;flex-direction:column;gap:20px;background:var(--mk-bg-0);padding:var(--mk-safe-top) 24px var(--mk-safe-bottom)}.mk-boot,.mk-boot-logo{display:flex;align-items:center;justify-content:center}.mk-boot-logo{width:88px;height:88px;border-radius:24px;font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,var(--mk-neon),var(--mk-gold));color:#07110d;animation:mk-pulse 1.4s ease-in-out infinite}.mk-boot h1,.mk-boot-logo{font-family:var(--mk-font-display)}.mk-boot h1{margin:0;font-size:1.6rem;letter-spacing:-.03em}.mk-boot p{margin:0;color:var(--mk-muted);font-size:.9rem}.mk-boot .mk-spinner{width:28px;height:28px;border:3px solid rgba(61,255,176,.2);border-top:3px solid var(--mk-neon);border-radius:50%;animation:mk-spin .8s linear infinite}@keyframes mk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes mk-spin{to{transform:rotate(1turn)}}.mk-error{padding:10px 12px;border-radius:12px;background:rgba(255,107,122,.12);border:1px solid rgba(255,107,122,.25);color:var(--mk-danger);font-size:.85rem}.mk-section-title{margin:20px 0 10px;font-family:var(--mk-font-display);font-size:1rem;font-weight:700}.mk-game-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--mk-radius);border:1px solid var(--mk-line);background:var(--mk-glass);text-decoration:none;color:inherit;min-height:var(--mk-touch)}.mk-game-row:active{background:rgba(255,255,255,.08)}.mk-game-row+.mk-game-row{margin-top:10px}.mk-game-thumb{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--mk-font-mono);font-weight:700;flex-shrink:0}.mk-game-thumb.g1{background:linear-gradient(135deg,#1fa874,#3dffb0);color:#04140e}.mk-game-thumb.g2{background:linear-gradient(135deg,#c9a227,#f5d76e);color:#1a1408}.mk-game-thumb.g3{background:linear-gradient(135deg,#2a3f5f,#4a6fa5)}.mk-game-thumb.g4{background:linear-gradient(135deg,#4a1f6b,#9b4dff)}.mk-game-meta{flex:1 1;min-width:0}.mk-game-meta strong{display:block;font-size:.95rem}.mk-game-meta small{display:block;color:var(--mk-muted);font-size:.78rem;margin-top:2px}.mk-balance-hero{margin:16px 0;padding:18px;border-radius:20px;border:1px solid rgba(61,255,176,.2);background:linear-gradient(145deg,rgba(61,255,176,.08),rgba(226,182,87,.06))}.mk-balance-hero .label{font-size:.75rem;color:var(--mk-muted);text-transform:uppercase;letter-spacing:.08em}.mk-balance-hero .value{margin-top:6px;font-family:var(--mk-font-mono);font-size:1.8rem;font-weight:700;color:var(--mk-neon)}.mk-balance-row{display:flex;gap:10px;margin-top:12px}.mk-balance-chip{flex:1 1;padding:10px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--mk-line)}.mk-balance-chip span{display:block;font-size:.68rem;color:var(--mk-muted)}.mk-balance-chip strong{display:block;margin-top:4px;font-family:var(--mk-font-mono);font-size:.95rem}.mk-empty{text-align:center;padding:32px 16px;color:var(--mk-muted)}.mk-empty strong{display:block;color:var(--mk-ink);margin-bottom:6px}.mk-keyboard-pad{padding-bottom:8px}