/* 正式玻璃導航增量層；V11回退入口不帶glass屬性。 */
body[data-navigation-style='glass'] #app .tabs{border-radius:26px;border-color:transparent;background:#fffdf2;box-shadow:0 -1px 0 #ffffffb3,0 2px 14px #16395b24,inset 0 0 0 1px #fff9;isolation:isolate;clip-path:none}
body[data-navigation-style='glass'][data-glass-ready='true'] #app .tabs{background:#f7fcffb8}
body[data-navigation-style='glass'] #app .tabs::before,body[data-navigation-style='glass'] #app .tabs::after{display:none}
body[data-navigation-style='glass'] #app .tabs button{position:relative;z-index:2;border:0;border-radius:20px;clip-path:none;background:transparent;box-shadow:none;color:#113968;transition:transform 180ms cubic-bezier(.22,1,.36,1)}
body[data-navigation-style='glass'] #app .tabs button[aria-selected='true']{border:0;border-radius:20px;clip-path:none;background:linear-gradient(#209bf7,#0878df);box-shadow:inset 0 1px 0 #ffffff73;color:#fff}
body[data-navigation-style='glass'][data-glass-ready='true'] #app .tabs button[aria-selected='true'],body[data-navigation-style='glass'][data-glass-ready='true'] #app .tabs button[aria-selected='true']:active:not(:disabled){background:transparent;box-shadow:none;color:#113968}
body[data-navigation-style='glass'] #app .tabs button+button::before{display:none}
body[data-navigation-style='glass'] #app .tabs button:active:not(:disabled){background:#dbeaf573;box-shadow:inset 0 1px 2px #143e5c14}
body[data-navigation-style='glass'] #app .tabs button[aria-selected='true']:active:not(:disabled){background:linear-gradient(#1587e5,#086aca)}
body[data-navigation-style='glass'] #app .tabs button[data-glass-pressed='true']:not(:disabled){transform:scale(.94)}
body[data-navigation-style='glass'] #app .tabs button:focus-visible{clip-path:none;outline:3px solid #034f97;outline-offset:3px}
/* 導覽內的場景底層；定位與外框尺寸由控制器設定。 */
body[data-navigation-style='glass'] .alpha-glass-scene{position:absolute;z-index:-1;pointer-events:none;background-color:#e7f7fa;background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;visibility:hidden}
body[data-navigation-style='glass'][data-glass-ready='true'] .alpha-glass-scene{visibility:visible}
body[data-navigation-style='glass'] #app .alpha-glass-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:26px;pointer-events:none;z-index:0;visibility:hidden}
body[data-navigation-style='glass'][data-glass-ready='true'] #app .alpha-glass-canvas{visibility:visible}
body[data-navigation-style='glass'] #app .alpha-glass-selection{position:absolute;left:0;top:0;z-index:1;pointer-events:none;border-radius:20px;background:linear-gradient(#e6f8ffb8,#8acff788);box-shadow:inset 0 1px 0 #ffffffe0,inset 0 0 0 1px #ffffffa3,0 1px 3px #10498a20;transition:transform 260ms cubic-bezier(.22,1,.36,1),width 260ms cubic-bezier(.22,1,.36,1),height 260ms cubic-bezier(.22,1,.36,1);visibility:hidden}
body[data-navigation-style='glass'][data-glass-ready='true'] #app .alpha-glass-selection{visibility:visible}
body[data-navigation-style='glass'][data-glass-motion-paused='true'] #app .alpha-glass-selection,body[data-navigation-style='glass'][data-glass-motion-paused='true'] #app .tabs button{transition:none}
body[data-navigation-style='glass'][data-glass-motion-paused='true'] #app .tabs button[data-glass-pressed='true']:not(:disabled){transform:none}
@media(prefers-reduced-motion:reduce){body[data-navigation-style='glass'] #app .alpha-glass-selection,body[data-navigation-style='glass'] #app .tabs button{transition:none}body[data-navigation-style='glass'] #app .tabs button[data-glass-pressed='true']:not(:disabled){transform:none}}
/* 所有分頁共用既有V11圖示及盒模型。 */
body[data-navigation-style='glass'] #app .tabs{border-width:5px;padding:5px 4px calc(5px + env(safe-area-inset-bottom));gap:2px}
body[data-navigation-style='glass'] #app .tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:nowrap;gap:4px;padding:4px 0;min-width:44px;min-height:57px;font-size:14px;font-weight:900;text-align:center}
body[data-navigation-style='glass'] #app .tabs .icon,body[data-navigation-style='glass'] #app .tabs .benchmark-nav-art{display:block;width:28px;height:28px;flex-shrink:0;margin:0}
body[data-navigation-style='glass'] #app #tab-character>.icon,body[data-navigation-style='glass'] #app #tab-equipment>.icon,body[data-navigation-style='glass'] #app #tab-supplies>.icon,body[data-navigation-style='glass'] #app #tab-save>.icon{display:none}
body[data-navigation-style='glass'] #app .tabs .nav-label{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
body[data-navigation-style='glass'] #app .nav-illustration{position:relative;overflow:hidden;background:transparent;border-radius:0}
body[data-navigation-style='glass'] #app .nav-illustration img{position:absolute;max-width:none;object-fit:contain}
body[data-navigation-style='glass'] #app .nav-illustration img[src='/assets/alpha-benchmark-nav-pet.png']{width:35.875px;height:35.875px;left:-3.9375px;top:-4.375px}
body[data-navigation-style='glass'] #app .nav-illustration img[src='/assets/alpha-benchmark-nav-equipment.png']{width:34.125px;height:34.125px;left:-3.0625px;top:-3.5px}
body[data-navigation-style='glass'] #app .nav-illustration img[src='/assets/alpha-benchmark-nav-supplies.png']{width:30.625px;height:30.625px;left:-1.3125px;top:-1.4875px}
body[data-navigation-style='glass'] #app .nav-illustration img[src='/assets/alpha-benchmark-nav-save.png']{width:32.375px;height:32.375px;left:-2.7125px;top:-2.0125px}
@media(max-width:350px){
body[data-navigation-style='glass'] #app .tabs button{font-size:12px}
body[data-navigation-style='glass'] #app .tabs .icon,body[data-navigation-style='glass'] #app .tabs .benchmark-nav-art{width:24px;height:24px}
body[data-navigation-style='glass'] #app .nav-illustration img[src='/assets/alpha-benchmark-nav-pet.png']{width:30.46px;height:30.46px;left:-3.23px;top:-3.6px}
body[data-navigation-style='glass'] #app .nav-illustration img[src='/assets/alpha-benchmark-nav-equipment.png']{width:28.62px;height:28.62px;left:-2.31px;top:-2.77px}
body[data-navigation-style='glass'] #app .nav-illustration img[src='/assets/alpha-benchmark-nav-supplies.png']{width:25.85px;height:25.85px;left:-.923px;top:-1.108px}
body[data-navigation-style='glass'] #app .nav-illustration img[src='/assets/alpha-benchmark-nav-save.png']{width:27.23px;height:27.23px;left:-2.03px;top:-1.38px}
}
