@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Sans:wght@400;600;700&display=swap";.login-page{min-height:100vh;display:grid;place-items:center;background-image:url(/solid-background-02.webp);background-size:cover;background-position:center;padding:var(--space-4)}.login-card{width:100%;max-width:380px;background-color:#022057d9;border:1px solid var(--color-box-shadow);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-card__logo{width:140px;align-self:center}.login-card__title{font-family:var(--font-display);font-size:28px;margin:0;text-align:center;letter-spacing:2px}.login-card__field{display:flex;flex-direction:column;gap:var(--space-1)}.login-card__field input{width:100%;padding:var(--space-3);font-size:16px;background-color:var(--color-bg-primary);border:1px solid var(--color-box-shadow);border-radius:var(--radius-sm);color:var(--color-white)}.login-card__field input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.login-card__submit{background-color:var(--color-primary);color:var(--color-white);border:none;padding:var(--space-3) var(--space-4);font-weight:700;font-size:16px;border-radius:var(--radius-sm)}.login-card__submit:disabled{opacity:.6;cursor:not-allowed}.login-card__error{color:var(--color-danger);font-size:14px;text-align:center;min-height:1em}.balance-panel{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.balance-panel__user{font-weight:700;letter-spacing:1px}.balance-panel__amount{font-family:var(--font-display);font-size:22px;color:var(--color-alert)}.balance-panel button{background-color:var(--color-bg-secondary);color:var(--color-white);border:1px solid var(--color-box-shadow);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-weight:600}.balance-panel button.primary{background-color:var(--color-primary);border-color:var(--color-primary)}.balance-panel button:disabled{opacity:.6;cursor:not-allowed}.game-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-box-shadow);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;padding:0;color:inherit;text-align:left;font:inherit}.game-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 12px #2549ff80}.game-card:disabled{opacity:.6;cursor:not-allowed}.game-card__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.game-card__label{padding:var(--space-3);font-weight:700;letter-spacing:1px}.home-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary);background-image:url(/shadow-background-01.webp);background-size:cover;background-attachment:fixed}.home-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);gap:var(--space-4);background-color:#000838d9;border-bottom:1px solid var(--color-box-shadow);flex-wrap:wrap}.home-header__logo{height:36px}.home-main{flex:1;padding:var(--space-5)}.home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.home-toast{background-color:#d8be1a26;border:1px solid var(--color-alert);color:var(--color-alert);padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}@media (max-width: 980px){.home-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.home-grid{grid-template-columns:1fr}.home-header{flex-direction:column;align-items:flex-start}}:root{--color-primary: #2549ff;--color-bg-primary: #000838;--color-bg-secondary: #022057;--color-box-shadow: #16498b;--color-white: #fff;--color-alert: #d8be1a;--color-danger: #ff5470;--bp-mobile: 540px;--bp-pad: 980px;--radius-md: 12px;--radius-sm: 6px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-display: "Archivo Black", "Noto Sans", sans-serif;--font-body: "Noto Sans", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-white);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit}