#ascwin { --u: .135rem; --ac: #d8b871; left: 0; right: 0; top: 0; bottom: 9rem; margin: auto; width: 152rem; height: 86rem; max-width: calc(100vw - 2rem); max-height: calc(100vh - 2rem);
z-index: 8; padding: 5.8rem 1.8rem 1.8rem; }
#ascwin .aw-body { position: relative; flex: 1; min-height: 0; display: flex; }
#ascwin .aw-chips { display: flex; flex-wrap: wrap; gap: .8rem; }
#ascwin .aw-chip { display: inline-flex; align-items: center; gap: .5rem; height: 3.6rem; box-sizing: border-box; padding: 0 1.2rem; white-space: nowrap;
border: 0 solid transparent; border-image: url(../assets/ui/dark/inset.png) 16 fill / .8rem; font: 600 max(11px, 1.3rem)/1 var(--sans); color: var(--ink2); }
#ascwin .aw-chip b { font: 700 max(13px, 1.7rem)/1 var(--serif); color: var(--ink); font-variant-numeric: tabular-nums; }
#ascwin .aw-chip i { font-style: normal; color: var(--ink3); }
#ascwin .aw-left.has, #ascwin .aw-left.has b:first-of-type { color: var(--r2); }
#ascwin .aw-left.has b:first-of-type { text-shadow: 0 0 .8rem rgba(242,212,99,.6); }
#ascwin .aw-gold b { color: var(--r2); }
#ascwin .aw-coin { flex: none; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: radial-gradient(circle at 35% 32%, #fff0b0, #dba31e 58%, #7a5208); box-shadow: 0 0 0 1px #000; }
#ascwin .aw-cost.poor b { color: #ff6a5a; }
#ascwin:not(.refund) .aw-cost { display: none; }
#ascwin.refund > header b { color: var(--r2); }
#ascwin .aw-hint.aw-where { margin-top: .2rem; padding-top: 0; border-top: 0; color: var(--ink2); }
#ascwin .aw-nope.aw-where { color: var(--ink2); }
#ascwin .aw-hint.aw-where.prem { display: flex; align-items: center; justify-content: space-between; gap: .6rem; color: #ffd98a; }
#ascwin .aw-hint.aw-where.prem button { flex: none; padding: .2rem 1rem; }
#ascwin .aw-ct { flex: 1; min-width: 0; }
#ascwin .aw-name { display: block; font: 700 max(16px, 2.6rem)/1.2 var(--serif); letter-spacing: .02em; color: color-mix(in srgb, var(--ac) 70%, #fff);
text-shadow: 0 .2rem 0 #000, 0 0 1.6rem color-mix(in srgb, var(--ac) 45%, transparent); }
#ascwin .aw-ct small { display: block; font: 400 max(10px, 1.2rem)/1.3 var(--sans); letter-spacing: .06em; color: var(--ink3); }
#ascwin .aw-ct p { margin-top: .4rem; font-size: max(11px, 1.35rem); line-height: 1.4; color: var(--ink2); }
#ascwin .aw-m { font-size: max(11px, 1.25rem); line-height: 1.42; color: var(--ink); }
#ascwin .aw-m b { font-weight: 700; color: #fff; }
#ascwin .aw-m.bad, #ascwin .aw-m.bad b { color: #ff6a5a; }
#ascwin .aw-none { font-size: max(11px, 1.3rem); color: var(--ink3); }
#ascwin .aw-emb { position: relative; flex: none; display: grid; place-items: center; width: 12.8rem; height: 12.8rem; }
#ascwin .aw-emb:not(.art) { clip-path: var(--oct); background: linear-gradient(145deg, #f0d48c, #8c6f3f 45%, #4a391d); }
#ascwin .aw-emb:not(.art)::before { content: ''; position: absolute; inset: 4.5%; clip-path: var(--oct); background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--ac) 44%, #14110d), #0d0b09 74%); }
#ascwin .aw-emb svg { position: relative; width: 70%; height: 70%; overflow: visible; filter: drop-shadow(0 .2rem .2rem rgba(0,0,0,.75)); }
#ascwin .aw-emb.art img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 .4rem .8rem rgba(0,0,0,.6)); }
#ascwin .aw-emb .gb { fill: #d9bb78; stroke: #1a1206; stroke-width: 1.4; stroke-linejoin: round; }
#ascwin .aw-emb .ga { fill: color-mix(in srgb, var(--ac) 82%, #fff); stroke: #1a1206; stroke-width: 1.2; stroke-linejoin: round; }
#ascwin .aw-emb .gl { fill: none; stroke: #d9bb78; stroke-width: 3; stroke-linecap: round; }
#ascwin .aw-emb .gal { fill: none; stroke: color-mix(in srgb, var(--ac) 82%, #fff); stroke-width: 3; stroke-linecap: round; }
#ascwin .aw-emb .gd { fill: #15120e; }
#ascwin .aw-emb .gdl { fill: none; stroke: #15120e; stroke-width: 1.6; stroke-linecap: round; opacity: .7; }
#ascwin .ic { display: grid; place-items: center; border-radius: 50%; overflow: hidden; color: var(--fc, #e9dfc6); background: radial-gradient(circle at 50% 40%, #2c261e, #15120e 76%); }
#ascwin .ic svg { width: 60%; height: 60%; filter: drop-shadow(0 1px 1px #000); }
#ascwin .ic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#ascwin .ic.art img { transform: scale(var(--z, 1)); }
#ascwin .aw-pick { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; gap: 1rem; }
#ascwin .aw-note { flex: none; display: flex; align-items: center; gap: 1.6rem; padding: .7rem 1.6rem .8rem; border: 0 solid transparent; border-image: url(../assets/ui/dark/inset.png) 16 fill / .8rem; }
#ascwin .aw-nt { flex: 1; min-width: 0; }
#ascwin .aw-nt b { display: block; font: 600 max(13px, 1.8rem)/1.35 var(--serif); letter-spacing: .04em; color: var(--brass-hi); }
#ascwin .aw-nt p { font-size: max(11px, 1.3rem); line-height: 1.45; color: var(--ink2); }
#ascwin .aw-note .aw-chips { flex: none; flex-wrap: nowrap; }
#ascwin .aw-cards { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.4rem; }
#ascwin .aw-card { position: relative; box-sizing: border-box; display: flex; flex-direction: column; min-width: 0; min-height: 0; margin: 3px; padding: 1.6rem 1.8rem 1.4rem;
background: radial-gradient(ellipse 90% 55% at 18% 0, color-mix(in srgb, var(--ac) 17%, transparent), transparent 72%), rgba(8,7,6,.74);
box-shadow: 0 0 0 1px #000, 0 0 0 2px var(--brass-lo), 0 0 0 3px #000, inset 0 0 0 1px rgba(216,184,113,.1); }
#ascwin[data-mode="pick"] .aw-card:hover { box-shadow: 0 0 0 1px #000, 0 0 0 2px var(--brass-hi), 0 0 0 3px #000, inset 0 0 2.4rem color-mix(in srgb, var(--ac) 14%, transparent); }
#ascwin.has-card .aw-card { box-shadow: none; }
#ascwin.has-card .aw-card::after { content: ''; position: absolute; inset: -3px; pointer-events: none; border: 3.2rem solid transparent; border-image: var(--f-card) 64 / 3.2rem; }
#ascwin.has-card_on[data-mode="pick"] .aw-card:hover::after { border-image-source: var(--f-card_on); }
#ascwin.has-card[data-mode="pick"] .aw-card:hover { box-shadow: inset 0 0 3rem color-mix(in srgb, var(--ac) 20%, transparent); }
#ascwin .aw-ch { flex: none; display: flex; align-items: center; gap: 1.6rem; padding-bottom: 1.2rem; margin-bottom: 1.2rem; border-bottom: 1px solid rgba(140,111,63,.3); }
#ascwin .aw-ch button { flex: none; min-height: 4.2rem; padding: 0 1.6rem; }
#ascwin .aw-card.locked .aw-emb { filter: grayscale(.55) brightness(.72); }
#ascwin .aw-lock { flex: none; display: inline-flex; align-items: center; gap: .6rem; padding: .5rem 1rem; font: 600 max(11px, 1.25rem)/1 var(--sans); color: var(--ink3);
border: 1px solid var(--iron-hi); background: rgba(0,0,0,.4); }
#ascwin .aw-lock i { position: relative; width: 1.2rem; height: 1rem; margin-top: .5rem; background: var(--ink3); border-radius: .15rem; }
#ascwin .aw-lock i::before { content: ''; position: absolute; left: .15rem; right: .15rem; bottom: 100%; height: .6rem; border: .2rem solid var(--ink3); border-bottom: 0; border-radius: .5rem .5rem 0 0; }
#ascwin .aw-nl { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.3rem 1.6rem; align-content: start; overflow-y: auto; overscroll-behavior: contain;
padding: .3rem .4rem .3rem .3rem; scrollbar-width: thin; scrollbar-color: var(--brass) #090807; touch-action: pan-y; }
#ascwin .aw-ni { display: flex; align-items: flex-start; gap: 1rem; min-width: 0; }
#ascwin .aw-ni .ic { position: relative; flex: none; width: 4.8rem; height: 4.8rem; min-width: 30px; min-height: 30px; box-shadow: 0 0 0 1px #000, 0 0 0 .25rem var(--brass), 0 0 0 calc(.25rem + 1px) #000;
color: color-mix(in srgb, var(--ac) 72%, #fff); background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--ac) 38%, #1a1612), #0b0908 84%); }
#ascwin .aw-nb { min-width: 0; }
#ascwin .aw-nb > b { display: block; font: 600 max(12px, 1.45rem)/1.3 var(--sans); color: var(--r2); }
#ascwin .aw-sm { grid-column: 1 / -1; margin-top: .2rem; padding-top: 1rem; border-top: 1px solid rgba(140,111,63,.3); }
#ascwin .aw-sm h6 { margin-bottom: .3rem; font: 600 max(11px, 1.25rem)/1.4 var(--sans); color: var(--ink3); }
#ascwin .aw-sm h6 b { color: var(--ink2); }
#ascwin .aw-sml { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 1.6rem; }
#ascwin .aw-sml .aw-m { color: var(--ink2); }
#ascwin .aw-main { flex: 1; min-width: 0; display: flex; align-items: center; gap: 1.6rem; }
#ascwin .aw-tree { position: relative; flex: none; width: calc(720 * var(--u)); height: calc(520 * var(--u)); margin: 3px; box-shadow: 0 0 0 1px #000, 0 0 0 2px var(--brass-lo), 0 0 0 3px #000; }
#ascwin .aw-back { position: absolute; inset: 0; overflow: hidden; background: linear-gradient(rgba(6,5,4,.78), rgba(6,5,4,.78)), #110e0b url(../assets/ui/dark/panel_fill.png) 0 0 / 25.6rem 25.6rem; }
#ascwin .aw-bg, #ascwin .aw-glow { position: absolute; left: calc(100 * var(--u)); top: 0; width: calc(520 * var(--u)); height: calc(520 * var(--u)); border-radius: 50%; }
#ascwin .aw-bg { background: repeating-radial-gradient(circle closest-side, transparent 0 13.6%, rgba(216,184,113,.09) 13.6% 14.3%), radial-gradient(circle closest-side, transparent 96.5%, rgba(140,111,63,.5) 97.2% 98.2%, transparent 99%),
radial-gradient(circle closest-side, #26211b, #17140f 62%, #0d0b09 96%, rgba(10,9,8,0) 100%); }
#ascwin .aw-glow { background: radial-gradient(circle closest-side, color-mix(in srgb, var(--ac) 30%, transparent), color-mix(in srgb, var(--ac) 9%, transparent) 55%, transparent 100%); }
#ascwin.has-tree_bg .aw-bg, #ascwin.has-tree_glow .aw-glow { left: calc(104 * var(--u)); top: calc(4 * var(--u)); width: calc(512 * var(--u)); height: calc(512 * var(--u)); border-radius: 0; }
#ascwin.has-tree_bg .aw-bg { background: var(--f-tree_bg) center / 100% 100% no-repeat; }
#ascwin.has-tree_glow .aw-glow { background: var(--ac); opacity: .75; -webkit-mask: var(--f-tree_glow) center / 100% 100% no-repeat; mask: var(--f-tree_glow) center / 100% 100% no-repeat; }
#ascwin .aw-link { position: absolute; height: calc(10 * var(--u)); margin-top: calc(-5 * var(--u)); transform-origin: 0 50%; pointer-events: none; }
#ascwin .aw-link.l0 { background: linear-gradient(#000 0 16%, #2a251f 30%, #14110e 64%, #000 86%); }
#ascwin .aw-link.l1 { background: linear-gradient(#000 0 14%, #6f5932 26%, #b8975a 46% 54%, #5a4526 76%, #000 90%); }
#ascwin .aw-link.l2 { background: linear-gradient(#000 0 12%, #b8893a 22%, #fff3c0 44% 56%, #c9a24e 78%, #000 92%); box-shadow: 0 0 calc(9 * var(--u)) rgba(242,212,99,.38); }
#ascwin.has-link_off .aw-link.l0, #ascwin.has-link_can .aw-link.l1, #ascwin.has-link_on .aw-link.l2 { height: calc(var(--lh, 18) * var(--u)); margin-top: calc(var(--lh, 18) * var(--u) / -2); box-shadow: none; }
#ascwin.has-link_off .aw-link.l0 { opacity: .8; }
#ascwin.has-link_on .aw-link.l2 { filter: drop-shadow(0 0 calc(4 * var(--u)) rgba(255,226,140,.6)); }
#ascwin.has-link_off .aw-link.l0 { background: var(--f-link_off) repeat-x 0 50% / auto 100%; }
#ascwin.has-link_can .aw-link.l1 { background: var(--f-link_can) repeat-x 0 50% / auto 100%; }
#ascwin.has-link_on .aw-link.l2 { background: var(--f-link_on) repeat-x 0 50% / auto 100%; }
#ascwin .aw-node { --d: 48; position: absolute; z-index: 1; width: calc(var(--d) * var(--u)); height: calc(var(--d) * var(--u)); margin: calc(var(--d) * var(--u) / -2) 0 0 calc(var(--d) * var(--u) / -2);
min-height: 0; padding: 0; border: 0; border-image: none; border-radius: 50%; background: none; cursor: pointer; filter: drop-shadow(0 .2rem .3rem rgba(0,0,0,.7)); }
#ascwin .aw-node.n { --d: 80; }
#ascwin .aw-node.start { --d: 96; cursor: default; }
#ascwin .aw-node .ic, #ascwin .aw-node.start .aw-emb { --hi: var(--hi-s, 15%); --hx: var(--hx-s, 0%); --hy: var(--hy-s, 0%); position: absolute;
inset: calc(var(--hi) + var(--hy)) calc(var(--hi) - var(--hx)) calc(var(--hi) - var(--hy)) calc(var(--hi) + var(--hx)); }
#ascwin .aw-node.n .ic { --hi: var(--hi-n, 12%); --hx: var(--hx-n, 0%); --hy: var(--hy-n, 0%); color: color-mix(in srgb, var(--ac) 72%, #fff); background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--ac) 40%, #1a1612), #0b0908 84%); }
#ascwin .aw-node.start .aw-emb { --hi: var(--hi-start, 15%); --hx: var(--hx-start, 0%); --hy: var(--hy-start, 0%); width: auto; height: auto; }
#ascwin .aw-node.start .aw-emb:not(.art) { clip-path: circle(50%); background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--ac) 50%, #14110d), #0d0b09 80%); }
#ascwin .aw-node.start .aw-emb:not(.art)::before { display: none; }
#ascwin .aw-node.start .aw-emb.art { clip-path: circle(50%); background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--ac) 30%, #14110d), #0d0b09 80%); }
#ascwin .aw-node.start .aw-emb.art img { width: 86%; height: 86%; filter: drop-shadow(0 .1rem .2rem rgba(0,0,0,.7)); }
#ascwin .aw-node .fr { position: absolute; inset: 0; pointer-events: none; --m1: #4d453a; --m2: #383129; --m3: #1f1b16; --ln: #5a5043; border-radius: 50%;
background: radial-gradient(circle closest-side, transparent 66%, #000 67% 70.5%, var(--ln) 71.5% 74.5%, transparent 75.5%), linear-gradient(145deg, var(--m1), var(--m2) 45%, var(--m3));
-webkit-mask: radial-gradient(circle closest-side, transparent 66%, #000 67% 88%, transparent 89%); mask: radial-gradient(circle closest-side, transparent 66%, #000 67% 88%, transparent 89%); }
#ascwin .aw-node.n .fr { border-radius: 0; clip-path: polygon(30% 2.5%, 70% 2.5%, 97.5% 30%, 97.5% 70%, 70% 97.5%, 30% 97.5%, 2.5% 70%, 2.5% 30%);
background: radial-gradient(circle closest-side, transparent 72%, #000 73% 76.5%, var(--ln) 77.5% 80.5%, transparent 81.5%), linear-gradient(145deg, var(--m1), var(--m2) 45%, var(--m3));
-webkit-mask: radial-gradient(circle closest-side, transparent 72%, #000 73%); mask: radial-gradient(circle closest-side, transparent 72%, #000 73%); }
#ascwin .aw-node.start .fr { --m1: #f3dc9a; --m2: #c49a4a; --m3: #6f5527; --ln: #fff0bf;
background: radial-gradient(circle closest-side, transparent 66%, #000 67% 69.5%, var(--ln) 70.5% 73%, transparent 74%), radial-gradient(circle closest-side, transparent 88%, #000 89.5%), linear-gradient(145deg, var(--m1), var(--m2) 45%, var(--m3));
-webkit-mask: radial-gradient(circle closest-side, transparent 66%, #000 67% 91.5%, transparent 92.5%); mask: radial-gradient(circle closest-side, transparent 66%, #000 67% 91.5%, transparent 92.5%); }
#ascwin .aw-node.st1 .fr { --m1: #b8975a; --m2: #8c6f3f; --m3: #513e21; --ln: #d8b871; }
#ascwin .aw-node.st2:not(.start) .fr { --m1: #fff0bf; --m2: #d8b871; --m3: #94753a; --ln: #fff6d2; }
#ascwin .aw-node.st0 .ic { filter: grayscale(.85) brightness(.48); }
#ascwin .aw-node.st1 .ic { filter: saturate(.75) brightness(.84); }
#ascwin .aw-defs { position: absolute; }
#ascwin .aw-node.st0 .ic.art { filter: url(#aw-lock); }
#ascwin .aw-node.st0 .ic.art img { opacity: .78; }
#ascwin .aw-node.st1 .ic.art { filter: saturate(.85) brightness(.96); }
#ascwin .aw-node.st2 .ic.art { filter: brightness(1.1) saturate(1.08); }
#ascwin .aw-node.st2:not(.start)::before { content: ''; position: absolute; inset: 8%; border-radius: 50%; box-shadow: 0 0 calc(16 * var(--u)) calc(3 * var(--u)) color-mix(in srgb, var(--ac) 60%, transparent); }
#ascwin .aw-node.n.st2::after { content: ''; position: absolute; left: 50%; top: 1.5%; width: 11%; height: 11%; margin-left: -5.5%; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff, #fff1c8 55%, #b89448); box-shadow: 0 0 0 1px #000, 0 0 .5rem #fff6d2; }
#ascwin .aw-tree.has-pts .aw-node.st1::before { content: ''; position: absolute; inset: -9%; border-radius: 50%; border: 2px solid rgba(255,232,150,.8); animation: aw-pulse 1.04s steps(4, jump-none) infinite alternate; pointer-events: none; }
@keyframes aw-pulse { from { opacity: .3; transform: scale(.97); } to { opacity: 1; transform: scale(1.06); } }
body.pc #ascwin .aw-node:not(.start):hover { filter: drop-shadow(0 .2rem .3rem rgba(0,0,0,.7)) brightness(1.2); }
#ascwin .aw-node.sel { outline: 2px solid #fff3c0; outline-offset: calc(5 * var(--u)); z-index: 2; }
#ascwin.has-node_s_locked .aw-node.s.st0 .fr, #ascwin.has-node_s_can .aw-node.s.st1 .fr, #ascwin.has-node_s_taken .aw-node.s.st2 .fr,
#ascwin.has-node_n_locked .aw-node.n.st0 .fr, #ascwin.has-node_n_can .aw-node.n.st1 .fr, #ascwin.has-node_n_taken .aw-node.n.st2 .fr,
#ascwin.has-node_start .aw-node.start .fr { clip-path: none; border-radius: 0; -webkit-mask: none; mask: none; }
#ascwin.has-node_s_locked .aw-node.s.st0 .fr { background: var(--f-node_s_locked) center / 100% 100% no-repeat; }
#ascwin.has-node_s_can .aw-node.s.st1 .fr { background: var(--f-node_s_can) center / 100% 100% no-repeat; }
#ascwin.has-node_s_taken .aw-node.s.st2 .fr { background: var(--f-node_s_taken) center / 100% 100% no-repeat; }
#ascwin.has-node_n_locked .aw-node.n.st0 .fr { background: var(--f-node_n_locked) center / 100% 100% no-repeat; }
#ascwin.has-node_n_can .aw-node.n.st1 .fr { background: var(--f-node_n_can) center / 100% 100% no-repeat; }
#ascwin.has-node_n_taken .aw-node.n.st2 .fr { background: var(--f-node_n_taken) center / 100% 100% no-repeat; }
#ascwin.has-node_n_taken .aw-node.n.st2::after { display: none; }
#ascwin.has-node_start .aw-node.start .fr { background: var(--f-node_start) center / 100% 100% no-repeat; }
#ascwin .aw-node .lb { position: absolute; left: 50%; top: calc(100% + 2 * var(--u)); transform: translateX(calc(-50% + var(--dx, 0) * var(--u))); box-sizing: border-box; width: max-content; max-width: calc(150 * var(--u));
padding: 0 .5rem; border-radius: .3rem; background: rgba(9,8,6,.8); font: 600 max(11px, 1.3rem)/1.25 var(--sans); font-style: normal; text-align: center; white-space: normal; color: #9a907b; text-shadow: 0 1px 1px #000; pointer-events: none; }
#ascwin .aw-node.st1 .lb { color: var(--ink); }
#ascwin .aw-node.st2 .lb { color: var(--r2); }
#ascwin .aw-tip, #ascwin .aw-pop, #ascwin .aw-cardbox { box-sizing: border-box; padding: .3rem; text-align: center; font: 400 max(11px, 1.3rem)/1.5 var(--sans); color: var(--ink2);
border: 0 solid transparent; border-image: url(../assets/ui/dark/tip.png) 16 fill / .8rem; background: rgba(9,8,6,.95); }
#ascwin .aw-tip, #ascwin .aw-pop { position: absolute; width: max(32rem, 250px); box-shadow: 0 1rem 2.4rem rgba(0,0,0,.7); }
#ascwin .aw-tip { z-index: 6; pointer-events: none; }
#ascwin .aw-pop { z-index: 5; }
#ascwin .aw-pop .x, #ascwin .aw-cardbox .x { right: .5rem; top: .5rem; width: 2.4rem; height: 2.4rem; min-width: 20px; min-height: 20px; }
#ascwin .aw-ih { display: flex; flex-direction: column; justify-content: center; min-height: 4.4rem; padding: .4rem 2.6rem; color: var(--r0);
border: 0 solid transparent; border-image: url(../assets/ui/dark/tip_head_normal.png) 24 fill / 1.2rem; }
#ascwin .aw-ih.t-n { color: var(--r2); border-image-source: url(../assets/ui/dark/tip_head_rare.png); }
#ascwin .aw-ih.t-c { color: color-mix(in srgb, var(--ac) 70%, #fff); border-image-source: url(../assets/ui/dark/tip_head_magic.png); }
#ascwin .aw-ih b { font: 600 max(14px, 1.8rem)/1.25 var(--serif); letter-spacing: .02em; text-shadow: 0 .2rem 0 #000; }
#ascwin .aw-ih small { font: 400 max(10px, 1.15rem)/1.3 var(--sans); letter-spacing: .04em; color: var(--ink3); }
#ascwin .aw-ib { padding: .6rem 1.2rem .8rem; }
#ascwin .aw-ib .aw-m { font-size: max(11px, 1.3rem); font-weight: 600; line-height: 1.5; }
#ascwin .aw-kind { font-size: max(10px, 1.2rem); color: var(--ink3); }
#ascwin .aw-desc { margin-top: .3rem; font-size: max(11px, 1.3rem); color: var(--ink2); }
#ascwin .aw-ib hr { border: 0; height: .6rem; width: 20rem; max-width: 86%; margin: .6rem auto; background: url(../assets/ui/dark/sep.png) center / 100% 100% no-repeat; }
#ascwin .aw-st { font-weight: 600; color: var(--ink2); }
#ascwin .aw-st.got { color: var(--r2); }
#ascwin .aw-st.can { color: #9fe283; }
#ascwin .aw-st.far { color: #ff8672; }
#ascwin .aw-pa { padding: .2rem 1rem .9rem; }
#ascwin .aw-askl { color: var(--ink2); }
#ascwin .aw-askl b { font: 700 max(13px, 1.6rem)/1 var(--serif); color: var(--r2); font-variant-numeric: tabular-nums; }
#ascwin .aw-askl b.bad { color: #ff6a5a; }
#ascwin .aw-askl.sub { font-size: max(10px, 1.2rem); color: var(--ink3); }
#ascwin .aw-askl.sub b { font: 700 max(11px, 1.3rem)/1 var(--sans); color: var(--ink); }
#ascwin .aw-nope { margin-top: .2rem; font-size: max(10px, 1.2rem); color: #ff8672; }
#ascwin .aw-btns { display: flex; justify-content: center; gap: .6rem; margin-top: .7rem; }
#ascwin .aw-btns button { flex: 1 1 auto; min-width: 0; padding: 0 .6rem; }
#ascwin .aw-btns button b { font-weight: 700; }
#ascwin .aw-btns button.armed { border-image-source: url(../assets/ui/dark/btn_primary.png) !important; color: #6a0d07 !important; box-shadow: 0 0 0 1px #c8281c, 0 0 1rem rgba(200,40,28,.5); }
#ascwin .aw-side { flex: 1; min-width: 0; align-self: stretch; display: flex; flex-direction: column; gap: 1rem; }
#ascwin .aw-who { flex: none; display: flex; align-items: center; gap: 1.4rem; }
#ascwin .aw-seat { flex: 1; min-height: 0; display: flex; flex-direction: column; }
#ascwin .aw-sum { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: .9rem 1.3rem 1rem; border: 0 solid transparent; border-image: url(../assets/ui/dark/inset.png) 16 fill / .8rem; }
#ascwin .aw-sum h5 { flex: none; margin-bottom: .5rem; font: 600 max(11px, 1.25rem)/1.6 var(--serif); letter-spacing: .1em; color: var(--brass); }
#ascwin .aw-suml { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-right: .4rem; scrollbar-width: thin; scrollbar-color: var(--brass) #090807; touch-action: pan-y; }
#ascwin .aw-suml .aw-m { line-height: 1.6; }
#ascwin .aw-hint { flex: none; margin-top: .5rem; padding-top: .5rem; border-top: 1px solid rgba(140,111,63,.25); font-size: max(10px, 1.15rem); color: var(--ink3); }
#ascwin .aw-cardbox { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
#ascwin .aw-cardbox .aw-ib { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; }
#ascwin .aw-foot { flex: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .8rem; }
#ascwin .aw-foot .aw-chip { justify-content: center; }
#ascwin .aw-foot button { min-width: 0; padding: 0 .6rem; overflow: hidden; text-overflow: ellipsis; }
#ascwin .aw-forsake .sh { display: none; }
#ascwin .aw-foot button.off { border-image-source: url(../assets/ui/dark/btn_disabled.png) !important; color: var(--ink3) !important; }
#ascwin .aw-why { grid-column: 1 / -1; margin-top: -.3rem; font-size: max(10px, 1.15rem); line-height: 1.35; color: var(--ink3); }
#ascwin .aw-ask { position: absolute; z-index: 9; left: .3rem; right: .3rem; top: 5.2rem; bottom: .3rem; display: grid; place-items: center; background: rgba(4,3,2,.74); }
#ascwin .aw-ask.hidden { display: none; }
#ascwin .aw-dlg { box-sizing: border-box; width: min(58rem, 94%); max-height: 96%; overflow-y: auto; padding: 1.6rem 2.2rem 1.8rem; text-align: center;
border: 0 solid transparent; border-image: url(../assets/ui/dark/tip.png) 16 fill / .8rem; background: rgba(12,10,8,.98); box-shadow: 0 1.4rem 3rem rgba(0,0,0,.8); }
#ascwin .aw-dlg h4 { margin-bottom: 1.2rem; font: 600 max(14px, 1.9rem)/1.3 var(--serif); letter-spacing: .06em; color: var(--brass-hi); }
#ascwin .aw-dlg .aw-who { justify-content: center; margin-bottom: 1.2rem; text-align: left; }
#ascwin .aw-dlg .aw-who .aw-emb { width: 9rem; height: 9rem; }
#ascwin .aw-dlg .aw-ct { flex: 0 1 auto; }
#ascwin .aw-dl { font-size: max(11px, 1.3rem); line-height: 1.5; color: var(--ink2); }
#ascwin .aw-dlg .aw-btns { margin-top: 1.4rem; }
#ascwin .aw-dlg .aw-btns button { flex: 0 1 18rem; min-height: 4rem; }
body.touch #ascwin { --u: .059rem; --lh: 22; left: calc(.8rem + var(--sal)); right: calc(.8rem + var(--sar)); top: calc(.8rem + var(--sat)); bottom: calc(.8rem + var(--sab)); margin: 0; width: auto; height: auto;
max-width: none; max-height: none; padding: 4.9rem 1rem 1rem; }
body.touch #ascwin > header { justify-content: flex-start; padding: 0 5rem 0 1.6rem; }
body.touch #ascwin > header b { font-size: max(13px, 1.6rem); letter-spacing: .04em; }
body.touch #ascwin .aw-chip { height: 2.8rem; padding: 0 .7rem; gap: .4rem; font-size: max(10px, 1.1rem); }
body.touch #ascwin .aw-chip b { font-size: max(12px, 1.4rem); }
body.touch #ascwin .aw-chips { gap: .5rem; }
body.touch #ascwin .aw-name { font-size: max(14px, 1.7rem); }
body.touch #ascwin .aw-ct small { font-size: max(9px, 1rem); }
body.touch #ascwin .aw-ct p { margin-top: .1rem; font-size: max(10px, 1.15rem); line-height: 1.3; }
body.touch #ascwin .aw-pick { display: block; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; padding-right: .3rem; }
body.touch #ascwin .aw-note { padding: .4rem 1rem .5rem; gap: 1rem; margin-bottom: .7rem; }
body.touch #ascwin .aw-nt b { font-size: max(12px, 1.4rem); }
body.touch #ascwin .aw-nt p { font-size: max(10px, 1.15rem); line-height: 1.35; }
body.touch #ascwin .aw-cards { display: flex; flex-direction: column; gap: .8rem; }
body.touch #ascwin .aw-card { flex: none; display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: 0 1.2rem; padding: 1rem 1.2rem; }
body.touch #ascwin .aw-ch { position: sticky; top: .4rem; align-self: start; flex-direction: column; gap: .5rem; padding: 0; margin: 0; border-bottom: 0; text-align: center; }
body.touch #ascwin .aw-ch .aw-ct { flex: none; }
body.touch #ascwin .aw-ch .aw-emb { width: 8.4rem; height: 8.4rem; }
body.touch #ascwin .aw-ch button { min-height: 3.8rem; padding: 0 1.2rem; }
body.touch #ascwin .aw-nl { overflow: visible; gap: .8rem 1.2rem; padding: 0 0 0 1.2rem; border-left: 1px solid rgba(140,111,63,.3); }
body.touch #ascwin .aw-ni { gap: .7rem; }
body.touch #ascwin .aw-ni .ic { width: 3.4rem; height: 3.4rem; }
body.touch #ascwin .aw-nb > b { font-size: max(11px, 1.25rem); }
body.touch #ascwin .aw-sm { margin-top: 0; padding-top: .5rem; }
body.touch #ascwin .aw-sm h6 { margin-bottom: .1rem; font-size: max(10px, 1.1rem); }
body.touch #ascwin .aw-m { font-size: max(10px, 1.1rem); line-height: 1.35; }
body.touch #ascwin .aw-main { gap: .9rem; }
body.touch #ascwin .aw-node { --d: 64; }
body.touch #ascwin .aw-node.n { --d: 96; }
body.touch #ascwin .aw-node.start { --d: 116; }
body.touch #ascwin .aw-node .lb { top: calc(100% + 1 * var(--u)); max-width: calc(166 * var(--u)); padding: 0 .3rem; font-size: max(10px, 1.05rem); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.touch #ascwin .aw-side { gap: .5rem; }
body.touch #ascwin .aw-who { gap: .8rem; }
body.touch #ascwin .aw-who .aw-emb { width: 4.8rem; height: 4.8rem; }
body.touch #ascwin .aw-sum { padding: .5rem .9rem .6rem; }
body.touch #ascwin .aw-sum h5 { margin-bottom: .2rem; font-size: max(10px, 1.1rem); }
body.touch #ascwin .aw-suml .aw-m { line-height: 1.45; }
body.touch #ascwin .aw-hint { margin-top: .2rem; padding-top: .2rem; font-size: max(9px, 1rem); }
body.touch #ascwin .aw-cardbox .aw-ih { min-height: 3.4rem; padding: .2rem 3.4rem; }
body.touch #ascwin .aw-cardbox .aw-ih b { font-size: max(13px, 1.5rem); }
body.touch #ascwin .aw-cardbox .x { width: 3.2rem; height: 3.2rem; right: .3rem; top: .3rem; }
body.touch #ascwin .aw-cardbox .aw-ib { padding: .3rem .8rem .4rem; }
body.touch #ascwin .aw-ib .aw-m { font-size: max(11px, 1.2rem); line-height: 1.4; }
body.touch #ascwin .aw-ib hr { margin: .3rem auto; }
body.touch #ascwin .aw-pa { padding: 0 .6rem .5rem; }
body.touch #ascwin .aw-askl.cost { display: none; }
body.touch #ascwin .aw-askl.sub { font-size: max(10px, 1.1rem); }
body.touch #ascwin .aw-btns { margin-top: .3rem; }
body.touch #ascwin .aw-btns button { min-height: 4rem; }
body.touch #ascwin .aw-foot { grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr); gap: .5rem; }
body.touch #ascwin .aw-foot .aw-cost { display: none; }
body.touch #ascwin.refund .aw-foot .aw-cost { display: inline-flex; }
body.touch #ascwin.refund .aw-foot .aw-forsake { display: none; }
body.touch #ascwin .aw-foot button { min-height: 3.4rem; padding: 0 .3rem; border-width: .8rem; }
body.touch #ascwin .aw-forsake .lg { display: none; }
body.touch #ascwin .aw-forsake .sh { display: inline; }
body.touch #ascwin .aw-why { display: none; }
body.touch #ascwin .aw-pa .aw-askl.sub { display: none; }
body.touch #ascwin .aw-cardbox .aw-kind { display: none; }
body.touch #ascwin .aw-ask { top: 4.4rem; }
body.touch #ascwin .aw-dlg { padding: 1rem 1.6rem 1.2rem; }
body.touch #ascwin .aw-dlg h4 { margin-bottom: .6rem; }
body.touch #ascwin .aw-dlg .aw-who { margin-bottom: .6rem; }
body.touch #ascwin .aw-dlg .aw-who .aw-emb { width: 6.4rem; height: 6.4rem; }
body.touch #ascwin .aw-dlg .aw-btns { margin-top: .8rem; }
#pc-hud .ph-tab { left: 20.8rem; width: 46.6rem; }
#treewin .tw-ascb.has { color: var(--r2); }
#pc-hud .pc-skill .hc, #hotbar .skill .hc { position: absolute; left: .3rem; top: .3rem; z-index: 3; padding: .1rem .35rem; font: 700 max(9px, 1.1rem)/1.1 var(--sans); font-style: normal; color: #ffb4a8;
background: rgba(46,8,5,.9); border: 1px solid #b0281c; border-radius: .25rem; pointer-events: none; font-variant-numeric: tabular-nums; }
#pc-hud .pc-skill .hc:empty, #hotbar .skill .hc:empty { display: none; }
#hotbar .skill .hc { z-index: 4; }
#pc-hud .pc-skill.nohp .gi, #hotbar .skill.nohp .gi { filter: saturate(.3) brightness(.5) sepia(.6) hue-rotate(-35deg); }
.hpc-cost, .hpc-cost b, .hpc-cost em, .hpc-cost > span, .sw-big.hpc b, .sw-big.hpc small { color: #ff8a7a !important; }
#buff-list { display: flex; flex-wrap: wrap; gap: .2rem .9rem; }
#buff-list .bf { position: relative; display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
#buff-list .bf .bi { flex: none; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; min-width: 14px; min-height: 14px; border-radius: .3rem; overflow: hidden; color: #c4f7d4; }
#buff-list .bf .bi img, #buff-list .bf .bi svg { width: 100%; height: 100%; object-fit: cover; display: block; }
#buff-list .bf b { font-weight: 700; color: var(--brass-hi); font-variant-numeric: tabular-nums; }
#buff-list .bf.run::after { content: ''; position: absolute; left: 0; right: 0; bottom: -.1rem; height: 2px; background: #c4f7d4; transform-origin: 0 50%; animation: bf-run var(--ms, 3000ms) linear var(--el, 0ms) forwards; }
@keyframes bf-run { from { transform: scaleX(1); } to { transform: scaleX(0); } }
#hud #h-menu .icons button { position: relative; }
#hud #h-menu .icons .badge { position: static; margin-left: auto; }
#hud #h-menu .icons #m-asc > span { white-space: nowrap; }
.cb-cls .cb-asc { font-style: normal; font-weight: 600; color: var(--brass-hi); }
.cb-cls .cb-emb { width: 1.7em; height: 1.7em; margin: -.5em .25em -.4em 0; vertical-align: middle; object-fit: contain; filter: drop-shadow(0 1px 1px #000); }
#pc-hud .pc-menu .asc-emb { width: 74%; height: 74%; object-fit: contain; filter: drop-shadow(0 .1rem .1rem rgba(0,0,0,.8)); pointer-events: none; }
#h-menu .icons .asc-emb { flex: none; width: 2.8rem; height: 2.8rem; object-fit: contain; filter: drop-shadow(0 .1rem .1rem rgba(0,0,0,.8)); }
#pc-hud .pc-menu.has-emb > .hi, #h-menu .icons button.has-emb > .hi { display: none; }