@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap";.currency-display{align-items:center;gap:var(--space-3);display:flex}.currency-display__item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);display:flex}.currency-display__label{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.currency-display__value{font-family:var(--font-mono);font-weight:var(--font-semibold)}.currency-display__value--bits{color:var(--color-brand)}.currency-display__value--bytes{color:var(--element-signal)}.currency-display__exchange{background:var(--color-brand);width:18px;height:18px;color:var(--background);font-size:var(--text-xs);font-weight:var(--font-bold);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.currency-display__exchange:hover{background:var(--color-brand-hover);transform:scale(1.1)}.currency-display--compact{gap:var(--space-2)}.currency-display--compact .currency-display__item{padding:2px var(--space-2);font-size:var(--text-xs);background:0 0;border:none}.currency-display--compact .currency-display__label{display:none}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border-subtle);z-index:var(--z-fixed);transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}@media (width<=767px){.sidebar{display:none}}@media (width>=768px) and (width<=1023px){.sidebar{width:var(--sidebar-width-collapsed)}.sidebar .sidebar__label,.sidebar .sidebar__player,.sidebar .sidebar__currency,.sidebar .sidebar__app-name{display:none}}.sidebar__top{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sidebar__brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.sidebar__logo{font-size:var(--text-lg);color:var(--color-brand);flex-shrink:0}.sidebar__app-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);background:linear-gradient(135deg, var(--color-brand), var(--element-signal));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text}.sidebar__player{margin-bottom:var(--space-2);padding:var(--space-2) var(--space-2);background:var(--glass-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.sidebar__player-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__player-level{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-brand);flex-shrink:0}.sidebar__currency{padding:var(--space-1) 0}.sidebar__nav{padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.sidebar__nav-group{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__divider{background:var(--border-subtle);height:1px;margin:var(--space-3) var(--space-2)}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;text-decoration:none;display:flex}.sidebar__link:hover{color:var(--text-primary);background:var(--glass-bg)}.sidebar__link--active{color:var(--color-brand);background:var(--color-brand-muted)}.sidebar__link--active:hover{background:var(--color-brand-muted)}.sidebar__link--signout{color:var(--text-muted)}.sidebar__link--signout:hover{color:var(--color-error);background:#ff44441a}.sidebar__icon{flex-shrink:0}.sidebar--collapsed .sidebar__link{padding:var(--space-2);justify-content:center}.sidebar--collapsed .sidebar__brand{margin-bottom:var(--space-2);justify-content:center}.sidebar--collapsed .sidebar__toggle{justify-content:center}.sidebar__bottom{padding:var(--space-2);border-top:1px solid var(--border-subtle);gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.sidebar__toggle{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);transition:all var(--transition-fast);width:100%;display:flex}.sidebar__toggle:hover{color:var(--text-primary);background:var(--glass-bg)}.bottom-nav{height:var(--bottom-nav-height);background:var(--surface);border-top:1px solid var(--border-subtle);z-index:var(--z-fixed);padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.bottom-nav,.bottom-nav__drawer-backdrop{display:none}}.bottom-nav__item{padding:var(--space-1) 0;color:var(--text-muted);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav__item--active{color:var(--color-brand)}.bottom-nav__label{font-size:.625rem;font-weight:var(--font-medium);letter-spacing:.02em}.bottom-nav__drawer-backdrop{z-index:calc(var(--z-fixed) + 1);animation:drawer-backdrop-in var(--transition-fast) forwards;background:#0009;position:fixed;inset:0}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}.bottom-nav__drawer{background:var(--surface);border-top:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:calc(var(--z-fixed) + 2);padding-bottom:env(safe-area-inset-bottom,0);animation:drawer-slide-up var(--transition-normal) forwards;position:fixed;bottom:0;left:0;right:0}@keyframes drawer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-nav__drawer-header{padding:var(--space-4) var(--space-4) var(--space-2);font-weight:var(--font-semibold);color:var(--text-secondary);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.bottom-nav__drawer-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.bottom-nav__drawer-items{padding:var(--space-2) var(--space-2) var(--space-4)}.bottom-nav__drawer-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);display:flex}.bottom-nav__drawer-item:hover{background:var(--glass-bg);color:var(--text-primary)}.bottom-nav__drawer-item--active{color:var(--color-brand);background:var(--color-brand-muted)}.bottom-nav__drawer-item--signout{color:var(--text-muted)}.bottom-nav__drawer-item--signout:hover{color:var(--color-error);background:#ff44441a}.bottom-nav__drawer-divider{background:var(--border-subtle);height:1px;margin:var(--space-2) var(--space-4)}.currency-bar{bottom:var(--bottom-nav-height);height:var(--currency-bar-height);background:var(--background-secondary);border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:var(--space-6);z-index:var(--z-fixed);padding-bottom:0;display:flex;position:fixed;left:0;right:0}@media (width>=768px){.currency-bar{display:none}}.currency-bar__item{align-items:center;gap:var(--space-2);display:flex}.currency-bar__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.currency-bar__value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold)}.currency-bar__value--bits{color:var(--color-brand)}.currency-bar__value--bytes{color:var(--element-signal)}.currency-bar__exchange{background:var(--color-brand);width:18px;height:18px;color:var(--background);font-size:var(--text-xs);font-weight:var(--font-bold);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.currency-bar__exchange:hover{background:var(--color-brand-hover);transform:scale(1.1)}.currency-bar__divider{background:var(--border);width:1px;height:16px}.daily-modal__content{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.daily-modal__content--success,.daily-modal__content--claimed{text-align:center}.daily-modal__error{color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);background:#ff444426;border:1px solid #ff44444d}.daily-modal__preview{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#00d4ff1a,#ffc8001a)}.daily-modal__preview-icon{margin-bottom:var(--space-3);font-size:48px}.daily-modal__preview-reward{justify-content:center;align-items:baseline;gap:var(--space-2);display:flex}.daily-modal__preview-amount{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-brand);font-family:var(--font-display)}.daily-modal__preview-currency{font-size:var(--text-lg);color:var(--text-secondary)}.daily-modal__breakdown{padding:var(--space-3);background:var(--background-secondary);border-radius:var(--radius-md)}.daily-modal__breakdown-row{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) 0;justify-content:space-between;display:flex}.daily-modal__breakdown-row:not(:last-child){border-bottom:1px solid var(--border)}.daily-modal__streak-bonus{color:var(--color-warning);font-weight:var(--font-semibold)}.daily-modal__current-streak{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-semibold);background:#ff64001a;border:1px solid #ff64004d;display:flex}.daily-modal__streak-fire{font-size:var(--text-lg)}.daily-modal__info{text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.daily-modal__info p{margin:0 0 var(--space-2)}.daily-modal__info-detail{font-size:var(--text-xs);color:var(--text-muted)}.daily-modal__actions{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border);display:flex}.daily-modal__success-icon{margin-bottom:var(--space-3);font-size:64px}.daily-modal__reward-display{justify-content:center;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.daily-modal__reward-amount{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-success);font-family:var(--font-display)}.daily-modal__reward-currency{font-size:var(--text-xl);color:var(--text-secondary)}.daily-modal__streak-info{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-warning);font-weight:var(--font-bold);font-size:var(--text-lg);background:#ff640026;display:flex}.daily-modal__new-balance{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.daily-modal__new-balance span{color:var(--color-brand);font-weight:var(--font-semibold)}.daily-modal__claimed-icon{width:64px;height:64px;color:var(--color-success);font-size:var(--text-3xl);margin:0 auto var(--space-4);background:#0c63;border-radius:50%;justify-content:center;align-items:center;display:flex}.daily-modal__claimed-message{color:var(--text-secondary);margin:0 0 var(--space-4)}.daily-modal__countdown{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--background-secondary);border-radius:var(--radius-md);margin-top:var(--space-2);flex-direction:column;display:flex}.daily-modal__countdown span:first-child{font-size:var(--text-sm);color:var(--text-secondary)}.daily-modal__countdown-time{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-brand);font-family:var(--font-display)}.game-layout{min-height:100vh;display:flex}.game-layout__main{flex-direction:column;flex:1;min-width:0;display:flex}@media (width>=768px){.game-layout__main{margin-left:var(--sidebar-width-collapsed);transition:margin-left var(--transition-normal)}.game-layout--sidebar-expanded .game-layout__main{margin-left:var(--sidebar-width)}}@media (width>=1024px){.game-layout__main{margin-left:var(--sidebar-width)}}@media (width<=767px){.game-layout__main{padding-bottom:calc(var(--bottom-nav-height) + var(--currency-bar-height))}}.public-layout{flex-direction:column;min-height:100vh;display:flex}.public-layout__header{padding:var(--space-3) var(--space-6);background:var(--surface);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.public-layout__brand{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.public-layout__logo{font-size:var(--text-lg);color:var(--color-brand)}.public-layout__app-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);background:linear-gradient(135deg, var(--color-brand), var(--element-signal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.public-layout__login{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.public-layout__login:hover{color:var(--color-brand);border-color:var(--color-brand)}.public-layout__main{flex:1}:root{--background:#0a0a0f;--background-secondary:#12121a;--surface:#1a1a24;--surface-elevated:#22222e;--text-primary:#e8e8ec;--text-secondary:#a8a8b3;--text-muted:#6b6b7a;--text-placeholder:#4a4a58;--color-brand:#00d4ff;--color-brand-hover:#00b8e0;--color-brand-muted:#00d4ff26;--element-data:#00d4ff;--element-signal:#0f8;--element-static:#f44;--element-void:#94f;--element-neutral:#889;--element-corrupt:#f0f;--rarity-common:#6b6b7a;--rarity-uncommon:#0c6;--rarity-rare:#39f;--rarity-epic:#94f;--rarity-legendary:#fa0;--color-success:#0c6;--color-error:#f44;--color-warning:#fa0;--color-info:#39f;--border:#ffffff1a;--border-subtle:#ffffff0d;--border-hover:#00d4ff66;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff14;--font-display:"Orbitron", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-glow:0 0 20px #00d4ff4d;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-panel:1055;--z-tooltip:1070;--z-toast:1080;--color-bg:var(--background);--color-surface:var(--surface);--color-text:var(--text-primary);--color-text-muted:var(--text-muted);--color-border:var(--border);--color-primary:var(--color-brand);--color-primary-hover:var(--color-brand-hover);--color-danger:var(--color-error);--sidebar-width:240px;--sidebar-width-collapsed:64px;--bottom-nav-height:64px;--currency-bar-height:36px;--page-header-height:56px;--content-max-width:1200px;--arena-hud-height:48px;--arena-hand-height:48px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--background);min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:.02em}h1{font-size:clamp(2rem, 5vw, var(--text-5xl))}h2{font-size:clamp(1.75rem, 4vw, var(--text-4xl))}h3{font-size:clamp(1.5rem, 3vw, var(--text-3xl))}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--color-brand);text-decoration:none;transition:color .2s}a:hover{color:var(--color-brand-hover)}code,pre,.mono{font-family:var(--font-mono)}:focus{outline:none}::selection{background-color:var(--color-brand-muted);color:var(--text-primary)}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-6)}}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}:focus:not(:focus-visible){outline:none}