*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#091219;color:#d6d2c7;font-family:Arial,Helvetica,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}header{position:absolute;top:36px;left:42px;pointer-events:none;text-shadow:0 2px 18px #0009}.eyebrow{font-size:9px;letter-spacing:3px;color:#a5ada9;font-weight:500}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:13px;font-size:42px;margin:12px 0 6px;line-height:1}.subtitle{font-family:Georgia,serif;font-style:italic;font-size:14px;color:#aaa99f;letter-spacing:1px}.rule{height:1px;width:42px;background:#a89768;margin-top:20px}#status{position:absolute;right:35px;top:36px;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.5px;color:#b2b9b5;font-variant-numeric:tabular-nums;background:#0b171c38;padding:8px 10px;border:1px solid #9ea99b1c}.live-dot{width:4px;height:4px;background:#a2b99d;border-radius:100%;margin-right:2px;box-shadow:0 0 8px #a2b99d66}.unit{font-size:8px;opacity:.6}.divider{opacity:.3;margin:0 4px}#quality{font-size:8px}footer{position:absolute;bottom:27px;left:38px;right:32px;display:flex;justify-content:space-between;align-items:end;gap:20px}.location{display:flex;align-items:center;gap:15px;text-shadow:0 2px 8px black}.diamond{font-size:35px;color:#aaa17d}.location .eyebrow{font-size:8px;letter-spacing:2.5px}.location p{font:14px Georgia,serif;color:#c5c3b5;margin:7px 0 2px}nav{display:flex;align-items:center;gap:20px;padding:12px 15px;background:#07111670;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #a3b5b018;color:#9daaa9;font-size:10px}nav>span{display:flex;gap:7px;align-items:center}nav b{font-size:8px;font-weight:400;color:#ddd6c4;letter-spacing:1px}button{font:inherit;color:#b9c0b8;background:transparent;border:0;cursor:pointer;padding:3px;display:flex;gap:7px;align-items:center}button:hover{color:#e7d5a9}#loading{z-index:20;position:absolute;inset:0;background:#081319;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1.3s;pointer-events:none}#loading .sigil{font-size:50px;color:#aaa17d;animation:pulse 2s infinite}#loading p{font:32px Georgia,serif;letter-spacing:14px;margin:24px 0}#loading small{font-size:10px;letter-spacing:3px;color:#6f8388}#loading.loaded{opacity:0}#toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:1px;padding:12px 20px;background:#091419b0;color:#c8c5af;opacity:0;transition:opacity .4s;pointer-events:none}body.clean header,body.clean footer,body.clean aside{opacity:0;pointer-events:none}header,footer,aside{transition:opacity .5s}@keyframes pulse{50%{opacity:.3}}@media(max-width:800px){header{top:24px;left:24px}h1{font-size:28px;letter-spacing:9px}.eyebrow{font-size:7px}.subtitle{font-size:11px}footer{bottom:16px;left:16px;right:16px;justify-content:center}.location{display:none}nav{gap:14px;font-size:9px}nav button span{display:none}#status{top:24px;right:20px}}