:root{--ink: #2e2418}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#2a1606;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#game{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#1e100699;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.overlay.show{display:flex;animation:overlayIn .25s ease both}.card{position:relative;width:min(580px,94vw);max-height:92vh;overflow:auto;background:radial-gradient(120% 90% at 50% 0%,#fffdf7,#f7efdf 70%,#f1e6cf);border-radius:18px;padding:30px 30px 26px;box-shadow:0 24px 60px #00000080,inset 0 0 0 2px #c8a35a80,inset 0 0 0 6px #fff9;text-align:center;color:var(--ink);animation:cardIn .3s cubic-bezier(.2,.9,.3,1.2) both}.card:before{content:"";position:absolute;left:50%;top:12px;transform:translate(-50%);width:64px;height:4px;border-radius:3px;background:linear-gradient(90deg,transparent,#c8a35a,transparent)}.kicker{font-size:14px;letter-spacing:.18em;color:#c08a2a;font-weight:700}.kicker.win{color:#2f9e44}.kicker.lose{color:#c94b4b}.card h1{font-size:36px;margin:10px 0 2px;font-weight:800;letter-spacing:.04em;background:linear-gradient(180deg,#8a5a1e,#c0612a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.5)}.card h2{font-size:24px;margin:10px 0 6px;line-height:1.35}.sub{color:#7a6a55;margin:0 0 14px}.body{color:#4a3c2c;line-height:1.7;text-align:left;margin:6px 2px 16px}.verse{position:relative;text-align:left;background:#f3e9d1;border-left:4px solid #c8a35a;padding:14px 16px 14px 18px;border-radius:8px;line-height:1.85;font-size:15px;color:#5a4a2a;margin:14px 0;box-shadow:inset 0 1px #fff9}.verse:before{content:"“";position:absolute;left:6px;top:-6px;font-size:34px;line-height:1;color:#c8a35a73;font-family:Georgia,"Noto Serif TC",serif}.verse .ref{display:block;font-weight:700;color:#9c7320;margin-bottom:4px}.score{font-weight:700;color:#b8860b;font-size:18px;margin:8px 0 14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:#c0612a;color:#fff;font-weight:700;font-size:18px;padding:13px 22px;border-radius:12px;font-family:inherit;box-shadow:0 6px #8f441c;transition:transform .05s,box-shadow .05s}.btn:active{transform:translateY(4px);box-shadow:0 2px #8f441c}.btn.ghost{background:#e7dcc4;color:#6b5a32;box-shadow:0 6px #c9bda0}.btn.ghost:active{box-shadow:0 2px #c9bda0}.btn:disabled{background:#cfc7b5;color:#8a8270;box-shadow:0 6px #b3ab98;cursor:not-allowed}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hint{color:#8a7a64;font-size:13px;margin-top:14px;line-height:1.7}.icon-btn{position:absolute;top:10px;z-index:5;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:#1e100680;color:#fff;font-size:20px;line-height:1;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .05s,background .15s}.icon-btn:hover{background:#1e1006b3}.icon-btn:active{transform:scale(.92)}.mute-btn{right:64px;display:flex}.pause-btn{right:12px;display:none}.pause-btn.show{display:flex}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#2a1606;color:#ffe9cf;text-align:center;padding:24px;font-size:21px;line-height:1.7}.rotate-emoji{font-size:72px;animation:rotateHint 1.8s ease-in-out infinite}.rotate-hint span{color:#d4a87f;font-size:15px}}@keyframes rotateHint{0%,to{transform:rotate(-12deg)}50%{transform:rotate(78deg)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.overlay.show,.card{animation:none}}