/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.sound-detective .hanzi-line{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;}.sound-detective .sd-char-display{font-size:clamp(2.75rem,7vw,4.25rem);line-height:1.15;letter-spacing:0.02em;}.sound-detective .sd-description-panel{background:linear-gradient(125deg,#fff8dc 0%,#e0f7fa 45%,#fce4ec 100%);border-color:rgba(255,183,77,0.55) !important;}.sound-detective .sd-description-inner{background:rgba(255,255,255,0.65);border-radius:0.75rem;padding:0.75rem 1rem !important;}.sound-detective .game-description-container button.collapsed .sd-description-chevron{transform:rotate(-90deg);}.sound-detective .game-description-container .sd-description-chevron{transition:transform 0.2s ease;}.sound-detective .game-main-section.sound-detective__main{background:linear-gradient(180deg,#f0f9ff 0%,#fef3c7 35%,#ecfccb 100%);border:1px solid rgba(14,165,233,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.75);}.sound-detective .game-button.sd-game-actions{background:linear-gradient(125deg,rgba(240,249,255,0.96) 0%,rgba(254,243,199,0.72) 48%,rgba(236,252,203,0.62) 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(14,165,233,0.2);box-shadow:0 6px 18px rgba(14,165,233,0.1),inset 0 1px 0 rgba(255,255,255,0.92);}@media (min-width:768px){.sound-detective .game-button.sd-game-actions{padding:0.65rem 0.85rem;}}.sound-detective .game-scoreboard-like{background:rgba(255,255,255,0.75);border-radius:0.5rem;padding:0.5rem 0.75rem;}.sound-detective .sd-stat{font-weight:500;white-space:nowrap;}.sound-detective .sd-stat--timer{color:#0369a1;}.sound-detective .sd-stat--score{color:#15803d;}.sound-detective .sd-stat--combo{color:#c2410c;}.sound-detective .sd-stat--round{color:#6d28d9;font-weight:600;}.sound-detective .sd-panda-caption.sd-feedback--neutral{color:#64748b;}.sound-detective .sd-panda-caption.sd-feedback--success{color:#15803d;font-weight:600;}.sound-detective .sd-panda-caption.sd-feedback--error{color:#b91c1c;font-weight:600;}.sound-detective .sd-panda-stage{position:relative;display:inline-block;transition:transform 0.12s ease;}.sound-detective .sd-panda-reaction{position:absolute;left:50%;top:-0.35rem;z-index:2;margin-left:0;transform:translateX(-50%);font-size:clamp(2rem,7vw,3.25rem);line-height:1;pointer-events:none;white-space:nowrap;opacity:0;text-shadow:0 2px 8px rgba(15,23,42,0.2);}.sound-detective .sd-panda-reaction.sd-panda-reaction--anim[data-kind="thumbs"]{animation:sd-react-thumbs 0.62s cubic-bezier(0.34,1.56,0.64,1) forwards;}.sound-detective .sd-panda-reaction.sd-panda-reaction--anim[data-kind="encourage"]{animation:sd-react-encourage 0.68s ease-out forwards;}@keyframes sd-react-thumbs{0%{opacity:0;transform:translateX(-50%) scale(0.2) rotate(-18deg) translateY(0.4em);}35%{opacity:1;transform:translateX(-50%) scale(1.12) rotate(6deg) translateY(0);}55%{transform:translateX(-50%) scale(1) rotate(0deg) translateY(-0.05em);}85%{opacity:1;transform:translateX(-50%) scale(1.05) translateY(-0.15em);}100%{opacity:0;transform:translateX(-50%) scale(0.85) translateY(-0.5em);}}@keyframes sd-react-encourage{0%{opacity:0;transform:translateX(-50%) scale(0.5) translateY(0.25em);}20%{opacity:1;transform:translateX(-50%) scale(1.08) translateY(0);}40%,70%{transform:translateX(-50%) scale(1) translateY(-0.08em);}55%{transform:translateX(-50%) scale(1.12) translateY(0);}100%{opacity:0;transform:translateX(-50%) scale(0.92) translateY(0.1em);}}.sound-detective .sd-panda-emoji-game{display:block;width:auto;max-width:clamp(5rem,28vw,8.5rem);height:auto;max-height:clamp(5rem,22vw,8rem);object-fit:contain;}@media (min-width:768px){.sound-detective .sd-panda-emoji-game{max-width:clamp(6rem,12vw,8.5rem);max-height:clamp(6rem,11vw,8rem);}}.sound-detective .sd-panda-wrap{line-height:1;}.sound-detective .sd-hat-emoji{margin-left:-0.35em;vertical-align:super;}.sound-detective .sd-play-btn{width:4.5rem;height:4.5rem;line-height:1;}.sound-detective .sd-panda-card{min-height:280px;}@media (max-width:767.98px){.sound-detective .game-main-section.sound-detective__main{padding-top:0.65rem !important;padding-bottom:0.65rem !important;margin-bottom:0.75rem !important;}.sound-detective .sd-game-inner{max-height:min(100dvh,100vh);overflow-y:auto;-webkit-overflow-scrolling:touch;}.sound-detective .sd-panda-card{min-height:0;box-shadow:none !important;background:transparent !important;}.sound-detective .sd-panda-card .card-body{padding:0.35rem 0.5rem !important;flex-direction:row !important;justify-content:center !important;align-items:center !important;gap:0.5rem;min-height:0;}.sound-detective .sd-panda-emoji-game{max-width:4.5rem;max-height:4.5rem;}.sound-detective .sd-panda-reaction{font-size:1.85rem;top:-0.2rem;}.sound-detective .sd-panda-caption{text-align:left;flex:1;min-width:0;font-size:0.8rem;line-height:1.25;}.sound-detective .sd-play-col .card{margin-bottom:0.5rem !important;}.sound-detective .sd-play-col .card-body{padding-top:0.75rem !important;padding-bottom:0.75rem !important;}.sound-detective .sd-game-scoreboard{padding:0.4rem 0.55rem;}.sound-detective .sd-char-display{font-size:clamp(2.35rem,10vw,3.25rem) !important;}.sound-detective .sd-play-btn{width:3.5rem;height:3.5rem;}.sound-detective #sd-options .btn{min-height:2.65rem;font-size:1rem;}}@keyframes sd-shake{0%,100%{transform:translateX(0);}20%{transform:translateX(-8px);}40%{transform:translateX(8px);}60%{transform:translateX(-6px);}80%{transform:translateX(6px);}}.sound-detective .sd-panda--shake{animation:sd-shake 0.45s ease;}.sound-detective #sd-options .btn{min-height:3rem;font-size:1.15rem;}.sound-detective .sd-star{font-size:2.5rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,0.12));}
.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;}}