html,body{margin:0;padding:0;overflow:hidden;background:#0d1a14;font-family:Source Han Sans SC,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#f4efe4;-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#14241c8c,#060a08d1);z-index:10;cursor:pointer}#overlay.hidden{display:none}.panel{max-width:520px;padding:28px 34px 24px;background:#101812b8;border:1px solid rgba(255,236,200,.16);border-radius:16px;box-shadow:0 18px 50px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel h1{margin:0 0 6px;font-weight:650;letter-spacing:.08em;font-size:32px}.panel .sub{margin:0 0 18px;color:#d7c7a4;font-size:14px}.panel ul{margin:0;padding-left:18px;line-height:1.7;font-size:14px;color:#efe7d6}.panel .cta{margin:18px 0 0;text-align:center;color:#ffe7a3;letter-spacing:.12em}#hud{position:fixed;left:16px;top:16px;z-index:5;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.75);padding:10px 14px;background:#080e0a61;border-radius:12px;border:1px solid rgba(255,236,200,.12)}#hud-spell{font-size:22px;font-weight:650;letter-spacing:.12em}#hud-mode{margin-top:2px;font-size:13px;color:#e8d9b0}#hud-hint{margin-top:8px;font-size:12px;color:#f4efe4cc;line-height:1.55;max-width:640px}#crosshair{position:fixed;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:1.5px solid rgba(255,250,235,.85);border-radius:50%;box-shadow:0 0 0 1px #00000040;z-index:4;pointer-events:none}#crosshair.hidden{opacity:0}