/* Ascension: a compact star reward above a dedicated, usable star map. */
#device[data-view="ascend"] #panel{background:#100c20;column-gap:0}
#device[data-view="ascend"] #tabs{margin-top:10px;border-radius:14px 0 0 14px;border:1px solid #e4d3bf;box-shadow:-4px 6px 20px #06021040}
#tab-ascend{background:#100c20}
#ascend-world{
  display:flex;flex-direction:column;gap:12px;height:100%;min-height:100%;
  padding:12px 10px max(14px,env(safe-area-inset-bottom));overflow:visible;
  background:radial-gradient(ellipse at 12% 10%,#5943804a,transparent 55%),radial-gradient(ellipse at 85% 60%,#204c6433,transparent 50%),#100c20;
}
#ascend-world::before{opacity:.2;animation-duration:35s}
#ascend-world::after{display:none}
#ascend-command{
  flex:none;display:flex;flex-direction:column;gap:11px;padding:16px;
  border:1px solid #ad97e44a;border-radius:22px;
  background:radial-gradient(ellipse at 10% 55%,#8f78ff33,transparent 62%),linear-gradient(140deg,#30213d,#1a142c 80%);
  box-shadow:0 6px 22px #0003,inset 0 1px #fff1;
  transition:border-color .3s,box-shadow .3s;
}
#ascend-command.ready{border-color:#ceb1ff99;box-shadow:0 6px 24px #0003,0 0 24px #9174ff24}
#ascend-command .ascend-command-title{justify-content:space-between;gap:8px}
#ascend-command .ascend-kicker{font-size:7px;letter-spacing:1.8px;color:#bcacd3}
#ascend-command h2{font-size:27px;letter-spacing:-.8px;line-height:1.1;margin-top:4px}
.ascend-wallet{flex:0 1 112px;min-width:0;text-align:right;padding:6px 8px;border:1px solid #cab6f229;border-radius:11px;background:#0c081d55}
.ascend-wallet small{display:block;font-size:7px;letter-spacing:.8px;color:#c4b4d6}
.ascend-wallet strong{display:block;font-size:18px;line-height:1.35;color:#f5dbac;overflow-wrap:anywhere}
.ascend-wallet i{font-style:normal;font-size:13px;color:#dec1ff}
#ascend-command .ascend-reward{display:flex;justify-content:center;gap:24px;min-height:90px;margin:1px 0}
#ascend-command .ascend-reward>div{border:0;padding:0;background:none;flex:none}
#ascend-command .ascend-orbit{position:relative;width:86px;height:86px;display:grid;place-items:center;isolation:isolate}
.ascend-orbit::before,.ascend-orbit::after{content:"";position:absolute;inset:0;border:1px solid #cfb2ff80;border-radius:50%;transform:rotate(-30deg) scaleY(.62);z-index:-1}
.ascend-orbit::after{transform:rotate(60deg) scaleY(.62);border-color:#f3dca655}
#ascend-command .ascend-orb{width:62px;height:62px;flex-basis:62px;font-size:37px;color:#fff3d8;text-shadow:0 0 18px #fff;
  background:radial-gradient(circle at 32% 25%,#fdf5ff,#bdb0f4 16%,#7761c4 44%,#2b1a52 76%);
  box-shadow:inset -3px -5px 9px #190e4180,0 0 24px #ad80ff55,0 0 0 1px #ddc5ff55}
.ascend-orbit>i,.ascend-orbit>b{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe5ad;box-shadow:0 0 10px #f1c481}
.ascend-orbit>i{top:8px;right:11px}.ascend-orbit>b{bottom:12px;left:8px;width:3px;height:3px;background:#d2c1ff}
#ascend-command .next{align-items:flex-start;min-width:0;max-width:60%}
#ascend-command .next small{font-size:8px;letter-spacing:1.8px;color:#cbb8e0}
#ascend-command .next strong{font-size:42px;letter-spacing:-1.4px;line-height:1.15;color:#fff1d4;text-shadow:0 0 24px #ffd18138;max-width:100%;overflow-wrap:anywhere}
.ascend-unit{font-size:11px;color:#c8b6d6;margin-top:1px}
#ascend-command .ascend-power{border:0;padding:0;background:none}
#ascend-command .ascend-meter-head{font-size:8px;letter-spacing:.9px;color:#bdaece}
#ascend-command .ascend-meter-head b{color:#e3c8ff}
#ascend-command .prestige-meter{height:5px;margin:7px 0;background:#0e0a19;border:0;box-shadow:inset 0 1px 2px #0005}
#ascend-command .prestige-meter>div{background:linear-gradient(90deg,#9979e4,#ddbefb,#ffe1a7);box-shadow:0 0 12px #c697ec55}
#ascend-command .ascend-power .hint{font-size:10px;line-height:1.4;color:#c6b6d0;min-height:14px}
#ascend-command .ascend-btn{flex-direction:row;justify-content:space-between;gap:10px;min-height:46px!important;padding:12px 14px!important;
  border:1px solid #ffe9bf99;border-radius:13px;color:#382147;background:linear-gradient(110deg,#ead2fc,#ffe4b5);
  box-shadow:0 3px 0 #0a0614,0 0 20px #c5a2ec22;animation:none}
#ascend-command .ascend-btn span{font-size:13px;text-transform:none;letter-spacing:0;line-height:1.3;text-align:left}
#ascend-command .ascend-btn i{font-size:22px;font-style:normal;font-weight:500}
#ascend-command .ascend-btn:disabled{opacity:1;filter:none;background:#372b46;color:#baadc9;border-color:#b8a0d333;box-shadow:0 2px 0 #10091b}
#ascend-command .ascend-btn:hover:not(:disabled){box-shadow:0 4px 0 #0a0614,0 0 25px #c5a2ec50}
#ascend-command .ascend-reset-note{text-align:center;font-size:8px;line-height:1.5;color:#aa98b9;margin:-2px 0 0}
.ascend-reset-note b{font-weight:600;color:#d2c3df}
.ascend-sections{position:relative;z-index:1;flex:none;display:flex;padding:4px;border:1px solid #bba7db2e;border-radius:12px;background:#09071455;gap:4px}
.ascend-sections button{flex:1;min-width:0;padding:10px 3px;font-family:inherit;font-weight:800;font-size:10px;line-height:1.2;cursor:pointer;border:0;border-radius:8px;color:#bbaaca;background:transparent;transition:background .2s,color .2s,box-shadow .2s}
.ascend-sections button[aria-pressed="true"]{color:#fff3df;background:#604679;box-shadow:0 2px 5px #0003,inset 0 1px #fff1}
.ascend-sections button:focus-visible{outline:2px solid #e4c2ff;outline-offset:2px}
#constellation-deck,#eternal-deck{flex:1 0 350px;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;box-shadow:none;background:none;min-width:0;min-height:350px}
#ascend-world .constellation-head{align-items:center;margin:0;gap:5px}
#ascend-world .constellation-head h3{font-size:14px;line-height:1.3;letter-spacing:-.2px;margin:0;color:#e8dded}
#ascend-world .constellation-head .pill{font-size:9px;padding:3px 7px;color:#cbb5eb;background:#8c6bb522;border:1px solid #c7a6f333}
#tab-ascend #tree-legend{gap:5px;margin:0}
#tab-ascend .br-chip{gap:2px;padding:7px 2px 5px;border:1px solid #bca1d82b;box-shadow:none;border-radius:10px;color:#d0c0df;background:#bca1d80d;transform:none}
#tab-ascend .br-chip i{font-size:15px}
#tab-ascend .br-chip b{font-size:9px}
#tab-ascend .br-count{font-size:8px;color:#baa8ca}
#tab-ascend .br-chip.on{background:#c1a5eb26;border-color:#d1b2fc99;box-shadow:inset 0 0 12px #b29cdf18}
#tab-ascend .br-chip.b-harvest.on{border-color:#85d6b8;color:#a9edd1}
#tab-ascend .br-chip.b-touch.on{border-color:#ef9fbb;color:#ffc6d8}
#tab-ascend .br-chip.b-fortune.on{border-color:#edca82;color:#ffe0a9}
#tab-ascend .br-chip.b-depths.on{border-color:#8bcfdc;color:#b8edf5}
#tab-ascend .br-chip.on .br-count{color:inherit}
#tab-ascend #tree-view{flex:1 0 210px;height:auto;min-height:210px;border:1px solid #cbb1ef33;border-radius:16px;
  background:radial-gradient(ellipse at 30% 10%,#6250923d,transparent 60%),radial-gradient(ellipse at 85% 90%,#234b5c30,transparent 60%),#0c0918;
  box-shadow:inset 0 0 35px #02000870}
#tab-ascend #tree-foot{margin:0;gap:8px;flex:none}
#tab-ascend #tree-foot .hint{font-size:9px;line-height:1.4;color:#b7a5c8}
#tab-ascend #tree-foot .mini-btn{font-size:9px;min-height:28px;border-radius:8px;padding:5px 8px}
#tab-ascend #tree-tools .tool{background:#372744;border:1px solid #bfa4e259;color:#f4e4ff;box-shadow:0 2px 5px #0005}
#tab-ascend .tree-cta{font-size:10px;border:1px solid #d3b8ff66;border-radius:10px;background:#352342;color:#f5e8ff;box-shadow:0 2px 10px #0007}
#tab-ascend .n-cost{background:#24182f;border-color:#dec5ff66}
#tab-ascend #eternal-deck>.hint{margin:0;font-size:10px;line-height:1.4;color:#c3afda}
#tab-ascend #eternal-list{gap:9px}
#tab-ascend .eternal{position:relative;display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 9px;border:1px solid #b998e347;border-radius:14px;background:linear-gradient(115deg,#352340,#21182f);box-shadow:0 3px 0 #090612;color:#f0e4f5;transition:border-color .2s,background .2s,transform .15s}
#tab-ascend .eternal .e-icon{width:37px;height:40px;font-size:23px;border:1px solid #dec2fc33;border-radius:10px;background:#a682cc20;box-shadow:none}
#tab-ascend .eternal .e-name{flex-wrap:wrap;font-size:11px;gap:4px;line-height:1.4}
#tab-ascend .eternal .e-lvl{font-size:8px;line-height:1.3;background:#bba0db25;color:#dbc0f7;padding:2px 4px;border-radius:4px}
#tab-ascend .eternal .e-desc{font-size:9px;line-height:1.5;color:#c5b3d1}
#tab-ascend .eternal .e-cost{font-size:10px;padding:5px 6px;background:#d9bcff;color:#322141;box-shadow:none;border:0;border-radius:8px;white-space:nowrap}
#tab-ascend .eternal.cant{opacity:1;filter:none;background:#211a2b;border-color:#d2bce520;color:#b7a7c5}
#tab-ascend .eternal.cant .e-icon{filter:grayscale(.75);opacity:.65}
#tab-ascend .eternal.cant .e-cost{color:#b9a9c7;background:#33293e}
#tab-ascend .eternal:hover:not(:disabled){border-color:#d6b8ff99;transform:translateY(-1px);box-shadow:0 4px 0 #090612}
#device.short #ascend-command{padding:12px;gap:8px}
#device.short #ascend-command .ascend-reward{min-height:72px}
#device.short #ascend-command .ascend-orbit{width:72px;height:72px}
#device.narrow #ascend-command{padding:12px}
#device.narrow #ascend-command h2{font-size:23px}
#device.narrow .ascend-wallet{flex-basis:96px;padding:5px}
#device.narrow .ascend-wallet small{font-size:6px}
#device.narrow #ascend-command .ascend-reward{gap:15px}
#device.narrow #ascend-command .next strong{font-size:35px}