:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#17324d;background:#dff4ff;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 15% 15%,#fff7c9 0 8%,transparent 24%),radial-gradient(circle at 85% 10%,#d7fff2 0 10%,transparent 28%),linear-gradient(145deg,#eaf9ff,#dceeff 55%,#f4f0ff)}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;background:#ffffff9e}body:before{width:180px;height:58px;left:5vw;top:15vh;box-shadow:78px 20px 0 -10px #ffffff9e}body:after{width:140px;height:44px;right:7vw;top:20vh;box-shadow:-62px 17px 0 -9px #ffffff9e}button{font:inherit}.game-shell{position:relative;width:min(1180px,calc(100vw - 40px));height:min(720px,calc(100vh - 24px));margin:12px auto;display:grid;grid-template-rows:auto minmax(220px,1fr) minmax(116px,.42fr) auto;gap:clamp(10px,1.5vh,18px)}.game-header{position:relative;text-align:center}.credits-link{position:absolute;top:4px;right:0;color:#52708b;font-size:14px}.eyebrow{margin:0 0 2px;color:#2878a8;font-size:clamp(12px,1.3vw,17px);font-weight:800;letter-spacing:.18em}h1{margin:0;font-size:clamp(30px,4.2vw,54px);line-height:1.08}.instruction{margin:6px 0 0;font-size:clamp(16px,1.8vw,24px);color:#52708b}.mission-board{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}.mission-board:before{content:"";position:absolute;inset:auto -2vw -10px;height:24px;border-radius:999px;background:repeating-linear-gradient(90deg,#9fc9d9 0 50px,#fff 50px 78px);opacity:.55;z-index:-1}.sound-slot{min-height:0;padding:clamp(12px,1.5vw,20px);display:grid;grid-template-rows:auto 1fr;place-items:center;gap:10px;border:3px solid rgba(255,255,255,.9);border-radius:30px;background:#ffffffb8;box-shadow:0 14px 34px #275c8424}.sound-button{width:clamp(54px,5vw,72px);aspect-ratio:1;border:0;border-radius:50%;color:#fff;background:linear-gradient(145deg,#2f9fe7,#3168d9);box-shadow:0 8px #1f55af,0 12px 22px #1f55af40;cursor:pointer;font-size:clamp(22px,2.5vw,34px)}.sound-button:active{transform:translateY(5px);box-shadow:0 3px #1f55af}.sound-button.is-playing{outline:6px solid rgba(58,185,255,.28);animation:sound-pulse .9s ease-in-out infinite alternate}.drop-zone{position:relative;width:100%;height:100%;min-height:120px;border:3px dashed #9fc9e8;border-radius:22px;background:#e2f5ffb8}.drop-zone[aria-invalid=true]:after{content:"再试试";position:absolute;right:10px;bottom:8px;padding:4px 9px;border-radius:999px;color:#9f2923;background:#fff;font-size:14px;font-weight:800}.sound-slot.is-incorrect{border-color:#ff756f;background:#ffe8e6eb;animation:gentle-shake .32s ease-in-out 2}.sound-slot.is-correct{border-color:#5ecb91;background:#e5fff2eb}.vehicle-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(12px,2vw,24px);padding:10px clamp(16px,4vw,52px);border-radius:28px;background:#235a7c1f}.parking-space{min-width:0}.vehicle-card{display:grid;place-items:center;min-height:88px;border-radius:22px;background:#ffffffd6;box-shadow:0 8px 18px #1f52731f;position:relative;grid-template-rows:1fr auto;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;z-index:2;transition:box-shadow .16s ease,transform .16s ease}.vehicle-art{display:block;width:min(100%,250px);height:clamp(66px,8.5vw,112px);object-fit:contain;pointer-events:none;filter:drop-shadow(0 9px 8px rgba(26,65,91,.18))}.vehicle-card.is-dragging{cursor:grabbing;z-index:20;box-shadow:0 18px 36px #1f527347;transition:none;pointer-events:none}.drop-zone .vehicle-card{width:100%;height:100%;min-height:0;background:transparent;box-shadow:none}.drop-zone .vehicle-art{height:min(100%,150px)}.vehicle-name{padding:2px 12px 5px;border-radius:999px;color:#24445d;background:#fff;font-size:clamp(15px,1.5vw,21px);font-weight:900}.celebration{position:absolute;inset:0;display:none;pointer-events:none;overflow:hidden}.is-complete .celebration{display:flex;justify-content:space-around}.celebration span{color:#ffbf3f;font-size:clamp(24px,3vw,46px);animation:confetti-fall 1.8s ease-in-out 2}.celebration span:nth-child(2n){color:#ff6f69;animation-delay:.28s}.celebration span:nth-child(3n){color:#47b7e9;animation-delay:.52s}.game-footer{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}.feedback{margin:0;padding:12px 20px;border-radius:18px;background:#ffffffb8;font-size:clamp(15px,1.5vw,20px);font-weight:700}.actions{display:flex;gap:12px}.action-button{min-width:120px;min-height:52px;padding:10px 22px;border:0;border-radius:18px;cursor:pointer;font-weight:800}.action-button.primary{color:#fff;background:#ff695f}.action-button.secondary{color:#31536d;background:#fff}@media(max-height:820px){.game-shell{grid-template-rows:auto minmax(190px,1fr) minmax(96px,.36fr) auto}.eyebrow{display:none}.vehicle-card{min-height:76px}}@keyframes sound-pulse{to{transform:scale(1.07)}}@keyframes gentle-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes confetti-fall{0%{transform:translateY(-30px) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(70vh) rotate(360deg);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}