.topics-background-wrapper{background:radial-gradient(circle at 15% 25%,rgba(255,200,150,.55) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(255,150,180,.5) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(255,220,180,.4) 0%,transparent 50%),radial-gradient(circle at 80% 60%,rgba(255,180,200,.35) 0%,transparent 40%),radial-gradient(circle at 20% 70%,rgba(255,200,180,.3) 0%,transparent 35%),linear-gradient(180deg,#fff8f0,#fff0e5,#ffe8d8);min-height:calc(100vh - var(--header-height, 80px));padding-top:40px}.hangman-theme{background:radial-gradient(circle at 15% 25%,rgba(255,200,150,.55) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(255,150,180,.5) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(255,220,180,.4) 0%,transparent 50%),radial-gradient(circle at 80% 60%,rgba(255,180,200,.35) 0%,transparent 40%),radial-gradient(circle at 20% 70%,rgba(255,200,180,.3) 0%,transparent 35%),linear-gradient(180deg,#fff8f0,#fff0e5,#ffe8d8)}.cove-topics-container{max-width:80%;margin-left:auto;margin-right:auto}.cove-page-title{text-align:center;padding:20px 0;margin-bottom:40px}.cove-title-text{font-size:50px;font-weight:600;letter-spacing:1px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:DynaPuff,cursive,sans-serif;text-shadow:2px 2px 8px rgba(255,107,107,.3);margin:0;animation:titleBounce 2s ease-in-out infinite}.cove-subtitle-text{font-size:18px;color:#666;max-width:800px;margin:16px auto 0;line-height:1.6}@keyframes titleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cove-filter-wrapper{width:100%;max-width:100%}.cove-filter-layout{display:flex;align-items:center;gap:20px;width:100%}.cove-filter-bar-section{flex:1;min-width:0}.cove-logo-section{flex-shrink:0;display:flex;align-items:center;justify-content:center}.cove-logo-image{height:70px;width:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:all .3s ease}.cove-logo-image:hover{transform:scale(1.05)}.material-filter-card{background:#fff;border-radius:16px;box-shadow:0 2px 4px #00000014,0 4px 12px #00000014;border:none;overflow:hidden}.filter-content-modern{display:flex;align-items:center;gap:16px;padding:12px 20px}.material-back-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border-radius:50%;color:#666;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:16px;flex-shrink:0}.material-back-btn:hover{background:#0000000a;color:#333}.filter-form-modern{display:flex;align-items:center;gap:12px;flex:1;margin:0}.material-reset-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5f5f5;border-radius:50%;color:#666;text-decoration:none;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;flex-shrink:0}.material-reset-btn:hover{background:#ff6b6b;color:#fff;transform:rotate(90deg)}.cove-game-label{flex-shrink:0;padding-right:16px;border-right:2px solid rgba(255,107,107,.2);margin-right:16px}.game-label-text{font-size:18px;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif}.filter-group{position:relative;min-width:160px}.material-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;background:#f5f5f5;border:none;border-radius:8px;padding:0 36px 0 16px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.material-select:hover{background:#eee}.material-select:focus{outline:none;background:#e8e8e8;box-shadow:0 0 0 2px #ff6b6b33}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;font-size:12px;pointer-events:none}.material-search-wrapper{position:relative;flex:1;max-width:500px}.material-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#999;font-size:16px;pointer-events:none}.material-search-input{width:100%;height:40px;background:#f5f5f5;border:none;border-radius:8px;padding:0 16px 0 48px;font-size:14px;color:#333;transition:all .2s cubic-bezier(.4,0,.2,1)}.material-search-input::-moz-placeholder{color:#999}.material-search-input::placeholder{color:#999}.material-search-input:hover{background:#eee}.material-search-input:focus{outline:none;background:#e8e8e8;box-shadow:0 0 0 2px #ff6b6b33}.topics-container{background:#fff;border-radius:16px;margin-top:30px;margin-bottom:40px;overflow:hidden;border:1px solid rgba(255,180,150,.3);box-shadow:0 2px 12px #ff6b6b1a}.topic-row{display:flex;align-items:center;gap:20px;padding:20px 24px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(255,180,150,.2);transition:all .2s ease}.topic-row:last-child{border-bottom:none}.topic-row:hover{background:#ff6b6b08}.topic-number{flex-shrink:0;width:45px;font-size:28px;font-weight:700;color:#d1d5db;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.topic-row:hover .topic-number{color:#ff6b6b}.topic-content{flex:1;min-width:0}.topic-title{font-size:18px;font-weight:700;color:#2d3748;margin:0 0 8px;line-height:1.3}.topic-badges{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-subject{background:#ff6b6b1a;color:#ee5a24}.badge-grade{background:#ff96641a;color:#ff9f43;display:inline-flex;align-items:center;gap:4px}.badge-grade i{font-size:10px}.badge-words{background:#6496ff1a;color:#3867d6;display:inline-flex;align-items:center;gap:4px}.badge-words i{font-size:10px}.badge-difficulty{color:#fff}.badge-easy{background:linear-gradient(135deg,#48c774,#3ab573)}.badge-medium{background:linear-gradient(135deg,#ffb142,#ff9f42)}.badge-hard{background:linear-gradient(135deg,#ff5252,#e84545)}.topic-description{font-size:14px;color:#718096;line-height:1.5;margin:0}.topic-action{flex-shrink:0}.btn-play{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.btn-play i{font-size:14px}.btn-play:hover{opacity:.9}.pagination-wrapper{margin-top:40px;margin-bottom:20px;display:flex;justify-content:center}.pagination-wrapper .page-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:8px 12px;background:#fff;border:1px solid rgba(255,180,150,.3);border-radius:8px;color:#ff6b6b;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease}.pagination-wrapper .page-link:hover{background:#ff6b6b;color:#fff;border-color:#ff6b6b}.pagination-wrapper .page-item.active .page-link{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border-color:transparent}.empty-state{text-align:center;padding:80px 20px}.empty-state-content{background:#ffffffe6;border-radius:20px;padding:60px 40px;max-width:500px;margin:0 auto;box-shadow:0 4px 20px #ff6b6b26}.empty-state-content i{font-size:64px;color:#ddd;margin-bottom:20px}.empty-state-content h4{font-size:24px;color:#4a3a66;margin-bottom:12px;font-weight:700}.empty-state-content p{color:#888;margin-bottom:30px}.btn-back-portal{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease}.btn-back-portal:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b4d;color:#fff}@media(max-width:992px){.cove-topics-container{max-width:90%}.filter-content-modern{flex-wrap:wrap;padding:12px 16px}.filter-group{min-width:140px}.material-search-wrapper{flex-basis:100%}.cove-logo-image{height:60px}}@media(max-width:768px){.topics-background-wrapper{padding-top:20px}.cove-topics-container{max-width:95%}.cove-title-text{font-size:34px}.cove-filter-layout{flex-direction:column;gap:16px}.cove-filter-bar-section{width:100%}.cove-logo-section{width:100%;justify-content:center}.cove-logo-image{height:50px}.filter-content-modern{gap:12px;padding:10px 14px;flex-wrap:wrap}.cove-game-label{order:-1;flex-basis:100%;border-right:none;border-bottom:2px solid rgba(255,107,107,.2);padding-right:0;padding-bottom:8px;margin-right:0;margin-bottom:8px;text-align:center}.game-label-text{font-size:16px}.filter-group{min-width:120px;flex:1}.topic-row{flex-wrap:wrap;gap:12px;padding:16px}.topic-number{width:35px;font-size:22px}.topic-content{flex-basis:100%;order:2}.topic-title{font-size:16px}.topic-action{order:3;width:100%}.btn-play{width:100%;justify-content:center}}@media(min-width:1400px){.topic-row{padding:24px 28px}.topic-number{width:50px;font-size:30px}.topic-title{font-size:19px}}.topic-row{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.topic-row.hidden{display:none}