.bottom-nav{height:calc(84px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);gap:3px;background:linear-gradient(180deg,#283a33f7,#12251ffb);border-top:1px solid #c3a76d77;box-shadow:0 -7px 24px #07150e55;backdrop-filter:blur(12px)}.bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:70px;flex:1;padding:2px 0 5px;border:0;border-radius:12px;background:transparent;overflow:visible;isolation:isolate}.bottom-nav button::before{content:'';position:absolute;inset:5px 4px 4px;border:1px solid transparent;border-radius:13px;z-index:-1;background:transparent;transition:background .2s,border-color .2s}.bottom-nav button:hover::before{background:#d8b77a12}.bottom-nav button.selected::before{background:radial-gradient(ellipse at 50% 35%,#e3b95233,#9a813b11 75%);border-color:#e4bc5e66;box-shadow:inset 0 1px #ffe2a338}.bottom-nav .nav-art{display:block;width:49px;height:49px;line-height:1;font-size:0;margin:0;transition:transform .2s,filter .2s}.nav-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #0005);pointer-events:none}.bottom-nav .nav-label{display:block;font:10px/14px system-ui;letter-spacing:.3px;color:#d8cfb9;margin:0}.bottom-nav .selected .nav-art{transform:translateY(-2px);filter:brightness(1.14)}.bottom-nav .selected .nav-label{color:#ffe0a1}.bottom-nav #friendBadge{top:6px;right:calc(50% - 25px);z-index:2}.bottom-nav button:focus-visible{outline:2px solid #ffe0a1;outline-offset:-3px}.bottom-nav button:active .nav-art{transform:translateY(1px) scale(.95)}
[data-poi-type="dungeon"] .poi-art{width:calc(94px * var(--actor-scale,1));height:calc(94px * var(--actor-scale,1));background-size:contain;background-repeat:no-repeat;border:0;border-radius:0;box-shadow:none;filter:none}
[data-poi-type="dungeon"] .actor-shadow{display:none}
.challenge-note{color:#e0c28b;font:12px/1.8 system-ui;text-align:center}.enemy-rank{color:#e2c18b!important;border-color:#c9a36280!important}
@media(min-width:1100px){.bottom-nav{height:80px;width:550px;padding-bottom:0;border:1px solid #c3a76d66}.bottom-nav button:first-child,.bottom-nav button:last-child{border-radius:12px}}
@media(max-width:360px){.bottom-nav{padding-left:3px;padding-right:3px;gap:0}.bottom-nav .nav-art{width:45px;height:45px}.bottom-nav .nav-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.bottom-nav .nav-art,.bottom-nav button::before{transition:none}}
.bottom-nav{position:fixed}