*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:#0d2238;color:#fff6e0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang TC","Noto Sans TC",sans-serif;overflow:hidden;touch-action:none;user-select:none}
#wrap{position:relative;margin:0 auto;height:100%;max-width:calc(100vh*9/16);display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#hud{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-weight:700;font-size:15px;background:#1b3a5c;border-bottom:3px solid #c98a3c}
#hud .t{color:#ffd166}
#cv{flex:1;width:100%;min-height:0;display:block;touch-action:none}
#items{display:flex;gap:6px;padding:6px;background:#1b3a5c;justify-content:center;flex-wrap:wrap}
#items button,.ov button{background:#c98a3c;color:#2a1606;border:2px solid #5a3410;border-radius:10px;padding:7px 10px;font-weight:800;font-size:14px}
#items button small{display:block;font-size:10px;font-weight:600}
footer{text-align:center;font-size:11px;padding:4px;background:#0a1828;color:#c9b88f}
.ov{position:absolute;inset:0;background:rgba(5,15,30,.82);display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;z-index:5}
.ov.show{display:flex}
.ov h1{font-size:28px;color:#ffd166}.ov p{font-size:15px;line-height:1.5}
.ov ol{text-align:left;font-size:14px}
#toast{position:absolute;left:50%;top:60px;transform:translateX(-50%);background:#ffd166;color:#2a1606;padding:6px 12px;border-radius:8px;font-weight:700;display:none;z-index:6}