:root{--bg: #03050a;--panel: #080d16;--muted: #9aa8bd;--text: #ffffff;--accent: #1976ff;--accent-600: #0057d8;--danger: #ff2d4d;--glass: rgba(255,255,255,.03);--border: rgba(255,255,255,.1);--radius: 8px;--shadow: 0 8px 24px rgba(2,6,23,.6);--max-width: 1100px;--gap: 12px;--ui-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--nav-height: 72px;--sidebar-width: 220px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ui-font);background:linear-gradient(135deg,rgba(255,45,77,.12),transparent 30%),linear-gradient(225deg,rgba(0,183,255,.13),transparent 38%),linear-gradient(180deg,var(--bg),#000000);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45;font-size:15px}.app-shell{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;background:transparent}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:14px 16px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.header-title h1{margin:0;font-size:20px;letter-spacing:.6px;color:var(--accent)}.header-sub{color:var(--muted);font-size:12px;margin-top:2px}.header-actions{display:flex;gap:8px;align-items:center}.action-btn{background:transparent;color:var(--text);border:1px solid var(--border);padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:600}.action-btn:hover{border-color:#ffffff1f;transform:translateY(-1px)}.content-area{width:100%;max-width:var(--max-width);margin:18px auto;padding:0 16px 120px;flex:1 1 auto;box-sizing:border-box}.page-container{display:flex;flex-direction:column;gap:14px}.panel{background:linear-gradient(180deg,#ffffff03,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.game-card{background:linear-gradient(180deg,#ffffff03,#ffffff05);border:1px solid var(--border);border-radius:12px;padding:12px;color:var(--text)}.game-cover-card img{border-radius:12px;display:block}.h2{font-size:18px;margin:0 0 8px;color:var(--text)}.section-title h2{margin:0;color:var(--text)}.header-sub.small{color:var(--muted);font-size:13px}.btn-compact{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:700}.btn-compact.positive{background:linear-gradient(105deg,var(--danger),var(--accent));color:#fff}.btn-compact.negative{background:transparent;border:1px solid rgba(255,255,255,.06);color:#fff}.loading{color:var(--muted)}.empty{color:var(--muted);padding:12px 0}input[type=text],input[type=number],textarea,select{background:#ffffff05;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;outline:none}input:focus,textarea:focus,select:focus{border-color:#1976ff73;box-shadow:0 0 0 4px #1976ff1f}.account-card{display:flex;gap:8px;align-items:center}.account-balance{font-weight:800;color:var(--text);font-size:16px}@media(min-width:900px){.games-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.content-area{padding:0 24px 40px}}@media(max-width:899px){.games-list{display:grid;grid-template-columns:1fr;gap:12px}}:focus{outline:3px solid rgba(25,118,255,.18);outline-offset:2px}:root,html,body{height:100%;margin:0;padding:0;box-sizing:border-box}#root{display:block;height:100%;min-height:100%;margin:0 auto;padding:0;max-width:100%}.card{padding:2em;box-sizing:border-box}body>*{margin-top:0}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050705d9;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in-out}.loading-modal{background:#111811;padding:32px 48px;border-radius:16px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;align-items:center;gap:16px;border:1px solid #00a824}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,245,42,.2);border-top-color:#00f52a;border-radius:50%;animation:spin .8s linear infinite}.loading-modal p{margin:0;color:#5cff25;font-weight:700;font-size:.95rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}