*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.75;color:#1a1a1a;background:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:#c8102e;text-decoration:none}a:hover{color:#8b0000}.my-logo{font-size:2.2rem;font-weight:900;color:#c8102e;text-transform:uppercase;letter-spacing:-1px}.my-logo span{color:#1a1a1a}.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000}.header-top{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;max-width:1200px;margin:0 auto}.nav-toggle{display:none;background:none;border:none;font-size:1.8rem;color:#1a1a1a;cursor:pointer}.nav-menu{display:flex;list-style:none;gap:24px;align-items:center}.nav-menu li a{font-weight:600;padding:8px 4px;border-bottom:2px solid transparent;transition:all .3s}.nav-menu li a:hover,.nav-menu li a.active{border-color:#c8102e;color:#c8102e}.breadcrumb{background:#fafafa;padding:12px 0;border-bottom:1px solid #eee;font-size:.9rem}.breadcrumb .container{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.breadcrumb a{color:#666}.search-bar{display:flex;max-width:400px;margin:0 auto;padding:20px}.search-bar input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:4px 0 0 4px;font-size:1rem}.search-bar button{background:#c8102e;color:#fff;border:none;padding:0 20px;border-radius:0 4px 4px 0;cursor:pointer;font-size:1rem}.hero{background:linear-gradient(135deg,#1a1a1a 0%,#333 50%,#c8102e 100%);color:#fff;text-align:center;padding:80px 20px}.hero h1{font-size:3rem;margin-bottom:16px;font-weight:900;text-transform:uppercase;letter-spacing:-1px}.hero p{font-size:1.25rem;max-width:700px;margin:0 auto;opacity:.9}.content{padding:40px 20px;max-width:1200px;margin:0 auto}.content-grid{display:grid;grid-template-columns:1fr 300px;gap:40px}article{background:#fff;border-radius:8px;padding:36px;box-shadow:0 2px 15px rgba(0,0,0,.05)}article h2{font-size:2rem;color:#1a1a1a;margin:40px 0 16px;border-bottom:3px solid #c8102e;padding-bottom:8px}article h3{font-size:1.4rem;margin:28px 0 12px;color:#333}article h4{font-size:1.15rem;margin:20px 0 10px;color:#555}article p{margin-bottom:16px;text-align:justify}article ul,article ol{margin:0 0 20px 24px}article li{margin-bottom:8px}.sidebar{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 15px rgba(0,0,0,.05);height:fit-content;position:sticky;top:90px}.sidebar h3{font-size:1.2rem;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #c8102e}.sidebar ul{list-style:none} .sidebar ul li a{display:block;padding:8px 12px;border-radius:4px;transition:background .2s;font-size:.95rem}.sidebar ul li a:hover{background:#f5f5f5}.sidebar .widget{margin-bottom:24px}.btn{display:inline-block;background:#c8102e;color:#fff;padding:10px 24px;border-radius:4px;font-weight:600;transition:all .3s;border:none;cursor:pointer}.btn:hover{background:#8b0000;color:#fff;transform:translateY(-2px)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.data-table th{background:#1a1a1a;color:#fff;padding:12px;text-align:left}.data-table td{padding:10px 12px;border-bottom:1px solid #eee}.data-table tr:nth-child(even){background:#fafafa}.data-table tr:hover{background:#f0f0f0}.quote-box{background:#f9f9f9;border-left:4px solid #c8102e;padding:20px;margin:20px 0;font-style:italic;border-radius:0 4px 4px 0}.champion-card{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:20px;margin:16px 0;transition:transform .3s}.champion-card:hover{transform:translateX(5px);box-shadow:0 2px 10px rgba(0,0,0,.08)}.review-form,.score-form,.comment-form{background:#fafafa;border-radius:8px;padding:24px;margin:24px 0;border:1px solid #e8e8e8}.review-form label,.score-form label,.comment-form label{display:block;font-weight:600;margin-bottom:6px}.review-form input,.review-form textarea,.score-form input,.comment-form input,.comment-form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:16px;font-family:inherit}.stream-link{display:inline-flex;align-items:center;gap:6px;color:#c8102e;font-weight:600}.friend-link{display:block;margin-top:20px;padding:12px 16px;background:#333;color:#fff;border-radius:6px}.friend-link a{color:#fff;margin:0 12px;text-decoration:underline}.footer{background:#1a1a1a;color:#ccc;padding:60px 20px 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto}.footer h4{color:#fff;margin-bottom:16px}.footer a{color:#aaa}.footer a:hover{color:#fff}.copyright{text-align:center;padding-top:30px;border-top:1px solid #333;margin-top:40px;font-size:.9rem;color:#888}.rating-stars{color:#ffc107;font-size:1.4rem}.rating-stars i{cursor:pointer;padding:0 2px}.rating-stars i:hover,.rating-stars i.active{color:#ff9800}.flex-row{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.img-responsive{width:100%;height:auto;border-radius:8px;margin:20px 0}.search-result-mock{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.sidebar{position:static}.hero h1{font-size:2.2rem}}@media(max-width:768px){.nav-toggle{display:block}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.nav-menu.open{display:flex}.nav-menu li a{padding:12px 0;border-bottom:1px solid #eee}.hero{padding:50px 16px}.hero h1{font-size:1.8rem}.content{padding:20px 16px}article{padding:24px 16px}article h2{font-size:1.5rem}article h3{font-size:1.2rem}.breadcrumb .container{flex-wrap:wrap}.search-bar{flex-direction:column}.search-bar input{border-radius:4px;margin-bottom:10px}.search-bar button{border-radius:4px}.footer-grid{grid-template-columns:1fr}}.back-to-top{position:fixed;bottom:20px;right:20px;background:#c8102e;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:100;border:none;font-size:1.2rem}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}