.game-article{width:800px;max-width:100%;margin:80px auto;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #333;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000080;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0e0e0;transition:max-height .5s ease,margin .3s}.game-article.minimized{margin-bottom:10px}.game-article.landing-article{margin-top:0}.article-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(90deg,#0f3460,#1a1a2e);cursor:pointer;border-bottom:1px solid #333;transition:background .2s}.article-header:hover{background:linear-gradient(90deg,#1a4570,#252545)}.article-header h1{margin:0;font-size:18px;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:600}#collapse-btn{background:transparent;border:2px solid #555;color:#aaa;font-size:14px;width:28px;height:28px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}#collapse-btn:hover{background:#ffffff1a;border-color:#888;color:#fff}.article-body{padding:25px 30px;line-height:1.7;max-height:5000px;overflow:hidden;transition:max-height .5s ease,padding .3s ease,opacity .3s;opacity:1}.article-body.collapsed{max-height:0;padding:0 30px;opacity:0}.article-body section{margin-bottom:25px}.article-body h2{color:#4fc3f7;font-size:20px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(79,195,247,.3)}.article-body p{margin:0 0 12px;color:#ccc}.article-body strong{color:#fff}.article-body ul,.article-body ol{margin:10px 0;padding-left:25px}.article-body li{margin:8px 0;color:#bbb}.article-body li strong{color:#81d4fa}.controls-list li{font-family:monospace;background:#0000004d;padding:8px 12px;margin:6px 0;border-radius:6px;border-left:3px solid #4fc3f7;list-style:none}.article-body details{background:#00000040;border-radius:8px;margin:10px 0;overflow:hidden}.article-body summary{padding:12px 15px;cursor:pointer;font-weight:600;color:#81d4fa;transition:background .2s;list-style:none}.article-body summary::-webkit-details-marker{display:none}.article-body summary:before{content:"▶ ";font-size:10px;margin-right:8px;transition:transform .2s;display:inline-block}.article-body details[open] summary:before{transform:rotate(90deg)}.article-body summary:hover{background:#4fc3f71a}.article-body details p{padding:0 15px 15px;margin:0;color:#aaa}.article-footer{text-align:center;padding-top:20px;border-top:1px solid #333;color:#888;font-size:14px}.article-footer strong,.article-footer a{color:gold}.disclaimer{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:15px 20px;margin-bottom:20px;text-align:left}.disclaimer p{margin:0;color:#ddd;font-size:13px;line-height:1.6}.disclaimer strong{color:#ffc107}.roadmap-section{background:#0003;padding:20px;border-radius:10px;margin-top:10px}.roadmap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.roadmap-item{background:linear-gradient(135deg,#0f346099,#1a1a2ecc);border:1px solid #334;border-radius:10px;padding:15px;transition:transform .2s,box-shadow .2s}.roadmap-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0006}.roadmap-item.planned{border-left:3px solid #ffd700}.roadmap-icon{font-size:28px;display:block;margin-bottom:8px}.roadmap-item h3{margin:0 0 8px;color:#81d4fa;font-size:16px}.roadmap-item p{margin:0;font-size:13px;color:#aaa;line-height:1.5}.feedback-cta{background:linear-gradient(135deg,#2d1b4e,#1a1a2e);border:2px solid #6b4c9a;border-radius:12px;padding:25px;text-align:center;margin-top:25px}.feedback-cta h3{margin:0 0 10px;color:#e0b0ff;font-size:20px}.feedback-cta>p{color:#bbb;margin-bottom:15px}.feedback-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,red,#c00);color:#fff;text-decoration:none;padding:12px 25px;border-radius:8px;font-weight:700;font-size:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ff00004d;margin-bottom:15px}.feedback-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #ff000080}.feedback-btn span{font-size:20px}.feedback-note{font-size:13px;color:#888;margin-top:12px;font-style:italic}@media(max-width:850px){.game-article{width:95%;margin:15px auto;border-radius:8px}.article-header h1{font-size:14px}.article-body{padding:20px}.article-body h2{font-size:18px}.roadmap-grid{grid-template-columns:1fr}.feedback-btn{padding:10px 20px;font-size:14px}}