*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:#3a302b;background:#fff9ef;font-family:ui-rounded,"Arial Rounded MT Bold","Noto Sans TC",system-ui,sans-serif}.game{width:min(900px,100%);min-height:100vh;margin:auto;background:white}.art{position:relative;overflow:hidden;height:min(42vh,420px)}.art>img{width:100%;height:100%;object-fit:cover}.brand{position:absolute;top:max(14px,env(safe-area-inset-top));left:16px;display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:20px;background:#fffdf0e8;font-size:2rem}.brand span,.brand strong,.brand small{display:block}.brand strong{font-size:1.15rem}.brand small{font-size:.72rem;color:#786961}#progress{position:absolute;top:max(18px,env(safe-area-inset-top));right:16px;padding:8px 12px;border-radius:16px;text-align:right;font-weight:900;background:#fffdf0e8}.board{position:relative;min-height:58vh;padding:18px 18px 104px}.board h1{min-height:92px;margin:0 auto 10px;max-width:760px;text-align:center;font-size:clamp(1.55rem,5.5vw,2.55rem);line-height:1.15}#options{position:relative;min-height:390px}#options button{position:absolute;width:28%;min-height:140px;border:0;border-radius:30px;background:#fffaf0;font-size:clamp(3.1rem,12vw,6rem);box-shadow:0 8px 22px #7d573520;cursor:pointer}#feedback{min-height:54px;padding:12px;border-radius:18px;text-align:center;font-weight:900;background:#f7f4ef}nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}nav a,nav button{min-height:46px;padding:12px 17px;border:0;border-radius:20px;color:#4f4038;text-decoration:none;background:#f1dfca;font:inherit;font-weight:900;cursor:pointer}#listen{background:#fff1a8}#listen.speaking{outline:4px solid #f2b84b}@media(max-width:560px){.art{height:36vh}.board{min-height:64vh;padding:14px 10px 94px}.board h1{min-height:104px}#options{min-height:350px}#options button{width:31%;min-height:104px;font-size:3.4rem}nav a,nav button{padding:10px;font-size:.82rem}}