@import "https://fonts.googleapis.com/css2?family=VT323&family=Roboto:ital,wght@0,400;0,700;1,400&display=swap";: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;--font-primary:"VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit}body{background-color:var(--bg-color);color:var(--text-color);background-image:linear-gradient(#00ff0008 50%,#00000040 50%);background-size:100% 4px;font-family:VT323,monospace;font-size:22px;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:VT323,monospace;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:VT323,monospace}.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:20px;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}.home-layout{align-items:flex-start;gap:24px;display:flex}.home-main-col{flex:1;min-width:0}.home-sidebar-col{flex-direction:column;flex:0 0 300px;min-width:0;max-width:300px;display:flex}.roboto-text{letter-spacing:.5px;letter-spacing:.5px}.game-card{background-color:#333;flex-direction:column;display:flex;position:relative}.game-header{align-items:flex-start;gap:20px;display:flex}.game-image{border:2px solid var(--border-color);object-fit:contain;background-color:#000;width:100%;max-width:320px}.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:VT323,monospace;font-size:24px}.arrow-btn:hover{color:#fff}.review-card{box-sizing:border-box;background-color:#2b2b2b;border:2px solid #555;flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:80px;margin:0;padding:16px;font-size:22px;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}@keyframes fillProgress{0%{width:0%}to{width:100%}}.progress-bar-fill-animated{background-color:var(--accent-color,#20f020);height:100%;animation:8s linear forwards fillProgress}@keyframes fadeInSlide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.fade-in-carousel{width:100%;height:100%;animation:.4s cubic-bezier(.25,1,.5,1) fadeInSlide;display:flex}.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:20px;display:inline-block}.status-select{background-color:var(--panel-bg);color:var(--text-color);cursor:pointer;appearance:none;outline:none;font-family:VT323,monospace}.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}.status-jugado{color:#fff;background-color:#ff8c00;border-color:#cc7000}@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){.home-layout{flex-direction:column}.home-sidebar-col{flex:none;width:100%;margin-top:24px}.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:16px!important}h1{margin-bottom:12px!important;font-size:24px!important}h2{margin-bottom:8px!important;font-size:20px!important}p{font-size:18px!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:16px!important}.pixel-input{border-width:2px!important;padding:8px!important;font-size:16px!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}.profile-header-flex{text-align:center;flex-direction:column;align-items:center}.game-detail-sidebar{width:100%;flex:100%!important}}.profile-header-flex{align-items:flex-start;gap:24px;display:flex}.game-detail-main-flex{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.game-detail-sidebar{flex-direction:column;flex:0 0 225px;gap:16px;display:flex}.game-card-hover{transition:transform .2s,box-shadow .2s,border-color .2s}.game-card-hover:hover{border-color:#888;transform:translateY(-4px);box-shadow:inset -4px -4px #00000080,8px 8px #0009}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#fff;pointer-events:auto;cursor:pointer;min-width:250px;padding:16px;font-size:20px;animation:.3s ease-out forwards slideIn;box-shadow:4px 4px #000c}.toast-success{background-color:#040;border-color:#0f0}.toast-error{background-color:#400;border-color:#f33}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pixelPulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pixel-skeleton{background-color:#333;border:2px solid #000;animation:1s steps(2,end) infinite pixelPulse;box-shadow:inset -2px -2px #00000080}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate-star{transform-origin:50%;animation:10s linear infinite spinSlow}