@charset "UTF-8";
*{box-sizing:border-box}body{background:#faf9f3!important;color:#183b36!important;font-family:"Microsoft JhengHei","PingFang TC",sans-serif!important;justify-content:flex-start!important;padding:22px 16px 40px!important;gap:0}h1{color:#1d6856!important;text-shadow:none!important;font-size:clamp(1.54rem,4.4vw,2.2rem)!important;line-height:1.5;margin:30px 0 5px!important;font-weight:800}p.subtitle{color:#64796e!important;font-family:inherit!important;font-size:.88rem;max-width:650px;line-height:1.7}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(950px,100%);padding:8px 0 20px;border-bottom:1px solid #dce4dc;font-size:.9rem;color:#1d6856;font-weight:700}.game-topbar a{text-decoration:none;color:inherit}.game-panel{background:#fff!important;border:1px solid #d9e3d5!important;box-shadow:0 14px 40px #183b360b!important;border-radius:22px!important;max-width:720px!important;width:100%!important;padding:30px!important}.scoreboard{color:#946c20!important}.question-box{background:#f0f4e9!important;color:#244a3f!important;border-left-color:#719977!important;line-height:1.8}.question-box span{color:#8f6127!important}.clock-container{background:#f6f8ee!important;border-color:#5c8b6c!important;box-shadow:none!important}.clock-number{color:#294c41!important}.hour-hand{background:#d97657!important;box-shadow:none!important}.minute-hand{background:#2a7268!important;box-shadow:none!important}.center-dot{background:#294c41!important;box-shadow:none!important}.option-btn,.dir-btn,.vol-btn,.ans-btn{background:#f7f9f1!important;color:#244a3f!important;border:1px solid #bccfbf!important;box-shadow:none!important;border-radius:12px!important;font:inherit;font-weight:700;line-height:1.6}.option-btn:hover,.dir-btn:hover,.vol-btn:hover,.ans-btn:hover{background:#e7efe0!important;transform:none!important}.option-btn.correct,.dir-btn.correct,.vol-btn.correct,.ans-btn.correct{background:#d8edcf!important;border-color:#3c7b48!important;color:#1b502b!important}.option-btn.wrong,.dir-btn.wrong,.vol-btn.wrong,.ans-btn.wrong{background:#fae3db!important;border-color:#ad5237!important;color:#873d2a!important}.btn-back{color:#1d6856!important;border:1px solid #c5d5bf!important;background:#edf2e5!important;border-radius:9px!important;font-family:inherit;margin-top:25px!important}.btn-back:hover{background:#e2ead9!important;color:#1d6856!important}.next-btn{background:#1d6856!important;color:#fff!important;box-shadow:none!important;border-radius:9px!important}.mode-btn{background:#eef3e6!important;color:#325b48!important;border-color:#b9d0b7!important;box-shadow:none!important;font-size:1rem!important}.mode-btn.active{background:#1d6856!important;color:white!important}.cell-cube,.cell-abs,.c-face,.cb-face{color:#264c41!important;border-color:#88ac8b!important;background:#eef4e2!important;box-shadow:none!important}.style-cube{background:#f5f7ee!important;border-color:#d0ddc8!important}.target,.t-target{background:#f5d887!important;border-color:#c0963d!important}.correct,.t-correct{background:#bde3b1!important;border-color:#4f8a4b!important;box-shadow:none!important}.wrong{background:#f3c8b7!important;border-color:#bd694b!important}.compass-container,.compass,.compass-board{background:#edf2e6!important;box-shadow:none!important;border-color:#739b79!important}.compass-label,.direction-label,.cell,.grid-cell{color:#244b40!important}.grid-cell{background:#eef3e8!important;border-color:#c0d4b9!important}.explanation-box,.explanation-panel,#explanation-panel,#explanation-area,#exp-content{color:#dcebd9}button:focus-visible,a:focus-visible{outline:3px solid #d8923a;outline-offset:4px}button{touch-action:manipulation}body>p{max-width:700px}
@media(max-width:600px){body{padding:16px 12px 30px!important}.game-topbar{font-size:.78rem}.game-panel{padding:28px 13px 20px!important;min-height:0!important}.question-box{padding:14px!important;font-size:1rem!important}.scoreboard{top:8px!important;right:12px!important;font-size:1rem!important}.tab-group{gap:8px!important}.mode-btn{padding:9px 12px!important}.stage-area{gap:20px!important}.style-cube{grid-template-columns:repeat(4,50px)!important;grid-auto-rows:50px!important;padding:15px!important}.cell-cube,.cell-abs{font-size:1.6rem!important}.clock-container{width:220px!important;height:220px!important}.options-container{gap:10px!important}.option-btn,.dir-btn,.vol-btn,.ans-btn{padding:12px!important;font-size:1.15rem!important}#grid-board{max-width:100%}.stage-area{overflow-x:auto;justify-content:center!important}.explanation-box{padding:15px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.game-container{background:#fff!important;border:1px solid #d9e3d5!important;box-shadow:0 14px 40px #183b360b!important;border-radius:22px!important;max-width:720px!important;width:100%!important;padding:30px!important}
.map-grid{background:#f0f4e9!important;border-color:#a7bfaa!important}.map-cell{background:#f9fbf5!important;border-color:#b9cdb4!important}.map-cell.active-item{background:#e7f0da!important;border-color:#64866a!important;box-shadow:none!important}
.compass-rose{background:#f6f3df!important;border-color:#9a813c!important;box-shadow:none!important}.compass-dir{color:#63501f!important;text-shadow:none!important}.compass-center{border-color:#bb624e!important;box-shadow:none!important}.compass-pointer{background:#bb624e!important;box-shadow:none!important}
.question-hint,.question-text{background:#f0f4e9!important;color:#244a3f!important;border-left-color:#719977!important;line-height:1.8}.question-text .highlight{color:#8f6127!important}
.beaker-body,.glass-tank{border-color:#5f8681!important;background:#f1f7f4!important;box-shadow:inset 0 -5px 16px #26585212!important}.tick{background:#335f59!important}.tick.major{background:#24695f!important}.tick-label{color:#22584f!important}.tank-line{background:#355f614d!important;color:#21484c!important}.water,.tank-water{background:linear-gradient(180deg,#76c8d3cc,#52a8c0b3)!important;border-top-color:#247b8a!important;box-shadow:none!important}
.data-card{background:#f0f4e9!important;border-color:#ccd9c5!important;color:#244a3f!important}.data-card span{color:#855422!important}.vol-card{background:#eeebf5!important}.vol-card span{color:#6e5782!important}.highlight-hcf,.highlight-lcm{text-shadow:none!important}
.tank-line{z-index:4;pointer-events:none}
@media(max-width:600px){.game-container{padding:38px 13px 20px!important}.question-hint,.question-text{font-size:1rem!important;padding:14px!important}.data-card{font-size:.9rem!important;padding:9px!important}.data-card span{font-size:1.1rem!important}.beaker-container{margin-left:32px}.options-grid{gap:10px!important}}