:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff8dc;background:#183122;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--app-height: 100dvh}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app,#game-root{width:100%;height:var(--app-height);min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}body{position:fixed;inset:0;background:#183122}canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.game-hud{position:fixed;z-index:30;top:calc(var(--safe-top) + 9px);left:calc(var(--safe-left) + 9px);right:calc(var(--safe-right) + 9px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:7px;pointer-events:none}.profile-card,.zone-card,.status{border:1px solid rgb(255 255 255 / 12%);background:linear-gradient(180deg,#101f15e0,#09140dd1);box-shadow:0 7px 20px #0000003d,inset 0 1px #ffffff12;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.profile-card{min-width:0;max-width:215px;display:flex;align-items:center;gap:8px;padding:7px 9px 7px 7px;border-radius:17px}.profile-avatar{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border:2px solid #d5b86a;border-radius:50%;color:#fff5c7;background:radial-gradient(circle at 35% 30%,#78905b,#344c38 68%);font-size:14px;font-weight:900;box-shadow:0 2px 7px #00000057}.profile-info{min-width:0;flex:1}.profile-row{display:flex;align-items:center;gap:5px;min-width:0}.profile-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2}.level-badge{flex:0 0 auto;padding:2px 5px;border-radius:7px;color:#e9d596;background:#d2b15b21;font-size:8px;font-weight:800;text-transform:uppercase}.health-track{height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:#1f2920;box-shadow:inset 0 1px 2px #00000073}.health-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#55b45b,#8bdb69);box-shadow:0 0 8px #6dd26359}.zone-card{display:none;position:absolute;top:0;left:50%;transform:translate(-50%);align-items:center;gap:7px;padding:7px 12px;border-radius:15px;text-align:left}.zone-icon{color:#d6b85d;font-size:10px}.zone-card div{display:flex;flex-direction:column}.zone-card strong{font-size:11px;line-height:1.2}.zone-card span:last-child{margin-top:2px;color:#b9cba8;font-size:8px}.status{justify-self:end;display:flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border-radius:14px;font-size:10px;font-weight:800;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status--online{color:#9ee983}.status--offline{color:#ff9f8e}.status--connecting{color:#f2d47f}.connection-hint{position:fixed;z-index:25;top:calc(var(--safe-top) + 62px);left:50%;max-width:calc(100% - 36px);transform:translate(-50%);padding:7px 11px;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;color:#fff8dcc7;background:#0c1810ad;box-shadow:0 4px 13px #0000002e;font-size:9px;font-weight:700;text-align:center;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.connection-hint.is-hidden{opacity:0;transform:translate(-50%,-5px)}.version-label{position:fixed;z-index:20;right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 8px);color:#ffffff47;font-size:8px;pointer-events:none}@media(min-width:440px){.zone-card{display:flex}}