@charset "UTF-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container-layout,.footerSrd__container{max-width:1224px;margin:0 auto;padding:0 20px}.headerSrd{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:15px 0;position:relative;top:0;z-index:1000;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.logoImage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logoImage-img{height:60px;width:auto}.nav-title h1{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.play-btn-header{background:linear-gradient(45deg,#4caf50,#45a049);border:none;color:#fff;padding:15px 25px;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 15px rgba(76,175,80,.3);box-shadow:0 4px 15px rgba(76,175,80,.3);text-decoration:none;line-height:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.play-btn-header:hover{-webkit-box-shadow:0 6px 20px rgba(76,175,80,.8);box-shadow:0 6px 20px rgba(76,175,80,.8)}.main-content{background:#fff;min-height:100vh;padding-top:40px}.reading-area-section{background:#e9ecef;padding:15px;border-radius:7px}.reading-area-list{padding:15px}.reading-area-list ol{padding-left:20px}.reading-area-list li::marker{font-weight:700}.reading-area-list li a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:10px;color:inherit;text-decoration:none;font-size:16px}.reading-area-list li a:hover{color:#4960c7;text-decoration:underline}.reading-area-btn{background:0 0;border:none;color:#666;font-size:16px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 0}.dropdown-arrow{font-size:12px}.welcome-section{padding:40px 0}.welcome-text{font-size:18px;line-height:1.8;margin-bottom:30px;color:#444}.quote-section{margin:30px 0}.quote{background:#f8f9fa;border-left:4px solid #667eea;padding:20px 30px;font-style:italic;font-size:16px;color:#555;margin:0}.features-table-section{padding:40px 0;text-align:center}.features-table-wrapper{overflow-x:auto;margin:15px -15px;padding:15px}.features-table{width:100%;max-width:800px;margin:0 auto;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1);min-width:380px}.footerSrd__body{background-color:#1a1a1b;padding-top:50px;padding-bottom:20px}.footerSrd__body p{color:#ccc;font-size:14px}.footerSrd__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px;row-gap:22px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0}.footerSrd__content img{height:40px;-webkit-filter:brightness(.8);filter:brightness(.8)}.features-table tr:nth-child(even){background:#f8f9fa}.features-table td{padding:15px 20px;text-align:left;border-bottom:1px solid #e9ecef}.feature-label{font-weight:700;color:#333;width:50%}.feature-value{color:#666;font-weight:600}.table-description{color:#666;font-size:14px;margin-bottom:30px;font-style:italic}.play-btn-container{margin:30px 0}.play-btn-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.play-btn-main{background:-webkit-gradient(linear,left top,right top,color-stop(20%,#922123),color-stop(80%,#f1a10b));background:linear-gradient(90deg,#922123 20%,#f1a10b 80%);color:#fff;padding:15px 40px;border-radius:18px;font-size:18px;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 5px 15px rgba(255,107,53,.3);box-shadow:0 5px 15px rgba(255,107,53,.3);text-decoration:none;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.play-btn-main:hover{-webkit-box-shadow:0 8px 25px rgba(255,107,53,.4);box-shadow:0 8px 25px rgba(255,107,53,.4);opacity:.9}.content-section{padding:40px 0;border-bottom:1px solid #e9ecef}.content-section h3{font-size:1.5rem;color:#333;margin-top:25px;margin-bottom:19px}.content-section ol,.content-section ul{margin-left:26px}.content-section ol li,.content-section ul li{font-size:16px;line-height:1.8;color:#555;margin-bottom:8px;text-align:justify}.content-section a:not([class]){color:#506ce7;text-decoration:underline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.content-section a:not([class]):hover{color:#06219c}.content-section:last-child{border-bottom:none}.content-section h2{font-size:2rem;font-weight:700;color:#333;margin-bottom:25px;text-align:center}.content-section p{font-size:16px;line-height:1.8;color:#555;margin-bottom:19px;text-align:justify}.game-image-container{text-align:center;margin:40px 0}.game-image{max-width:100%;height:auto;border-radius:15px}.image-caption{margin-top:0;color:#666;font-style:italic;font-size:14px;text-align:center!important}.info-box{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b8dacc;border-radius:10px;padding:20px;margin:30px 0;position:relative}.info-box::before{content:"👍";position:absolute;top:15px;left:15px;font-size:20px}.info-box p{margin-left:40px;margin-bottom:0;color:#155724}.pros-cons-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0}.pros-cons-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:20px}.icon{font-size:20px;line-height:1;font-weight:700;width:25px;height:25px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.icon span{line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icon.positive{background:#d4edda;color:#155724}.icon.negative{background:#f8d7da;color:#721c24}.pros-cons-item .text{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:1.6}.faqItem{margin-bottom:30px;background:#f8f9fa;border-radius:10px;padding:25px;border-left:4px solid #667eea}.faqItem>div{margin-top:15px}.faqItem>div>:not(:last-child){margin-bottom:10px}.faqItem h3{color:#333;font-size:1.2rem;margin-bottom:0;margin-top:0;font-weight:600}.faqItem p{margin-bottom:0;text-align:left}@-webkit-keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}html{scroll-behavior:smooth}@media (max-width:768px){.container-layout,.footerSrd__container{padding:0 15px}.nav-title h1{font-size:2rem}.pros-cons-container{grid-template-columns:1fr;gap:20px}.features-table td{padding:10px 15px;font-size:14px}.content-section h2{font-size:1.5rem}.welcome-text{font-size:16px}.play-btn-main{padding:12px 30px;font-size:16px}}@media (max-width:550px){.header-actions{width:100%}.play-btn-header{width:100%;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (max-width:480px){.nav-title h1{font-size:1.5rem}.logoImage-img{height:45px}.features-table{font-size:12px}.features-table td{padding:8px 10px}.content-section{padding:25px 0}.content-section h2{font-size:1.3rem}}