body.mt-active{overflow:hidden!important}
#meteorGame,#meteorGame *{box-sizing:border-box}
#meteorGame{position:fixed;inset:0;z-index:1000001;background:#7bcbf4 url('meteor-sky.webp') center/cover;color:#112348;font-family:Nunito,system-ui,sans-serif;overflow:auto}
.mt-shell{min-height:100dvh;padding:12px 18px 8px;display:flex;flex-direction:column;gap:8px;max-width:1800px;margin:auto}
.mt-top{display:flex;align-items:center;gap:16px;padding:12px 18px;background:#f4fbffed;border:2px solid white;border-radius:22px;box-shadow:0 4px 12px #14619a16}
.mt-brand{font-size:26px;font-weight:1000;color:#0787dd;text-shadow:0 2px white;white-space:nowrap}.mt-brand em{font-style:normal;color:#e69b19}.mt-category{font-weight:900;font-size:14px}.mt-scope{margin-left:auto;font-size:13px;font-weight:800}
#meteorGame button{cursor:pointer;font-family:inherit}#meteorGame button:focus-visible{outline:3px solid #074dc7;outline-offset:3px}
.mt-exit{background:#f34445;border:2px solid #fff;color:white;padding:10px 18px;border-radius:14px;font-weight:900;font-size:14px}
.mt-title{align-self:center;margin:4px 0 0;padding:10px 36px;background:linear-gradient(#ab7134,#794315);border:6px ridge #c3904b;border-radius:18px;color:#ffcc47;font-size:clamp(22px,3vw,42px);font-weight:1000;line-height:1.1;text-align:center;text-shadow:2px 3px #2e2015,0 0 3px #2e2015;box-shadow:0 5px 0 #573217,0 8px 16px #053e7230;position:relative}.mt-title span{color:#f8fbff}.mt-title:before,.mt-title:after{content:'🌿';position:absolute;font-size:40px;top:-14px;pointer-events:none}.mt-title:before{left:-25px}.mt-title:after{right:-25px}
.mt-body{flex:1;min-height:0}.mt-arenas{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:30px;border:4px solid #fff;overflow:hidden;height:calc(100dvh - 225px);min-height:350px;box-shadow:0 7px 0 #519faf50}
.mt-arena{position:relative;background:linear-gradient(#55baf74d,#c9faff05);min-width:0;display:flex;flex-direction:column;padding:10px 12px}.mt-player-1{border-left:4px solid white;background:linear-gradient(#ffb47299,#ffd89938)}
.mt-score{display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,#04a3ee,#007de5);border:3px solid #eefaff;border-radius:40px;padding:5px 12px 5px 5px;color:white;z-index:3;max-width:95%;width:max-content;box-shadow:0 4px 0 #0375bb;font-size:clamp(14px,2vw,24px)}.mt-score img{width:43px;height:43px;object-fit:contain;border-radius:50%;background:#bcf3ff;border:2px solid white}.mt-score b{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-score strong{background:#153488;border-radius:15px;padding:3px 14px;font-size:1.3em;min-width:55px;text-align:center}
.mt-player-1 .mt-score{margin-left:auto;background:linear-gradient(100deg,#ffac30,#f97722);box-shadow:0 4px 0 #dd6812}.mt-player-1 .mt-score strong{background:#ac4e17}
.mt-rain{flex:1;position:relative;overflow:hidden;min-height:170px;--travel:520px}
#meteorGame .mt-meteor{position:absolute;top:-150px;left:calc(var(--lane)*33.333%);width:32%;height:150px;border:0;background:url('meteor-sprite.webp') center/contain no-repeat;color:#331c09;animation:mt-fall 11s linear infinite;animation-delay:var(--delay);padding:0;touch-action:manipulation;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 3px 3px #83451c2c);box-shadow:none;border-radius:0}
.mt-meteor span{position:absolute;left:12%;right:12%;top:64%;font-size:clamp(11px,1.5vw,22px);font-weight:1000;line-height:1.05;text-align:center;overflow-wrap:anywhere;text-shadow:none;transform:rotate(-7deg)}
.mt-target{align-self:center;width:80%;max-width:480px;padding:12px 20px 7px;background:linear-gradient(#fff1cf,#f5dfb7);border:11px ridge #a38a6f;border-radius:28px;box-shadow:0 5px 0 #806342;z-index:2;text-align:center;position:relative;margin:4px 0 8px}.mt-target:before{content:'🌿';position:absolute;left:-25px;top:-25px;font-size:36px}.mt-target strong{display:block;font-size:clamp(24px,3.4vw,54px);font-weight:1000;line-height:1.08;overflow-wrap:anywhere}.mt-target span{display:block;margin-top:6px;font-size:clamp(11px,1.2vw,17px);font-weight:900}
.mt-feedback{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);pointer-events:none;z-index:4;font-size:48px;font-weight:1000;text-shadow:0 2px white}.mt-feedback.correct{color:#55dd13}.mt-feedback.wrong{color:#eb3131}.mt-meteor.hit{filter:drop-shadow(0 0 12px #4bef12)!important}.mt-meteor.miss{filter:drop-shadow(0 0 10px #fc3131)!important}.mt-round-won .mt-meteor{animation-play-state:paused}.mt-solo{grid-template-columns:1fr;max-width:900px;margin:auto}.mt-solo .mt-meteor{width:28%;margin-left:2.5%}
.mt-notice{margin:0;text-align:center;color:#8a1b12;font-size:13px;font-weight:900;background:#fff5dcdd;border-radius:12px}.mt-notice:empty{display:none}.mt-footer{padding:10px;text-align:center;background:#edfaffed;border:2px solid white;border-radius:18px;font-size:13px;font-weight:800}
.mt-setup,.mt-result{max-width:700px;margin:16px auto;padding:20px 28px;background:#f6fcffef;border:3px solid white;border-radius:28px;text-align:center;box-shadow:0 7px 0 #91cce0;font-weight:700}.mt-setup>img,.mt-result>img{height:110px;object-fit:contain}.mt-setup h2,.mt-result h2{font-size:24px;margin:8px}.mt-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.mt-fields label{font-size:13px;font-weight:900}.mt-fields input,.mt-fields select{display:block;width:100%;padding:12px;margin-top:5px;border:2px solid #c0e1ef;border-radius:13px;color:#183956;background:white;font-family:inherit;font-size:15px}.mt-fields [hidden]{display:none!important}.mt-modes{display:flex;gap:10px;margin:16px 0}.mt-modes button{flex:1;padding:12px;border:2px solid #bcdde8;border-radius:15px;background:#e9f6fb;color:#164266;font-weight:900;font-size:16px}.mt-modes button.selected{background:#0788dd;color:white;border-color:white;box-shadow:0 3px 0 #075b9c}.mt-rules{font-size:13px;line-height:1.6;margin:12px 0;color:#3a5571}.mt-count{margin:12px;font-size:14px;color:#007198}.mt-start,.mt-new{width:100%;padding:14px;background:#11a777;color:white;border:2px solid white;border-radius:16px;font-size:19px;font-weight:900;box-shadow:0 4px 0 #087d55}.mt-start:disabled{opacity:.5;cursor:default}.mt-resume,.mt-history,.mt-close{padding:10px 16px;border:2px solid #c4e2ee;border-radius:12px;background:#fff;color:#19496b;margin-top:12px;font-weight:900}.mt-resume[hidden]{display:none}.mt-results{display:flex;gap:12px;margin:20px 0}.mt-results article{flex:1;border:2px solid #c0e5ee;background:white;border-radius:18px;padding:12px;min-width:0}.mt-results h3{overflow-wrap:anywhere}.mt-results strong{font-size:30px;color:#0287ba}.mt-ranking{background:#edf8fb;padding:12px;border-radius:18px;margin:16px 0;text-align:left;font-size:14px}.mt-ranking h3{text-align:center}.mt-ranking ol{padding-left:25px;max-height:230px;overflow:auto}.mt-ranking li{padding:6px}.mt-ranking li span{display:inline-block;max-width:65%;overflow-wrap:anywhere}.mt-ranking li b{float:right}.mt-loading{text-align:center;padding:40px;background:#ffffffd9;border-radius:20px}
@keyframes mt-fall{to{transform:translateY(var(--travel))}}
@media(max-width:700px){.mt-shell{padding:8px;gap:8px}.mt-top{padding:8px;gap:6px;flex-wrap:wrap;border-radius:16px}.mt-brand{font-size:20px}.mt-category{font-size:10px}.mt-scope{order:4;width:100%;text-align:center;font-size:11px}.mt-exit{margin-left:auto;padding:7px 10px;font-size:12px}.mt-title{padding:8px 18px;font-size:22px;border-width:4px;margin-top:3px}.mt-title:before,.mt-title:after{font-size:28px}.mt-title:before{left:-17px}.mt-title:after{right:-17px}.mt-arenas{height:calc(100dvh - 230px);min-height:320px;border-width:3px;border-radius:22px}.mt-arena{padding:8px 4px}.mt-score{gap:4px;padding:3px 6px 3px 3px;font-size:12px;max-width:100%}.mt-score img{width:27px;height:27px}.mt-score strong{padding:3px 6px;min-width:30px}.mt-score b{max-width:80px}.mt-player-1{border-left-width:3px}.mt-target{width:96%;border-width:6px;border-radius:18px;padding:8px 4px}.mt-target strong{font-size:clamp(17px,4.5vw,28px)}.mt-target span{font-size:10px}.mt-target:before{font-size:25px;left:-8px;top:-16px}#meteorGame .mt-meteor{height:110px;top:-110px;width:33.333%}.mt-meteor span{left:7%;right:7%;top:64%;font-size:clamp(8px,2.1vw,13px)}.mt-solo .mt-meteor span{font-size:17px}.mt-solo .mt-meteor{height:150px;top:-150px;width:30%}.mt-footer{font-size:10px;padding:8px}.mt-setup,.mt-result{padding:16px}.mt-fields{gap:8px}.mt-setup h2{font-size:19px}.mt-results strong{font-size:24px}}
@media(max-height:500px) and (min-width:650px){.mt-top{padding:4px 12px}.mt-title{font-size:22px;padding:4px 25px;border-width:3px;margin:0}.mt-title:before,.mt-title:after{font-size:26px}.mt-shell{padding:5px 12px;gap:5px}.mt-arenas{height:calc(100dvh - 150px);min-height:210px}.mt-score{font-size:14px}.mt-score img{width:27px;height:27px}.mt-target{padding:4px 10px;border-width:6px;margin-bottom:2px}.mt-target strong{font-size:27px}.mt-target span{font-size:10px;margin:2px}.mt-rain{min-height:70px}#meteorGame .mt-meteor{height:100px;top:-100px}.mt-meteor span{font-size:12px}.mt-footer{padding:4px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#meteorGame .mt-meteor{animation:none;top:calc(5% + (var(--lane)*9%));position:relative;left:auto;display:inline-block;height:125px;width:32%;margin:0}.mt-rain{overflow:auto}.mt-solo .mt-meteor{margin:0}.mt-rain .mt-meteor:nth-child(n+4){top:0}}
/* Illustrated assets taken from the selected tropical concept. */
#meteorGame .mt-title{background:url('meteor-title.webp') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;padding:25px 55px 28px;margin-top:-10px;min-width:min(650px,90vw)}
#meteorGame .mt-title:before,#meteorGame .mt-title:after,#meteorGame .mt-target:before{display:none}
#meteorGame .mt-target{background:url('meteor-target.webp') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;width:88%;padding:24px 40px 14px;min-height:140px;margin:0;display:flex;flex-direction:column;justify-content:center}
#meteorGame .mt-target strong{font-size:clamp(22px,3vw,45px);margin-bottom:12px}
#meteorGame .mt-target span{margin-top:0}
@media(max-width:700px){#meteorGame .mt-title{padding:22px 30px 24px;margin:-10px 0 -4px;min-width:90vw;font-size:20px}#meteorGame .mt-target{min-height:88px;padding:15px 18px 12px;width:100%}#meteorGame .mt-target strong{font-size:clamp(16px,4vw,26px);margin-bottom:8px}.mt-arenas{height:calc(100dvh - 250px)}}
@media(max-height:500px) and (min-width:650px){#meteorGame .mt-title{padding:11px 40px 13px;font-size:20px;min-width:480px;margin:-6px 0 -6px}#meteorGame .mt-target{min-height:80px;padding:13px 25px 9px}#meteorGame .mt-target strong{font-size:24px;margin-bottom:6px}.mt-arenas{height:calc(100dvh - 167px)}}

#meteorGame .mt-meteor{left:calc(var(--lane)*100%/var(--columns));width:calc(100%/var(--columns) - 6px);max-width:190px;height:auto;aspect-ratio:1;top:-190px;background-size:100% 100%;margin-left:3px}
#meteorGame .mt-meteor span{left:23%;right:23%;top:60%;font-size:clamp(10px,1.3vw,18px);transform:none;line-height:1.05}
@media(max-width:700px){#meteorGame .mt-meteor{max-width:150px;top:-150px}#meteorGame .mt-meteor span{font-size:clamp(9px,2.5vw,13px)}#meteorGame .mt-solo .mt-meteor span{font-size:15px}.mt-scope{line-height:1.4}}
@media(max-height:500px) and (min-width:650px){#meteorGame .mt-meteor{max-width:110px;top:-110px}#meteorGame .mt-meteor span{font-size:11px}}
@media(prefers-reduced-motion:reduce){#meteorGame .mt-meteor{top:0;left:auto;position:relative;width:calc(100%/var(--columns) - 6px);margin:3px}}

#meteorGame .mt-meteor span{top:65%;transform:translateY(-50%)}

/* Keep light-panel headings readable despite shared fullscreen heading styles. */
#meteorGame .mt-setup h2,#meteorGame .mt-result h2,#meteorGame .mt-ranking h3{color:#173d60!important;-webkit-text-fill-color:#173d60!important;text-shadow:none!important;background:none!important}
.mt-audio{display:flex;gap:5px;flex-wrap:wrap}#meteorGame .mt-audio button{background:#e4f3fb;border:1px solid #9fcada;border-radius:10px;color:#184d64;padding:7px 9px;font-size:11px;font-weight:900;white-space:nowrap}
.mt-feedback.correct{color:#238900}.mt-feedback.wrong{color:#c92121}.mt-feedback{background:#ffffffda;border-radius:22px;padding:8px 16px;box-shadow:0 5px 18px #11536430;animation:mt-feedback-pop .25s ease-out}.mt-feedback:empty{display:none}
@keyframes mt-feedback-pop{from{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:700px){.mt-audio{margin-left:auto}#meteorGame .mt-audio button{padding:5px 7px;font-size:10px}.mt-feedback{font-size:30px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.mt-feedback{animation:none}}

/* Bound every answer to the cream label, including long translations. */
#meteorGame .mt-meteor span{left:24%;right:24%;top:56%;height:20%;display:flex;align-items:center;justify-content:center;transform:none;font-size:clamp(9px,1.15vw,16px);line-height:1.05;overflow:hidden;box-sizing:border-box}
#meteorGame .mt-target strong{max-height:64px;overflow:hidden}
@media(max-width:700px){
 #meteorGame .mt-meteor span,#meteorGame .mt-solo .mt-meteor span{font-size:clamp(8px,2.2vw,12px)}
 #meteorGame .mt-target{background:linear-gradient(180deg,#fff4dc,#f3dfb9);border:3px solid #9b8064;border-radius:14px;box-shadow:0 3px 0 #695544;box-sizing:border-box;width:calc(100% - 8px);min-height:78px;height:78px;padding:8px 6px;margin:4px 4px 6px;flex-shrink:0}
 #meteorGame .mt-target strong{font-size:clamp(14px,3.7vw,24px);line-height:1.1;height:36px;max-height:36px;display:flex;align-items:center;justify-content:center;margin:0 0 4px}
 #meteorGame .mt-target span{font-size:9px;line-height:1.2;white-space:normal}
}

/* Each player advances independently; the opponent keeps moving. */
.mt-player-won .mt-meteor{animation-play-state:paused;pointer-events:none}
.mt-progress{font-weight:900;color:#163d5b;padding:9px 6px 2px}
.mt-wait{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:15px;color:#143e5b;font-weight:900}
.mt-wait img{width:min(140px,65%);height:150px;object-fit:contain}
.mt-wait span{font-size:14px}