/* ArcheAge tools (timers / skill calculator / gear calculator) - STAGED, beta.
   Loaded after /archeage/assets/style.css; reuses its tokens (--gold*, --teal*, --panel, --raise, --line, --display).
   Everything lives under .aat. Interactive tiles are <div role="button">, never <button>/<a>, so the site's global
   `.page button` (gold gradient) and `main.page a` (underline) rules cannot reach them. */

.aat{--aat-bg:rgba(6,17,24,.82);--aat-bg2:rgba(10,30,40,.9);--aat-edge:rgba(53,192,200,.22);--aat-edge2:rgba(127,230,234,.45);
  --aat-txt:#e9e2cf;--aat-mut:#8fa9ac;--aat-dim:#5d7479;--aat-ok:#7fe08f;--aat-live:#5fd08a}
.aat *{box-sizing:border-box}
.aat [role=button]{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.aat [role=button]:focus-visible{outline:2px solid var(--teal-hi);outline-offset:2px}
.aat img{display:block}

.aat-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.aat-beta{display:inline-block;padding:3px 10px;border:1px solid var(--gold-deep);border-radius:40px;font:700 .62rem var(--body);
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold-hi);background:rgba(224,178,92,.08);line-height:1.4}
.aat-note{font-size:.84rem;color:var(--aat-mut)}
.aat-note b{color:var(--aat-txt)}
main.page .aat-tabs{margin:6px 0 26px}

/* generic panel */
.aat-panel{background:linear-gradient(180deg,var(--aat-bg2),var(--aat-bg));border:1px solid var(--aat-edge);border-radius:6px;
  box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);padding:18px 20px;margin:0 0 20px;position:relative}
.aat-ph{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--aat-edge)}
.aat-ph h2{margin:0!important;font-family:var(--display)!important;font-size:1.12rem!important;color:var(--gold-hi)!important;letter-spacing:.02em;font-weight:400!important}
.aat-ph .aat-sub{margin-left:auto;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--aat-mut)}

/* small text button + segmented toggle */
.aat-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--aat-edge2);border-radius:40px;
  background:rgba(8,18,24,.6);color:var(--aat-txt);font:600 .72rem var(--body);letter-spacing:.12em;text-transform:uppercase;transition:border-color .15s,color .15s}
.aat-btn:hover{border-color:var(--gold-hi);color:#fff}
.aat-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px}
.aat-seg{display:inline-flex;border:1px solid var(--aat-edge2);border-radius:40px;overflow:hidden;background:rgba(8,18,24,.6)}
.aat-seg [role=button]{padding:7px 16px;color:var(--aat-mut);font:600 .7rem var(--body);letter-spacing:.14em;text-transform:uppercase}
.aat-seg [role=button]:hover{color:var(--aat-txt)}
.aat-seg [role=button].on{background:rgba(53,192,200,.18);color:var(--teal-hi)}
.aat-hint{font-size:.8rem;color:var(--aat-mut)}

/* ======================= TIMERS ======================= */
.aat-clocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}
.aat-clock{background:linear-gradient(180deg,var(--aat-bg2),var(--aat-bg));border:1px solid var(--aat-edge);border-radius:6px;padding:14px 18px;text-align:center}
.aat-clock .l{font:700 .64rem var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--aat-mut)}
.aat-clock .v{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.3rem);color:var(--aat-txt);font-variant-numeric:tabular-nums;line-height:1.2;margin-top:2px}
.aat-clock .s{font-size:.76rem;color:var(--aat-mut)}
.aat-clock.game{border-color:rgba(127,230,234,.4)}
.aat-clock.game .v{color:var(--teal-hi)}
@media(max-width:640px){
  .aat-clocks{grid-template-columns:1fr;gap:8px}
  .aat-clock{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;padding:10px 14px}
  .aat-clock .v{font-size:1.5rem;grid-row:span 2}
}

.aat-now{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0 0 22px}
.aat-now:empty{display:none}
.aat-nowcard{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:6px;
  border:1px solid rgba(95,208,138,.55);background:linear-gradient(90deg,rgba(40,90,60,.35),rgba(6,17,24,.85));box-shadow:0 0 22px rgba(95,208,138,.12)}
.aat-nowcard .t{font-weight:700;color:var(--aat-txt);line-height:1.25}
.aat-nowcard .r{font-size:.8rem;color:#bfe9c8;margin-top:2px}
.aat-nowcard .r b{font-variant-numeric:tabular-nums;color:#fff}
.aat-prog{height:4px;border-radius:4px;background:rgba(255,255,255,.08);margin-top:7px;overflow:hidden}
.aat-prog>i{display:block;height:100%;background:linear-gradient(90deg,#5fd08a,#b8f0c4)}
.aat-livebadge{display:inline-flex;align-items:center;gap:6px;font:700 .6rem var(--body);letter-spacing:.18em;text-transform:uppercase;color:#9be8ac}
.aat-livebadge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--aat-live);box-shadow:0 0 8px var(--aat-live);animation:aatpulse 1.6s infinite}
@keyframes aatpulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.aat-livebadge::before{animation:none}}

.aat-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
@media(max-width:1060px){.aat-cols{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.aat-cols{grid-template-columns:1fr}}
.aat-cols .aat-panel{padding:16px 16px 8px}

.aat-ico{width:46px;height:46px;border-radius:6px;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 1px #000,0 4px 10px rgba(0,0,0,.5);
  background:#0b141a center/cover no-repeat;flex:0 0 auto}
.aat-nowcard .aat-ico{width:52px;height:52px}
.aat-ev{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 6px;border-bottom:1px solid rgba(53,192,200,.12)}
.aat-ev:last-child{border-bottom:0}
.aat-ev .bd{min-width:0}
.aat-ev .nm{font-weight:700;color:var(--aat-txt);line-height:1.25;min-width:0}
.aat-ev .zn{font-size:.76rem;color:var(--aat-mut);line-height:1.35;margin-top:1px}
.aat-ev .cd{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.aat-ev .cd b{display:block;font-family:var(--display);font-weight:400;font-size:1.08rem;color:var(--gold-hi)}
.aat-ev .cd span{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--aat-mut)}
.aat-ev.live{background:linear-gradient(90deg,rgba(95,208,138,.10),transparent 70%);border-radius:4px}
.aat-ev.live .cd b{color:var(--aat-ok)}
.aat-ev .aat-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.aat-pill{padding:2px 9px;border-radius:40px;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;
  color:#b9cdd0;background:rgba(53,192,200,.09);border:1px solid rgba(53,192,200,.22)}
.aat-pill.next{color:#1a1206;background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-color:var(--gold-hi)}
.aat-pill.now{color:#08200f;background:linear-gradient(180deg,#b8f0c4,#5fd08a);border-color:#b8f0c4}
.aat-empty{color:var(--aat-mut);font-size:.86rem;padding:10px 0}

/* game-time panel */
.aat-gbar{position:relative;height:12px;border-radius:12px;margin:34px 6px 6px;
  background:linear-gradient(90deg,#132b44 0%,#132b44 22%,#4c6d6a 28%,#89a56c 50%,#4c6d6a 72%,#132b44 78%,#132b44 100%);border:1px solid rgba(255,255,255,.12)}
.aat-gbar .mk{position:absolute;top:-30px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px}
.aat-gbar .mk b{font:700 .66rem var(--body);color:var(--aat-txt);background:#0b1c25;border:1px solid var(--aat-edge2);border-radius:3px;padding:0 4px;font-variant-numeric:tabular-nums}
.aat-gbar .mk i{width:1px;height:16px;background:var(--aat-edge2)}
.aat-gbar .nowmk{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;background:#fff;border-radius:2px;box-shadow:0 0 10px #fff}
.aat-gbar-l{display:flex;justify-content:space-between;font-size:.62rem;color:var(--aat-dim);margin:4px 6px 14px;font-variant-numeric:tabular-nums}
.aat-glist{display:grid;gap:0}
.aat-grow{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 2px;border-top:1px solid rgba(53,192,200,.12)}
.aat-grow .h{font-family:var(--display);font-size:1.15rem;color:var(--teal-hi);font-variant-numeric:tabular-nums}
.aat-grow .n{font-size:.88rem;color:var(--aat-txt);font-weight:600;line-height:1.3}
.aat-grow .w{text-align:right;font-size:.76rem;color:var(--aat-mut);font-variant-numeric:tabular-nums;white-space:nowrap}
.aat-grow .w b{display:block;color:var(--gold-hi);font-size:.86rem}
.aat-grow.past .h{color:var(--aat-dim)}

/* ======================= SKILLS ======================= */
.aat-skhead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center}
@media(max-width:760px){.aat-skhead{grid-template-columns:1fr 1fr}.aat-skhead .aat-cls{grid-column:1/-1;order:-1}}
.aat-skhead label{margin:0!important}
.aat-skhead select{width:auto;min-width:96px;margin-top:6px;padding:8px 12px}
.aat-cls{text-align:center}
.aat-cls small{display:block;font:700 .64rem var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--aat-mut)}
.aat-cls b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3.6vw,2.2rem);color:var(--gold-hi);line-height:1.2;text-shadow:0 0 24px rgba(224,178,92,.25)}
.aat-cls b.pending{color:var(--aat-mut);font-size:1.1rem}
.aat-pts{text-align:right}
.aat-pts small{display:block;font:700 .64rem var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--aat-mut)}
.aat-pts b{font-family:var(--display);font-weight:400;font-size:2rem;color:var(--teal-hi);font-variant-numeric:tabular-nums}
.aat-pts span{color:var(--aat-mut)}
.aat-pts.over b{color:#f0907c}

.aat-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--aat-edge)}
.aat-chip{position:relative;display:inline-flex;align-items:center;gap:9px;padding:5px 14px 5px 5px;border-radius:40px;border:1px solid var(--aat-edge);
  background:rgba(4,12,16,.6);color:#a9bfc2;font:600 .78rem var(--body);transition:border-color .15s,color .15s,box-shadow .15s}
.aat-chip img{width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.6);filter:saturate(.7) brightness(.9)}
.aat-chip:hover{color:var(--aat-txt);border-color:var(--aat-edge2)}
.aat-chip.on{color:#fff;border-color:var(--gold-hi);background:linear-gradient(90deg,rgba(224,178,92,.22),rgba(4,12,16,.6));box-shadow:0 0 14px rgba(224,178,92,.25)}
.aat-chip.on img{filter:none}
.aat-chip .n{position:absolute;top:-6px;left:-4px;width:18px;height:18px;border-radius:50%;background:var(--gold-hi);color:#1a1206;font:800 .64rem/18px var(--body);text-align:center}
.aat-chip.dis{opacity:.38;cursor:not-allowed}
.aat-skbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}

.aat-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
@media(max-width:1000px){.aat-trees{grid-template-columns:1fr}}
.aat-tree{padding:0;overflow:hidden}
.aat-tree .th{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(180deg,rgba(53,192,200,.12),transparent);border-bottom:1px solid var(--aat-edge)}
.aat-emb{width:46px;height:46px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,var(--gold-deep),var(--gold-hi),var(--gold-deep),#5b4220,var(--gold-deep));box-shadow:0 0 14px rgba(224,178,92,.25)}
.aat-emb img{width:100%;height:100%;border-radius:50%;border:2px solid #0a1a22}
.aat-tree .th h3{margin:0!important;font-family:var(--display)!important;font-weight:400!important;font-size:1.2rem!important;color:var(--aat-txt)!important}
.aat-tree .th .sp{margin-left:auto;text-align:right;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--aat-mut)}
.aat-tree .th .sp b{display:block;font-family:var(--display);font-size:1.3rem;letter-spacing:0;color:var(--teal-hi);font-weight:400}
.aat-tree .tb{padding:16px}
.aat-sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:1000px){.aat-sgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:560px){.aat-sgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.aat-sk{position:relative;aspect-ratio:1;border-radius:8px;padding:3px;background:#061015;border:1px solid #23404a;
  box-shadow:inset 0 0 0 1px #000;transition:border-color .15s,box-shadow .15s,transform .1s}
.aat-sk img{width:100%;height:100%;border-radius:5px}
.aat-sk.lock img{filter:grayscale(1) brightness(.38)}
.aat-sk.lock{border-color:#1a2c33}
.aat-sk.can{border-color:#3d6874}
.aat-sk.can img{filter:brightness(.72) saturate(.85)}
.aat-sk.can:hover img{filter:none}
.aat-sk.can:hover{border-color:var(--teal-hi);box-shadow:0 0 12px rgba(127,230,234,.35)}
.aat-sk.on{border-color:var(--gold-hi);box-shadow:0 0 0 1px var(--gold-hi),0 0 16px rgba(243,212,147,.55)}
.aat-sk:active{transform:scale(.97)}
.aat-sk .lv{position:absolute;left:-4px;bottom:-5px;min-width:22px;padding:1px 5px;border-radius:10px;background:#0a1820;border:1px solid #3d6874;
  font:700 .64rem/1.3 var(--body);color:var(--aat-txt);text-align:center;font-variant-numeric:tabular-nums}
.aat-sk.lock .lv{color:#f0a08f;border-color:#6b3a33}
.aat-sk .rq{position:absolute;right:-5px;top:-6px;width:20px;height:20px;border-radius:50%;background:var(--gold-hi);color:#1a1206;
  font:800 .64rem/20px var(--body);text-align:center;box-shadow:0 0 0 2px #0a1820}
.aat-sk .ck{position:absolute;right:-5px;bottom:-6px;width:18px;height:18px;border-radius:50%;background:var(--aat-ok);color:#08200f;font:900 .7rem/18px var(--body);text-align:center;box-shadow:0 0 0 2px #0a1820}
.aat-pas{margin-top:18px;padding-top:12px;border-top:1px solid var(--aat-edge)}
.aat-pas .lab{font:700 .62rem var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--aat-mut);margin-bottom:10px}
.aat-pgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.aat-pgrid .aat-sk{border-radius:50%;padding:2px}
.aat-pgrid .aat-sk img{border-radius:50%}
.aat-pgrid .aat-sk .rq{right:-6px;top:-6px}
.aat-tree.empty .tb{min-height:260px;display:grid;place-items:center;text-align:center;color:var(--aat-dim);font-size:.9rem}
.aat-tree.empty .aat-emb{background:rgba(255,255,255,.06);box-shadow:none}
@media(max-width:1000px){.aat-tree.empty{display:none}}

.aat-tip{position:fixed;z-index:10001;max-width:340px;pointer-events:none;padding:12px 14px;border-radius:6px;background:rgba(5,14,19,.97);
  border:1px solid var(--gold-deep);box-shadow:0 12px 40px rgba(0,0,0,.7);color:#d9d1bd;font-size:.84rem;line-height:1.45}
.aat-tip h4{margin:0 0 2px!important;font-family:var(--display)!important;font-weight:400!important;font-size:1.05rem!important;color:var(--gold-hi)!important}
.aat-tip .m{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:.74rem;color:var(--aat-mut);margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08)}
.aat-tip .m b{color:var(--aat-txt)}
.aat-tip .st{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:8px}
.aat-tip .st.ok{color:var(--aat-ok)}.aat-tip .st.no{color:#f0a08f}.aat-tip .st.can{color:var(--teal-hi)}
.aat-tip b.hl{color:#ffb35e;font-weight:600}

/* ======================= GEAR ======================= */
.aat-gear{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
@media(max-width:980px){.aat-gear{grid-template-columns:1fr}}
.aat-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:620px){.aat-sheet{grid-template-columns:1fr}}
.aat-sgroup .lab{font:700 .62rem var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--aat-mut);margin:0 0 8px 2px}
.aat-sgroup+.aat-sgroup .lab{margin-top:0}
.aat-slot{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:8px;margin:0 0 8px;border-radius:6px;
  background:rgba(4,12,16,.55);border:1px solid rgba(53,192,200,.16);transition:border-color .15s,background .15s}
.aat-slot:hover{border-color:var(--aat-edge2);background:rgba(10,30,40,.75)}
.aat-slot.sel{border-color:var(--teal-hi);box-shadow:0 0 0 1px var(--teal-hi) inset}
.aat-slot.blk{opacity:.45;cursor:not-allowed}
.aat-frame{position:relative;width:52px;height:52px;border-radius:6px;padding:2px;background:#050c10;border:2px solid #2a3c42;box-shadow:inset 0 0 0 1px #000}
.aat-frame img{width:100%;height:100%;border-radius:3px}
.aat-frame.ph{display:grid;place-items:center;border-style:dashed;border-color:#2a4750;color:#3f6772;font:300 1.5rem/1 var(--body);text-align:center}
.aat-slot:hover .aat-frame.ph{color:var(--teal-hi);border-color:var(--teal)}
.aat-slot .tx{min-width:0}
.aat-slot .sl{font:700 .6rem var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--aat-mut)}
.aat-slot .it{font-weight:700;font-size:.9rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aat-slot .gm{font-size:.74rem;color:var(--aat-mut)}
.aat-slot .em{font-size:.86rem;color:var(--aat-dim);font-style:italic}
.aat-sheetbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px;padding-top:14px;border-top:1px solid var(--aat-edge)}

.aat-totals .big{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.aat-totals .tile{display:flex;flex-direction:column;justify-content:space-between;gap:4px;padding:12px;border-radius:6px;background:rgba(4,12,16,.6);border:1px solid rgba(53,192,200,.16)}
.aat-totals .tile small{display:block;font:700 .58rem var(--body);letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;color:var(--aat-mut)}
.aat-totals .tile b{font-family:var(--display);font-weight:400;font-size:1.6rem;color:var(--aat-txt);font-variant-numeric:tabular-nums;line-height:1.2}
.aat-totals .tile.pd b{color:#e6c88c}.aat-totals .tile.md b{color:#9fd3f2}
.aat-attrs{display:grid;gap:0}
.aat-attr{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px solid rgba(53,192,200,.12);font-size:.9rem}
.aat-attr span{color:var(--aat-mut)}
.aat-attr b{font-variant-numeric:tabular-nums;color:var(--aat-txt)}
.aat-attr b.z{color:var(--aat-dim);font-weight:400}
.aat-wep{margin-top:14px}
.aat-wep .w{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(53,192,200,.12)}
.aat-wep .w img{width:36px;height:36px;border-radius:4px}
.aat-wep .w .n{font-size:.82rem;font-weight:600;line-height:1.25}
.aat-wep .w .n small{display:block;color:var(--aat-mut);font-weight:400;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.aat-wep .w .v{text-align:right;font-size:.8rem;color:var(--aat-mut);font-variant-numeric:tabular-nums}
.aat-wep .w .v b{color:var(--gold-hi);font-size:.95rem}
@media(min-width:981px){.aat-totals{position:sticky;top:120px}}

/* picker modal */
.aat-modal{position:fixed;inset:40px 0 0 0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,6,10,.72);backdrop-filter:blur(3px)}
.aat-modal[hidden]{display:none}
.aat-dlg{width:min(760px,100%);max-height:min(calc(100vh - 80px),860px);display:flex;flex-direction:column;border-radius:8px;
  background:linear-gradient(180deg,#0e2731,#071319);border:1px solid var(--aat-edge2);box-shadow:0 30px 80px rgba(0,0,0,.8)}
.aat-dlg .hd{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--aat-edge)}
.aat-dlg .hd h2{margin:0!important;font-family:var(--display)!important;font-weight:400!important;font-size:1.3rem!important;color:var(--gold-hi)!important}
.aat-dlg .x{margin-left:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--aat-edge2);color:var(--aat-txt);font-size:1.2rem;line-height:1}
.aat-dlg .x:hover{border-color:var(--gold-hi)}
.aat-dlg .flt{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:14px 18px 10px}
@media(max-width:620px){.aat-dlg .flt{grid-template-columns:1fr 1fr}.aat-dlg .flt .q{grid-column:1/-1}}
.aat-dlg .flt label{margin:0!important;font-size:.62rem}
.aat-dlg .flt input,.aat-dlg .flt select{margin-top:5px;padding:9px 12px;font-size:.9rem}
.aat-dlg .cur{padding:0 18px}
.aat-curbox{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:10px;margin-bottom:10px;border-radius:6px;background:rgba(53,192,200,.07);border:1px solid var(--aat-edge)}
.aat-curbox .it{font-weight:700}
.aat-curbox .ln{font-size:.78rem;color:var(--aat-mut);line-height:1.5}
.aat-grades{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.aat-grades [role=button]{padding:2px 9px;border-radius:40px;font:700 .68rem var(--body);border:1px solid currentColor;opacity:.72;background:rgba(0,0,0,.3)}
.aat-grades [role=button].on{opacity:1;box-shadow:0 0 10px currentColor;background:rgba(255,255,255,.06)}
.aat-grades [role=button]:hover{opacity:1}
.aat-list{flex:1;overflow:auto;padding:4px 10px 12px;min-height:200px}
.aat-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 8px;border-radius:5px}
.aat-row:hover,.aat-row:focus-visible{background:rgba(53,192,200,.09)}
.aat-row .aat-frame{width:44px;height:44px}
.aat-row .n{font-weight:700;font-size:.9rem;line-height:1.25}
.aat-row .m{font-size:.74rem;color:var(--aat-mut)}
.aat-row .lv{font:700 .78rem var(--body);color:var(--gold-hi);font-variant-numeric:tabular-nums;text-align:right}
.aat-row .lv small{display:block;font-weight:400;color:var(--aat-mut);font-size:.68rem}
.aat-dlg .ft{padding:10px 18px;border-top:1px solid var(--aat-edge);font-size:.76rem;color:var(--aat-mut)}
body.aat-lock{overflow:hidden}
@media(max-width:560px){
  .aat-ev{position:relative;grid-template-columns:46px minmax(0,1fr)}
  .aat-ev .cd{position:absolute;right:6px;top:12px}
  .aat-ev .nm,.aat-ev .zn{padding-right:86px}
}
@media(max-width:560px){.aat-ph .aat-sub{display:none}}