*{box-sizing:border-box}body{margin:0;background:#0b101b;color:#fff;font-family:Arial,"Microsoft JhengHei",sans-serif;overflow:hidden}#wrap{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#283a5d,#0b101b 65%)}canvas{width:min(100vw,1120px);height:min(73vh,690px);max-height:690px;background:#222;border:4px solid #f1c45b;box-shadow:0 0 35px rgba(0,0,0,.65),inset 0 0 0 2px rgba(255,255,255,.12);image-rendering:pixelated}#hud{position:absolute;left:14px;top:10px;right:14px;max-width:980px;padding:10px 14px;background:rgba(8,11,18,.78);border:2px solid #d6a84d;border-radius:14px;backdrop-filter:blur(4px);line-height:1.55}.brand{font-weight:900;color:#ffd76a;font-size:20px}.brand small{font-size:12px;color:#fff}.stats span{display:inline-block;margin-right:15px}.bag{color:#fff1be}.tips{color:#b9c2d8;font-size:13px}#side{position:absolute;right:16px;top:110px;width:305px;padding:13px 14px;background:rgba(8,11,18,.78);border:2px solid #6fd38d;border-radius:14px;color:#dbffe5;line-height:1.48}#toast{position:absolute;left:50%;top:95px;transform:translateX(-50%);padding:10px 18px;background:rgba(0,0,0,.72);border:2px solid #ffd76a;border-radius:999px;color:#ffd76a;font-weight:900;opacity:0;transition:.25s}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.68)}.panel{width:min(560px,90vw);padding:34px 28px;text-align:center;background:linear-gradient(180deg,#263550,#121722);border:3px solid #f1c45b;border-radius:20px;box-shadow:0 0 45px rgba(0,0,0,.7)}.panel h1{color:#ffd76a;font-size:42px;margin:0 0 12px}.panel p{color:#e8edf8;font-size:18px}.panel button{margin:18px 0 10px;padding:14px 34px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffe083,#c8912e);color:#1d1505;font-weight:900;font-size:20px;cursor:pointer}#mobileControls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:64px 64px 64px;gap:8px}#mobileControls button{height:56px;border:2px solid #f1c45b;border-radius:14px;background:rgba(20,23,33,.78);color:#ffd76a;font-size:20px;font-weight:bold;touch-action:none}#mobileControls div{width:64px;height:56px}@media (min-width:900px){#mobileControls{display:none}}@media (max-width:780px){#hud{font-size:12px;left:6px;top:6px;right:6px}.tips{display:none}#side{display:none}canvas{height:68vh}.panel h1{font-size:32px}}