[data-v-5faddc83]:root{--primary-gradient: linear-gradient( 135deg, var(--primary-color), var(--secondary-color) );--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(255, 255, 255, .2);--card-shadow: 0 10px 30px rgba(0, 0, 0, .1);--tag-shadow: 0 4px 10px rgba(0, 0, 0, .15);--transition-fast: .2s ease;--transition-standard: .3s ease;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px}[data-theme=dark][data-v-5faddc83]{--card-bg: rgba(30, 32, 40, .85);--card-border: rgba(255, 255, 255, .07)}.loading-state[data-v-5faddc83],.error-state[data-v-5faddc83]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:2rem;text-align:center}.loading-state[data-v-5faddc83]{gap:1.5rem}.spinner[data-v-5faddc83]{width:48px;height:48px;border:4px solid rgba(var(--primary-color-rgb),.2);border-left-color:var(--primary-color);border-radius:50%;animation:spin-5faddc83 1s linear infinite}@keyframes spin-5faddc83{to{transform:rotate(360deg)}}.error-state[data-v-5faddc83]{gap:1rem}.error-icon[data-v-5faddc83]{font-size:3rem;color:var(--primary-color);margin-bottom:1rem;opacity:.8}.error-state h2[data-v-5faddc83]{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.error-state p[data-v-5faddc83]{color:var(--text-light);max-width:500px;margin-bottom:1.5rem}.game-details-container[data-v-5faddc83]{min-height:100vh;width:100%;margin:0 auto;padding:2rem;background:var(--bg-color);display:flex;flex-direction:column}.game-header-section[data-v-5faddc83]{position:relative;padding:2rem;background-size:cover;background-position:center;color:#fff;min-height:280px;display:flex;align-items:flex-end;margin-bottom:3rem;border-radius:var(--border-radius-md)}.header-overlay[data-v-5faddc83]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#00000080,#000000b3 80%,#000000d9);z-index:1;border-radius:var(--border-radius-md)}.header-content[data-v-5faddc83]{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto}.breadcrumb[data-v-5faddc83]{display:flex;align-items:center;margin-bottom:1.5rem;font-size:.9rem}.breadcrumb-link[data-v-5faddc83]{color:#ffffffe6;text-decoration:none;transition:var(--transition-fast);display:flex;align-items:center;gap:.3rem}.breadcrumb-link[data-v-5faddc83]:hover{color:#fff}.breadcrumb-separator[data-v-5faddc83]{margin:0 .5rem;color:#fff9;font-size:.7rem}.header-main[data-v-5faddc83]{width:100%;display:flex;flex-direction:column;gap:1rem}.game-title[data-v-5faddc83]{font-size:3rem;font-weight:800;letter-spacing:-.5px;margin:0;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.3)}.game-meta[data-v-5faddc83]{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:.5rem}.author-info[data-v-5faddc83]{display:flex;align-items:center;gap:.5rem}.by-label[data-v-5faddc83]{color:#ffffffb3}.author-name[data-v-5faddc83]{color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px;transition:var(--transition-fast)}.author-name[data-v-5faddc83]:hover{border-color:#fff}.rating-badge[data-v-5faddc83]{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:30px;font-weight:700;font-size:.9rem}.rating-badge.poor[data-v-5faddc83]{background-color:#fee2e2;color:#b91c1c}.rating-badge.fair[data-v-5faddc83]{background-color:#fef3c7;color:#b45309}.rating-badge.good[data-v-5faddc83]{background-color:#fef9c3;color:#a16207}.rating-badge.great[data-v-5faddc83]{background-color:#dcfce7;color:#15803d}.rating-badge.excellent[data-v-5faddc83]{background-color:#dbeafe;color:#1d4ed8}.rating-count[data-v-5faddc83]{font-size:.8rem;font-weight:400;opacity:.8}.game-tags[data-v-5faddc83]{display:flex;flex-wrap:wrap;gap:.6rem}.tag[data-v-5faddc83]{display:inline-block;padding:.4rem .8rem;border-radius:30px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--tag-shadow);transition:var(--transition-fast)}.tag[data-v-5faddc83]:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}.tag-purple[data-v-5faddc83]{background:linear-gradient(135deg,#7928ca,#a931ff)}.tag-blue[data-v-5faddc83]{background:linear-gradient(135deg,#0072ff,#00c6ff)}.tag-indigo[data-v-5faddc83]{background:linear-gradient(135deg,#4e54c8,#8f94fb)}.tag-pink[data-v-5faddc83]{background:linear-gradient(135deg,#ff0084,#ff758c)}.tag-teal[data-v-5faddc83]{background:linear-gradient(135deg,#00b09b,#02deb8)}.main-content[data-v-5faddc83]{width:100%;position:relative;z-index:10;display:grid;grid-template-columns:3fr 1fr;gap:2rem;margin:0 auto}.game-column[data-v-5faddc83]{display:flex;flex-direction:column;gap:1.5rem}.game-frame-container[data-v-5faddc83]{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--card-border)}.game-frame[data-v-5faddc83]{position:absolute;top:0;left:0;width:100%;height:100%;display:block;border:0}.frame-actions[data-v-5faddc83]{position:absolute;bottom:1rem;right:1rem;z-index:20;display:flex;gap:.5rem}.action-button[data-v-5faddc83]{width:40px;height:40px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.action-button[data-v-5faddc83]:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 10px #0003}.game-image-wrapper[data-v-5faddc83]{width:100%;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--card-border)}.game-image[data-v-5faddc83]{width:100%;height:auto;display:block;transition:var(--transition-standard)}.game-image-wrapper:hover .game-image[data-v-5faddc83]{transform:scale(1.03)}.game-actions[data-v-5faddc83]{display:flex;gap:1rem;flex-wrap:wrap}.btn-play[data-v-5faddc83],.btn-feedback[data-v-5faddc83]{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:var(--border-radius-md);font-size:.95rem;font-weight:600;text-decoration:none;transition:var(--transition-standard);box-shadow:0 4px 10px #0000001a}.btn-play[data-v-5faddc83]{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;flex:2;justify-content:center;position:relative;overflow:hidden;z-index:1;border:1px solid rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-play[data-v-5faddc83]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#818cf8);opacity:0;z-index:-1;transition:opacity .3s ease}.btn-play span[data-v-5faddc83]{font-weight:700;letter-spacing:.02em;position:relative}.btn-play i[data-v-5faddc83]{font-size:1rem;background:#fff3;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .3s ease}.btn-play[data-v-5faddc83]:hover{box-shadow:0 6px 20px #6366f166,0 0 0 2px #6366f133;transform:translateY(-2px)}.btn-play[data-v-5faddc83]:hover:before{opacity:1}.btn-play:hover i[data-v-5faddc83]{transform:translate(3px)}.btn-feedback[data-v-5faddc83]{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);flex:1;justify-content:center}.btn-feedback[data-v-5faddc83]:hover{background:rgba(var(--primary-color-rgb),.1);transform:translateY(-2px)}.info-column[data-v-5faddc83]{display:flex;flex-direction:column;gap:1.5rem}.info-card[data-v-5faddc83]{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:var(--transition-standard);height:fit-content}.info-card[data-v-5faddc83]:hover{transform:translateY(-2px);box-shadow:0 15px 30px #00000014}.card-header[data-v-5faddc83]{padding:1.25rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(var(--primary-color-rgb),.1);background-color:rgba(var(--primary-color-rgb),.05)}.card-header i[data-v-5faddc83]{color:var(--primary-color);font-size:1.1rem}.card-header h3[data-v-5faddc83]{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:-.3px;color:var(--text-color)}.rating-content[data-v-5faddc83],.description-content[data-v-5faddc83],.tech-content[data-v-5faddc83]{padding:1.5rem}.stars-container[data-v-5faddc83]{display:flex;flex-direction:column;align-items:center;gap:1rem}.stars-wrapper[data-v-5faddc83]{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.stars-wrapper span[data-v-5faddc83]{position:relative;width:40px;height:40px;cursor:pointer;transition:var(--transition-fast)}.stars-wrapper span[data-v-5faddc83]:before{content:"★";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(var(--text-color-rgb),.2);font-size:2rem;transition:var(--transition-fast)}.stars-wrapper span.filled[data-v-5faddc83]:before{color:gold;text-shadow:0 0 5px rgba(255,215,0,.3)}.stars-wrapper span.selected[data-v-5faddc83]:before{color:gold;transform:scale(1.2);text-shadow:0 0 10px rgba(255,215,0,.5)}.stars-wrapper span.hovered[data-v-5faddc83]:before{color:gold;transform:scale(1.1)}.stars-wrapper span[data-v-5faddc83]:hover:before{color:gold;transform:scale(1.1)}.rating-feedback-container[data-v-5faddc83]{min-height:40px;display:flex;justify-content:center;position:relative;width:100%}.rating-feedback-container.rating-loading[data-v-5faddc83]:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(var(--primary-color-rgb),.2);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin-5faddc83 1s linear infinite}.user-rating[data-v-5faddc83]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-light)}.user-rating-value[data-v-5faddc83]{color:gold;font-weight:600}.rating-feedback[data-v-5faddc83]{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:var(--border-radius-sm);font-size:.9rem;transition:var(--transition-fast)}.feedback-success[data-v-5faddc83]{background-color:#4caf501a;color:#4caf50}.feedback-error[data-v-5faddc83]{background-color:#f443361a;color:#f44336}.fade-out[data-v-5faddc83]{opacity:0;transform:translateY(5px)}.description-content p[data-v-5faddc83]{margin:0;line-height:1.7;color:var(--text-color)}.tech-section[data-v-5faddc83]{margin-bottom:1.5rem}.tech-section[data-v-5faddc83]:last-child{margin-bottom:0}.tech-section h4[data-v-5faddc83]{display:flex;align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:1rem;font-weight:600;color:var(--text-color)}.tech-pills[data-v-5faddc83]{display:flex;flex-wrap:wrap;gap:.5rem}.tech-pill[data-v-5faddc83]{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;transition:var(--transition-fast)}.tech-pill[data-v-5faddc83]:hover{background:rgba(var(--primary-color-rgb),.2);transform:translateY(-2px)}.tech-pill.empty[data-v-5faddc83]{opacity:.6}.btn-primary[data-v-5faddc83]{background:var(--primary-gradient);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:var(--border-radius-md);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition-standard);box-shadow:0 4px 10px rgba(var(--primary-color-rgb),.2)}.btn-primary[data-v-5faddc83]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-color-rgb),.3)}@media (max-width: 1100px){.main-content[data-v-5faddc83]{grid-template-columns:1fr;gap:1.5rem;margin-top:0}.game-title[data-v-5faddc83]{font-size:2.5rem}.info-column[data-v-5faddc83]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.description-card[data-v-5faddc83]{grid-column:1 / -1}}@media (max-width: 768px){.game-details-container[data-v-5faddc83]{padding:1rem}.game-header-section[data-v-5faddc83]{min-height:220px;padding:1.5rem;margin-bottom:1.5rem}.main-content[data-v-5faddc83]{padding:0 1rem 2rem}.game-title[data-v-5faddc83]{font-size:2.2rem}.info-column[data-v-5faddc83]{grid-template-columns:1fr}.game-actions[data-v-5faddc83]{flex-direction:column}.btn-play[data-v-5faddc83],.btn-feedback[data-v-5faddc83]{width:100%}.tech-content[data-v-5faddc83]{padding:1.25rem}}@media (max-width: 480px){.game-details-container[data-v-5faddc83]{padding:.75rem}.game-header-section[data-v-5faddc83]{min-height:180px;padding:1.25rem;margin-bottom:1rem}.header-content[data-v-5faddc83]{padding-bottom:.5rem}.main-content[data-v-5faddc83]{padding:0 0 1.5rem;gap:1rem}.game-title[data-v-5faddc83]{font-size:1.8rem}.game-meta[data-v-5faddc83]{gap:1rem}.rating-badge[data-v-5faddc83]{padding:.3rem .6rem;font-size:.8rem}.stars-wrapper span[data-v-5faddc83]{width:35px;height:35px}.stars-wrapper span[data-v-5faddc83]:before{font-size:1.7rem}.rating-content[data-v-5faddc83],.description-content[data-v-5faddc83],.tech-content[data-v-5faddc83]{padding:1.25rem}.card-header[data-v-5faddc83]{padding:1rem}.card-header h3[data-v-5faddc83]{font-size:1.1rem}}