*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#f7d8ba;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#2c2523}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;transition:opacity .5s ease}.hud.hidden{opacity:0;pointer-events:none}.hud-top-left{position:absolute;top:24px;left:24px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.brand{display:flex;align-items:center;gap:8px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #0000000d}.brand-dot{width:8px;height:8px;background-color:#ea722e;border-radius:50%;box-shadow:0 0 8px #ea722e}.brand-text{font-weight:600;font-size:.88rem;color:#3b281f;letter-spacing:.3px}.location-badge{display:inline-block;font-size:.76rem;font-weight:500;color:#795d4e;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.5);width:fit-content;transition:all .3s ease}.hud-top-right{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:12px;pointer-events:auto}.mood-selector{display:flex;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px;border-radius:22px;border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 16px #0000000d}.mood-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:6px 14px;border-radius:18px;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:500;color:#665043;transition:all .2s ease}.mood-btn.active{background:#3b281f;color:#fff;box-shadow:0 2px 8px #3b281f40}.hud-btn{width:44px;height:44px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);color:#3b281f;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #0000000d;transition:all .2s ease}.hud-btn:hover{transform:translateY(-2px);background:#fffffffa}.hud-btn .icon{width:20px;height:20px}.hud-btn .icon.hidden{display:none}.hud-bottom-left{position:absolute;bottom:24px;left:24px;pointer-events:auto}.discovery-tracker{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.6);min-width:180px;box-shadow:0 4px 16px #0000000d}.tracker-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;color:#4b362a;margin-bottom:8px}.tracker-count{color:#d66424}.tracker-bar{width:100%;height:6px;background:#00000014;border-radius:6px;overflow:hidden}.tracker-fill{height:100%;background:linear-gradient(90deg,#ea722e,#f5a623);border-radius:6px;transition:width .5s ease}.hud-bottom-right{position:absolute;bottom:24px;right:24px;pointer-events:auto}.controls-guide{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.6);display:flex;gap:12px;font-size:.78rem;color:#5d4639;box-shadow:0 4px 16px #0000000d}.guide-item{display:flex;align-items:center;gap:5px}.kbd{font-family:inherit;font-weight:700;font-size:.7rem;background:#f2e4d6;color:#6a3410;padding:2px 5px;border-radius:4px}.discovery-banner{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px 26px;border-radius:22px;border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 40px #c8641e29;pointer-events:auto;transition:all .5s cubic-bezier(.16,1,.3,1);z-index:50}.discovery-banner.hidden{opacity:0;transform:translate(-50%,-20px) scale(.95);pointer-events:none}.banner-icon{font-size:1.8rem;line-height:1}.banner-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#d66424;margin-bottom:2px}.banner-title{font-weight:700;font-size:1.05rem;color:#3b281f}.banner-desc{font-size:.8rem;color:#6d5446}@media(max-width:768px){.hud-bottom-right,.mood-label{display:none}.hud-top-left,.hud-top-right{top:14px}.hud-top-left{left:14px}.hud-top-right{right:14px;gap:8px}.hud-bottom-left{bottom:14px;left:14px}}