@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07111e;font-family:Inter,system-ui,sans-serif;color:#fff}#world{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;left:0;right:0;top:0;padding:max(22px,env(safe-area-inset-top)) 26px 0;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;text-shadow:0 2px 16px #0008}.brand{display:grid;grid-template-columns:13px auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;letter-spacing:.19em}.mark{grid-row:1/3;width:9px;height:30px;border:1px solid #fff8;border-radius:7px;background:linear-gradient(#ffe4a6,#ca792f);box-shadow:0 0 15px #e2a15b66}.brand strong{font-size:13px}.brand small{font-size:8px;opacity:.55;margin-top:5px}.brand b{font-weight:400}.time{text-align:right}.time span{font-size:21px;font-weight:600;letter-spacing:.04em}.time small{display:block;font-size:8px;letter-spacing:.22em;opacity:.58;margin-top:5px}.time em{display:block;font-style:normal;font-size:7px;letter-spacing:.2em;color:#9fc9deaa;margin-top:5px}.controls{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.12em;color:#ffffff88;display:flex;align-items:center;gap:8px;white-space:nowrap;pointer-events:none}.controls span{border:1px solid #ffffff2b;background:#0b15236b;border-radius:4px;padding:5px 7px;color:#ffffffc7;backdrop-filter:blur(8px)}.controls i{width:2px;height:2px;border-radius:50%;background:#ffffff48}.reticle{position:fixed;left:50%;top:50%;width:4px;height:4px;border:1px solid #fff9;border-radius:50%;pointer-events:none}.loading{position:fixed;inset:0;background:#07111e;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9;transition:opacity 1.2s ease}.loading.done{opacity:0;pointer-events:none}.loading .line{width:120px;height:1px;background:#ffffff18;overflow:hidden}.loading .line:after{content:"";display:block;width:40%;height:100%;background:#e5b56e;animation:scan 1.3s ease-in-out infinite}.loading p{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#ffffff70;margin-top:13px}@keyframes scan{from{transform:translateX(-110%)}to{transform:translateX(360%)}}@media(max-width:600px){.hud{padding-left:17px;padding-right:17px}.controls{font-size:7px;gap:6px}.controls span{padding:4px 5px}}

.touch{display:none}.touch button{position:fixed;right:20px;width:46px;height:46px;border:1px solid #fff3;background:#08142177;color:#fffb;border-radius:50%;backdrop-filter:blur(8px)}#lift{bottom:82px}#drop{bottom:25px}#stick{position:fixed;left:22px;bottom:28px;width:88px;height:88px;border:1px solid #fff2;border-radius:50%;background:#07111e30;backdrop-filter:blur(6px)}#stick b{position:absolute;left:29px;top:29px;width:30px;height:30px;border-radius:50%;background:#ffffff35;box-shadow:0 0 14px #0005}@media(pointer:coarse){.touch{display:block}.controls{display:none}.reticle{opacity:.55}}.force-touch .touch{display:block}.force-touch .controls{display:none}.force-touch .reticle{opacity:.55}
.diagnostics{position:fixed;left:26px;bottom:56px;padding:7px 9px;border:1px solid #ffffff24;border-radius:5px;background:#06101bc9;color:#b8d6df;font:600 8px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;pointer-events:none;backdrop-filter:blur(8px)}
@media(max-width:600px){.diagnostics{left:17px;bottom:92px;max-width:220px;line-height:1.5}}