#skills { --zz: #9fb4d8; --amber: #e8c860; }
.gw-soon { display: inline-block; flex: none; vertical-align: middle; margin-left: .7rem; padding: .1rem .7rem; font: 600 max(9px, 1.02rem)/1.5 var(--sans); font-style: normal; letter-spacing: 0; white-space: nowrap; text-shadow: none;
color: var(--amber, #e8c860); border: 1px solid rgba(232, 200, 96, .55); background: rgba(70, 52, 10, .45); }
.gw-soon.zz { color: var(--zz, #9fb4d8); border-color: rgba(159, 180, 216, .55); background: rgba(40, 52, 80, .45); }
.gw-soonline { display: flex; align-items: center; gap: .8rem; margin: -.2rem 0 .9rem; font-size: max(10px, 1.15rem); line-height: 1.45; color: var(--ink2); }
.gw-soonline .gw-soon { margin-left: 0; }
.gw-sleep { display: grid; gap: .2rem; margin: 0 0 1rem; padding: .8rem 1.2rem; border-left: .3rem solid var(--zz); background: rgba(60, 80, 120, .2); }
.gw-sleep b { font: 600 max(12px, 1.45rem)/1.3 var(--serif); color: #cfdcf5; }
.gw-sleep span { color: var(--ink); line-height: 1.45; }
.gw-sleep small { font-size: max(10px, 1.15rem); line-height: 1.45; color: var(--ink3); }
.gw-slot.zz .gw-ic .gi, .gw-ic.zz .gi, .gw-it.zz .gw-ic .gi, .gw-card.st-zz .gw-ic .gi { filter: grayscale(1) brightness(.5); }
.gw-slot.zz .gw-ic::before, .gw-ic.zz::before, .gw-card.st-zz .gw-ic::before { content: 'zz'; position: absolute; z-index: 2; right: -.3rem; top: -.5rem; padding: 0 .4rem; border-radius: .9rem; background: #2a3654; box-shadow: 0 0 0 1px #000;
font: 700 max(9px, 1.1rem)/1.5 var(--sans); font-style: italic; color: #cfdcf5; }
#skills .gw-slot.zz .gw-sl-m > b { color: var(--ink3); }
#skills .gw-sl-m > small.zz { color: var(--zz); }
#skills .gw-sl-m > b { display: flex; flex-wrap: wrap; align-items: center; gap: .1rem 0; }
.gw-name { display: flex; flex-wrap: wrap; align-items: center; }
.gw-spbox.zz { border-left: .3rem solid var(--zz); }
#skills .gw-it-m > b .gw-soon { margin-left: .5rem; }
.gw-facts { margin: 0 0 1rem; padding: .2rem 1.2rem; border-left: .3rem solid var(--brass); background: rgba(0, 0, 0, .28); }
.gw-facts .sw-r { align-items: baseline; }
.gw-facts .sw-r:last-child { border-bottom: 0; }
.gw-facts .sw-r > span b, .gw-facts .sw-r > b { color: var(--ink); }
.gw-facts .sw-r > em { font-style: normal; text-align: right; color: var(--ink2); }
.gw-facts .sw-r > em b { color: var(--ink); font-weight: 700; }
.gw-facts .sw-r.st > span { padding-left: 1.2rem; color: var(--ink3); white-space: nowrap; }
.gw-facts .sw-r.hp > span { color: #ff8f80; font-weight: 600; }
.itip.gtip .it-p.st { font-size: max(10px, 1.2rem); }
.itip.gtip .it-p.st em { font-weight: 500; color: var(--ink2); }
.itip.gtip .it-p.st em b, .itip.gtip .it-p > b { color: var(--ink); }
.itip.gtip .gt-head { flex-direction: row; align-items: center; justify-content: flex-start; gap: 1rem; text-align: left; }
.gt-ic { position: relative; flex: none; width: 4.4rem; height: 4.4rem; display: grid; place-items: center; }
.gt-ic img, .gt-ic svg { width: 100%; height: 100%; object-fit: contain; }
.gt-nm { flex: 1; min-width: 0; display: grid; }
.itip.gtip .gt-soon { display: flex; align-items: center; justify-content: center; gap: .6rem; margin: .2rem 0 .5rem; text-align: left; line-height: 1.4; color: var(--amber, #e8c860); }
.itip.gtip .gt-soon.zz { color: #9fb4d8; }
.itip.gtip .gt-soon .gw-soon { margin-left: 0; }
.itip.gtip .gt-fam em { color: var(--ink); }
.itip.gtip .gt-tiers { display: flex; align-items: center; justify-content: center; gap: .5rem; }
.itip.gtip .gt-tiers i { min-width: 2.2rem; padding: 0 .4rem; font: 600 max(10px, 1.15rem)/1.6 var(--serif); font-style: normal; text-align: center; color: var(--ink3); border: 1px solid var(--iron-hi, #4a4338); }
.itip.gtip .gt-tiers i.on { color: #1a1206; background: var(--brass-hi); border-color: var(--brass-hi); }
.gw-famt { display: block; font: 400 max(10px, 1.1rem)/1.4 var(--sans); font-style: normal; color: var(--brass-hi); opacity: .9; }
.gw-famt b { font-family: var(--serif); color: var(--ink) !important; }
#skills .gw-h > small { margin-left: .8rem; font: 400 max(10px, 1.1rem) var(--sans); letter-spacing: 0; color: var(--ink3); }
.gw-rom { position: absolute; z-index: 2; right: .1rem; bottom: -.1rem; min-width: 1.6rem; padding: 0 .3rem; border-radius: .8rem; background: #14110d; box-shadow: 0 0 0 1px var(--brass);
font: 700 max(9px, 1.05rem)/1.5 var(--serif); font-style: normal; text-align: center; color: var(--brass-hi); }
.gw-suppick { display: grid; gap: .8rem; margin-top: .6rem; }
.gw-famg { display: grid; gap: .3rem; }
.gw-famh { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; font-size: max(10px, 1.1rem); color: var(--ink3); }
.gw-famh b { font: 600 max(11px, 1.25rem) var(--serif); color: var(--brass-hi); }
.gw-famh em { font-style: normal; color: var(--amber); }
.gw-famg.twin .gw-list { opacity: .8; }
.gw-pend { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .7rem; margin: -.4rem 0 1rem; padding: .6rem 1.2rem; font-size: max(11px, 1.3rem); line-height: 1.4; color: #ffe9b0;
background: rgba(96, 62, 8, .5); box-shadow: inset 0 0 0 1px rgba(232, 200, 96, .6); }
.gw-pend > i { flex: none; width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; background: var(--amber); color: #1a1206; font: 700 max(11px, 1.3rem)/1 var(--sans); font-style: normal; }
.gw-pend b { color: #fff; font-size: max(12px, 1.5rem); }
#skills.picking .gw-pend { display: none; }
#hud .badge.gpend { background: #e8c860; color: #1a1206; box-shadow: 0 0 0 1px #000, 0 0 .8rem rgba(232, 200, 96, .7); }
#hud #m-toggle .badge.gpend.dot { right: auto; left: -.5rem; top: auto; bottom: -.5rem; }
.gw-pk-top { grid-template-columns: auto minmax(0, 1fr) auto 30rem; grid-template-areas: 'back title f q'; }
.gw-pk-f { flex-wrap: nowrap; }
.gw-pk-main { grid-template-columns: 22rem minmax(0, 1fr) 36rem; }
.gw-pick.no-side .gw-pk-main { grid-template-columns: minmax(0, 1fr) 36rem; }
.gw-pick.no-side .gw-pk-side { display: none; }
.gw-pk-side { min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: .5rem; padding-right: .2rem; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--brass) #090807; }
#skills .gw-grp { position: relative; flex: none; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-content: center; align-items: center; gap: .1rem .6rem; min-height: 5.6rem; padding: .5rem 1.1rem .5rem 1.3rem; text-align: left; cursor: pointer; }
#skills .gw-grp > b { grid-column: 1; display: flex; flex-wrap: wrap; align-items: center; gap: .1rem .6rem; font: 600 max(13px, 1.55rem)/1.25 var(--serif); color: var(--gem, var(--ink)); }
#skills .gw-grp > small { grid-column: 1; font: 400 max(9px, 1.05rem)/1.35 var(--sans); color: var(--ink3); white-space: normal; }
#skills .gw-grp > i { grid-column: 2; grid-row: 1 / span 2; min-width: 2.2rem; text-align: right; font: 700 max(11px, 1.3rem)/1 var(--sans); font-style: normal; color: var(--ink3); font-variant-numeric: tabular-nums; }
#skills .gw-grp.on { border-image-source: url(../assets/ui/dark/row_on.png); }
#skills .gw-grp.on::before { content: ''; position: absolute; left: 0; top: .7rem; bottom: .7rem; width: .3rem; background: var(--gem, var(--brass-hi)); box-shadow: 0 0 .8rem var(--gem, var(--brass-hi)); }
#skills .gw-grp.on > b { color: var(--gem, var(--brass-hi)); }
#skills .gw-grp.on > i { color: var(--ink); }
.gw-grp em { padding: .05rem .5rem; font: 600 max(9px, 1rem)/1.5 var(--sans); font-style: normal; white-space: nowrap; color: var(--teal); border: 1px solid rgba(72, 194, 176, .5); }
.gw-tiers { display: grid; gap: .6rem; }
.gw-trow { display: grid; grid-template-columns: 6.4rem minmax(0, 1fr); gap: .8rem; align-items: stretch; }
.gw-tlab { display: grid; align-content: center; justify-items: center; gap: .1rem; padding: .4rem .2rem; text-align: center; border-right: 1px solid rgba(140, 111, 63, .4); }
.gw-tlab small { font: 400 max(9px, 1rem)/1.3 var(--sans); color: var(--ink3); }
.gw-tlab b { font: 700 max(13px, 1.7rem)/1.1 var(--serif); color: var(--brass-hi); white-space: nowrap; }
.gw-trow.lock .gw-tlab b { color: var(--ink3); }
.gw-trow.lock .gw-tlab::after { content: ''; width: 1.8rem; height: 1.8rem; margin-top: .2rem; opacity: .7;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8b871' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='11' width='12' height='9' rx='1.5'/%3E%3Cpath d='M8.5 11V8a3.5 3.5 0 0 1 7 0v3'/%3E%3C/svg%3E") center / contain no-repeat; }
.gw-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; align-content: start; }
#skills .gw-card { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .8rem; align-items: center; justify-content: stretch; min-height: 6.6rem; padding: .5rem .8rem .5rem .6rem; cursor: pointer; }
#skills .gw-card.sel { border-image-source: url(../assets/ui/dark/row_on.png); outline: 1px solid var(--brass-hi); outline-offset: -1px; }
.gw-card > .gw-ic { width: 4.8rem; height: 4.8rem; }
.gw-card-m { min-width: 0; display: grid; gap: .15rem; justify-items: start; }
#skills .gw-card-m > b { max-width: 100%; font: 600 max(12px, 1.4rem)/1.25 var(--serif); color: var(--gem, var(--brass-hi)); overflow-wrap: anywhere; }
@supports (color: color-mix(in srgb, red, blue)) { #skills .gw-card-m > b, #skills .gw-fam-h > b { color: color-mix(in srgb, var(--gem, #d8b871) 55%, #fff); } }
#skills .gw-card .sw-tags.sm { flex-wrap: nowrap; max-width: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 1.2rem), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 1.2rem), transparent); }
#skills .gw-card .sw-tags.sm i { flex: none; white-space: nowrap; }
#skills .gw-card-m > b .gw-soon { margin-left: .5rem; font-size: max(8px, .95rem); line-height: 1.4; padding: 0 .5rem; vertical-align: .15em; }
#skills .gw-card .sw-tags.sm i.tier { color: var(--brass-hi); border-color: var(--brass); }
#skills .gw-card-m > small { font: 600 max(9px, 1.05rem)/1.35 var(--sans); white-space: normal; }
#skills .gw-card-m > small b, #skills .gw-fam > small b { font-weight: 700; color: inherit; }
#skills :is(.gw-card-m, .gw-fam) > small.ok { color: var(--ok); }
#skills :is(.gw-card-m, .gw-fam) > small.no { color: var(--bad); }
#skills :is(.gw-card-m, .gw-fam) > small.soon { color: var(--soon); }
#skills :is(.gw-card-m, .gw-fam) > small.twin { color: var(--amber); }
#skills .gw-card-m > small.up { color: var(--brass-hi); }
#skills .gw-card-m > small.have { color: var(--teal); }
#skills .gw-card-m > small.lock { color: var(--ink3); }
#skills .gw-card-m > small.zz { color: var(--zz); }
.gw-card.st-lock { opacity: .5; }
.gw-card.st-lock > .gw-ic .gi { filter: grayscale(.75) brightness(.7); }
.gw-card.st-no > .gw-ic .gi { filter: brightness(.8); }
.gw-card.st-zz { opacity: .75; }
.gw-card.st-zz .gw-card-m > b { color: var(--ink3) !important; }
.gw-fams { display: grid; grid-template-columns: repeat(auto-fill, minmax(38rem, 1fr)); gap: .6rem; align-items: start; }
#skills .gw-fam { display: grid; gap: .3rem; align-items: start; justify-content: stretch; min-height: 0; padding: .8rem 1rem .9rem; cursor: default; }
#skills .gw-fam:hover { border-image-source: url(../assets/ui/dark/row.png); }
.gw-fam-h { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .8rem; }
#skills .gw-fam-h > b { font: 600 max(13px, 1.55rem)/1.3 var(--serif); color: var(--gem, var(--brass-hi)); }
#skills .gw-fam-h > small { font: 400 max(10px, 1.1rem)/1.3 var(--sans); color: var(--ink3); }
#skills .gw-fam .sw-tags.sm { margin: 0; }
.gw-fam-d { font-size: max(10px, 1.15rem); line-height: 1.4; color: var(--ink2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#skills .gw-fam > small { font: 600 max(10px, 1.08rem)/1.4 var(--sans); white-space: normal; }
.gw-fam-t { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin-top: .3rem; }
#skills .gw-tierb { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: .6rem; width: auto; min-height: 4.4rem; padding: .3rem .6rem; border-image: url(../assets/ui/dark/tab.png) 16 fill / .8rem; cursor: pointer; }
#skills .gw-tierb.sel { border-image-source: url(../assets/ui/dark/tab_on.png); outline: 1px solid var(--brass-hi); outline-offset: -1px; }
.gw-tierb > .gi { flex: none; width: 3.4rem; height: 3.4rem; }
.gw-tb-m { min-width: 0; display: grid; line-height: 1.15; }
#skills .gw-tb-m > b { font: 700 max(12px, 1.5rem)/1.1 var(--serif); color: var(--brass-hi); }
#skills .gw-tb-m > small { font: 400 max(9px, 1.02rem)/1.3 var(--sans); color: var(--ink3); white-space: nowrap; }
#skills .gw-tb-m > small b { color: var(--ink2); }
.gw-tierb > em { position: absolute; right: .4rem; top: 0; font: 600 max(9px, 1rem)/1.4 var(--sans); font-style: normal; color: var(--teal); }
.gw-tierb.lock > .gi { filter: grayscale(.9) brightness(.55); }
#skills .gw-tierb.lock .gw-tb-m > b { color: var(--ink3); }
#skills .gw-tierb.lock .gw-tb-m > small, #skills .gw-tierb.lock .gw-tb-m > small b { color: var(--bad); }
.gw-fam.dim .gw-fam-d { color: var(--ink3); }
.gw-fam.dim .gw-tierb > .gi { filter: grayscale(.6) brightness(.75); }
.gw-fam.twin { box-shadow: inset .3rem 0 0 var(--amber); }
.gw-ask p.zz { color: #cfdcf5; }
body.touch .gw-pend { margin: -.2rem 0 .6rem; padding: .4rem .8rem; }
body.touch .gw-pk-top { grid-template-columns: auto minmax(0, 1fr) auto 17rem; gap: .5rem .6rem; }
body.touch .gw-pk-title .gw-cell { display: none; }
body.touch .gw-pk-title > div > b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.touch .gw-pk-title small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.touch .gw-pk-f { overflow: visible; }
body.touch #skills .gw-chip { height: 4rem; min-height: 4rem; padding: 0 .9rem; }
body.touch .gw-pk-q { height: 4rem; }
body.touch #skills .gw-pk-back { min-height: 4rem; }
body.touch .gw-pk-main { grid-template-columns: 13rem minmax(0, 1fr); gap: .6rem; }
body.touch .gw-pick.no-side .gw-pk-main { grid-template-columns: minmax(0, 1fr); }
body.touch .gw-pk-side { touch-action: pan-y; gap: .3rem; scrollbar-width: none; }
body.touch #skills .gw-grp { min-height: 4.2rem; padding: .2rem .7rem .2rem .9rem; }
body.touch #skills .gw-grp > b { font-size: max(12px, 1.3rem); }
body.touch #skills .gw-grp > small { display: none; }
body.touch #skills .gw-grp > i { grid-row: 1; }
body.touch .gw-trow { grid-template-columns: 4.4rem minmax(0, 1fr); gap: .5rem; }
body.touch .gw-tlab small { display: none; }
body.touch .gw-tlab b { font-size: max(12px, 1.4rem); }
body.touch .gw-cards { gap: .4rem; }
body.touch #skills .gw-card { min-height: 5.6rem; padding: .3rem .6rem .3rem .4rem; gap: .6rem; }
body.touch .gw-card > .gw-ic { width: 4.4rem; height: 4.4rem; }
body.touch .gw-fams { grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); gap: .5rem; }
body.touch #skills .gw-fam { padding: .6rem .7rem .7rem; }
body.touch #skills .gw-tierb { min-height: 4.4rem; padding: .2rem .4rem; gap: .4rem; }
body.touch .gw-tierb > .gi { width: 3rem; height: 3rem; }
body.touch .gt-ic { width: 4rem; height: 4rem; }
body.touch #skills :is(.gw-sup, .gw-acts, .gw-it, .gw-ask-b, .gw-pk-more, .gw-holdbar) button, body.touch #skills :is(.gw-chis, .gw-up, .gw-pk-back) { min-height: 4rem; }
body.touch #skills .gw-sw { height: 4rem; border-radius: 2rem; }
body.touch .gw-sw i { top: .7rem; }
body.touch .gw-sw span { line-height: 4rem; }
body.touch #skills > header .x { width: 4rem; height: 4rem; }
.rs-focus { --rs: #7fd8ff; } .rs-fervor { --rs: #7fe07a; } .rs-grit { --rs: #ff6a5a; }
.rs-combo { --rs: #ffd24a; } .rs-fury { --rs: #ff6450; } .rs-valor { --rs: #ffeab0; }
.rs-reel { --rs: #c9b3ff; } .rs-open { --rs: #ff8fb4; }
.rs-guard { --rs: #a8c8ea; } .rs-emp { --rs: #f0b060; } .rs-uses { --rs: #9fe0c8; } .rs-hp { --rs: #ff8f80; }
.rs-abreak { --rs: #e0c8a0; } .rs-stand { --rs: #b8d4c0; }
.rs-phys { --rs: #d8cdb8; } .rs-fire { --rs: var(--fire, #ff8a4c); } .rs-ice { --rs: var(--ice, #8fd8ff); } .rs-light { --rs: var(--light, #ffe36e); } .rs-dark { --rs: var(--dark, #c08cff); } .rs-poison { --rs: var(--poison, #8fd86a); }
.gw-facts .sw-r.rs { flex-wrap: wrap; gap: .1rem 1.2rem; }
.gw-facts .sw-r.rs > span { position: relative; padding-left: 1.5rem; color: var(--ink2); }
.gw-facts .sw-r.rs > span::before { content: ''; position: absolute; left: .1rem; top: .62em; width: .7rem; height: .7rem; margin-top: -.35rem; transform: rotate(45deg); background: var(--rs, var(--brass)); box-shadow: 0 0 0 1px rgba(0, 0, 0, .8); }
.gw-facts .sw-r.rs > em { flex: 1 1 auto; margin-left: auto; min-width: 0; }
.gw-facts .sw-r.rs > em > span { color: var(--ink); font-weight: 600; }
.gw-facts .sw-r.rs > em:empty { display: none; }
#skills .gw-q { flex: none; display: inline-flex; align-items: center; gap: .6rem; width: auto; min-height: 2.8rem; padding: 0 1rem 0 .6rem; border-width: .6rem; font: 600 max(10px, 1.15rem)/1 var(--sans); color: var(--ink2); white-space: nowrap; cursor: pointer; }
#skills .gw-q > i { flex: none; width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: 50%; font: 700 max(10px, 1.2rem)/1 var(--serif); font-style: normal; color: #1a1206; background: var(--brass-hi); }
#skills .gw-facts > .gw-q { display: flex; width: max-content; margin: .5rem 0 .5rem auto; }
#skills > header .gw-help { position: absolute; left: .9rem; top: .9rem; order: 0; height: 3.2rem; }
#skills.glossing > header .gw-help { color: var(--brass-hi); }
.gw-pk-info > .gw-q.in-card { align-self: flex-end; margin-top: -.4rem; }
#skills .gw-sl-m > small.rs { color: var(--rs, var(--ink3)); font-weight: 600; }
#skills .gw-sl-m > small.rs.full { text-shadow: 0 0 .8rem var(--rs); }
.gw-rpip { position: absolute; z-index: 2; left: -.1rem; top: -.1rem; width: 1rem; height: 1rem; transform: rotate(45deg); background: var(--rs, var(--brass-hi)); box-shadow: 0 0 0 1px #000, 0 0 .6rem var(--rs, var(--brass-hi)); pointer-events: none; }
.gw-card > .gw-ic .gw-rpip { width: .9rem; height: .9rem; }
.gw-valor { display: grid; gap: .1rem; margin: 0 0 1rem; padding: .6rem 1.2rem; border-left: .3rem solid #b89a52; background: rgba(120, 96, 30, .22); }
.gw-valor b { font: 600 max(12px, 1.4rem)/1.3 var(--serif); color: #e6cf8e; }
.gw-valor span { font-size: max(10px, 1.15rem); line-height: 1.45; color: var(--ink2); }
.gw-valor.full { border-left-color: #ffeab0; background: rgba(160, 130, 40, .32); box-shadow: 0 0 1.2rem rgba(255, 234, 176, .18); }
.gw-valor.full b { color: #fff3c8; text-shadow: 0 0 .8rem rgba(255, 234, 176, .6); }
.gw-usenote { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .7rem; margin: -.4rem 0 1rem; padding: .6rem 1.2rem; border-left: .3rem solid var(--rs); background: rgba(120, 96, 30, .22); font-size: max(10px, 1.2rem); line-height: 1.45; color: var(--ink); }
.gw-usenote > span:last-child { flex-basis: 100%; color: var(--ink3); font-size: max(10px, 1.1rem); }
.gw-usenote > b { flex-basis: 100%; font: 600 max(12px, 1.4rem)/1.3 var(--serif); color: #fff3c8; text-shadow: 0 0 .8rem rgba(255, 234, 176, .6); }
.gw-usenote.full { background: rgba(160, 130, 40, .32); box-shadow: 0 0 1.2rem rgba(255, 234, 176, .18); }
#skills .gw-up.zz { border-image-source: url(../assets/ui/dark/btn_disabled.png) !important; color: var(--ink3) !important; cursor: default; }
#skills .gw-up.zz b { color: inherit; }
.gw-acts > small.zz { flex-basis: 100%; color: var(--zz); }
.sw-big.rs small { color: var(--rs, var(--ink3)); }
.sw-big b.txt { font: 600 max(12px, 1.45rem)/1.35 var(--serif); }
.itip.gtip .gt-mech { margin: .5rem 0; padding: .4rem 0; border-top: 1px solid rgba(140, 111, 63, .35); border-bottom: 1px solid rgba(140, 111, 63, .35); }
.itip.gtip .gt-mech .it-p { line-height: 1.45; }
.itip.gtip .gt-mech .it-p > span:first-child { color: var(--rs, var(--ink2)); }
.itip.gtip .gt-mech .it-p > em { font-weight: 600; }
.gw-gloss { position: absolute; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; display: grid; place-items: center; box-sizing: border-box; padding: 6rem 1.6rem 1.6rem; background: rgba(5, 4, 3, .74); }
.gw-gloss.hidden { display: none; }
.gw-gl-box { box-sizing: border-box; width: 78rem; max-width: 100%; max-height: 100%; overflow-y: auto; display: grid; gap: .3rem; padding: 1.4rem 2rem 1.6rem; background: #15120e url(../assets/ui/dark/panel_fill.png) 0 0 / 25.6rem 25.6rem; box-shadow: 0 0 0 1px var(--brass), 0 1rem 3rem rgba(0, 0, 0, .85); overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--brass) #090807; }
#skills .gw-gl-box > .gw-h { margin: 0 0 .4rem; }
.gw-gl { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: .2rem 1.4rem; align-items: baseline; padding: .6rem .8rem .6rem 1rem; border-left: .3rem solid transparent; border-bottom: 1px solid rgba(140, 111, 63, .16); }
.gw-gl.on { border-left-color: var(--brass-hi); background: rgba(216, 184, 113, .1); }
.gw-gl > b { display: flex; flex-wrap: wrap; gap: .1rem .9rem; font: 600 max(12px, 1.5rem)/1.35 var(--serif); }
.gw-gl > b span { color: var(--rs, var(--brass-hi)); white-space: nowrap; }
.gw-gl p { margin: 0; font-size: max(11px, 1.25rem); line-height: 1.5; color: var(--ink); }
.gw-gl p em { font-style: normal; color: var(--ink3); white-space: nowrap; }
.gw-gl p em i { font-style: normal; color: var(--rs, var(--brass-hi)); }
#skills .gw-gl-box > button { justify-self: center; min-width: 14rem; min-height: 3.6rem; margin-top: .8rem; }
body.touch #skills .gw-q { min-height: 4rem; padding: 0 1rem 0 .7rem; }
body.touch #skills > header .gw-help { left: .5rem; top: .2rem; height: 4rem; }
body.touch .gw-rpip { left: .2rem; top: .2rem; width: .9rem; height: .9rem; }
body.touch .gw-gloss { z-index: 9; padding: .6rem; }
body.touch .gw-gl-box { padding: .8rem 1.2rem 1rem; gap: .1rem; }
body.touch .gw-gl { grid-template-columns: 11rem minmax(0, 1fr); gap: .1rem 1rem; padding: .35rem .6rem; }
body.touch .gw-gl > b { font-size: max(12px, 1.3rem); }
body.touch .gw-gl p { font-size: max(10px, 1.1rem); line-height: 1.4; }
body.touch #skills .gw-gl-box > button { min-height: 4rem; margin-top: .4rem; }
body.touch .gw-valor, body.touch .gw-usenote { padding: .5rem .9rem; }