*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#120d0a;color:#f7ecd7;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}body{display:flex;justify-content:center;padding:12px}button{font:inherit;touch-action:manipulation}#app{width:min(100%,430px);min-height:calc(100vh - 24px);background:linear-gradient(#2a1b12,#120d09);border:1px solid #6d5529;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 16px 50px #0008}header{padding:16px 18px 10px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ffffff12}h1{margin:0;color:#e7c36a;font-size:27px}header p{margin:4px 0 0;font-size:12px;color:#b9aa91}#timer{font-size:30px;font-weight:900;color:#fff0b7}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px}.stat{background:#ffffff08;border:1px solid #ffffff10;border-radius:12px;padding:9px}.stat>div:first-child{display:flex;justify-content:space-between;color:#b9aa91;font-size:12px;margin-bottom:6px}.stat b{color:#fff}.bar{height:8px;background:#090705;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;width:50%;background:linear-gradient(90deg,#ad7d2b,#efd17b);transition:width .25s}main{min-height:220px;padding:18px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center}#icon{font-size:52px}#speaker{color:#e7c36a;font-size:13px;margin:7px 0}#question{font-size:21px;font-weight:800;line-height:1.5;min-height:64px}#hint{font-size:12px;color:#b9aa91;margin-top:8px}.choices{display:grid;gap:10px;padding:0 14px 14px}.choices button{width:100%;border:1px solid #e7c36a35;background:linear-gradient(#3b271b,#28190f);color:#fff;border-radius:14px;padding:15px;text-align:left}.choices button:active{transform:scale(.985);background:#4b3020}.choices strong{font-size:17px;display:block}.choices small{display:block;color:#b9aa91;margin-top:4px}#log{margin:0 14px 16px;background:#0003;border:1px solid #ffffff08;border-radius:11px;padding:11px;color:#b9aa91;font-size:12px;min-height:44px}.overlay{position:absolute;inset:0;z-index:10;background:#080604ef;display:none;align-items:center;justify-content:center;padding:20px}.overlay.show{display:flex}.card{width:100%;background:linear-gradient(#2d1d13,#17100c);border:1px solid #e7c36a55;border-radius:20px;padding:22px;text-align:center;box-shadow:0 20px 60px #0009}.card h2{margin:0 0 8px;color:#e7c36a;font-size:31px}.card h3{font-size:24px;color:#ffe39f;margin:8px 0}.card p{color:#c8b99f;line-height:1.7}.primary{width:100%;border:0;border-radius:13px;padding:15px;background:linear-gradient(90deg,#b98631,#e4c064);color:#1c120b;font-size:18px;font-weight:900}.summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary div{background:#ffffff08;border-radius:10px;padding:10px;color:#b9aa91;font-size:12px}.summary b{display:block;color:white;font-size:18px;margin-top:3px}#history{margin:13px 0;background:#0003;border-radius:10px;padding:12px;text-align:left;color:#c4b49a;font-size:12px;line-height:1.65}