*{box-sizing:border-box}body{margin:0;background:#181b29;color:#f8eed9;font:15px system-ui,sans-serif}header{display:flex;align-items:center;gap:10px;padding:12px 4vw;border-bottom:1px solid #454256;flex-wrap:wrap}a{color:#d4c9aa;text-decoration:none}strong{margin-right:auto}button{font:inherit;border:1px solid #766b67;border-radius:9px;background:#302d3d;color:#fff1d8;padding:10px 14px;cursor:pointer;touch-action:none}button:active{background:#ad6851}main{position:relative;max-width:1000px;margin:18px auto;padding:0 14px}#hud{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:8px}canvas{display:block;width:100%;aspect-ratio:16/9;background:#ce9d80;border-radius:12px}#overlay{position:absolute;top:48px;left:8%;right:8%;background:#1d2031ed;border:1px solid #bb9b73;padding:24px;text-align:center;border-radius:16px;max-height:calc(100% - 130px);overflow:auto}h1{font-size:clamp(24px,5vw,44px);margin:0 0 12px;color:#ffc478}p{line-height:1.7}#primary{background:#e9a266;color:#231c20;font-weight:800;min-width:160px}#controls{display:flex;gap:8px;margin:12px 0;justify-content:center}#controls button{min-height:56px;flex:1;max-width:150px;user-select:none;-webkit-user-select:none}.tip{font-size:12px;color:#b9b0ad;text-align:center}@media(max-width:600px){header{padding:8px;gap:5px;font-size:12px}header button{padding:8px}main{padding:0 6px;margin:10px auto}#hud{font-size:11px}#combo{display:none}#overlay{top:30px;left:4%;right:4%;padding:12px;font-size:12px;max-height:calc(100% - 98px)}#overlay p{margin:7px 0}#controls{gap:5px}#controls button{font-size:13px;padding:7px}.tip{margin:0}}@media(max-height:500px) and (min-width:600px){main{max-width:650px;margin:4px auto}canvas{max-height:280px}header{padding:4px}#overlay{top:25px;padding:8px;font-size:12px}#overlay p{margin:5px}#controls{margin:4px}#controls button{min-height:40px}.tip{display:none}}

#threat{font-size:14px;line-height:1.6;min-height:25px;padding:2px 8px;margin-bottom:6px;border-left:3px solid #ae9e8c;color:#ecdec9;background:#292839}#threat.danger{border-left-color:#ffca83;color:#ffe5a9;background:#493240}#overlay{top:78px}@media(max-width:600px){#threat{font-size:14px;line-height:1.5;min-height:27px}#overlay{top:62px}}@media(max-height:500px) and (min-width:600px){#threat{margin-bottom:2px;padding:0 8px;min-height:22px}#overlay{top:50px}}

#results{padding:8px;border:1px solid #c5a37a;border-radius:8px;color:#ffe3ae;font-weight:700}#records{font-size:13px;line-height:1.6;text-align:center;color:#dfcaa8;margin:8px 0;overflow-wrap:anywhere}#results[hidden]{display:none}