.game-scale-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;scroll-margin-top:70px}.game-scale-container{width:600px;height:700px;transform-origin:top center;transform:scale(var(--game-scale,1))}.dashboard-panel{background:#faf5ef;border-radius:22px;padding:24px 28px 20px;margin-bottom:2em;margin-left:auto;margin-right:auto;max-width:480px;border:1.5px solid #e8ddd2;box-shadow:0 2px 12px rgba(180,160,140,.1);position:relative;overflow:hidden}.dashboard-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e8a0a0,#d4a276,#e8d5a3,#a8d5ba,#a8c4d9,#c4b0d9);border-radius:22px 22px 0 0}.dashboard-header{font-size:16px;font-weight:700;color:#8b6f5e;margin-bottom:18px;padding-bottom:12px;border-bottom:1.5px dashed #e8ddd2}.dashboard-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group--lang{flex-direction:row;align-items:center;gap:12px}.control-group--lang .control-label{margin:0;white-space:nowrap}.control-desc{font-size:12px;color:#a89080;line-height:1.4;padding-left:2px;transition:all .2s ease}.toggle-btn--sm{padding:5px 14px;font-size:12px}.control-label{font-size:13px;font-weight:600;color:#9b7e6b;letter-spacing:.3px}.toggle-container{display:flex;gap:8px;flex-wrap:wrap}.toggle-option{cursor:pointer;margin:0}.toggle-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.toggle-btn{display:inline-block;padding:8px 18px;border-radius:18px;border:1.5px solid #e8ddd2;background:#fff;color:#9b7e6b;font-size:13px;font-weight:600;transition:all .2s ease;user-select:none}.toggle-btn:hover{border-color:#d4a276;background:#fbf3eb}.toggle-option input[type=radio]:checked+.toggle-btn{background:linear-gradient(135deg,#e8a0a0,#d4a276)!important;color:#fff!important;border-color:#d4a276!important;box-shadow:0 2px 8px rgba(212,162,118,.2)}.action-panel{margin-top:4px}.start-button{width:100%;padding:14px 24px;border:none;border-radius:18px;background:linear-gradient(135deg,#d4a276,#c4916a)!important;color:#fff!important;font-size:16px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 3px 12px rgba(196,145,106,.2);position:relative;overflow:hidden}.start-button:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(196,145,106,.25)}.start-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-text{position:relative;z-index:1}.button-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 38%,rgba(255,255,255,.12) 50%,transparent 62%);animation:btn-glow 3s ease-in-out infinite}@keyframes btn-glow{0%,100%{transform:translateX(-120%)}50%{transform:translateX(120%)}}.game-container{width:600px;height:700px;position:relative;background:linear-gradient(180deg,#7cb342 0,#689f38 40%,#558b2f 100%);border-radius:22px;overflow:hidden;border:1.5px solid #558b2f;box-shadow:0 3px 16px rgba(60,80,40,.15)}.game-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80px 30px at 10% 20%,rgba(255,255,255,.12) 0,transparent 100%),radial-gradient(ellipse 60px 25px at 85% 15%,rgba(255,255,255,.08) 0,transparent 100%),radial-gradient(ellipse 50px 20px at 40% 30%,rgba(0,0,0,.05) 0,transparent 100%);pointer-events:none;z-index:1}.game-hud{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:100;display:inline-flex;align-items:center;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.2);padding:8px 20px 8px 16px;gap:10px}.hud-score-panel{display:flex;align-items:center;gap:8px;flex-shrink:0}.hud-score-label{font-size:15px;color:rgba(255,255,255,.9);letter-spacing:.5px;font-weight:700}.hud-score-value{font-family:'Segoe UI',system-ui,sans-serif;font-size:36px;font-weight:900;line-height:1;color:#ffd54f;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,213,79,.4);min-width:32px;text-align:center}.road{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:560px;height:580px;z-index:10;perspective:800px}.floor-flora{position:absolute;top:0;left:0;width:100%;height:200%;z-index:6;overflow:hidden;pointer-events:none;animation:flora-scroll var(--road-speed,2.4s) linear infinite}@keyframes flora-scroll{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}.lane{position:absolute;bottom:0;width:220px;height:100%;z-index:5}.lane--left{left:50px}.lane--right{right:50px}.flora-blade{position:absolute;width:5px;border-radius:2px 2px 1px 1px;transform-origin:bottom center;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.15))}.flora-tuft{position:absolute;width:28px;height:40px;pointer-events:none}.flora-tuft .flora-blade:nth-child(1){left:2px;bottom:0;height:70%;transform:rotate(-14deg);background:linear-gradient(to top,#2e7d32 0,#4caf50 40%,#81c784 100%);width:4px}.flora-tuft .flora-blade:nth-child(2){left:8px;bottom:0;height:100%;transform:rotate(-4deg);background:linear-gradient(to top,#1b5e20 0,#388e3c 40%,#66bb6a 100%);width:5px}.flora-tuft .flora-blade:nth-child(3){left:14px;bottom:0;height:85%;transform:rotate(5deg);background:linear-gradient(to top,#2e7d32 0,#43a047 40%,#a5d6a7 100%);width:5px}.flora-tuft .flora-blade:nth-child(4){left:20px;bottom:0;height:65%;transform:rotate(12deg);background:linear-gradient(to top,#1b5e20 0,#4caf50 40%,#81c784 100%);width:4px}.road-flower{position:absolute;z-index:13;width:16px;height:16px;border-radius:50%;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.2))}.road-flower::before{content:'';position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#fff9c4 30%,#fff176 100%);transform:translate(-50%,-50%);z-index:1;box-shadow:0 0 3px rgba(255,241,118,.5)}.road-flower::after{content:'';position:absolute;bottom:-10px;left:50%;width:2px;height:12px;background:linear-gradient(to top,#2e7d32,#4caf50);transform:translateX(-50%);border-radius:1px}.road-flower--red{box-shadow:0 -6px 0 1.5px #ef5350,6px 0 0 1.5px #e57373,0 6px 0 1.5px #ef5350,-6px 0 0 1.5px #e57373,4px -4px 0 1px #ef9a9a,4px 4px 0 1px #ef9a9a,-4px -4px 0 1px #c62828,-4px 4px 0 1px #c62828}.road-flower--pink{box-shadow:0 -6px 0 1.5px #f48fb1,6px 0 0 1.5px #f8bbd0,0 6px 0 1.5px #f48fb1,-6px 0 0 1.5px #f8bbd0,4px -4px 0 1px #fce4ec,4px 4px 0 1px #fce4ec,-4px -4px 0 1px #ec407a,-4px 4px 0 1px #ec407a}.road-flower--blue{box-shadow:0 -6px 0 1.5px #64b5f6,6px 0 0 1.5px #90caf9,0 6px 0 1.5px #64b5f6,-6px 0 0 1.5px #90caf9,4px -4px 0 1px #bbdefb,4px 4px 0 1px #bbdefb,-4px -4px 0 1px #1e88e5,-4px 4px 0 1px #1e88e5}.road-flower--purple{box-shadow:0 -6px 0 1.5px #ce93d8,6px 0 0 1.5px #e1bee7,0 6px 0 1.5px #ce93d8,-6px 0 0 1.5px #e1bee7,4px -4px 0 1px #f3e5f5,4px 4px 0 1px #f3e5f5,-4px -4px 0 1px #8e24aa,-4px 4px 0 1px #8e24aa}.road-flower--white{box-shadow:0 -6px 0 1.5px #fffde7,6px 0 0 1.5px #fff9c4,0 6px 0 1.5px #fffde7,-6px 0 0 1.5px #fff9c4,4px -4px 0 1px #fff,4px 4px 0 1px #fff,-4px -4px 0 1px beige,-4px 4px 0 1px beige}.road-flower--yellow{box-shadow:0 -6px 0 1.5px #ffd54f,6px 0 0 1.5px #ffe082,0 6px 0 1.5px #ffd54f,-6px 0 0 1.5px #ffe082,4px -4px 0 1px #fff8e1,4px 4px 0 1px #fff8e1,-4px -4px 0 1px #f9a825,-4px 4px 0 1px #f9a825}.player{position:absolute;bottom:30px;z-index:20;width:90px;height:90px;transition:left .12s ease-out}.character.slime{position:relative;width:100%;height:100%;animation:slime-bounce var(--bounce-speed,.35s) ease-in-out infinite;transform-origin:bottom center}.slime-body{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:72px;height:62px;background:linear-gradient(180deg,#a8d9c4 0,#8cc4ab 60%,#7ab89e 100%);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;box-shadow:inset -4px -4px 8px rgba(0,0,0,.08),inset 4px 4px 8px rgba(255,255,255,.35),0 4px 12px rgba(120,180,155,.25);border:2px solid rgba(255,255,255,.3)}.slime-eye{position:absolute;top:15px;width:13px;height:15px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.slime-eye::after{content:'';position:absolute;top:4px;left:4px;width:6px;height:7px;background:#3a3a3a;border-radius:50%}.slime-eye--left{left:16px}.slime-eye--right{right:16px}.slime-mouth{position:absolute;top:36px;left:50%;transform:translateX(-50%);width:15px;height:7px;border:none;border-bottom:2px solid #5a8a6f;border-radius:0 0 50% 50%}.slime-shine{position:absolute;top:8px;left:12px;width:10px;height:8px;background:rgba(255,255,255,.6);border-radius:50%;transform:rotate(-20deg)}@keyframes slime-bounce{0%{transform:scaleX(1) scaleY(1) translateY(0)}25%{transform:scaleX(1.25) scaleY(.65) translateY(4px)}50%{transform:scaleX(.85) scaleY(1.25) translateY(-14px)}75%{transform:scaleX(1.1) scaleY(.85) translateY(0)}100%{transform:scaleX(1) scaleY(1) translateY(0)}}.game-container.game-idle .character.slime{animation:slime-idle 2s ease-in-out infinite}@keyframes slime-idle{0%,100%{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.03) scaleY(.97)}}.wall-obstacle{position:absolute;left:0;right:0;height:120px;z-index:25}.wall-obstacle::before{content:'';position:absolute;bottom:-10px;left:-4px;right:-4px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='24' viewBox='0 0 200 24'%3E%3Cg fill='none'%3E%3Cpath d='M4 24 C4 16,2 8,5 2 C8 10,6 18,8 24' fill='%234E7D28'/%3E%3Cpath d='M10 24 C9 14,12 6,10 0 C13 8,11 16,14 24' fill='%235A8A2E'/%3E%3Cpath d='M18 24 C17 18,14 10,18 4 C21 12,19 19,22 24' fill='%236B9E3E'/%3E%3Cpath d='M26 24 C25 15,28 7,25 1 C28 9,26 17,30 24' fill='%234E7D28'/%3E%3Cpath d='M34 24 C33 17,30 9,34 3 C37 11,35 18,38 24' fill='%23558B2F'/%3E%3Cpath d='M42 24 C41 13,44 5,41 0 C44 7,42 15,46 24' fill='%235A8A2E'/%3E%3Cpath d='M50 24 C49 18,46 10,50 4 C53 12,51 19,54 24' fill='%236B9E3E'/%3E%3Cpath d='M58 24 C57 14,60 6,57 1 C60 8,58 16,62 24' fill='%234E7D28'/%3E%3Cpath d='M66 24 C65 16,62 8,66 2 C69 10,67 18,70 24' fill='%23558B2F'/%3E%3Cpath d='M74 24 C73 13,76 5,73 0 C76 7,74 15,78 24' fill='%235A8A2E'/%3E%3Cpath d='M82 24 C81 17,78 9,82 3 C85 11,83 18,86 24' fill='%236B9E3E'/%3E%3Cpath d='M90 24 C89 15,92 7,89 1 C92 9,90 17,94 24' fill='%234E7D28'/%3E%3Cpath d='M98 24 C97 18,94 10,98 4 C101 12,99 19,102 24' fill='%23558B2F'/%3E%3Cpath d='M106 24 C105 14,108 6,105 0 C108 8,106 16,110 24' fill='%235A8A2E'/%3E%3Cpath d='M114 24 C113 16,110 8,114 2 C117 10,115 18,118 24' fill='%236B9E3E'/%3E%3Cpath d='M122 24 C121 13,124 5,121 1 C124 7,122 15,126 24' fill='%234E7D28'/%3E%3Cpath d='M130 24 C129 17,126 9,130 3 C133 11,131 18,134 24' fill='%23558B2F'/%3E%3Cpath d='M138 24 C137 15,140 7,137 0 C140 8,138 16,142 24' fill='%235A8A2E'/%3E%3Cpath d='M146 24 C145 18,142 10,146 4 C149 12,147 19,150 24' fill='%236B9E3E'/%3E%3Cpath d='M154 24 C153 14,156 6,153 1 C156 9,154 17,158 24' fill='%234E7D28'/%3E%3Cpath d='M162 24 C161 16,158 8,162 2 C165 10,163 18,166 24' fill='%23558B2F'/%3E%3Cpath d='M170 24 C169 13,172 5,169 0 C172 7,170 15,174 24' fill='%235A8A2E'/%3E%3Cpath d='M178 24 C177 17,174 9,178 3 C181 11,179 18,182 24' fill='%236B9E3E'/%3E%3Cpath d='M186 24 C185 15,188 7,185 1 C188 9,186 17,190 24' fill='%234E7D28'/%3E%3Cpath d='M194 24 C193 18,190 10,194 4 C197 12,195 19,198 24' fill='%23558B2F'/%3E%3C/g%3E%3C/svg%3E") repeat-x bottom;background-size:auto 24px;pointer-events:none;z-index:26}.wall-obstacle::after{content:'';position:absolute;bottom:-14px;left:3%;right:3%;height:18px;background:radial-gradient(ellipse 100% 100% at 50% 0,rgba(0,0,0,.25) 0,rgba(0,0,0,.1) 40%,transparent 75%);border-radius:50%;pointer-events:none;z-index:-1}.wall-section{position:absolute;top:0;height:100%;background:repeating-linear-gradient(180deg,transparent 0,transparent 26px,rgba(0,0,0,.08) 26px,rgba(0,0,0,.05) 28px,transparent 28px),repeating-linear-gradient(90deg,transparent 0,transparent 18px,rgba(0,0,0,.1) 18px,rgba(0,0,0,.06) 19px,transparent 19px),linear-gradient(180deg,#8b6b4a 0,#9c7b5a 10%,#a68b6b 40%,#b09878 70%,#a08568 90%,#8b6b4a 100%);border:none;border-radius:3px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 8px 6px -3px rgba(0,0,0,.2),inset 0 3px 2px rgba(0,0,0,.12),inset 0 -5px 5px -2px rgba(255,255,255,.15),inset 3px 0 3px -1px rgba(255,255,255,.08),inset -3px 0 3px -1px rgba(0,0,0,.06),0 4px 8px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1);border-bottom:3px solid #5d4037}.wall-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 8px 4px at 30% 25%,rgba(0,0,0,.08) 0,transparent 100%),radial-gradient(ellipse 5px 5px at 65% 40%,rgba(0,0,0,.06) 0,transparent 100%),radial-gradient(ellipse 10px 3px at 45% 70%,rgba(0,0,0,.05) 0,transparent 100%),radial-gradient(circle 4px at 55% 85%,rgba(255,255,255,.06) 0,transparent 100%),radial-gradient(circle 6px at 20% 55%,rgba(255,255,255,.05) 0,transparent 100%);border-radius:3px;pointer-events:none}.wall-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.06) 8%,transparent 20%,transparent 80%,rgba(255,255,255,.1) 92%,rgba(255,255,255,.15) 100%),linear-gradient(90deg,rgba(255,255,255,.05) 0,transparent 15%,transparent 85%,rgba(0,0,0,.05) 100%);border-radius:3px;pointer-events:none}.wall-section--left{left:0;width:75px}.wall-section--center{left:225px;width:110px}.wall-section--right{right:0;width:75px}.fixed-question{position:absolute;top:56px;left:50%;transform:translateX(-50%);z-index:99;font-size:38px;font-weight:900;font-family:'Zen Maru Gothic','Noto Sans TC','Microsoft JhengHei',sans-serif;padding:6px 24px;border-radius:16px;border:2px solid rgba(255,255,255,.25);background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(0,0,0,.3);text-shadow:-1px -1px 0 rgba(0,0,0,.5),1px -1px 0 rgba(0,0,0,.5),-1px 1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3);-webkit-text-stroke:1px rgba(0,0,0,.3);paint-order:stroke fill;min-width:80px;text-align:center;white-space:nowrap;letter-spacing:1px;line-height:1.2;animation:question-pulse 2s ease-in-out infinite;transition:transform .2s ease-out,opacity .2s ease-out}.fixed-question.question-enter{opacity:0;transform:translateX(-50%) scale(.7)}@keyframes question-pulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.03)}}.exit-door{position:absolute;top:0;width:150px;height:100%;background:repeating-linear-gradient(180deg,transparent 0,transparent 24px,rgba(0,0,0,.06) 24px,rgba(0,0,0,.03) 25px,transparent 25px),repeating-linear-gradient(90deg,transparent 0,transparent 36px,rgba(0,0,0,.08) 36px,rgba(0,0,0,.04) 37px,transparent 37px),linear-gradient(180deg,#c4a87a 0,#d4b88a 15%,#deca9a 50%,#d4b88a 85%,#c4a87a 100%);border:2px solid #8b6b4a;border-radius:6px 6px 2px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;pointer-events:auto;overflow:visible;transition:all .25s ease;box-shadow:inset 2px 0 4px rgba(255,255,255,.12),inset -2px 0 4px rgba(0,0,0,.08),inset 0 5px 5px -2px rgba(0,0,0,.15),inset 0 -3px 3px -1px rgba(255,255,255,.1),0 4px 8px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1);border-bottom:3px solid #8b6b4a}.exit-door--left{left:75px}.exit-door--right{left:335px}.exit-door:hover{background:repeating-linear-gradient(180deg,transparent 0,transparent 24px,rgba(0,0,0,.06) 24px,rgba(0,0,0,.03) 25px,transparent 25px),repeating-linear-gradient(90deg,transparent 0,transparent 36px,rgba(0,0,0,.08) 36px,rgba(0,0,0,.04) 37px,transparent 37px),linear-gradient(180deg,#d4b88a 0,#e4c89a 15%,#eedad0 50%,#e4c89a 85%,#d4b88a 100%);border-color:#6d4c30}.exit-arrow{font-size:22px;color:#6d4c30;animation:arrow-bounce .9s ease-in-out infinite}@keyframes arrow-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.exit-text{font-size:33px;font-weight:900;font-family:'Zen Maru Gothic','Noto Sans TC','Microsoft JhengHei',sans-serif;padding:6px 10px;-webkit-text-stroke:1px rgba(0,0,0,.3);paint-order:stroke fill;border-radius:12px;border:none;text-shadow:-.5px -.5px 0 rgba(0,0,0,.4),.5px -.5px 0 rgba(0,0,0,.4),-.5px .5px 0 rgba(0,0,0,.4),.5px .5px 0 rgba(0,0,0,.4);box-shadow:none;backdrop-filter:none;background:0 0;max-width:140px;text-align:center;white-space:nowrap;overflow:visible;line-height:1.1;letter-spacing:0}.game-over{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(250,245,239,.85);display:flex;justify-content:center;align-items:center;z-index:200;backdrop-filter:blur(8px);animation:fadeIn .4s ease-out}.game-over-content{background:#faf5ef;padding:36px 44px;border-radius:24px;text-align:center;color:#8b6f5e;box-shadow:0 6px 30px rgba(180,160,140,.12);border:1.5px solid #e8ddd2;position:relative;overflow:hidden}.game-over-content::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e8a0a0,#d4a276,#e8d5a3,#a8d5ba,#a8c4d9,#c4b0d9)}.game-over-content h2{margin-bottom:12px;font-size:24px;color:#8b6f5e;font-weight:800}.final-score{font-size:20px;margin-bottom:24px;font-weight:700;color:#c4916a}.restart-button{background:linear-gradient(135deg,#d4a276,#c4916a)!important;color:#fff!important;border:none;padding:12px 32px;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 3px 10px rgba(196,145,106,.18)}.restart-button:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(196,145,106,.22)}@keyframes fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}