/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.fieldgroup{padding:0;border-width:0;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.js details:not([open]) .details-wrapper{display:none;}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.item-list__comma-list,.item-list__comma-list li{display:inline;}.item-list__comma-list{margin:0;padding:0;}.item-list__comma-list li::after{content:", ";}.item-list__comma-list li:last-child::after{content:"";}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
.nowrap{white-space:nowrap;}
.position-container{position:relative;}
.reset-appearance{margin:0;padding:0;border:0 none;background:transparent;line-height:inherit;-webkit-appearance:none;appearance:none;}
.resize-none{resize:none;}.resize-vertical{min-height:2em;resize:vertical;}.resize-horizontal{max-width:100%;resize:horizontal;}.resize-both{max-width:100%;min-height:2em;resize:both;}
.system-status-counter__status-icon{display:inline-block;width:25px;height:25px;vertical-align:middle;}.system-status-counter__status-icon::before{display:block;width:100%;height:100%;content:"";background-repeat:no-repeat;background-position:center 2px;background-size:16px;}.system-status-counter__status-icon--error::before{background-image:url(/core/misc/icons/e32700/error.svg);}.system-status-counter__status-icon--warning::before{background-image:url(/core/misc/icons/e29700/warning.svg);}.system-status-counter__status-icon--checked::before{background-image:url(/core/misc/icons/73b355/check.svg);}
.system-status-report-counters__item{width:100%;margin-bottom:0.5em;padding:0.5em 0;text-align:center;white-space:nowrap;background-color:rgba(0,0,0,0.063);}@media screen and (min-width:60em){.system-status-report-counters{display:flex;flex-wrap:wrap;justify-content:space-between;}.system-status-report-counters__item--half-width{width:49%;}.system-status-report-counters__item--third-width{width:33%;}}
.system-status-general-info__item{margin-top:1em;padding:0 1em 1em;border:1px solid #ccc;}.system-status-general-info__item-title{border-bottom:1px solid #ccc;}
.tablesort{display:inline-block;width:16px;height:16px;background-size:100%;}.tablesort--asc{background-image:url(/core/misc/icons/787878/twistie-down.svg);}.tablesort--desc{background-image:url(/core/misc/icons/787878/twistie-up.svg);}
.breadcrumb{font-size:0.929em;}
.teaser{position:relative;padding-block-end:var(--sp1-5);}.teaser::after{position:absolute;inset-block-end:0;width:var(--sp3);height:0;content:"";border-top:solid 2px var(--color--gray-95);}@media (min-width:62.5rem){.teaser{padding-block-end:var(--sp3);}}.teaser__content{display:grid;grid-auto-rows:max-content;gap:var(--sp);}.teaser__content .field:not(:last-child){margin-block-end:0;}@media (min-width:62.5rem){.teaser__content{gap:var(--sp2);}}.teaser__image{flex-shrink:0;margin:0;}.teaser__image:empty{display:none;}.teaser__image:empty + .teaser__title{flex-basis:auto;}.teaser__image a{display:block;}.teaser__image img{width:var(--sp3-5);height:var(--sp3-5);object-fit:cover;border-radius:50%;}@media (min-width:62.5rem){.teaser__image img{width:var(--grid-col-width);height:var(--grid-col-width);}}@media (min-width:62.5rem){.teaser__image{position:absolute;inset-block-start:0;inset-inline-start:calc(-1 * ((var(--grid-col-width) + var(--grid-gap))));margin:0;}}.teaser__meta{margin-block-end:var(--sp);}.teaser__title{margin-block:0;flex-basis:calc(100% - var(--sp4-5));color:var(--color-text-neutral-loud);font-size:1.5rem;line-height:var(--line-height-base);}@media (min-width:62.5rem){.teaser__title{flex-basis:auto;font-size:var(--sp2);line-height:var(--sp3);}}.teaser__top{display:flex;flex-wrap:nowrap;align-items:center;margin:0;gap:var(--sp1);margin-block-end:var(--sp1);}@media (min-width:62.5rem){.teaser__top{position:relative;}}
.drupal-stripe-errors,.StripeElement--invalid{color:red;}.StripeElement{box-sizing:border-box;max-width:100%;margin:2px 0;padding:4px;border:1px solid #ccc;font-size:0.929em;}.StripeElement--invalid{border:2px solid red;}
.word-container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;padding:20px;}.hanzi-card,.pinyin-card{padding:10px 15px;border-radius:8px;cursor:grab;user-select:none;text-align:center;font-size:1.1rem;font-weight:bold;color:white;min-width:80px;min-height:50px;display:inline-block;position:relative;transition:transform 0.2s ease-in-out,opacity 0.2s ease-in-out;}.hanzi-card{background:#6c32b4;}.pinyin-card{background:#47a496;}.hanzi-card.matched,.pinyin-card.matched{background:#a0e75a;transform:scale(1.1);opacity:0;pointer-events:none;}.hanzi-card:active,.pinyin-card:active{transform:scale(1.05);opacity:0.8;}.drop-zone{border:3px dashed #47a496;padding:20px;transition:background 0.2s;}.drop-zone.drag-over{background-color:rgba(71,164,150,0.2);}.game-container{text-align:center;margin:20px auto;width:100%;max-width:1400px;min-height:400px;background-color:#86a9d8;padding:20px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);}.time-text,.accuracy-text,.progress-text{font-weight:bold;}.time-text.low{color:red;}.time-text.medium{color:orange;}.time-text.high{color:green;}.accuracy-text.low{color:red;}.accuracy-text.medium{color:orange;}.accuracy-text.high{color:green;}.progress-text.low{color:red;}.progress-text.medium{color:orange;}.progress-text.high{color:green;}.pinyin-area,.hanzi-area{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:10px;position:relative;}.pinyin-audio{background:none;border:none;color:white;font-size:1.1rem;cursor:pointer;padding:0;margin:0;}.pinyin-audio:hover{opacity:0.8;}@media (max-width:768px){.hanzi-card,.pinyin-card{min-width:60px;min-height:40px;font-size:1rem;}.pinyin-area,.hanzi-area{gap:10px;}#score,#timer,#accuracy,#progress{font-size:16px;margin-bottom:15px;}}#gameOverModal,#timeUpModal,#startGameModal{display:none;}.game-scoreboard{background-color:#edc70e;border-radius:15px;padding:15px;box-shadow:0 8px 15px rgba(0,0,0,0.1);text-align:center;}.game-button{background-color:rgb(135 169 216 / 83%);border-radius:15px;padding:15px;box-shadow:0 8px 15px rgba(0,0,0,0.1);text-align:center;}#game-settings-btn{background-color:#6c757d;color:white;}#game-settings-btn:hover{background-color:#5a6268;transform:translateY(-2px);}#start-game{background-color:#28a745;color:white;}#start-game:hover{background-color:#218838;transform:translateY(-2px);}#refresh-chart{background-color:#17a2b8;color:white;}#refresh-chart:hover{background-color:#138496;transform:translateY(-2px);}.bi-chevron-down.transition-all,.bi-chevron-up.transition-all{transition:transform 0.3s ease;}[aria-expanded="true"] .bi-chevron-down{transform:rotate(0deg);}[aria-expanded="false"] .bi-chevron-down{transform:rotate(180deg);}[aria-expanded="true"] .bi-chevron-up{transform:rotate(180deg);}[aria-expanded="false"] .bi-chevron-up{transform:rotate(0deg);}.game-description-container{background-color:#7b9ecf87;}#bingo-leaderboard{font-size:0.9rem;}#bingo-leaderboard th{font-weight:500;text-transform:uppercase;font-size:0.8rem;letter-spacing:0.5px;}#refresh-leaderboard i.bi-arrow-clockwise-animate{animation:rotate 1s linear infinite;}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@media (max-width:768px){#bingo-leaderboard th,#bingo-leaderboard td{padding:0.5rem;}#bingo-leaderboard .badge{font-size:0.65em;}}.record-score,.play-again{margin:0 auto;display:block;width:200px;}
.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;}}