body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;color: #d3d5ff;margin: 0;padding: 0;background-color: #181828;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%239C92AC' fill-opacity='0.09' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");}.hero-section {width: 100%;height: 300px;position: relative;border-radius: 0 0 24px 24px;background-blend-mode: overlay;background-size: auto, cover;background-position: center;box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);overflow: hidden;}.hero-overlay {position: absolute;inset: 0;background: rgba(10, 10, 20, 0.4);backdrop-filter: blur(4px);display: flex;justify-content: center;align-items: center;padding: 30px;}.hero-content {text-align: center;color: #ffffff;max-width: 90%;}.hero-content h1 {font-family: 'Outfit', sans-serif;font-size: 3rem;font-weight: 700;margin-bottom: 14px;background: linear-gradient(90deg, #a59ef9, #6e57d3, #2c1f59);background-size: 300% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: textFlow 6s ease-in-out infinite;letter-spacing: 1.3px;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);}@keyframes textFlow {0% {background-position: 0% center;}50% {background-position: 100% center;}100% {background-position: 0% center;}}.hero-content p {font-size: 1.2rem;color: #e0e0ff;max-width: 600px;margin: 0 auto;opacity: 0.9;}.announcement-bar {background-color: #2b2545;color: #dcdcff;font-size: 14px;padding: 8px 15px;display: flex;justify-content: space-between;align-items: center;}.marquee-wrapper {display: flex;align-items: center;width: 100%;}.close-btn {background: transparent;border: none;color: #cccaff;font-size: 18px;margin-left: 10px;cursor: pointer;}.deal-store-filter {margin: 20px auto 30px;max-width: 300px;display: flex;align-items: center;gap: 10px;color: #b9bbff;font-weight: 600;font-size: 1rem;}.deal-store-filter label {min-width: 90px;}.deal-store-filter select {flex-grow: 1;padding: 10px 12px;border-radius: 10px;border: none;background-color: #2a2752;color: #c6c8ff;font-size: 1rem;cursor: pointer;transition: background-color 0.3s ease;box-shadow: 0 0 8px rgba(124, 58, 237, 0.5);}.deal-store-filter select:hover, .deal-store-filter select:focus {background-color: #3b3a7a;outline: none;box-shadow: 0 0 12px rgba(124, 58, 237, 0.8);}.dark-box {display: flex;align-items: center;justify-content: center;gap: 10px;background-color: #3a1d72;color: #e0e0ff;padding: 12px 24px;border-radius: 12px;font-size: 1.3rem;font-weight: 600;box-shadow: 0 4px 8px rgba(58, 29, 114, 0.7);width: fit-content;margin: 20px auto;user-select: none;cursor: default;transition: background-color 0.3s ease, color 0.3s ease;}.dark-box:hover {background-color: #5a32b8;color: #d6d6ff;}.dark-box i {font-size: 1.5rem;}#upcomingSection h2 {display: flex;align-items: center;justify-content: center;gap: 8px;font-size: 1.3rem;font-weight: 600;color: #d6c2ff;background: linear-gradient(135deg, #5a3f99 0%, #2e1f5b 100%);border-radius: 10px;padding: 8px 18px;width: fit-content;margin: 0 auto 20px auto;box-shadow: 0 3px 6px rgba(90, 63, 153, 0.4);border: 1.2px solid #7a57c2;text-shadow: 0 1px 2px rgba(0,0,0,0.25);}#upcomingSection h2 i {color: #c3aaff;font-size: 1.1em;filter: drop-shadow(0 0 1.5px rgba(0,0,0,0.3));}#upcomingGames {display: grid;grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 20px;}#vitrin {background: linear-gradient(90deg, #2a1a4b, #4e3380);padding: 25px 20px;border-radius: 12px;box-shadow: 0 6px 12px rgba(78, 51, 128, 0.6);margin: 30px auto;max-width: 960px;color: #d8caff;text-align: center;}.vitrin-header h2 {font-size: 1.8rem;margin-bottom: 6px;font-weight: 700;letter-spacing: 0.05em;text-shadow: 0 2px 4px rgba(0,0,0,0.3);}.vitrin-header p {font-size: 1.1rem;color: #c5b1ff;margin: 0;font-weight: 500;letter-spacing: 0.02em;}#highlightedGames {display: flex;gap: 20px;overflow-x: auto;padding: 20px 15px;scrollbar-width: thin;scrollbar-color: #9b7fff33 transparent;scroll-behavior: smooth;user-select: none;-webkit-overflow-scrolling: touch;}#highlightedGames::-webkit-scrollbar {height: 8px;}#highlightedGames::-webkit-scrollbar-track {background: transparent;}#highlightedGames::-webkit-scrollbar-thumb {background-color: #8a69ffcc;border-radius: 10px;transition: background-color 0.3s;}#highlightedGames::-webkit-scrollbar-thumb:hover {background-color: #a57effcc;}.firsatlar-box {position: relative;flex: 0 0 auto;width: 240px;border-radius: 18px;overflow: hidden;background: linear-gradient(160deg, #31145b, #1a1033);border: 2px solid #8e55ff;box-shadow: 0 0 25px #7a40ff70;transition: transform 0.3s ease, box-shadow 0.3s ease;cursor: pointer;user-select: none;display: flex;flex-direction: column;}.firsatlar-box:hover {transform: translateY(-8px) rotateZ(-0.5deg);box-shadow: 0 0 35px #a363ff80;}.firsatlar-game-bg {height: 230px;background-size: cover;background-position: center;position: relative;z-index: 1;clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);flex-shrink: 0;}.firsatlar-discount {position: absolute;top: 12px;left: 12px;background: linear-gradient(135deg, #7a40ff, #431b75);color: #e0d7ff;padding: 4px 8px;border-radius: 12px;font-weight: 700;font-size: 12px;width: 40px;height: 28px;line-height: 20px;text-align: center;box-shadow: 0 0 8px #7a40ffaa;text-shadow: 0 0 2px #3b1f7f;user-select: none;cursor: default;display: flex;justify-content: center;align-items: center;transition: background 0.3s ease;}.firsatlar-discount:hover {background: linear-gradient(135deg, #9b82ff, #6a4ed1);box-shadow: 0 0 12px #9b82ffcc;}.store-logo-inline {position: absolute;top: 12px;right: 10px;width: 40px;height: 40px;border-radius: 6px;border: 1.5px solid #6f56c6;box-shadow: 0 0 6px #7a40ff99;transition: transform 0.3s ease;background-color: #1a1033;}.store-logo-inline:hover {transform: scale(1.15);box-shadow: 0 0 12px #9b82ffcc;cursor: pointer;}.firsatlar-overlay {padding: 16px 12px;color: #f2eaff;text-align: center;background: linear-gradient(to right, #2b1e54, #382764);z-index: 2;clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);flex-grow: 1;display: flex;flex-direction: column;justify-content: center;}.firsatlar-overlay h3 {font-size: 16px;margin-bottom: 10px;background: linear-gradient(to right, #9d7fff, #d2b6ff);color: #1e1038;padding: 4px 10px;border-radius: 12px;display: inline-block;font-weight: 600;box-shadow: inset 0 0 6px #c5a4ff60;user-select: text;}.firsatlar-overlay p {font-size: 14px;margin-bottom: 12px;user-select: text;display: flex;justify-content: center;gap: 8px;align-items: baseline;flex-wrap: wrap;}.firsatlar-overlay .old-price {text-decoration: line-through;color: #b796e0;margin-right: 5px;}.firsatlar-overlay .new-price {font-weight: bold;color: #ffffff;font-size: 16px;background: linear-gradient(to right, #cc8fff, #a35bff);padding: 4px 10px;border-radius: 8px;box-shadow: inset 0 0 6px #9b6cff50;}.firsatlar-box::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle, #8c4dff33 0%, transparent 70%);animation: pulseGlow 3s infinite ease-in-out;z-index: 0;}@keyframes pulseGlow {0%, 100% {transform: scale(1);opacity: 0.5;}50% {transform: scale(1.2);opacity: 0.8;}}.diger-box {width: 250px;margin: 16px;background: radial-gradient(circle at top left, #1e1537, #140e2a);border: 2px solid #7b5fe2;border-radius: 20px 4px 20px 4px;box-shadow: 0 0 15px #3c2d6e99, inset 0 0 6px #2d1e4a;overflow: hidden;display: inline-block;vertical-align: top;transition: transform 0.25s ease, box-shadow 0.25s ease;}.diger-box:hover {transform: scale(1.025);box-shadow: 0 0 18px #9473ff99, inset 0 0 10px #49358388;}.diger-game-bg {height: 150px;background-size: cover;background-position: center;position: relative;border-bottom: 1px solid #32245a;}.diger-discount {position: absolute;top: 10px;left: 10px;background-color: #422b99;color: #fff;font-weight: bold;font-size: 14px;padding: 4px 9px;border-radius: 8px;box-shadow: 0 0 8px #765beacc;}.diger-overlay {padding: 16px 14px 10px 14px;color: #d8dbff;text-align: center;background: linear-gradient(to right, #211a3e, #2a2253);}.diger-overlay h3 {display: inline-block;font-size: 17px;font-weight: 600;margin-bottom: 12px;padding: 7px 16px;border-radius: 18px;background: linear-gradient(to right, #a687ff, #dacaff);color: #1b1238;box-shadow: inset 0 0 6px #c5a7ff88;max-width: 100%;word-break: break-word;}.diger-overlay p {font-size: 15px;margin: 6px 0 0 0;}.old-price {text-decoration: line-through;color: #9e8bcc;margin-right: 8px;}.new-price {font-weight: 700;font-size: 16px;color: #ede5ff;background: linear-gradient(90deg, #7754ec, #aa8eff);padding: 5px 12px;border-radius: 10px;box-shadow: inset 0 0 6px #a184ff70;display: inline-block;}.store-name {margin-top: 14px;display: flex;justify-content: center;}.store-name a {display: inline-flex;align-items: center;text-decoration: none;}.store-logo {width: 28px;height: 28px;border-radius: 5px;border: 1.5px solid #b9b3ff;box-shadow: 0 0 6px #8867ff66;transition: transform 0.3s ease;}.store-logo:hover {transform: scale(1.1);}#digerIndirimler {display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;padding: 24px 0;}@media (max-width: 768px) {.diger-box {width: 90%;margin: 12px auto;}.diger-overlay h3 {font-size: 16px;padding: 6px 14px;}.new-price {font-size: 15px;}.store-logo {width: 22px;height: 22px;}}.compare-container {max-width: 980px;margin: 30px auto;background: linear-gradient(135deg, #2a2245, #3a2e6b);padding: 20px 25px 30px;border-radius: 16px;box-shadow: 0 0 8px rgba(50, 40, 80, 0.5);color: #ddd;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}.compare-title {font-size: 28px;font-weight: 700;color: #cdb9f3;text-align: center;margin-bottom: 20px;text-shadow: none;}.filters {display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;margin-bottom: 20px;}.filters input[type="text"], .filters input[type="number"], .filters select {padding: 10px 15px;border-radius: 12px;border: none;background-color: #2f254f;color: #ded9ff;font-size: 16px;min-width: 200px;box-shadow: none;transition: background-color 0.3s ease;}.filters input[type="text"]::placeholder, .filters input[type="number"]::placeholder {color: #8c7fb5;}.filters input[type="text"]:focus, .filters input[type="number"]:focus, .filters select:focus {outline: none;background-color: #3b3160;}.filters button {padding: 10px 20px;background: #6546a7;border: none;border-radius: 14px;color: white;font-weight: 600;cursor: pointer;box-shadow: none;transition: background 0.3s ease;min-width: 120px;}.filters button:hover {background: #7b64b6;}#priceTable {width: 100%;border-collapse: collapse;border-radius: 14px;overflow: hidden;box-shadow: 0 0 10px rgba(30, 20, 50, 0.4);background: linear-gradient(180deg, #2b1e54, #2e1a4d);color: #e0dfff;}#priceTable thead tr {background: #4b377f;color: white;font-weight: 600;text-align: left;}#priceTable thead tr th {padding: 14px 18px;user-select: none;position: relative;}#priceTable thead tr th[onclick] {cursor: pointer;}#priceTable thead tr th[onclick]:after {content: '⇅';position: absolute;right: 12px;font-size: 14px;color: #b9b3ff99;}#priceTable tbody tr {border-bottom: 1px solid #40325f;transition: background-color 0.2s ease;}#priceTable tbody tr:hover {background-color: rgba(80, 70, 110, 0.4);}#priceTable tbody td {padding: 12px 16px;vertical-align: middle;font-size: 15px;color: #d3ccff;}#priceTable tbody td a {color: #a88aff;text-decoration: none;font-weight: 500;transition: color 0.3s ease;}#priceTable tbody td a:hover {color: #c5b8e0;text-decoration: underline;}#priceTable tbody td .favorite-icon {font-size: 20px;color: #a38bd3;cursor: pointer;transition: color 0.3s ease;}#priceTable tbody td .favorite-icon.active {color: #dec6ff;}.note {margin-top: 15px;font-size: 13px;text-align: center;color: #b4a9cc;font-style: italic;}@media (max-width: 700px) {.filters {flex-direction: column;align-items: stretch;}.filters input[type="text"], .filters input[type="number"], .filters select, .filters button {min-width: 100%;}#priceTable thead tr th, #priceTable tbody td {padding: 10px 8px;font-size: 14px;}}#upcomingGames {display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;position: relative;padding: 20px;z-index: 2;}.upcoming-box {position: relative;background: linear-gradient(135deg, #392e5a, #211a3e);border: 2px solid #5b4a8d;border-radius: 14px;width: 220px;box-shadow: 0 0 15px #573e9d66 inset;padding: 12px;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;z-index: 2;display: flex;flex-direction: column;align-items: center;filter: grayscale(15%);font-size: 0.9rem;user-select: none;}.upcoming-box:hover {transform: scale(1.05);filter: grayscale(0%);box-shadow: 0 0 25px #7a67ffaa inset;}.upcoming-box img {width: 100%;height: 130px;object-fit: cover;border-radius: 10px;border: 1.5px solid #6b59b8;filter: contrast(0.9) brightness(0.9);margin-bottom: 8px;box-shadow: 0 0 7px #594ea0;}.game-info {text-align: center;z-index: 3;color: #b8aed6;text-shadow: 0 0 2px #1a1341;}.game-info h4 {font-weight: 700;font-size: 1.1rem;margin-bottom: 4px;letter-spacing: 0.07em;text-transform: uppercase;}.game-info p {font-size: 0.85rem;color: #9d90b9;font-style: italic;text-shadow: none;margin: 0;}.platform-info {font-size: 13px;color: #aaa;margin-top: 3px;}@media (max-width: 600px) {.upcoming-box {width: 90vw;}}#vitrin {padding: 30px 20px;background: linear-gradient(135deg, #1e143f, #2c2062);border-radius: 14px;box-shadow: 0 0 15px #4e3ab888 inset;color: #d0c7ff;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}.vitrin-header h2 {font-size: 2rem;font-weight: 700;margin-bottom: 6px;color: #a58fff;text-shadow: 0 0 4px #654ecb66;letter-spacing: 1.5px;}.vitrin-header p {font-size: 1rem;margin-bottom: 20px;color: #b8b0e5;font-style: italic;}.vitrin-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 22px;}.vitrin-card {background: linear-gradient(145deg, #352e61, #1a1640);border-radius: 20px;box-shadow: 0 2px 6px rgba(75, 60, 165, 0.4), inset 0 0 8px #5f4bb6cc;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;cursor: pointer;display: flex;flex-direction: column;}.vitrin-card:hover {transform: translateY(-4px);box-shadow: 0 5px 12px rgba(109, 93, 199, 0.5), inset 0 0 10px #7b6aff99;}.vitrin-card img {width: 100%;height: 140px;object-fit: cover;border-bottom: 2px solid #675abb;filter: brightness(0.85);transition: filter 0.3s ease;}.vitrin-card:hover img {filter: brightness(0.9);}.vitrin-info {padding: 14px 16px;flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;}.vitrin-info h3 {font-size: 1.1rem;font-weight: 700;margin-bottom: 8px;color: #cfc3ff;text-shadow: 0 0 2px #5b4eb888;}.vitrin-store {font-size: 0.9rem;color: #a399c8;margin-bottom: 12px;}.vitrin-price {font-weight: 700;font-size: 1.1rem;color: #7a68b3;margin-bottom: 14px;}.vitrin-button {display: block;text-align: center;background: linear-gradient(135deg, #5a4bd3, #7b6fff);color: white;font-weight: 600;padding: 10px 0;border-radius: 14px;text-decoration: none;box-shadow: 0 3px 8px #574addaa;transition: background 0. }.info, .error {text-align: center;font-weight: 600;padding: 16px 0;font-size: 1.1rem;user-select: none;}.info {color: #b3aaff;}.error {color: #f06292;}#highlightedGames {display: flex;overflow-x: auto;gap: 16px;padding: 15px 10px;scrollbar-width: thin;scrollbar-color: #6a52d1 #1c153a;scroll-behavior: smooth;}#highlightedGames::-webkit-scrollbar {height: 8px;}#highlightedGames::-webkit-scrollbar-track {background: #1c153a;border-radius: 10px;}#highlightedGames::-webkit-scrollbar-thumb {background-color: #6a52d1;border-radius: 10px;border: 2px solid #1c153a;}button {cursor: pointer;background: linear-gradient(135deg, #6f5ad8, #a685ff);border: none;color: white;padding: 10px 18px;border-radius: 12px;font-weight: 600;transition: background 0.3s ease, box-shadow 0.3s ease;user-select: none;}button:hover {background: linear-gradient(135deg, #886cff, #b4aaff);box-shadow: 0 0 10px #9e85ffcc;}input[type="text"], input[type="number"], select {background: #2a1f5d;color: #d4c9ff;border: 1.5px solid #6a52d1;border-radius: 10px;padding: 8px 12px;font-size: 1rem;transition: border-color 0.3s ease;user-select: text;}input[type="text"]:focus, input[type="number"]:focus, select:focus {outline: none;border-color: #9a7fff;box-shadow: 0 0 8px #9a7fffaa;}.favorite-star {font-size: 1.5rem;text-align: center;color: #a58fff;cursor: pointer;user-select: none;transition: color 0.3s ease, transform 0.2s ease;}.favorite-star:hover {color: #d6b9ff;transform: scale(1.2);}.favorite-star[data-favorite="true"] {color: #d6b9ff;text-shadow: 0 0 6px #b48aff;}#priceTable {width: 100%;border-collapse: collapse;margin-top: 20px;font-size: 1rem;}#priceTable thead {background: linear-gradient(135deg, #6a52d1, #9a7fff);color: white;}#priceTable thead th {padding: 12px 15px;font-weight: 700;user-select: none;}#priceTable tbody tr {background: #2a1f5d;border-bottom: 1px solid #4e3ab8aa;transition: background 0.3s ease;}#priceTable tbody tr:hover {background: #3c2d7d;}#priceTable tbody td {padding: 12px 15px;text-align: center;color: #c7b2ff;user-select: text;}#priceTable tbody td a {color: #d1bcff;text-decoration: none;font-weight: 600;transition: color 0.3s ease;}#priceTable tbody td a:hover {color: #b292ff;text-decoration: underline;}#highlightedLoading, #digerLoading {display: flex;justify-content: center;align-items: center;width: 100%;height: 120px;background: transparent;}.loading-strip {display: flex;justify-content: center;align-items: center;gap: 6px;}.loading-strip div {width: 6px;height: 30px;background-color: #6c63ff;border-radius: 3px;animation: stripAnim 1s infinite ease-in-out;}.loading-strip div:nth-child(2) {animation-delay: 0.1s;}.loading-strip div:nth-child(3) {animation-delay: 0.2s;}.loading-strip div:nth-child(4) {animation-delay: 0.3s;}.loading-strip div:nth-child(5) {animation-delay: 0.4s;}@keyframes stripAnim {0%, 100% {transform: scaleY(0.5);opacity: 0.5;}50% {transform: scaleY(1.5);opacity: 1;}}.loading-strip-weekly {display: flex;justify-content: center;align-items: center;gap: 6px;width: 100%;height: 120px;}.loading-strip-weekly div {width: 6px;height: 30px;background-color: #6c63ff;border-radius: 3px;animation: stripAnim 1s infinite ease-in-out;}.loading-strip-weekly div:nth-child(2) {animation-delay: 0.1s;}.loading-strip-weekly div:nth-child(3) {animation-delay: 0.2s;}.loading-strip-weekly div:nth-child(4) {animation-delay: 0.3s;}.loading-strip-weekly div:nth-child(5) {animation-delay: 0.4s;}@keyframes stripAnim {0%, 100% {transform: scaleY(0.5);opacity: 0.5;}50% {transform: scaleY(1.5);opacity: 1;}}.custom-game-box {background: linear-gradient(to bottom right, #6e57d3, #1b1433);border-radius: 14px;margin: 14px;overflow: hidden;position: relative;box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);transition: transform 0.25s ease;display: inline-block;vertical-align: top;max-width: 260px;}.custom-game-box:hover {transform: scale(1.03);}.box-inner {padding: 14px;position: relative;}.game-info-bar {padding: 12px;border-radius: 12px;background: linear-gradient(145deg, #302350, #1c1433);text-align: center;}.game-title {font-size: 16px;font-weight: bold;color: #ffffff;margin-bottom: 6px;word-break: break-word;}.game-price {font-size: 15px;font-weight: 600;color: #c2bfff;margin-bottom: 6px;}.game-price .label {font-size: 12px;color: #aaa;margin-left: 4px;}.store-name {font-size: 13px;color: #ddddff;display: flex;align-items: center;justify-content: center;gap: 6px;margin-top: 4px;user-select: none;}.store-name img {width: 40px;height: 40px;object-fit: contain;border-radius: 4px;}.search-wrapper {display: flex;justify-content: center;align-items: center;gap: 12px;margin: 20px auto;}#heroSearchInput {flex: 1;max-width: 400px;padding: 12px 18px;border-radius: 25px;border: none;background-color: #3a2e6b;color: #e0d6ff;font-size: 16px;box-shadow: inset 0 0 6px rgba(100, 78, 203, 0.5);transition: background-color 0.3s ease, box-shadow 0.3s ease;}#heroSearchInput::placeholder {color: #b8a1ff;}#heroSearchInput:focus {outline: none;background-color: #47339d;box-shadow: 0 0 12px rgba(122, 103, 255, 0.7);}.search-wrapper button {padding: 12px 28px;border: none;border-radius: 25px;color: #fff;font-weight: 600;font-size: 16px;cursor: pointer;box-shadow: 0 3px 8px rgba(100, 78, 203, 0.4);transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;}.search-wrapper button:hover {background: linear-gradient(135deg, #7a67ff, #5b4ccf);box-shadow: 0 4px 15px rgba(122, 103, 255, 0.7);}.search-wrapper button:active {transform: scale(0.98);}.about-section {background: linear-gradient(to bottom right, #2d2553, #1b1433);border: 1px solid #6e57d3;max-width: 880px;margin: 40px auto;padding: 40px;border-radius: 16px;box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);color: #eee;}.about-section h2 {font-size: 24px;color: #d6d7ff;margin-bottom: 18px;border-left: 4px solid #a38ff5;padding-left: 12px;font-weight: 600;}.about-section p {font-size: 15.5px;color: #dcdcf7;line-height: 1.7;margin-bottom: 16px;}.about-section ul {padding-left: 20px;list-style: disc;color: #d0cef9;}.about-section li {margin-bottom: 12px;font-size: 15px;}.about-section a {color: #a38ff5;text-decoration: none;border-bottom: 1px dotted #a38ff5;transition: 0.2s;}.about-section a:hover {color: #c5bfff;border-bottom: 1px solid #c5bfff;}*, *::before, *::after {box-sizing: border-box;}.contact-container {display: flex;justify-content: center;align-items: center;min-height: 100vh;padding: 50px 20px;}.contact-box {background: rgba(26, 24, 56, 0.85);border: 1px solid rgba(174, 119, 255, 0.3);backdrop-filter: blur(12px);padding: 40px 35px;border-radius: 16px;max-width: 600px;width: 100%;box-shadow: 0 0 20px rgba(160, 94, 255, 0.25);animation: fadeIn 0.6s ease;}.contact-box h2 {font-size: 28px;margin-bottom: 25px;text-align: center;color: #d1b3ff;}.contact-form input, .contact-form textarea {width: 100%;padding: 14px 18px;margin-bottom: 20px;border: none;border-radius: 10px;background: rgba(70, 50, 110, 0.4);color: #fff;font-size: 15px;transition: all 0.3s ease;height: 48px;}.contact-form textarea {height: 140px;resize: vertical;}.contact-form input::placeholder, .contact-form textarea::placeholder {color: #bfa3ff;}.contact-form input:focus, .contact-form textarea:focus {outline: none;background: rgba(90, 70, 140, 0.6);box-shadow: 0 0 8px #a05eff;}.contact-form button {width: 100%;padding: 14px;background: linear-gradient(145deg, #a05eff, #7c3aed);color: #fff;border: none;border-radius: 12px;font-size: 16px;cursor: pointer;box-shadow: 0 0 10px rgba(160, 94, 255, 0.4);transition: transform 0.2s ease, box-shadow 0.3s ease;}.contact-form button:hover {transform: translateY(-2px);box-shadow: 0 0 16px rgba(185, 114, 255, 0.6);}.success-message, .error-message {background: #2f2259;border-left: 5px solid #a05eff;padding: 12px 16px;border-radius: 8px;margin-bottom: 20px;font-size: 14px;}@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}@media (max-width: 600px) {.contact-box {padding: 30px 20px;}}header {background-color: #111a35;display: flex;justify-content: space-between;align-items: center;padding: 15px 30px;border-bottom: 2px solid #1e2a50;}header, header *:not(i):not(.fa):not(.fas):not(.fab):not(.far) {font-family: 'Poppins', sans-serif !important;}.logo img {height: 70px;transition: 0.3s ease-in-out;filter: drop-shadow(0 0 3px #4a6fc7);cursor: pointer;}.logo img:hover {transform: scale(1.03);filter: drop-shadow(0 0 6px #4a6fc7);}.logo img:active {transform: scale(0.96);filter: drop-shadow(0 0 4px #3c5bb1);}nav ul {display: flex;gap: 28px;list-style: none;margin: 0;padding: 0;}nav ul li a {color: #cdd6f4;text-decoration: none;font-size: 19px;font-weight: 600;display: flex;align-items: center;gap: 8px;padding: 8px 6px;position: relative;transition: all 0.25s ease;}nav ul li a::after {content: '';position: absolute;bottom: 2px;left: 0;width: 0%;height: 2px;background-color: #6a8ff7;transition: width 0.3s ease;border-radius: 4px;}nav ul li a:hover::after {width: 100%;}nav ul li a:hover {color: #89a5ff;transform: translateY(-1px);}nav ul li a:active {transform: scale(0.98);}nav ul li a:focus-visible {outline: 2px dashed #6a8ff7;outline-offset: 4px;}.auth-area {display: flex;align-items: center;gap: 14px;}.auth-buttons a {padding: 9px 18px;border-radius: 10px;text-decoration: none;font-size: 17px;font-weight: 600;transition: all 0.25s ease;color: #fff;display: inline-flex;align-items: center;gap: 6px;transform: translateY(0);}.auth-buttons a.login-btn {background-color: #1c274e;}.auth-buttons a.login-btn:hover {background-color: #2d3b6f;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(45, 59, 111, 0.3);}.auth-buttons a.register-btn {background-color: #6a4ae2;}.auth-buttons a.register-btn:hover {background-color: #7c60ec;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(122, 90, 239, 0.3);}.profile-icon {width: 40px;height: 40px;border-radius: 50%;object-fit: cover;border: 2px solid #6a8ff7;cursor: pointer;}@media (max-width: 768px) {nav ul {flex-wrap: wrap;justify-content: center;gap: 15px;}.auth-buttons a {font-size: 13px;padding: 6px 12px;}}.site-footer {width: 100%;background: linear-gradient(120deg, #18182b 87%, #232347 100%);margin-top: 60px;padding: 40px 0 20px 0;border-radius: 0 0 20px 20px;box-shadow: 0 8px 40px #8d2bff10 inset;color: #cecbe9;font-family: 'Montserrat', 'Orbitron', 'Inter', Arial, sans-serif;}.footer-inner {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 40px;max-width: 1150px;margin: 0 auto;padding: 0 18px;}.footer-col {flex: 1 1 260px;min-width: 210px;display: flex;flex-direction: column;gap: 18px;}.footer-logo {font-family: 'Orbitron', Arial, sans-serif;font-size: 1.41rem;font-weight: 700;color: #a68fff;letter-spacing: 0.13em;margin-bottom: 2px;text-shadow: 0 1px 12px #a68fff22;}.footer-desc {font-size: 1.02em;color: #e6e4fa;font-family: 'Inter', 'Montserrat', Arial, sans-serif;font-weight: 400;opacity: 0.91;margin-bottom: 6px;line-height: 1.55;}.footer-desc b {color: #bda6ff;font-family: 'Orbitron', Arial, sans-serif;font-size: 1.09em;font-weight: 700;letter-spacing: .04em;}.footer-links nav {display: flex;flex-direction: column;gap: 8px;}.footer-links a {color: #bcb8e3;text-decoration: none;font-size: 1.05em;font-family: 'Montserrat', Arial, sans-serif;font-weight: 500;padding: 3px 0;border-radius: 8px;transition: color .17s, background .16s, box-shadow .15s;display: flex;align-items: center;gap: 9px;position: relative;}.footer-links a:hover, .footer-links a:focus {color: #fff;background: linear-gradient(90deg, #28215a 50%, #1a162e 100%);box-shadow: 0 2px 13px #a68fff12;}.footer-links .footer-social svg {margin-right: 2px;min-width: 20px;opacity: .82;transition: opacity .18s;}.footer-links .footer-social:hover svg {opacity: 1;filter: drop-shadow(0 0 8px #a68fff77);}.footer-community .community-title {color: #a68fff;font-family: 'Orbitron', Arial, sans-serif;font-weight: 700;font-size: 1.04em;margin-bottom: 5px;letter-spacing: .09em;}.footer-community .community-box {background: #221e38e3;border-radius: 10px;padding: 13px 11px;display: flex;flex-direction: column;gap: 8px;margin-bottom: 6px;box-shadow: 0 1px 10px #a68fff19;}.community-row {display: flex;align-items: center;gap: 7px;font-size: 0.98em;}.community-row a {color: #c3bcff;text-decoration: underline dotted;font-family: 'Inter', Arial, sans-serif;font-weight: 400;transition: color 0.15s;}.community-row a:hover {color: #a68fff;text-decoration: underline;}.community-icon {display: inline-block;filter: drop-shadow(0 0 2px #a68fff22);}.community-mini {margin-top: 5px;color: #a49ed9;font-size: 0.95em;font-family: 'Inter', Arial, sans-serif;opacity: .75;}.footer-bottom {margin-top: 32px;font-size: 1em;color: #b5b0d9;opacity: .82;letter-spacing: .07em;text-align: center;}.footer-logo-img {height: 60px;object-fit: contain;filter: brightness(1.2) drop-shadow(0 0 7px #1a1d4d) drop-shadow(0 0 13px #1a1d4d80);transition: filter 0.3s ease;}@media (max-width: 900px) {.footer-inner {flex-direction: column;align-items: center;gap: 23px;padding: 0 2vw;}.footer-col {min-width: 0;width: 100%;align-items: center;}.footer-logo {font-size: 1.16rem;}.footer-links nav {align-items: center;}.footer-bottom {margin-top: 16px;font-size: .94em;}.footer-community .community-box {padding: 10px 7px;}}.news-header h2 {font-family: 'Orbitron', sans-serif;font-weight: 700;font-size: 28px;margin-bottom: 10px;}.news-header p {font-family: 'Inter', sans-serif;font-weight: 400;font-size: 15px;line-height: 1.6;color: #bbb;}.latest-news-wrapper{padding:40px 20px;display:flex;justify-content:center}.latest-news-container{background:#151529;border-radius:16px;padding:30px;max-width:1350px;width:100%;box-shadow:0 4px 25px rgba(0,0,0,.3)}.news-header{margin-bottom:25px}.news-header h2{font-size:28px;font-weight:700}.news-header p{color:#bbb;margin:8px 0 15px}.all-news-btn{display:inline-block;color:#c299ff;border:1px solid #c299ff;padding:6px 14px;border-radius:6px;text-decoration:none;transition:.3s}.all-news-btn:hover{background:#c299ff;color:#111}.news-swiper{overflow:hidden}.news-swiper .swiper-slide{height:auto}.news-swiper .swiper-button-next, .news-swiper .swiper-button-prev{color:#fff}.news-swiper .swiper-pagination-bullet{background:#8b6aff;opacity:.5}.news-swiper .swiper-pagination-bullet-active{opacity:1}.news-card{background:#1c1c2e;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%}.news-image{position:relative}.news-image img{width:100%;height:220px;object-fit:cover}.category-tag{position:absolute;top:12px;left:12px;background:#00ff8c;color:#000;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700}.news-body{padding:15px;display:flex;flex-direction:column;flex-grow:1}.news-body h3{font-size:18px;margin-bottom:8px}.news-body p{flex-grow:1;font-size:14px;color:#ccc;line-height:1.5}.news-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.news-date{color:#aaa;font-size:13px}.read-more{background:#6d4aff;padding:6px 12px;border-radius:6px;color:#fff;text-decoration:none;font-size:13px}.read-more:hover{background:#8366ff}@media (max-width: 767px){.news-image img{height:200px}}:root{--bg:#121217;--card:#1a1c22;--panel:#21232b;--muted:#a7abb8;--text:#e6e7ee;--border:#2b2e3a;--brand:#6d6ff2;}* {box-sizing: border-box;}html, body {margin: 0;padding: 0;color: var(--text);font-family: 'Inter', sans-serif;}.page-wrap{padding:32px 16px}.card{max-width:980px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.hero{position:relative}.hero img{width:100%;height:360px;object-fit:cover;display:block;filter:brightness(0.7)}.hero-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0.15), transparent);}.hero-info{background:rgba(10,10,12,0.55);backdrop-filter:blur(4px);border:1px solid var(--border);width:100%;max-width:860px;border-radius:12px;padding:16px 18px;}.hero-title{margin:0 0 8px 0;font-size:28px;line-height:1.25;font-weight:800;color:#fff}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--muted)}.hero-meta .dot{color:#555}.content{padding:22px;max-width:860px;margin:0 auto}.content .ql-editor{padding:0;background:none;color:#dfe1f5;font-size:16px;line-height:1.75}.content .ql-editor h1,.content .ql-editor h2,.content .ql-editor h3{color:#fff;margin:16px 0 10px}.content .ql-editor p{margin:0 0 12px}.content .ql-editor ul,.content .ql-editor ol{padding-left:20px;margin-bottom:10px}.content .ql-editor a{text-decoration:underline}.content .ql-editor blockquote{margin:12px 0;padding:10px 12px;border-left:3px solid #6d6ff2;background:#191b23;border-radius:6px;color:#cdd1ff;}.sep{height:1px;border:none;background:var(--border);margin:26px auto;max-width:860px}.comments{padding:0 22px 24px;max-width:860px;margin:0 auto}.comments h3{margin:0 0 16px;font-size:20px;font-weight:700}.login-note{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;color:var(--muted)}.write{margin-top:14px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;}.write-top{display:flex;gap:10px;align-items:flex-start}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.textarea{flex:1;min-height:90px;resize:vertical;border:none;outline:none;background:#191b21;color:var(--text);padding:10px 12px;border-radius:10px;font-size:15px;}.write-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.emoji-btn{border:1px solid var(--border);background:#191b21;color:var(--muted);padding:8px 10px;border-radius:8px;font-size:14px;cursor:pointer;}.send-btn{border:1px solid var(--border);background:#2a2d37;color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;}.emoji-panel{display:none;position:absolute;z-index:20;background:#181a20;border:1px solid var(--border);border-radius:10px;padding:8px;max-width:290px;max-height:200px;overflow-y:auto;flex-wrap:wrap;gap:6px;}.emoji-panel button{background:#1f2128;border:1px solid var(--border);color:#fff;border-radius:8px;padding:6px 8px;cursor:pointer;font-size:18px}.list{margin-top:18px;display:flex;flex-direction:column;gap:14px}.item{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;}.row{display:flex;gap:10px}.body{flex:1}.meta{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:6px;}.text{white-space:pre-wrap;color:#e3e5f2;font-size:15px;line-height:1.6}.actions{display:flex;gap:10px;align-items:center;margin-top:8px}.btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer;border:1px solid var(--border);background:#1c1f25;color:#cfd2e6;padding:6px 10px;border-radius:8px}.btn i{font-size:14px}.count{font-size:12px;color:#cfd2e6}.children{margin-top:12px;padding-left:14px;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:12px}.reply-form{margin-top:10px;padding:10px;background:#191b21;border:1px solid var(--border);border-radius:10px;display:none;}.reply-form .textarea{min-height:70px}.reply-actions{display:flex;justify-content:flex-end;margin-top:8px}.reply-send{border:1px solid var(--border);background:#2a2d37;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600}.emoji-panel {display: flex;flex-wrap: wrap;gap: 6px;padding: 6px;max-height: 200px;overflow-y: auto;background: #181a20;border: 1px solid #2b2e3a;border-radius: 10px;position: absolute;z-index: 20;}.emoji-panel button {background: #1f2128;border: 1px solid #2b2e3a;border-radius: 8px;color: #fff;padding: 6px 8px;cursor: pointer;font-size: 18px;transition: all 0.15s ease;}.emoji-panel button:hover {background: #292b33;transform: scale(1.15);}.emoji-panel::-webkit-scrollbar {width: 6px;}.emoji-panel::-webkit-scrollbar-track {background: #1a1c22;border-radius: 6px;}.emoji-panel::-webkit-scrollbar-thumb {background: #6d6ff2;border-radius: 6px;}.emoji-panel::-webkit-scrollbar-thumb:hover {background: #5759e0;}.emoji-panel {scrollbar-width: thin;scrollbar-color: #6d6ff2 #1a1c22;}@media (max-width: 640px){.hero img{height:300px}.hero-title{font-size:22px}}.container {max-width: 1200px;margin: auto;padding: 30px 20px;}h1 {font-family: 'Orbitron', sans-serif;margin-bottom: 20px;}.news-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;}.news-card {background: #1c1c2e;border-radius: 10px;overflow: hidden;display: flex;flex-direction: column;}.news-card img {width: 100%;height: 180px;object-fit: cover;}.news-content {padding: 15px;flex: 1;display: flex;flex-direction: column;}.news-content h3 {margin: 0 0 8px;font-size: 18px;}.news-content p {flex: 1;font-size: 14px;color: #ccc;}.news-meta {font-size: 12px;color: #aaa;margin-bottom: 8px;display: flex;gap: 8px;align-items: center;}.read-more {background: #6d4aff;padding: 8px 12px;border-radius: 6px;text-decoration: none;color: #fff;font-size: 13px;text-align: center;transition: 0.3s;}.read-more:hover {background: #8366ff;}.pagination {display: flex;justify-content: center;margin-top: 30px;gap: 8px;}.pagination a {background: #313244;padding: 8px 12px;border-radius: 6px;color: #fff;text-decoration: none;}.pagination a.active {background: #6d4aff;}.pagination a:hover {background: #8366ff;}@media (max-width: 768px) {h1 {font-size: 24px;}.news-card img {height: 150px;}}@media (max-width: 480px) {h1 {font-size: 20px;}.news-grid {grid-template-columns: 1fr;gap: 15px;}.news-card img {height: 140px;}}