/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.feed-panda .fp-description-panel button.collapsed .fp-description-chevron{transform:rotate(-90deg);}.feed-panda .fp-description-panel .fp-description-chevron{transition:transform 0.2s ease;}.feed-panda .fp-description-panel{background:radial-gradient(900px 260px at 10% 0%,rgba(34,197,94,0.20),transparent 60%),radial-gradient(900px 260px at 95% 30%,rgba(59,130,246,0.16),transparent 55%),linear-gradient(135deg,rgba(255,255,255,0.92),rgba(240,253,244,0.80));border-color:rgba(34,197,94,0.20) !important;box-shadow:0 14px 26px rgba(15,23,42,0.08);}.feed-panda .fp-description-panel .fp-description-inner{border-left:3px solid rgba(34,197,94,0.25);}.feed-panda .game-main-section.feed-panda__main{background:radial-gradient(900px 420px at 20% 0%,rgba(34,197,94,0.18),transparent 55%),radial-gradient(900px 420px at 95% 10%,rgba(59,130,246,0.14),transparent 55%),linear-gradient(180deg,#f0fdf4 0%,#ecfeff 55%,#eff6ff 100%);border:1px solid rgba(34,197,94,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.85);}.feed-panda .game-button.fp-game-actions{background:linear-gradient(135deg,rgba(240,253,244,0.96) 0%,rgba(236,254,255,0.82) 50%,rgba(239,246,255,0.78) 100%);border-radius:clamp(0.55rem,2.2vw,0.9rem);padding:clamp(0.45rem,1.8vw,0.65rem) clamp(0.35rem,1.2vw,0.65rem);border:1px solid rgba(34,197,94,0.22);box-shadow:0 6px 18px rgba(34,197,94,0.1),inset 0 1px 0 rgba(255,255,255,0.92);}@media (min-width:768px){.feed-panda .game-button.fp-game-actions{padding:0.65rem 0.85rem;}}.feed-panda .game-scoreboard-like{background:rgba(255,255,255,0.78);border-radius:0.5rem;padding:0.5rem 0.75rem;}.feed-panda .fp-stat{font-weight:500;white-space:nowrap;}.feed-panda .fp-stat--timer{color:#16a34a;}.feed-panda .fp-stat--score{color:#0f766e;}.feed-panda .fp-stat--acc{color:#b45309;}.feed-panda .fp-stat--streak{color:#2563eb;font-weight:700;}.feed-panda .fp-stat--round{color:#0f172a;font-weight:700;}.feed-panda .fp-target{font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.15;font-weight:900;letter-spacing:0.01em;padding:0.05em 0.4em;border-radius:0.85rem;background:rgba(34,197,94,0.10);border:1px solid rgba(34,197,94,0.18);color:#0f172a;min-width:8ch;}.feed-panda .fp-play-btn{width:2.4rem;height:2.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;}.feed-panda .fp-hint{color:#475569;}.feed-panda .fp-hint.fp-hint--success{color:#0f766e;font-weight:800;}.feed-panda .fp-hint.fp-hint--error{color:#b45309;font-weight:800;}.feed-panda .fp-hero{position:relative;width:min(320px,85vw);height:min(220px,58vw);margin:0 auto;}.feed-panda .fp-hero-bg{position:absolute;inset:0;border-radius:1.25rem;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,0.7),transparent 45%),linear-gradient(180deg,rgba(34,197,94,0.35),rgba(59,130,246,0.18));box-shadow:0 16px 28px rgba(15,23,42,0.10);}.feed-panda .fp-hero-logo{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:min(130px,34vw);height:auto;filter:drop-shadow(0 10px 16px rgba(15,23,42,0.14));}.feed-panda .fp-leaf{position:absolute;width:86px;height:46px;border-radius:999px;background:linear-gradient(135deg,rgba(34,197,94,0.75),rgba(16,185,129,0.55));box-shadow:0 14px 22px rgba(15,23,42,0.10);filter:saturate(1.2);}.feed-panda .fp-leaf--a{left:6%;top:18%;transform:rotate(-18deg);animation:fp-leaf 3.1s ease-in-out infinite;}.feed-panda .fp-leaf--b{right:8%;top:12%;transform:rotate(22deg);animation:fp-leaf 3.5s ease-in-out infinite;}@keyframes fp-leaf{0%,100%{transform:translateY(0) rotate(var(--r,0deg));}50%{transform:translateY(-8px) rotate(calc(var(--r,0deg) + 3deg));}}.feed-panda .fp-arena{position:relative;border-radius:1.25rem;background:rgba(255,255,255,0.55);border:1px solid rgba(34,197,94,0.14);box-shadow:0 14px 26px rgba(15,23,42,0.08);padding:1rem;min-height:320px;overflow:hidden;}.feed-panda .fp-panda{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:min(150px,40vw);height:min(150px,40vw);border-radius:999px;background:rgba(255,255,255,0.88);border:1px solid rgba(15,23,42,0.10);display:grid;place-items:center;box-shadow:0 18px 30px rgba(15,23,42,0.12);}.feed-panda .fp-panda-logo{width:72%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(15,23,42,0.12));}.feed-panda .fp-panda-reaction{position:absolute;right:-0.2rem;top:-0.4rem;font-size:2.2rem;opacity:0;transform:scale(0.6);}.feed-panda .fp-react--ok{animation:fp-react 0.9s ease-out;}.feed-panda .fp-react--no{animation:fp-react 0.9s ease-out;}@keyframes fp-react{0%{opacity:0;transform:translateY(6px) scale(0.6);}25%{opacity:1;transform:translateY(0) scale(1.0);}100%{opacity:0;transform:translateY(-6px) scale(0.9);}}.feed-panda .fp-panda--happy{animation:fp-happy 0.5s ease-out;}@keyframes fp-happy{0%{transform:translate(-50%,-50%) scale(1);}45%{transform:translate(-50%,-50%) scale(1.07);}100%{transform:translate(-50%,-50%) scale(1);}}.feed-panda .fp-panda--shake{animation:fp-shake 0.45s ease-out;}@keyframes fp-shake{0%,100%{transform:translate(-50%,-50%) rotate(0deg);}25%{transform:translate(-50%,-50%) rotate(-6deg);}50%{transform:translate(-50%,-50%) rotate(6deg);}75%{transform:translate(-50%,-50%) rotate(-4deg);}}.feed-panda .fp-panda--stretch{animation:fp-stretch 0.9s ease-out;}@keyframes fp-stretch{0%{transform:translate(-50%,-50%) scale(1);}35%{transform:translate(-50%,-56%) scale(1.08);}70%{transform:translate(-50%,-52%) scale(1.02);}100%{transform:translate(-50%,-50%) scale(1);}}.feed-panda .fp-panda--cute{animation:fp-cute 0.9s ease-out;}@keyframes fp-cute{0%{transform:translate(-50%,-50%) scale(1);}25%{transform:translate(-50%,-50%) scale(0.96) rotate(-1deg);}55%{transform:translate(-50%,-50%) scale(1.07) rotate(1deg);}100%{transform:translate(-50%,-50%) scale(1) rotate(0deg);}}.feed-panda .fp-panda--hungry{animation:fp-hungry 0.9s ease-out;}@keyframes fp-hungry{0%{transform:translate(-50%,-50%) scale(1);}40%{transform:translate(-50%,-46%) scale(1.02);}100%{transform:translate(-50%,-50%) scale(1);}}.feed-panda .fp-panda--cry{animation:fp-cry 0.95s ease-out;}@keyframes fp-cry{0%{transform:translate(-50%,-50%) scale(1);}25%{transform:translate(-50%,-50%) scale(0.98) rotate(-2deg);}55%{transform:translate(-50%,-50%) scale(1.03) rotate(2deg);}100%{transform:translate(-50%,-50%) scale(1) rotate(0deg);}}.feed-panda .fp-react--happy{animation:fp-react 0.9s ease-out;}.feed-panda .fp-react--shake{animation:fp-react 0.9s ease-out;}.feed-panda .fp-react--stretch{animation:fp-react 0.9s ease-out;}.feed-panda .fp-react--cute{animation:fp-react 0.9s ease-out;}.feed-panda .fp-react--hungry{animation:fp-react 0.9s ease-out;}.feed-panda .fp-react--cry{animation:fp-react 0.9s ease-out;}.feed-panda .fp-skin-0{outline:6px solid rgba(148,163,184,0.18);}.feed-panda .fp-skin-1{outline:6px solid rgba(34,197,94,0.22);}.feed-panda .fp-skin-2{outline:6px solid rgba(59,130,246,0.22);}.feed-panda .fp-skin-3{outline:6px solid rgba(236,72,153,0.20);}.feed-panda .fp-cards{position:absolute;inset:0;}.feed-panda .fp-card{position:absolute;width:min(230px,72vw);border:0;border-radius:999px;padding:1.05rem 1.15rem;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,0.45),transparent 42%),linear-gradient(135deg,rgba(34,197,94,0.95),rgba(16,185,129,0.86));box-shadow:0 18px 32px rgba(15,23,42,0.14);cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;transition:transform 0.12s ease,box-shadow 0.12s ease,opacity 0.2s ease;will-change:transform;clip-path:polygon(10% 25%,40% 8%,80% 16%,98% 50%,80% 84%,40% 92%,10% 75%,2% 50%);}.feed-panda .fp-card:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(15,23,42,0.16);}.feed-panda .fp-card:active{transform:translateY(0);}.feed-panda .fp-card[disabled]{opacity:0.55;cursor:not-allowed;}.feed-panda .fp-card-title{font-size:1.65rem;font-weight:900;color:rgba(255,255,255,0.96);line-height:1.1;text-shadow:0 2px 10px rgba(15,23,42,0.22);max-width:92%;}.feed-panda .fp-card::before{content:"";position:absolute;inset:10% 12%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,0.22),rgba(255,255,255,0.06));transform:rotate(-18deg);opacity:0.55;pointer-events:none;clip-path:polygon(8% 50%,40% 20%,78% 30%,95% 50%,78% 70%,40% 80%);}.feed-panda .fp-card::after{content:"";position:absolute;left:18%;top:50%;width:64%;height:2px;background:rgba(255,255,255,0.38);transform:translateY(-50%) rotate(-12deg);box-shadow:0 -18px 0 rgba(255,255,255,0.22),0 18px 0 rgba(255,255,255,0.22);opacity:0.75;pointer-events:none;}.feed-panda .fp-card--1{left:6%;top:18%;animation:fp-card-drift-a 4.8s ease-in-out infinite;transform:rotate(-14deg);}.feed-panda .fp-card--2{right:6%;top:18%;animation:fp-card-drift-b 5.2s ease-in-out infinite;transform:rotate(12deg);}.feed-panda .fp-card--3{left:9%;bottom:10%;animation:fp-card-drift-c 5.6s ease-in-out infinite;transform:rotate(10deg);}.feed-panda .fp-card--4{right:10%;bottom:10%;animation:fp-card-drift-d 5.0s ease-in-out infinite;transform:rotate(-10deg);}@keyframes fp-card-drift-a{0%,100%{transform:translateX(0) translateY(0) rotate(-1deg);}50%{transform:translateX(26px) translateY(-10px) rotate(1deg);}}@keyframes fp-card-drift-b{0%,100%{transform:translateX(0) translateY(0) rotate(1deg);}50%{transform:translateX(-26px) translateY(-8px) rotate(-1deg);}}@keyframes fp-card-drift-c{0%,100%{transform:translateX(0) translateY(0) rotate(0deg);}50%{transform:translateX(18px) translateY(8px) rotate(1deg);}}@keyframes fp-card-drift-d{0%,100%{transform:translateX(0) translateY(0) rotate(-1deg);}50%{transform:translateX(-18px) translateY(10px) rotate(1deg);}}.feed-panda .fp-card--fed{opacity:0.0;transform:scale(0.9);}.feed-panda #fp-root .modal-content.text-center{border:1px solid rgba(34,197,94,0.22);border-radius:1rem;overflow:hidden;}.feed-panda #fp-root .modal-content.text-center .modal-header{background:linear-gradient(135deg,rgba(34,197,94,0.18),rgba(59,130,246,0.12));border-bottom:1px solid rgba(34,197,94,0.12);}@media (max-width:767.98px){.feed-panda .fp-arena{min-height:360px;}.feed-panda .fp-card{width:min(168px,44vw);padding:0.75rem 0.8rem;}.feed-panda .fp-card-title{font-size:1.2rem;line-height:1.05;max-width:94%;}.feed-panda .fp-card::after{box-shadow:0 -14px 0 rgba(255,255,255,0.22),0 14px 0 rgba(255,255,255,0.22);}.feed-panda .fp-card--1{left:3%;top:14%;}.feed-panda .fp-card--2{right:3%;top:14%;}.feed-panda .fp-card--3{left:4%;bottom:8%;}.feed-panda .fp-card--4{right:4%;bottom:8%;}@keyframes fp-card-drift-a{0%,100%{transform:translateX(0) translateY(0) rotate(-1deg);}50%{transform:translateX(14px) translateY(-6px) rotate(1deg);}}@keyframes fp-card-drift-b{0%,100%{transform:translateX(0) translateY(0) rotate(1deg);}50%{transform:translateX(-14px) translateY(-5px) rotate(-1deg);}}@keyframes fp-card-drift-c{0%,100%{transform:translateX(0) translateY(0) rotate(0deg);}50%{transform:translateX(10px) translateY(6px) rotate(1deg);}}@keyframes fp-card-drift-d{0%,100%{transform:translateX(0) translateY(0) rotate(-1deg);}50%{transform:translateX(-10px) translateY(7px) rotate(1deg);}}}@media (prefers-reduced-motion:reduce){.feed-panda .fp-card,.feed-panda .fp-leaf,.feed-panda .fp-panda{animation:none !important;}}
.top-search-container{position:relative;display:inline-block;width:100%;}.search-form{display:flex;justify-content:space-between;width:100%;}.input-group{display:flex;width:100%;}#top-search-bar{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;}.btn-primary{margin-left:8px;padding:8px 16px;border-radius:4px;}.search-popup{display:none;position:absolute;top:100%;left:0;width:100%;max-width:300px;background:#fff;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,0.2);z-index:1000;}#search-results{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;}#search-results li{padding:10px;cursor:pointer;font-size:14px;border-bottom:1px solid #eee;}#search-results li:hover{background-color:#f7f7f7;}@media (max-width:576px){.top-search-container{width:350px;}.search-popup{max-width:350px;}}
.homepage-popular-tabs .popular-games-slider,.homepage-popular-tabs .popular-card-slider{position:relative;width:100%;padding:0 36px 56px;overflow:hidden;}.homepage-popular-tabs .popular-games-slider .swiper{width:100%;overflow:hidden;}.homepage-popular-tabs .popular-most-slider .swiper-wrapper,.homepage-popular-tabs .popular-hanzi-slider .swiper-wrapper,.homepage-popular-tabs .popular-word-card-slider .swiper-wrapper{display:flex;}.homepage-popular-tabs .popular-most-slider .swiper-slide,.homepage-popular-tabs .popular-hanzi-slider .swiper-slide,.homepage-popular-tabs .popular-word-card-slider .swiper-slide{flex-shrink:0;width:calc((100% - 15px) / 2);margin-right:15px;box-sizing:border-box;}@media (min-width:768px){.homepage-popular-tabs .popular-most-slider .swiper-slide,.homepage-popular-tabs .popular-hanzi-slider .swiper-slide,.homepage-popular-tabs .popular-word-card-slider .swiper-slide{width:calc((100% - 40px) / 3);margin-right:20px;}}@media (min-width:992px){.homepage-popular-tabs .popular-most-slider .swiper-slide,.homepage-popular-tabs .popular-hanzi-slider .swiper-slide,.homepage-popular-tabs .popular-word-card-slider .swiper-slide{width:calc((100% - 72px) / 4);margin-right:24px;}}.homepage-popular-tabs .popular-game-slide{display:block;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,0.08);transition:transform 0.2s ease,box-shadow 0.2s ease;}.homepage-popular-tabs .popular-game-slide:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,0.14);}.homepage-popular-tabs .popular-game-slide-image{aspect-ratio:4 / 3;overflow:hidden;background:#f9fafb;}.homepage-popular-tabs .popular-game-slide-img,.homepage-popular-tabs .popular-game-slide-image img{width:100%;height:100%;object-fit:cover;display:block;}.homepage-popular-tabs .popular-game-slide-title{padding:0.65rem 0.75rem;font-size:clamp(0.8rem,2vw,0.9rem);font-weight:600;color:#1f2937;text-align:center;line-height:1.3;}.homepage-popular-tabs .popular-game-slide-english{display:block;margin-top:0.15rem;font-size:0.75rem;font-weight:500;color:#6b7280;line-height:1.3;}.homepage-popular-tabs .popular-hanzi-slider{position:relative;width:100%;padding:0 36px 56px;margin-bottom:0;overflow:hidden;}.homepage-popular-tabs .popular-hanzi-slider .hanzi-image{max-width:100%;max-height:none;width:100%;aspect-ratio:1;object-fit:contain;background:#fff;}.homepage-popular-tabs .popular-games-slider .swiper-button-prev,.homepage-popular-tabs .popular-games-slider .swiper-button-next,.homepage-popular-tabs .popular-hanzi-slider .swiper-button-prev,.homepage-popular-tabs .popular-hanzi-slider .swiper-button-next{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.15);color:#333;}.homepage-popular-tabs .popular-games-slider .swiper-button-prev::after,.homepage-popular-tabs .popular-games-slider .swiper-button-next::after,.homepage-popular-tabs .popular-hanzi-slider .swiper-button-prev::after,.homepage-popular-tabs .popular-hanzi-slider .swiper-button-next::after{font-size:16px;}.homepage-popular-tabs .popular-games-slider .swiper-autoplay-progress,.homepage-popular-tabs .popular-hanzi-slider .swiper-autoplay-progress{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:40%;min-width:180px;max-width:320px;height:3px;background:rgba(0,0,0,0.08);border-radius:3px;z-index:10;}.homepage-popular-tabs .popular-games-slider .swiper-autoplay-progress-fill,.homepage-popular-tabs .popular-hanzi-slider .swiper-autoplay-progress-fill,.homepage-popular-tabs .popular-word-card-slider .swiper-autoplay-progress-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#2563eb,#059669);border-radius:3px;transform-origin:left center;transform:scaleX(0);transition:transform 0.1s linear;}.homepage-popular-tabs .popular-word-card-slider{position:relative;width:100%;padding:0 36px 56px;margin-bottom:0;overflow:hidden;}.homepage-popular-tabs .popular-word-card-slider .word-card-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:1rem;box-shadow:0 4px 14px rgba(0,0,0,0.08);}.homepage-popular-tabs .popular-word-card-slider .swiper-button-prev,.homepage-popular-tabs .popular-word-card-slider .swiper-button-next{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.15);color:#333;}.homepage-popular-tabs .popular-word-card-slider .swiper-button-prev::after,.homepage-popular-tabs .popular-word-card-slider .swiper-button-next::after{font-size:16px;}.homepage-popular-tabs .popular-word-card-slider .swiper-autoplay-progress{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:40%;min-width:180px;max-width:320px;height:3px;background:rgba(0,0,0,0.08);border-radius:3px;z-index:10;}