html,body,#root{width:100%;min-height:100%;margin:0;padding:0}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#972121;background:linear-gradient(135deg,#360bf6,#764ba2);min-height:100vh;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.45;z-index:-2;background:radial-gradient(circle at 30% 30%,#d2a52314,#0000 30%),radial-gradient(circle at 80% 70%,#d2a5230d,#0000 30%);position:fixed;inset:0}.container{width:min(1000px,94%);margin:0 auto;padding:15px 0 50px}.header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.brand{align-items:center;gap:10px;display:flex}.logo{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo img{object-fit:contain;width:32px;height:32px}h1{letter-spacing:.5px;color:#eee;margin:0;font-size:18px}h1 span{color:var(--gold)}.brand p{color:#666;margin:7px 0 0;font-size:9px}.counter{background:linear-gradient(135deg,#1a1b1e,#101114);border:1px solid #39301b;border-radius:12px;width:180px;height:95px;padding:14px;position:relative;overflow:hidden}.counter strong{color:var(--gold-light);z-index:1;font-size:38px;line-height:35px;display:block;position:relative}.counter small{color:#555;margin-top:2px;font-size:7px;display:block}.dashboard{grid-template-columns:1fr 180px;gap:12px;display:grid}.game-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:12px;display:grid}.game-card{cursor:pointer;background:#010101;border:1px solid #55451c;border-radius:9px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 8px 25px #00000073}.game-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 30px #d2a52826}.game-card img{object-fit:cover;opacity:.92;width:100%;height:100%;transition:transform .4s;display:block}.game-card:hover img{transform:scale(1.04)}.game-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#030405fa);position:absolute;inset:0}.game-info{z-index:2;padding:15px;position:absolute;bottom:0;left:0;right:0}.game-platform{color:var(--gold-light);letter-spacing:1px;text-transform:uppercase;background:#060604;border:1px solid #6b5318;margin-bottom:6px;padding:3px 7px;font-size:7px;display:inline-block}.game-info h2{color:#eaeaea;margin:0 0 5px;font-size:15px}.stars{color:var(--gold-light);letter-spacing:1px;font-size:10px}.rating{color:#837b7b;margin-left:5px;font-size:8px}.sidebar{flex-direction:column;gap:12px;display:flex}.panel{background:linear-gradient(135deg,#86e20e,#07f54e);border:1px solid #2d2c29;border-radius:10px;padding:13px;box-shadow:0 8px 20px #0a010159}.panel-title{letter-spacing:1.5px;color:#af0d0d;margin-bottom:10px;font-size:8px}.platform{color:#c71313;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:9px 4px;font-size:8px;display:flex}.platform strong{color:#777;font-size:8px;font-weight:400}.platform:hover{color:var(--gold-light)}.platform.active{color:var(--gold-light);border-left:2px solid var(--gold);background:#0806021a;padding-left:7px}.platform.active strong{color:var(--gold-light)}.add-panel{background:#25ef0a;border:1px solid #40371f;border-radius:10px;padding:13px}.add-panel h2{letter-spacing:1px;color:var(--gold-light);margin:0 0 12px;font-size:9px}#gameForm{flex-direction:column;gap:8px;display:flex}input,select{color:#c3b8b8;background:#0f1114;border:1px solid #302e29;border-radius:5px;outline:none;width:100%;padding:9px;font-size:9px}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 8px #d5a9281a}.add-button{border:1px solid var(--gold);color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#4fe709,#a5db10);border-radius:5px;padding:9px;font-size:8px}.add-button:hover{background:linear-gradient(135deg,#13b007,#10c731)}.empty{color:#555;border:1px dashed #292722;grid-column:1/-1;justify-content:center;align-items:center;min-height:300px;display:flex}@media (width<=850px){.dashboard{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;display:grid}}@media (width<=600px){.container{width:94%}.header{flex-direction:column;gap:15px}.counter{width:100%}.game-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.sidebar{grid-template-columns:1fr}}