:root{--bg-color:#1a1a1a;--text-color:#f0f0f0;--accent-color:#0f0;--accent-dark:#080;--panel-bg:#2b2b2b;--border-color:#555;--star-color:gold;--error-color:#f33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:linear-gradient(#00ff0008 50%,#00000040 50%);background-size:100% 4px;font-family:"Press Start 2P",cursive;font-size:14px;line-height:1.6}a{color:var(--accent-color);text-decoration:none}a:hover{color:#fff;text-shadow:0 0 5px var(--accent-color)}.pixel-panel{background-color:var(--panel-bg);border:4px solid var(--border-color);image-rendering:pixelated;margin-bottom:16px;padding:16px;box-shadow:inset -4px -4px #00000080,4px 4px #00000080}.pixel-button{background-color:var(--accent-color);color:#000;border:4px solid var(--accent-dark);cursor:pointer;padding:10px 16px;font-family:"Press Start 2P",cursive;transition:transform .1s;box-shadow:inset -4px -4px #0000004d,4px 4px #00000080}.pixel-button:active{transform:translate(2px,2px);box-shadow:inset -2px -2px #0000004d,2px 2px #00000080}.pixel-button:disabled{color:#fff;background-color:#555;border-bottom-color:#555}.review-btn:hover,.logout-btn:hover{color:#fff}.pixel-button:disabled{color:#888;cursor:not-allowed;background-color:#555;border-color:#ccc}.pixel-input{color:var(--accent-color);border:4px solid var(--border-color);background-color:#000;outline:none;width:100%;padding:12px;font-family:"Press Start 2P",cursive}.pixel-input:focus{border-color:var(--accent-color)}.app-container{max-width:1200px;margin:0 auto;padding:20px}.top-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.logo-title{color:var(--accent-color);text-shadow:2px 2px #000;font-size:24px}.nav-buttons{align-items:center;gap:12px;display:flex}.avatar{border:4px solid var(--border-color);width:48px;height:48px;image-rendering:pixelated;object-fit:cover}.top-10-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.top-10-item{border:2px solid var(--border-color);text-align:center;background:#000;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:9px;display:flex}.top-10-title{color:var(--accent-color);white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.game-feed{flex-direction:column;gap:32px;display:flex}.game-card{flex-direction:column;display:flex}.game-header{align-items:flex-start;gap:20px;display:flex}.game-image{aspect-ratio:460/215;border:4px solid var(--border-color);object-fit:cover;width:100%;max-width:460px}.game-title{white-space:normal;word-wrap:break-word;color:#fff;text-shadow:2px 2px #000;width:100%;margin-bottom:16px;font-size:clamp(10px,3.5vw,24px)}.carousel-container{flex-direction:column;flex:1;gap:8px;display:flex}.carousel-content{align-items:center;gap:8px;display:flex}.arrow-btn{color:var(--accent-color);cursor:pointer;text-shadow:2px 2px #000;background:0 0;border:none;font-family:"Press Start 2P",cursive;font-size:24px}.arrow-btn:hover{color:#fff}.review-card{box-sizing:border-box;flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:16px;max-width:100%;min-height:150px;margin:0;font-size:12px;display:flex;position:relative}.stars{color:var(--star-color);margin-bottom:8px}.progress-bar-bg{border:2px solid var(--border-color);background-color:#000;width:100%;height:8px;margin-top:8px}.progress-bar-fill{background-color:#888;height:100%;transition:width .1s linear}.admin-table{border-collapse:collapse;width:100%;margin-top:16px}.admin-table th,.admin-table td{border:2px solid var(--border-color);text-align:left;padding:12px}.admin-table th{color:var(--accent-color);background-color:#000}.modal-overlay{z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{max-width:90vw;max-height:90vh;overflow-y:auto}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.animated-dots:after{content:"";animation:1.5s step-end infinite ellipsis}.status-label{border:2px solid;margin-top:4px;margin-bottom:8px;padding:4px 8px;font-size:10px;display:inline-block}.status-select{background-color:var(--panel-bg);color:var(--text-color);cursor:pointer;appearance:none;outline:none;font-family:"Press Start 2P",cursive}.status-select option{background-color:var(--panel-bg);color:var(--text-color)}.status-aprobar{color:#fff;background-color:#555;border-color:#fff}.status-jugando{color:#fff;background-color:gold;border-color:#b8860b}.status-comprar{color:#fff;background-color:#080;border-color:#0f0}.status-malo{color:#fff;background-color:#f33;border-color:#800}.status-basura{color:#fff;background-color:purple;border-color:indigo}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wave-char{animation:1s ease-in-out infinite wave;display:inline-block}@media (width<=768px){.game-header{flex-direction:column}.game-image{width:100%;max-width:100%}.top-bar{flex-direction:column;gap:12px}.logo-title img{height:60px!important}.nav-buttons{flex-wrap:wrap;justify-content:center;gap:8px!important}.top-10-grid{grid-template-columns:repeat(2,1fr)}.carousel-content{flex-direction:column;max-width:100%}.game-title-row{flex-direction:column;align-items:flex-start!important}.game-title-actions{margin-top:8px;flex-direction:row!important;align-items:center!important}.admin-table{display:block;overflow-x:auto}.admin-table th,.admin-table td{padding:6px!important;font-size:9px!important}h1{margin-bottom:12px!important;font-size:18px!important}h2{margin-bottom:8px!important;font-size:14px!important}p{font-size:11px!important}.pixel-panel{border-width:2px!important;margin-bottom:12px!important;padding:12px!important;box-shadow:inset -2px -2px #00000080,2px 2px #00000080!important}.pixel-button{border-width:2px!important;padding:8px 10px!important;font-size:10px!important}.pixel-input{border-width:2px!important;padding:8px!important;font-size:10px!important}.review-card{flex-direction:column!important;padding:12px!important}.review-card .review-text-col{border-top:2px solid var(--border-color);width:100%;margin-top:8px;border-left:none!important;padding:16px 0 0!important}}
