/* Alpha Trainer site tab bar (shared) */
.attabs{all:initial;display:block;position:relative;box-sizing:border-box;width:100%;background:rgba(0,0,0,.86);font-family:Oswald,"Arial Narrow",sans-serif;-webkit-font-smoothing:antialiased;z-index:30}
.attabs *{box-sizing:border-box}
.attabs::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#5d676d 15%,#c9d3d6 50%,#5d676d 85%,transparent)}
.attabs .attrow{display:flex;align-items:center;gap:6px;max-width:1200px;margin:0 auto;padding:7px 16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.attabs .attrow::-webkit-scrollbar{display:none}
.attabs a.attab{flex:none;display:inline-flex;align-items:center;height:32px;padding:0 13px;margin:0;border:1px solid rgba(201,211,214,.16);border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));color:#c3cfd2;font:500 12.5px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;scroll-snap-align:start;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}
.attabs a.attab:hover{color:#19e6e6;border-color:rgba(25,230,230,.5)}
.attabs a.attab.active{color:#19e6e6;border-color:#19e6e6;background:rgba(25,230,230,.10);box-shadow:0 0 14px -3px rgba(25,230,230,.65),inset 0 0 10px -4px rgba(25,230,230,.6);text-shadow:0 0 10px rgba(25,230,230,.6)}
.attabs a.attab:focus-visible{outline:2px solid #19e6e6;outline-offset:2px}
.attabs a.attab.atapply{margin-left:auto;color:#001414;font-weight:700;border-color:#9ff7f7;background:linear-gradient(180deg,#7ff6f6 0%,#2aeaea 38%,#19e6e6 55%,#0fc9c9 100%);box-shadow:0 0 16px -4px rgba(25,230,230,.75);text-shadow:none}
.attabs a.attab.atapply:hover{background:linear-gradient(180deg,#a6f9f9,#45eeee 45%,#19e6e6)}
.attabs a.attab.atapply.active{box-shadow:0 0 0 2px #000,0 0 0 3px #19e6e6,0 0 18px -2px rgba(25,230,230,.8)}
.attabs a.athome{flex:none;display:inline-flex;align-items:center;gap:8px;margin-right:6px;color:#eef6f7;font:700 14px/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.08em;text-decoration:none;white-space:nowrap}
.attabs a.athome img{width:26px;height:auto;display:block}
.attabs a.athome span{color:#19e6e6}
@media (prefers-reduced-motion:reduce){.attabs a.attab{transition:none}}
.attabs a.athome .wm{font-weight:inherit;white-space:nowrap}
@media (min-width:1000px){.attabs .attrow{gap:4px;padding-left:12px;padding-right:12px}.attabs a.attab{padding:0 8px;letter-spacing:.05em;font-size:12px}.attabs a.athome{margin-right:2px}}
.attabs a.attab.atbonus{color:#FFB020;border-color:rgba(255,90,30,.45);background:linear-gradient(180deg,rgba(255,90,30,.12),rgba(194,25,14,.06))}
.attabs a.attab.atbonus:hover,.attabs a.attab.atbonus.active{color:#FFB020;border-color:#FF5A1E;background:rgba(255,90,30,.14);box-shadow:0 0 14px -3px rgba(255,90,30,.7);text-shadow:0 0 10px rgba(255,90,30,.5)}
.attabs a.attab.atbonus:focus-visible{outline-color:#FF5A1E}
.attabs a.attab.atbonus{color:#0a0605;font-weight:800;letter-spacing:.06em;border:1px solid #FFB020;background:linear-gradient(135deg,#FF5A1E,#C2190E 55%,#FF5A1E);background-size:200% 200%;box-shadow:0 0 16px -2px rgba(255,90,30,.75);margin-left:14px;animation:atfire 4s ease-in-out infinite;text-shadow:none}
.attabs a.attab.atbonus:before{content:"洪 ";font-weight:900}
.attabs a.attab.atbonus:hover,.attabs a.attab.atbonus.active{color:#fff;border-color:#FFB020;box-shadow:0 0 22px 0 rgba(255,90,30,.95);text-shadow:0 0 8px rgba(0,0,0,.6)}
@keyframes atfire{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.attabs a.attab.atbonus{animation:none}}
