.wf{margin:1.4rem 0 2.4rem;position:relative}
.wf{--soft:#9a8f7d}
:root[data-theme="light"] .wf{--soft:#6b6153}
.wf{color-scheme:dark}
:root[data-theme="light"] .wf{color-scheme:light}
.wf [hidden]{display:none!important}
.wf button{font-family:var(--sans)}
.wf-gate{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;
padding:1.1rem;border:1px solid var(--rule);border-radius:8px;
background:linear-gradient(180deg,var(--raised),var(--surface))}
.wf-gate-msg{margin:0;color:var(--muted)}
.wf-note{margin:.4rem 0;font-size:.84rem;line-height:1.5;color:var(--soft)}
.wf-note b{color:var(--muted)}
.wf .wf-h{margin:0 0 .3rem;font:700 1.3rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.06em}
.wf-pad{padding:.8rem .9rem}
.wf-pad>p:first-child{margin-top:0}
.wf-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0}
.wf-right{float:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.wf-empty{color:var(--soft);font-size:.86rem}
.wf-classes{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.7rem;margin-top:.8rem}
.wf-class{display:flex;flex-direction:column;gap:.35rem;text-align:left;padding:1rem;cursor:pointer;
border:1px solid var(--rule-strong);border-radius:8px;color:var(--text);
background:linear-gradient(180deg,var(--raised),var(--surface));transition:border-color .15s,transform .15s}
.wf-class:hover{border-color:var(--c-arcade);transform:translateY(-2px)}
.wf-class-name{font:700 1.2rem/1.1 var(--cond);text-transform:uppercase;letter-spacing:.06em}
.wf-class-name small{font:500 .72rem/1 var(--mono);color:var(--soft);letter-spacing:.1em;margin-left:.3rem}
.wf-class-blurb{color:var(--muted);font-size:.88rem}
.wf-class-line{font-size:.82rem;color:var(--soft)}
.wf-class-line b{font:600 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--c-arcade);margin-right:.3rem}
.wf-sheet{display:grid;gap:.5rem;padding:.9rem;border:1px solid var(--rule);border-radius:8px;
background:linear-gradient(180deg,var(--raised),var(--surface))}
.wf-sheet-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.4rem .9rem}
.wf .face{display:inline-block;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--rule-strong);object-fit:cover;flex:none}
.wf .face.lg{width:3rem;height:3rem}
.wf-who{min-width:0}
.wf-name{margin:0;font:700 1.15rem/1.15 var(--cond);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-lvl{margin:.2rem 0 0;font:500 .76rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}
.wf-lvl b{color:var(--c-arcade);font-weight:500}
.wf-title{margin:.15rem 0 0;font-size:.8rem;color:var(--c-arcade)}
.wf-stats{display:flex;gap:1rem;margin:0}
.wf-stats div{text-align:right}
.wf-stats dt{font:600 .66rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--soft)}
.wf-stats dd{margin:.3rem 0 0;font:700 1.15rem/1 var(--cond);font-variant-numeric:tabular-nums;color:var(--text)}
.wf-sound{display:grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;cursor:pointer;
border:1px solid var(--rule-strong);border-radius:50%;background:var(--surface);color:var(--text)}
.wf-sound:hover{border-color:var(--c-arcade);color:var(--c-arcade)}
.wf-sound[aria-pressed="true"]{border-style:dashed;color:var(--soft)}
.wf-sound .wf-i{width:1.2rem;height:1.2rem}
.wf-bar{position:relative;height:1.3rem;border-radius:4px;overflow:hidden;background:var(--ink-bg);border:1px solid var(--rule)}
.wf-bar.sm{height:1rem;margin-top:.2rem}
.wf-bar-fill{position:absolute;inset:0 auto 0 0;background:var(--accent-wash);border-right:2px solid var(--c-arcade);transition:width .3s ease}
.wf-bar.hp .wf-bar-fill{background:color-mix(in srgb,var(--go) 22%,transparent);border-color:var(--go)}
.wf-bar.boss .wf-bar-fill{background:color-mix(in srgb,var(--stop) 26%,transparent);border-color:var(--stop)}
.wf-bar.down .wf-bar-fill{background:transparent;border-color:var(--stop)}
.wf-bar-text{position:relative;display:block;text-align:center;font:500 .74rem/1.25rem var(--mono);
font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;overflow:hidden;
text-shadow:0 0 2px var(--ink-bg),0 0 2px var(--ink-bg),0 0 4px var(--ink-bg)}
.wf-bar.sm .wf-bar-text{line-height:.95rem;font-size:.68rem}
.wf-tabs{position:sticky;top:var(--mast-h);z-index:5;display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;
margin:.7rem 0;padding:.3rem;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
.wf-tab{position:relative;padding:.6rem .2rem;border:0;border-radius:6px;cursor:pointer;background:transparent;
font:600 .74rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}
.wf-tab:hover{color:var(--text)}
.wf-tab[aria-selected="true"]{background:var(--accent-wash);color:var(--text)}
.wf-badge{position:absolute;top:.3rem;right:.35rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--c-arcade)}
.wf-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
@media (min-width:640px){.wf-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wf-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;
min-height:4.2rem;padding:.7rem .4rem;border:1px solid var(--c-arcade);border-radius:8px;cursor:pointer;
background:var(--accent-wash);color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;
transition:transform .1s,background .15s,border-color .15s}
.wf-act:hover{background:var(--accent-glow)}
.wf-act:active{transform:scale(.97)}
.wf-act:disabled{cursor:default;border-color:var(--rule-strong);background:transparent;transform:none}
.wf-act.wide{width:100%;margin:.6rem 0}
.wf-act-name{font:700 1.05rem/1 var(--cond);text-transform:uppercase;letter-spacing:.08em}
.wf-act-cd{font:500 .76rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}
.wf-actions .wf-act{justify-content:flex-start}
.wf-act-desc{font-size:.78rem;line-height:1.35;color:var(--soft);text-align:center;text-wrap:balance}
.wf-btn{padding:.55rem .9rem;border:1px solid var(--rule-strong);border-radius:6px;cursor:pointer;
background:var(--raised);color:var(--text);font:600 .84rem/1.1 var(--sans,inherit);touch-action:manipulation}
.wf-btn:hover{border-color:var(--c-arcade)}
.wf-btn:disabled{cursor:default;opacity:.6;border-color:var(--rule)}
.wf-btn.sm{padding:.42rem .7rem;font-size:.78rem}
.wf-btn.ghost{background:transparent;color:var(--muted)}
.wf-result{min-height:1.5em;margin:.7rem 0;color:var(--muted);font-size:.94rem}
.wf-result b{color:var(--text)}
.wf .rare{color:var(--c-arcade);font-weight:600}
.wf-panel{margin-top:.7rem;border:1px solid var(--rule);border-radius:8px;overflow:hidden;
background:linear-gradient(180deg,var(--raised),var(--surface))}
.wf .wf-panel-head{display:flow-root;margin:0;padding:.65rem .9rem;border-bottom:1px solid var(--rule);
font:600 .74rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
details.wf-panel>summary{cursor:pointer;list-style:none}
details.wf-panel>summary::-webkit-details-marker{display:none}
details.wf-panel:not([open])>summary{border-bottom:0}
.wf-chip{display:inline-block;padding:.2rem .5rem;border:1px solid var(--rule-strong);border-radius:999px;
font:500 .72rem/1.2 var(--mono);color:var(--muted);white-space:nowrap}
.wf-chip.ok{border-color:color-mix(in srgb,var(--go) 60%,transparent);color:var(--go)}
.wf-chip.bad{border-color:color-mix(in srgb,var(--stop) 60%,transparent);color:var(--stop)}
.wf-chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}
.wf-pack{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.4rem;list-style:none;margin:0;padding:.7rem .9rem}
.wf-pack li{display:flex;align-items:center;gap:.5rem;margin:0;padding:.45rem .65rem;
border:1px solid var(--rule-strong);border-radius:6px;background:var(--ink-bg);font-size:.92rem;line-height:1.2;color:var(--text)}
.wf-pack li .wf-i{width:1.25rem;height:1.25rem}
.wf-pack li span{flex:1;min-width:0;overflow-wrap:break-word;hyphens:auto}
.wf-pack b{font:600 1rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text)}
.wf-pack li.wf-empty{grid-column:1/-1;border:0;background:none;padding:.2rem 0;color:var(--soft)}
.wf-forge,.wf-list,.wf-ups{list-style:none;margin:0;padding:0}
.wf-forge>li,.wf-list>li{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin:0;
padding:.6rem .9rem;border-bottom:1px solid var(--rule);font-size:.9rem}
.wf-forge>li:last-child,.wf-list>li:last-child{border-bottom:0}
.wf-forge-cur{background:var(--ink-bg);color:var(--soft)}
.wf-road-head{font:700 1.05rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.05em}
.wf-pips{display:flex;list-style:none;margin:.6rem 0;padding:0;gap:.25rem}
.wf-pips li{flex:1;margin:0;height:.45rem;border-radius:2px;background:var(--rule-strong)}
.wf-pips li.done{background:var(--c-arcade)}
.wf-pips li.here{background:linear-gradient(90deg,var(--c-arcade),var(--rule-strong))}
.wf-pips span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wf-card-title{margin:0 0 .3rem;font:700 1.15rem/1.2 var(--cond)}
.wf-options{display:grid;gap:.5rem;margin:.7rem 0}
.wf-option{display:flex;flex-direction:column;gap:.2rem;text-align:left;padding:.7rem .8rem;cursor:pointer;
border:1px solid var(--rule-strong);border-radius:8px;background:var(--ink-bg);color:var(--text)}
.wf-option:hover{border-color:var(--c-arcade)}
.wf-option.is-mine{border-color:var(--c-arcade);background:var(--accent-wash)}
.wf-option-head{display:flex;justify-content:space-between;gap:.5rem}
.wf-votes{font:700 1rem/1 var(--cond);color:var(--c-arcade)}
.wf-option-text{font-size:.86rem;color:var(--muted)}
.wf-option-who{font:500 .72rem/1.3 var(--mono);color:var(--soft)}
.wf-ups{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.wf-up{margin:0;padding:.7rem .9rem;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule)}
.wf-up-head{display:flex;justify-content:space-between;font:700 .95rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.05em}
.wf-up-head span{color:var(--c-arcade)}
.wf-up-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center;margin:.3rem 0}
.wf-boss-name{margin:0 0 .4rem;font:700 1.35rem/1.15 var(--cond);text-transform:uppercase;letter-spacing:.04em;color:var(--text)}
.wf-raid-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.wf-raid-head .wf-right{font:600 .9rem/1 var(--mono)}
.wf-telegraph{margin:.6rem 0;padding:.5rem .7rem;border:1px solid var(--rule);border-radius:6px;
font:600 .86rem/1.3 var(--mono);color:var(--muted);text-align:center}
.wf-telegraph.is-hot{border-color:var(--stop);color:var(--stop);background:color-mix(in srgb,var(--stop) 10%,transparent)}
.wf-flags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.4rem 0 .6rem}
.wf-raid-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.7rem}
.wf-raid-btns.four{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.wf-raid-btns.four{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wf-raid-btns.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.wf-raid-btns.n4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wf-raid-btns.n5{grid-template-columns:repeat(6,minmax(0,1fr))}
.wf-raid-btns.n5>*{grid-column:span 2}
.wf-raid-btns.n5>:nth-child(n+4){grid-column:span 3}
.wf-raid .wf-act{min-height:5rem}
.wf-mech{list-style:none;margin:.3rem 0;padding:0;font-size:.88rem}
.wf-mech li{margin:.25rem 0;color:var(--muted)}
.wf-mech b{color:var(--stop);margin-right:.3rem}
.wf-mech li.gone{text-decoration:line-through;color:var(--soft)}
.wf-mech li.gone b{color:var(--soft)}
.wf-log{list-style:none;margin:0;padding:.4rem .9rem;max-height:13rem;overflow-y:auto;font-size:.86rem;color:var(--muted);
scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}
.wf-log li{margin:0;padding:.22rem 0;border-bottom:1px dashed var(--rule)}
.wf-log li:first-child{color:var(--text)}
.wf-foes{list-style:none;margin:0 0 .6rem;padding:0;display:grid;gap:.4rem}
.wf-foes li{margin:0}
.wf-foe{width:100%;display:grid;gap:.25rem;text-align:left;padding:.5rem .6rem;cursor:pointer;
border:1px solid var(--rule-strong);border-radius:6px;background:var(--ink-bg);color:var(--text);font-size:.9rem}
.wf-foe.is-target{border-color:var(--stop);box-shadow:0 0 0 1px var(--stop) inset}
.wf-guild{display:grid;grid-template-columns:minmax(0,1fr);gap:0 .8rem}
@media (min-width:760px){.wf-guild{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.wf-feed,.wf-roster{list-style:none;margin:0;padding:0;max-height:24rem;overflow-y:auto}
.wf-feed li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;margin:0;
padding:.5rem .9rem;border-bottom:1px solid var(--rule);font-size:.88rem;color:var(--muted)}
.wf-feed li:last-child,.wf-roster li:last-child{border-bottom:0}
.wf-feed li b{color:var(--text);font-weight:600}
.wf-feed li.is-big{background:var(--accent-wash)}
.wf-feed time{font:500 .7rem/1.6 var(--mono);color:var(--soft);white-space:nowrap}
.wf-roster li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;
gap:.5rem;margin:0;padding:.45rem .9rem;border-bottom:1px solid var(--rule);font-size:.9rem}
.wf-roster li.is-me{background:var(--accent-wash)}
.wf-roster li.is-down{opacity:.6}
.wf-roster .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--rule-strong)}
.wf-roster .is-on .dot{background:var(--go);box-shadow:0 0 6px var(--go)}
.wf-roster .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.wf-roster .who small{color:var(--c-arcade);font-size:.74rem}
.wf-roster div.who{white-space:normal}
.wf-roster .is-on .who,.wf-roster .is-me .who{color:var(--text)}
.wf-roster .lv{font:500 .74rem/1 var(--mono);color:var(--soft);white-space:nowrap}
.wf-roster.wf-party li{grid-template-columns:1.4rem minmax(0,1fr) auto}
.wf-roster .rank{font:600 .76rem/1 var(--mono);color:var(--soft);min-width:1.2rem;text-align:right}
.wf-board-tabs{display:flex;flex-wrap:wrap;gap:.3rem;padding:.6rem .9rem;border-bottom:1px solid var(--rule)}
.wf-toast{position:fixed;left:50%;bottom:1.2rem;z-index:50;max-width:min(92vw,30rem);
transform:translate(-50%,150%);padding:.7rem 1rem;border:1px solid var(--c-arcade);border-radius:8px;
background:var(--surface);color:var(--text);font-size:.9rem;box-shadow:0 10px 30px -10px #000;
opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease,visibility 0s linear .25s;pointer-events:none}
.wf-toast.is-on{transform:translate(-50%,0);opacity:1;visibility:visible;transition:transform .25s ease,opacity .25s ease,visibility 0s}
.wf-toast:empty{display:none}
.wf-conn{min-height:1.2em;margin:.6rem 0 0;font:500 .74rem/1.4 var(--mono);color:var(--soft)}
.wf-stale{position:fixed;top:0;left:0;right:0;z-index:45;box-sizing:border-box;min-height:var(--mast-h);
display:flex;align-items:center;gap:.6rem;padding:calc(.5rem + env(safe-area-inset-top,0px)) clamp(1rem,3vw,2rem) .5rem;
border-bottom:1px solid var(--c-arcade);background:var(--surface);color:var(--muted);font-size:.86rem;line-height:1.35;
font-family:var(--sans);
box-shadow:0 10px 30px -14px #000}
.wf-stale[hidden]{display:none}
.wf-stale b{color:var(--text)}
.wf-stale>.wf-i{flex:none;width:1.1rem;height:1.1rem;color:var(--c-arcade)}
.wf-stale>.wf-btn{flex:none}
@media (max-width:600px){
.wf-sheet-top{grid-template-columns:auto minmax(0,1fr) auto}
.wf-stats{grid-column:1/-1;justify-content:flex-start}
.wf-sound{grid-row:1;grid-column:3}
.wf-stats div{text-align:left}
.wf-tab{font-size:.66rem;letter-spacing:.03em}
.wf .wf-panel-head{letter-spacing:.06em}
}
.wf{--wf-ranger:#7fb069;--wf-warrior:#b8c2d6;--wf-cleric:#ffd34a;--wf-rogue:#b48cff;--wf-gold:#ffc20e}
:root[data-theme="light"] .wf{--wf-ranger:#3f7a2a;--wf-warrior:#4a5670;--wf-cleric:#9a6a00;--wf-rogue:#6b3fc4;--wf-gold:#8a5a00}
.wf .is-ranger,.wf .cls-ranger{--wf-c:var(--wf-ranger)}
.wf .is-warrior,.wf .cls-warrior{--wf-c:var(--wf-warrior)}
.wf .is-cleric,.wf .cls-cleric{--wf-c:var(--wf-cleric)}
.wf .is-rogue,.wf .cls-rogue{--wf-c:var(--wf-rogue)}
.wf-i{display:inline-block;width:1.1em;height:1.1em;flex:none;vertical-align:-.18em}
.wf-i[class*="cls-"]{color:var(--wf-c)}
.wf-panel-head>.wf-i,.wf-right>.wf-i{margin-right:.4rem;color:var(--c-arcade)}
.wf-chip .wf-i,.wf-fx .wf-i,.wf-drop .wf-i{width:1em;height:1em;margin-right:.25rem}
.wf-btn.has-icon{display:inline-flex;align-items:center;gap:.4rem}
.wf-btn.has-icon .wf-i{width:1.05rem;height:1.05rem}
.wf-i.is-ok{color:var(--go)}
.wf-i.is-bad{color:var(--stop)}
.wf-crest{display:block;width:2.4rem;height:2.4rem;flex:none}
.wf-crest.lg{width:3rem;height:3rem}
.wf-crest-shield{fill:color-mix(in srgb,var(--wf-c) 16%,var(--ink-bg));stroke:var(--wf-c)}
.wf-crest-mark{stroke:var(--wf-c)}
.wf-gate{position:relative;overflow:hidden;padding-top:0}
.wf-hero{display:block;width:calc(100% + 2.2rem);height:auto;aspect-ratio:400/140;max-height:12rem;
margin:0 -1.1rem .2rem;border-bottom:1px solid var(--rule)}
.wf-tab{display:flex;flex-direction:column;align-items:center;gap:.3rem}
.wf-tab .wf-i{width:1.25rem;height:1.25rem}
.wf-tab[aria-selected="true"] .wf-i{color:var(--c-arcade)}
.wf-class-top{display:flex;align-items:center;gap:.7rem}
.wf-class:hover{border-color:var(--wf-c)}
.wf-class-line{display:flex;gap:.35rem;align-items:baseline}
.wf-class-line .wf-i{color:var(--c-arcade);width:.95rem;height:.95rem;align-self:center}
.wf-class-line b{flex:none}
.wf-portrait{position:relative;display:block}
.wf-portrait .wf-crest.badge{position:absolute;right:-.45rem;bottom:-.35rem;width:1.6rem;height:1.6rem;
filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.wf-stats dt{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}
.wf-stats dt .wf-i{width:.85rem;height:.85rem}
.wf-stats .is-gold dt .wf-i,.wf-stats .is-gold dd{color:var(--wf-gold)}
@media (max-width:600px){.wf-stats dt{justify-content:flex-start}}
.wf-meter{display:grid;grid-template-columns:1.2rem minmax(0,1fr);gap:.45rem;align-items:center}
.wf-meter>.wf-i{width:1.15rem;height:1.15rem}
.wf-meter.has-potion{grid-template-columns:1.2rem minmax(0,1fr) auto}
.wf-potion{white-space:nowrap}
.wf-i.is-hp{color:var(--go)}
.wf-i.is-xp{color:var(--c-arcade)}
.wf-bar.xp .wf-bar-fill{background:color-mix(in srgb,var(--c-arcade) 20%,transparent)}
.wf-bar.lg{height:1.7rem}
.wf-bar.lg .wf-bar-text{line-height:1.65rem;font-size:.8rem}
.wf-bar-mark{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed var(--stop);opacity:.8}
.wf-bar.time .wf-bar-fill{background:color-mix(in srgb,var(--muted) 16%,transparent);border-color:var(--muted)}
.wf-act.has-art{gap:.3rem}
.wf-act-art{position:relative;display:grid;place-items:center;width:2.3rem;height:2.3rem}
.wf-act-art>.wf-i{width:1.35rem;height:1.35rem;color:var(--c-arcade)}
.wf-act:disabled .wf-act-art>.wf-i{color:var(--soft)}
.wf-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.wf-ring circle{fill:none;stroke-width:2.6}
.wf-ring-track{stroke:transparent}
.wf-act:disabled .wf-ring-track{stroke:var(--rule)}
.wf-ring-fill{stroke:var(--c-arcade);stroke-linecap:round;transition:stroke-dashoffset .2s linear}
.wf-raid .wf-act-art{width:2.6rem;height:2.6rem}
.wf-result{display:flex;align-items:center;gap:.8rem;min-height:3.6rem}
.wf-result>p{margin:0}
.wf-result-art{flex:none;display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:8px;
border:1px solid var(--rule);background:radial-gradient(circle at 50% 70%,var(--accent-wash),var(--ink-bg));color:var(--text)}
.wf-result-art .wf-foe-art{width:2.8rem;height:2.8rem}
.wf-result-art.is-icon .wf-i{width:1.6rem;height:1.6rem;color:var(--c-arcade)}
.wf-result-art.is-rare{border-color:var(--c-arcade);box-shadow:0 0 14px -2px var(--accent-glow);color:var(--c-arcade)}
.wf-result-art.is-bad{border-color:var(--stop);color:var(--stop)}
.wf-drop{display:inline-flex;align-items:center;white-space:nowrap}
.wf-pack li{justify-content:flex-start;align-items:center}
.wf-pack li span{flex:1}
.wf-grow{flex:1;min-width:0}
.wf-gear-ic{display:grid;place-items:center;flex:none;width:2.1rem;height:2.1rem;border-radius:6px;
border:1px solid var(--rule-strong);background:var(--ink-bg);color:var(--soft)}
.wf-gear-ic.is-next{color:var(--c-arcade);border-color:color-mix(in srgb,var(--c-arcade) 45%,transparent)}
.wf-gear-ic .wf-i{width:1.15rem;height:1.15rem}
.wf-forge-cur{justify-content:flex-start!important}
.wf-up-by{font:600 .68rem/1 var(--mono);color:var(--go)}
details.wf-panel>summary .wf-i{margin-right:.4rem}
.wf-banner{position:relative;line-height:0;border-bottom:1px solid var(--rule);overflow:hidden}
.wf-scene{display:block;width:100%;height:auto;aspect-ratio:320/120;max-height:12rem}
.wf-banner.is-short .wf-scene{aspect-ratio:320/70;max-height:6.5rem}
.wf-banner-text{position:absolute;left:.9rem;bottom:.6rem;line-height:1.2;color:#f0ebe1;text-shadow:0 1px 6px rgba(0,0,0,.85)}
.wf-kicker{display:block;font:600 .68rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.14em;opacity:.85}
.wf-banner-title{display:block;font:700 1.45rem/1.1 var(--cond);text-transform:uppercase;letter-spacing:.05em}
.wf-banner-boss{position:absolute;right:.7rem;bottom:.6rem;width:3.4rem;height:3.4rem;border-radius:50%;overflow:hidden;
border:2px solid rgba(240,235,225,.7);box-shadow:0 2px 10px rgba(0,0,0,.6)}
.wf-banner-boss .wf-warlord{width:100%;height:100%}
.wf-route{display:block;width:100%;max-width:30rem;height:auto;margin:.4rem auto .2rem;color:var(--c-arcade);overflow:visible}
.wf-route-line{stroke:var(--rule-strong);stroke-width:2;stroke-dasharray:4 4}
.wf-route text{font:500 9px var(--mono);fill:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.wf-route .is-here text{fill:var(--text);font-weight:700}
.wf-route .is-done text{fill:var(--muted)}
.wf-route-end{color:var(--soft)}
.wf-route-endlabel{fill:var(--soft)}
.wf-card-art-wrap{line-height:0;border-bottom:1px solid var(--rule)}
.wf-card-art{display:block;width:100%;height:auto;aspect-ratio:120/40;max-height:9rem}
.wf-option{position:relative;overflow:hidden}
.wf-option>*{position:relative}
.wf-option .wf-option-share{position:absolute;inset:0 auto 0 0;background:var(--accent-wash);border-right:2px solid color-mix(in srgb,var(--c-arcade) 50%,transparent);
transition:width .35s ease;pointer-events:none}
.wf-option.is-mine .wf-option-share{background:var(--accent-glow)}
.wf-option.is-leading .wf-votes{text-shadow:0 0 10px var(--accent-glow)}
.wf-option-head b{display:inline-flex;align-items:center;gap:.3rem}
.wf-option-head .wf-i{color:var(--c-arcade)}
.wf-votes small{font:500 .7rem/1 var(--mono);color:var(--soft)}
.wf-effects{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.2rem}
.wf-fx{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:4px;background:var(--ink-bg);
font:500 .72rem/1.25 var(--mono);color:var(--muted)}
.wf-fx.ok{color:var(--go)}
.wf-fx.bad{color:var(--stop)}
.wf-up-head{align-items:center;gap:.5rem}
.wf-up-head b{flex:1}
.wf-up-ic{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:6px;background:var(--accent-wash);color:var(--c-arcade)}
.wf-up-ic .wf-i{width:1.15rem;height:1.15rem}
.wf-up-row{grid-template-columns:1.1rem minmax(0,1fr) auto}
.wf-up-row>.wf-btn{min-width:5.4rem}
.wf-up-item{color:var(--soft);display:grid;place-items:center}
.wf-pips-row{display:inline-flex;gap:.2rem;align-items:center}
.wf-pips-row i{width:.5rem;height:.5rem;border-radius:2px;background:var(--rule-strong)}
.wf-pips-row i.on{background:var(--c-arcade);box-shadow:0 0 6px var(--accent-glow)}
.wf-pips-row.lg i{width:.7rem;height:.7rem}
.wf-boss{display:flex;align-items:center;gap:.8rem;margin-bottom:.4rem;min-width:0}
.wf-boss .wf-warlord{flex:none;width:4.4rem;height:4.4rem;border-radius:8px;border:1px solid var(--rule-strong)}
.wf-boss.is-live .wf-warlord{width:5rem;height:5rem;border-color:var(--stop);box-shadow:0 0 18px -4px var(--stop)}
.wf-boss.is-enraged .wf-warlord{animation:wf-rage .9s ease-in-out infinite alternate}
@keyframes wf-rage{to{box-shadow:0 0 26px 0 var(--stop);transform:scale(1.03)}}
.wf-boss-text{min-width:0}
.wf-boss-text .wf-boss-name{margin:0}
.wf-boss-text .wf-note{margin:.2rem 0 0}
.wf-raid-head{align-items:center}
.wf-raid-head .wf-right{white-space:nowrap}
@media (max-width:600px){
.wf-raid-head{position:relative}
.wf-raid-head>.wf-right{position:absolute;top:.2rem;right:0}
.wf-raid-head .wf-boss-name{padding-right:4.8rem}
}
.wf-raid-time{margin:.4rem 0}
.wf-pace{min-height:1em;margin:-.15rem 0 .45rem;font:500 .74rem/1.3 var(--mono);color:var(--soft)}
.wf-pace:empty{display:none}
.wf-pace.is-ok{color:var(--go)}
.wf-pace.is-close{color:var(--warn)}
.wf-pace.is-bad{color:var(--stop)}
.wf-partyhp{margin-top:.8rem}
.wf-partyhp:empty{display:none}
.wf-partyhp-head{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .45rem;margin:0 0 .4rem;font:600 .72rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.wf-partyhp-head .wf-i{width:1rem;height:1rem;color:var(--c-arcade)}
.wf-partyhp-head span{text-transform:none;letter-spacing:0;font-weight:500;color:var(--soft)}
.wf-partyhp-head .wf-right{margin-left:auto;color:var(--muted)}
.wf-mates{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.35rem;list-style:none;margin:0;padding:0}
.wf-mate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem .4rem;margin:0;padding:.35rem .5rem .45rem;
border:1px solid var(--rule-strong);border-radius:6px;background:var(--ink-bg);font-size:.8rem;line-height:1.2}
.wf-mate-ic .wf-i{display:block;width:1rem;height:1rem}
.wf-mate-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text)}
.wf-mate-n{font:600 .74rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}
.wf-mate-bar{grid-column:1/-1;height:.4rem;border-radius:3px;background:var(--rule);overflow:hidden}
.wf-mate-bar i{display:block;height:100%;background:var(--go);transition:width .3s ease}
.wf-mate.is-me{border-color:var(--c-arcade)}
.wf-mate.is-hurt .wf-mate-bar i{background:var(--warn)}
.wf-mate.is-low .wf-mate-bar i{background:var(--stop)}
.wf-mate.is-low .wf-mate-n{color:var(--stop)}
.wf-mate.is-down{border-color:color-mix(in srgb,var(--stop) 60%,transparent);background:color-mix(in srgb,var(--stop) 10%,transparent)}
.wf-mate.is-down .wf-mate-n,.wf-mate.is-down .wf-mate-ic{color:var(--stop)}
.wf-mate.is-marked{border-color:var(--warn);box-shadow:0 0 0 1px var(--warn) inset}
.wf-mate.is-marked .wf-mate-n,.wf-mate.is-marked .wf-mate-ic{color:var(--warn)}
.wf-mate.is-away{opacity:.55}
@media (prefers-reduced-motion:reduce){.wf-mate-bar i{transition:none}}
.wf-countdown{position:relative;padding-left:1.45rem;font:600 .95rem/1.45 var(--mono)}
.wf-countdown>.wf-i:first-child{position:absolute;left:0;top:.2em;color:var(--c-arcade)}
.wf-telegraph{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:.6rem;text-align:left}
.wf-tele-fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--muted) 10%,transparent);pointer-events:none}
.wf-telegraph.is-hot .wf-tele-fill{background:color-mix(in srgb,var(--stop) 22%,transparent)}
.wf-telegraph.is-hot.is-warded{border-color:var(--go);color:var(--go);background:color-mix(in srgb,var(--go) 8%,transparent)}
.wf-telegraph.is-hot.is-warded .wf-tele-fill{background:color-mix(in srgb,var(--go) 16%,transparent)}
.wf-tele-text,.wf-ward{position:relative}
.wf-tele-perfect{position:absolute;inset:0 0 0 auto;background:color-mix(in srgb,var(--go) 16%,transparent);border-left:1px dashed color-mix(in srgb,var(--go) 70%,transparent);pointer-events:none}
.wf-break{position:relative;display:inline-block;width:3.5rem;height:.4rem;border-radius:2px;background:color-mix(in srgb,var(--stop) 18%,transparent);overflow:hidden}
.wf-break i{position:absolute;inset:0 auto 0 0;background:var(--stop)}
.wf-tells{margin:.4rem 0 0;font-size:.8rem}
.wf-tells summary{cursor:pointer;font:500 .76rem/1.4 var(--mono);color:var(--soft)}
.wf-tells ul{margin:.3rem 0 0;padding-left:1.1rem}
.wf-tells li{margin:.15rem 0}
.wf-ward{display:inline-flex;align-items:center;gap:.3rem;flex:none}
.wf-ward small{font:500 .7rem/1 var(--mono)}
.wf-ward .wf-pips-row i.on{background:var(--go);box-shadow:none}
.wf-flags .wf-chip{display:inline-flex;align-items:center}
.wf-chip.is-pulse{animation:wf-pulse 1s ease-in-out infinite alternate}
@keyframes wf-pulse{to{box-shadow:0 0 10px 0 color-mix(in srgb,var(--go) 60%,transparent)}}
.wf-mech li{display:flex;gap:.5rem;align-items:flex-start}
.wf-mech .wf-i{margin-top:.15rem;color:var(--stop)}
.wf-mech li.gone .wf-i{color:var(--soft)}
.wf-howto{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.7rem 0;padding:0}
.wf-howto li{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:0;padding:.6rem .4rem;text-align:center;
border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-howto .wf-i{width:1.5rem;height:1.5rem;color:var(--c-arcade)}
.wf-howto.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.wf-howto.n4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wf-howto b{font:700 .9rem/1 var(--cond);text-transform:uppercase;letter-spacing:.06em}
.wf-howto span{font-size:.78rem;line-height:1.35;color:var(--soft)}
.wf-dmg li,.wf-board li{background:linear-gradient(90deg,var(--accent-wash) var(--share,0%),transparent var(--share,0%))}
.wf-dmg li.is-me,.wf-board li.is-me{box-shadow:inset 3px 0 0 var(--c-arcade)}
.wf-party li>span:first-child .wf-i{width:1.15rem;height:1.15rem}
.wf-party li.is-down>span:first-child .wf-i{color:var(--stop)}
.wf-depth{display:flex;gap:.3rem;list-style:none;margin:0;padding:.55rem .9rem;border-bottom:1px solid var(--rule)}
.wf-depth li{flex:1;display:grid;place-items:center;height:1.6rem;margin:0;border-radius:4px;border:1px solid var(--rule-strong);
font:600 .72rem/1 var(--mono);color:var(--soft);background:var(--ink-bg)}
.wf-depth li.done{background:var(--accent-wash);border-color:color-mix(in srgb,var(--c-arcade) 40%,transparent);color:var(--muted)}
.wf-depth li.here{background:var(--accent-glow);border-color:var(--c-arcade);color:var(--text)}
.wf-depth li.boss{border-color:color-mix(in srgb,var(--stop) 60%,transparent);color:var(--stop)}
.wf-depth li.boss.here{background:color-mix(in srgb,var(--stop) 20%,transparent)}
.wf-depth .wf-i{width:.9rem;height:.9rem}
.wf-foe{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem}
.wf-foe-pic{display:grid;place-items:center;width:3rem;height:3rem;border-radius:6px;color:var(--muted);
background:radial-gradient(circle at 50% 75%,color-mix(in srgb,var(--stop) 14%,transparent),transparent 70%)}
.wf-foe-pic .wf-foe-art{width:2.7rem;height:2.7rem}
.wf-foe.is-boss .wf-foe-pic{width:3.8rem;height:3.8rem;color:var(--stop)}
.wf-foe.is-boss .wf-foe-pic .wf-foe-art{width:3.5rem;height:3.5rem}
.wf-foe.is-target .wf-foe-pic{color:var(--text)}
.wf-foe-body{display:grid;gap:.25rem;min-width:0}
.wf-target-mark{color:var(--stop)}
.wf-target-mark .wf-i{width:1.3rem;height:1.3rem}
.wf-faces{display:flex;align-items:center;gap:.15rem;margin-top:.25rem;flex-wrap:wrap}
.wf-faces .wf-note{margin:0 0 0 .3rem}
.wf-dots{display:inline-flex;gap:2px}
.wf-dots i{width:4px;height:4px;border-radius:50%;background:var(--soft);animation:wf-dot 1.2s infinite}
.wf-dots i:nth-child(2){animation-delay:.2s}
.wf-dots i:nth-child(3){animation-delay:.4s}
@keyframes wf-dot{50%{opacity:.25}}
.wf-big-line{display:flex;align-items:flex-start;gap:.5rem}
.wf-big-line>.wf-i{width:1.4rem;height:1.4rem;color:var(--c-arcade);flex:none}
.wf-loot{display:flex;flex-wrap:wrap;gap:.3rem .7rem;align-items:center;margin:.5rem 0;font-size:.88rem;color:var(--muted)}
.wf-loot b{color:var(--text)}
.wf-feed li{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}
.wf-feed-ic{margin-top:.12rem;color:var(--soft)}
.wf-feed li.is-big .wf-feed-ic{color:var(--c-arcade)}
.wf-feed li.k-ko .wf-feed-ic,.wf-feed li.k-crawl-wipe .wf-feed-ic{color:var(--stop)}
.wf-feed li.k-raid-win .wf-feed-ic{color:var(--wf-gold)}
.wf-roster .lv{display:inline-flex;align-items:center;gap:.3rem}
.wf-board-tab{display:inline-flex;align-items:center;gap:.3rem}
.wf-board-tab .wf-i{width:.9rem;height:.9rem}
.wf-board .rank .wf-i{width:1rem;height:1rem}
.wf-board .is-top1 .rank{color:#e6b422}
.wf-board .is-top2 .rank{color:#a8b0bc}
.wf-board .is-top3 .rank{color:#c07a43}
.wf-classmix{padding:.55rem .9rem;border-bottom:1px solid var(--rule)}
.wf-mixbar{display:flex;height:.5rem;border-radius:999px;overflow:hidden;gap:2px}
.wf-mixbar span{background:var(--wf-c)}
.wf-mixkey{display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin-top:.4rem;font:500 .72rem/1.3 var(--mono);color:var(--soft)}
.wf-mixkey span{display:inline-flex;align-items:center;gap:.25rem}
@media (max-width:600px){
.wf-tab .wf-i{width:1.1rem;height:1.1rem}
.wf-banner-title{font-size:1.15rem}
.wf-banner-boss{width:2.8rem;height:2.8rem}
.wf-howto span{font-size:.72rem}
.wf-boss.is-live .wf-warlord{width:4rem;height:4rem}
.wf-raid-btns.four{gap:.4rem;margin-top:.5rem}
.wf-raid-btns.four .wf-act{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;
align-items:center;justify-items:start;column-gap:.5rem;row-gap:.2rem;min-height:0;padding:.5rem .6rem}
.wf-raid-btns.four .wf-act-art{grid-row:1/3;align-self:start;width:1.6rem;height:1.6rem}
.wf-raid-btns.four .wf-act-art>.wf-i{width:1.1rem;height:1.1rem}
.wf-raid-btns.four .wf-act-name{font-size:.88rem;letter-spacing:.05em}
.wf-raid-btns.four .wf-act-cd{font-size:.7rem}
.wf-raid-btns.four .wf-act-desc{grid-column:1/-1;font-size:.72rem;text-align:left;text-wrap:pretty}
.wf-foe{padding:.4rem .5rem}
.wf-foe-pic{width:2.4rem;height:2.4rem}
.wf-foe-pic .wf-foe-art{width:2.2rem;height:2.2rem}
.wf-roster.wf-party li{padding:.35rem .7rem;gap:.4rem}
}
@media (prefers-reduced-motion:reduce){
.wf-route animate{display:none}
}
.wf{
--k-weapon:#ff7a59;--k-armor:#6fa8ff;--k-gold:#ffc20e;--k-xp:#e879f9;--k-hp:#4ade80;
--k-hide:#d98b5f;--k-fang:#eadfc4;--k-wood:#a8bf5c;--k-ore:#9fb3c8;--k-herb:#3fd497;
--k-gem:#a78bfa;--k-relic:#2dd4bf;--k-trophy:#fb7185;--k-potion:#f43f5e;
--k-supplies:#d4a373;--k-intel:#38bdf8;
--k-smith:#ff9a3c;--k-leather:#c98a5a;--k-alchemy:#5eead4;
--r-poor:#9d9d9d;--r-common:#e8e4da;--r-uncommon:#1eff00;--r-rare:#3d9bff;--r-epic:#b45cff;--r-legendary:#ff8000;
--r-mythic:#ff4f8b;--r-artifact:#e6cc80;--r-ascendant:#3ee6e0;--k-starmetal:#9ad7ff;
}
:root[data-theme="light"] .wf{
--k-weapon:#c2410c;--k-armor:#1d4ed8;--k-gold:#8a5a00;--k-xp:#a21caf;--k-hp:#166534;
--k-hide:#9a4a1f;--k-fang:#7a6a45;--k-wood:#4d6b12;--k-ore:#475569;--k-herb:#047857;
--k-gem:#6d28d9;--k-relic:#0f766e;--k-trophy:#be123c;--k-potion:#be123c;
--k-supplies:#8a5a2b;--k-intel:#0369a1;
--k-smith:#c2410c;--k-leather:#8a4a1f;--k-alchemy:#0f766e;
--r-poor:#6b6b6b;--r-common:#3a3630;--r-uncommon:#15803d;--r-rare:#1d4ed8;--r-epic:#7e22ce;--r-legendary:#c2410c;
--r-mythic:#be185d;--r-artifact:#8a6d1f;--r-ascendant:#0e7490;--k-starmetal:#1e6fa8;
}
.wf .k-weapon,.wf .k-sword,.wf .k-damage,.wf .k-whetstone{color:var(--k-weapon)}
.wf .k-armor,.wf .k-shield,.wf .k-kit{color:var(--k-armor)}
.wf .k-gold{color:var(--k-gold)}
.wf .k-xp,.wf .k-star{color:var(--k-xp)}
.wf .k-heart{color:var(--k-hp)}
.wf .k-hide{color:var(--k-hide)}
.wf .k-fang{color:var(--k-fang)}
.wf .k-wood,.wf .k-logging{color:var(--k-wood)}
.wf .k-ore,.wf .k-mining{color:var(--k-ore)}
.wf .k-herb,.wf .k-herbalism{color:var(--k-herb)}
.wf .k-skinning{color:var(--k-hide)}
.wf .k-gem{color:var(--k-gem)}
.wf .k-relic{color:var(--k-relic)}
.wf .k-trophy{color:var(--k-trophy)}
.wf .k-starmetal{color:var(--k-starmetal)}
.wf .k-potion{color:var(--k-potion)}
.wf .k-elixir,.wf .k-alchemy{color:var(--k-alchemy)}
.wf .k-blacksmithing,.wf .k-anvil,.wf .k-armory{color:var(--k-smith)}
.wf .k-leatherworking{color:var(--k-leather)}
.wf .k-supplies,.wf .k-wagons{color:var(--k-supplies)}
.wf .k-intel,.wf .k-watchtower{color:var(--k-intel)}
.wf .k-chapel{color:var(--k-gold)}
.wf-meter>.wf-i.is-hp{color:var(--k-hp)}
.wf-meter>.wf-i.is-xp{color:var(--k-xp)}
.wf-bar.xp .wf-bar-fill{background:color-mix(in srgb,var(--k-xp) 18%,transparent);border-color:var(--k-xp)}
.wf-stats .is-gold dd{color:var(--k-gold)}
.wf-stats dt .k-sword{color:var(--k-weapon)}
.wf-stats dt .k-shield{color:var(--k-armor)}
.wf-rar.r-poor,.wf-slot.r-poor b{color:var(--r-poor)}
.wf-rar.r-common,.wf-slot.r-common b{color:var(--r-common)}
.wf-rar.r-uncommon,.wf-slot.r-uncommon b{color:var(--r-uncommon)}
.wf-rar.r-rare,.wf-slot.r-rare b{color:var(--r-rare)}
.wf-rar.r-epic,.wf-slot.r-epic b{color:var(--r-epic)}
.wf-rar.r-legendary,.wf-slot.r-legendary b{color:var(--r-legendary)}
.wf-gear-ic.r-poor,.wf-slot.r-poor .wf-slot-pic{border-color:var(--r-poor)}
.wf-gear-ic.r-common,.wf-slot.r-common .wf-slot-pic{border-color:color-mix(in srgb,var(--r-common) 60%,transparent)}
.wf-gear-ic.r-uncommon,.wf-slot.r-uncommon .wf-slot-pic{border-color:var(--r-uncommon)}
.wf-gear-ic.r-rare,.wf-slot.r-rare .wf-slot-pic{border-color:var(--r-rare)}
.wf-gear-ic.r-epic,.wf-slot.r-epic .wf-slot-pic{border-color:var(--r-epic)}
.wf-gear-ic.r-legendary,.wf-slot.r-legendary .wf-slot-pic{border-color:var(--r-legendary);box-shadow:0 0 10px -2px var(--r-legendary)}
.wf-rar.r-mythic,.wf-slot.r-mythic b{color:var(--r-mythic)}
.wf-rar.r-artifact,.wf-slot.r-artifact b{color:var(--r-artifact)}
.wf-rar.r-ascendant,.wf-slot.r-ascendant b{color:var(--r-ascendant)}
.wf-gear-ic.r-mythic,.wf-slot.r-mythic .wf-slot-pic{border-color:var(--r-mythic);box-shadow:0 0 10px -2px var(--r-mythic)}
.wf-gear-ic.r-artifact,.wf-slot.r-artifact .wf-slot-pic{border-color:var(--r-artifact);box-shadow:0 0 12px -2px var(--r-artifact)}
.wf-gear-ic.r-ascendant,.wf-slot.r-ascendant .wf-slot-pic{border-color:var(--r-ascendant);box-shadow:0 0 14px -1px var(--r-ascendant)}
.wf-result-art.r-mythic{border-color:var(--r-mythic);box-shadow:0 0 14px -2px var(--r-mythic)}
.wf-result-art.r-mythic .wf-i{color:var(--r-mythic)}
.wf-result-art[class*=" r-"] .wf-i{width:1.8rem;height:1.8rem}
.wf-equip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.15rem}
.wf-slot{display:flex;align-items:center;gap:.6rem;min-width:0;padding:.45rem .55rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-slot-pic{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border:1.5px solid var(--rule-strong);border-radius:6px;
background:radial-gradient(circle at 50% 60%,color-mix(in srgb,currentColor 0%,var(--raised)),var(--ink-bg))}
.wf-slot-pic .wf-i{width:1.6rem;height:1.6rem}
.wf-slot-text{display:grid;min-width:0;line-height:1.2}
.wf-slot-text small{font:600 .64rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--soft)}
.wf-slot-text b{font:700 1rem/1.15 var(--cond);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-slot-power{display:inline-flex;align-items:center;gap:.2rem;font:500 .72rem/1.3 var(--mono);color:var(--muted)}
.wf-slot-power .wf-i{width:.8rem;height:.8rem}
.wf-buffs{display:flex;flex-wrap:wrap;gap:.3rem}
.wf-buff{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--rule-strong);
font:500 .72rem/1.2 var(--mono);color:var(--text);background:var(--ink-bg)}
.wf-buff .wf-i{width:.9rem;height:.9rem}
.wf-buff span{color:var(--soft)}
@media (max-width:420px){.wf-equip{grid-template-columns:1fr}}
.wf .wf-subhead{display:flex;align-items:center;gap:.4rem;margin:.9rem 0 .4rem;font:600 .7rem/1.3 var(--mono);
text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.wf-panel>.wf-subhead{margin:0;padding:.55rem .9rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.wf-pad>.wf-subhead:first-child{margin-top:0}
.wf-good-acts{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;justify-content:flex-end}
.wf-select{max-width:8.5rem;padding:.38rem .45rem;border:1px solid var(--rule-strong);border-radius:6px;background:var(--raised);color:var(--text);font:500 .8rem/1 var(--sans)}
.wf-gear-ic.is-blacksmithing{border-color:color-mix(in srgb,var(--k-smith) 50%,transparent)}
.wf-gear-ic.is-leatherworking{border-color:color-mix(in srgb,var(--k-leather) 50%,transparent)}
.wf-gear-ic.is-alchemy{border-color:color-mix(in srgb,var(--k-alchemy) 50%,transparent)}
.wf-prof-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.4rem;margin:.4rem 0}
.wf-prof-opt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .5rem;align-items:center;text-align:left;padding:.55rem .6rem;cursor:pointer;
border:1px solid var(--rule-strong);border-radius:8px;background:var(--ink-bg);color:var(--text)}
.wf-prof-opt:hover:not(:disabled){border-color:var(--c-arcade)}
.wf-prof-opt.is-mine{border-color:var(--c-arcade);background:var(--accent-wash);cursor:default}
.wf-prof-opt .wf-i{width:1.4rem;height:1.4rem;grid-row:span 2}
.wf-prof-opt b{min-width:0;font:700 .92rem/1.1 var(--cond);text-transform:uppercase;letter-spacing:.03em;overflow-wrap:anywhere}
.wf-prof-opt span{font-size:.8rem;line-height:1.4;color:var(--muted)}
.wf-talent-pill{display:inline-flex;align-items:center;gap:.3rem;margin:.35rem 0 0;padding:.2rem .55rem;cursor:pointer;
border:1px solid color-mix(in srgb,var(--c-arcade) 55%,transparent);border-radius:999px;background:var(--accent-wash);
font:600 .7rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--c-arcade)}
.wf-talent-pill .wf-i{width:.9rem;height:.9rem}
.wf{--d-orange:#ff8040;--d-yellow:#ffd000;--d-green:#40c040;--d-grey:#808080}
:root[data-theme="light"] .wf{--d-orange:#c2410c;--d-yellow:#a16207;--d-green:#15803d;--d-grey:#6b6b6b}
.wf-recipes .d-orange .wf-diff{color:var(--d-orange)}
.wf-recipes .d-yellow .wf-diff{color:var(--d-yellow)}
.wf-recipes .d-green .wf-diff{color:var(--d-green)}
.wf-recipes .d-grey .wf-diff{color:var(--d-grey)}
.wf-skillup{display:inline-flex;align-items:center;gap:.25rem;margin-left:.2rem;padding:.05rem .4rem;border-radius:4px;
background:var(--accent-wash);font:600 .76rem/1.4 var(--mono);color:var(--text)}
.wf-roster .lv>span{display:inline-flex}
.wf-seg{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:0 0 .5rem;padding:.25rem;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
.wf-seg-opt{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .5rem;border:0;border-radius:6px;cursor:pointer;
background:transparent;color:var(--soft);font:600 .76rem/1.1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.wf-seg-opt .wf-i{width:1rem;height:1rem}
.wf-seg-opt[aria-pressed="true"]{background:var(--accent-wash);color:var(--text)}
.wf-seg-opt.is-danger[aria-pressed="true"]{background:color-mix(in srgb,var(--stop) 18%,transparent);color:var(--stop)}
.wf-seg.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.wf-seg-opt{text-align:center}
.wf-picks{display:grid;gap:.5rem;margin:.6rem 0 0}
@media (min-width:640px){.wf-picks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.wf-pick{display:grid;gap:.3rem}
.wf-pick-label{font:600 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.wf-pick .wf-seg{margin:0}
.wf-wanted{margin-left:.2rem;padding:.12rem .3rem;border-radius:3px;background:var(--accent-wash);color:var(--c-arcade);font-size:.6rem;letter-spacing:.04em}
@media (max-width:600px){
.wf-seg-opt{position:relative;min-width:0}
.wf-seg-opt>.wf-wanted{position:absolute;top:-.5rem;right:.2rem;margin:0;padding:.1rem .3rem;background:var(--c-arcade);color:var(--bg);line-height:1}
}
.wf .wf-bad{color:var(--stop)}
.wf-tag{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .35rem;border:1px solid var(--rule-strong);border-radius:4px;font-size:.75rem;color:var(--soft);vertical-align:middle}
.wf-tag .wf-i{width:.85rem;height:.85rem}
.wf-trail{margin-top:0;margin-bottom:.6rem;border-color:var(--c-arcade)}
.wf .wf-trail .wf-panel-head{display:flex;align-items:center;gap:.4rem}
.wf-trail .wf-panel-head .wf-pips-row{margin-left:auto}
.wf-trail>p,.wf-trail>.wf-trail-next,.wf-trail>.wf-trail-btns{margin-left:.9rem;margin-right:.9rem}
.wf-trail-carry{margin-top:.6rem;font-size:.86rem;line-height:1.45}
.wf-trail-next{display:flex;gap:.75rem;align-items:center;margin-top:.6rem;margin-bottom:.6rem}
.wf-trail-next p{margin:0 0 .25rem}
.wf-trail-foe{font-size:.95rem}
.wf-trail-odds{font-size:.84rem;line-height:1.4;color:var(--soft)}
.wf-trail-btns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.2rem;margin-bottom:.5rem}
.wf-trail>.wf-note{margin-bottom:.75rem}
.wf-trail-reach{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-top:.6rem;font-size:.84rem;color:var(--soft)}
.wf-trail-reach b{color:var(--c-arcade)}
.wf-trail-reach-den{font:500 .7rem/1.2 var(--mono);color:var(--muted)}
.wf-trail-btns.is-alt .wf-brace-btn{grid-column:auto}
.wf-reach-pips i:last-child{border-radius:50%;outline:1px solid var(--c-arcade);outline-offset:1px}
.wf-trail>.wf-trailcraft,.wf-trail>.wf-trail-goods,.wf-trail>.wf-campfire{margin-left:.9rem;margin-right:.9rem}
.wf-trail-carry.is-safe{margin-top:.15rem}
.wf .wf-trail-safe{color:var(--go)}
.wf-trailcraft{margin-top:.45rem}
.wf-trailcraft .wf-chip{display:inline-flex;align-items:center;gap:.3rem}
.wf-trailcraft .wf-chip .wf-i{width:.85rem;height:.85rem}
.wf-rhythm-pips i{width:.4rem;height:.4rem}
.wf-trail-sign{display:flex;gap:.5rem;align-items:flex-start;margin-top:.6rem;padding:.45rem .6rem;border:1px dashed var(--rule-strong);border-radius:6px;font-size:.84rem;line-height:1.45;color:var(--soft)}
.wf-trail-sign.is-ok{border-color:color-mix(in srgb,var(--go) 50%,transparent)}
.wf-trail-sign>.wf-i{flex:none;width:1.1rem;height:1.1rem;margin-top:.1rem;color:var(--c-arcade)}
.wf-trail-next.is-alt{padding-top:.6rem;border-top:1px dashed var(--rule-strong)}
.wf .wf-alpha{display:inline-block;padding:.05rem .35rem;border:1px solid var(--c-arcade);border-radius:3px;color:var(--c-arcade);font:700 .62rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;vertical-align:.1em}
.wf-result-art.is-alpha{border-color:var(--c-arcade);color:var(--c-arcade)}
.wf-trail.is-fireside{border-color:var(--warn)}
.wf-paint.is-campfire{--ar:2.353;--ar-md:3;--ar-lg:4;background:#14132a;margin-top:.6rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.wf-campfire{margin-top:.6rem;margin-bottom:.4rem;font-size:.88rem;line-height:1.45}
.wf-campfire>p{margin:0 0 .5rem}
.wf-campfire-picks{display:grid;grid-template-columns:1fr;gap:.45rem;margin-bottom:.5rem}
@media (min-width:520px){.wf-campfire-picks{grid-template-columns:1fr 1fr}}
.wf-boons{display:grid;grid-template-columns:1fr;gap:.45rem}
@media (min-width:640px){.wf-boons{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wf .wf-boon{display:grid;grid-template-columns:auto 1fr;gap:.15rem .5rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--rule-strong);border-radius:8px;background:var(--accent-wash);color:inherit;text-align:left;font:inherit;cursor:pointer}
.wf .wf-boon:hover,.wf .wf-boon:focus-visible{border-color:var(--c-arcade)}
.wf-boon>.wf-i{grid-row:1/3;width:1.4rem;height:1.4rem;color:var(--c-arcade)}
.wf-boon>b{font-size:.88rem}
.wf-boon>span{font-size:.78rem;line-height:1.35;color:var(--soft)}
.wf-trail-goods-head{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.wf-trail-goods-head .wf-i{width:.95rem;height:.95rem}
.wf-trail-goods{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:-.4rem;margin-bottom:.7rem}
.wf-trail-goods .wf-btn .wf-i{width:.95rem;height:.95rem}
.wf-trail-signsay{color:var(--soft)}
.wf .wf-read{font-weight:600}
.wf .wf-read.is-easy{color:var(--go)}
.wf .wf-read.is-fair{color:var(--text)}
.wf .wf-read.is-hard{color:var(--warn)}
.wf .wf-read.is-danger,.wf .wf-read.is-deadly{color:var(--stop)}
.wf .wf-read.is-deadly{text-transform:uppercase;letter-spacing:.04em;font-size:.92em}
.wf-btn.is-danger{border-color:var(--stop);background:color-mix(in srgb,var(--stop) 14%,transparent);color:var(--stop)}
.wf-btn.is-danger:hover{background:color-mix(in srgb,var(--stop) 22%,transparent)}
.wf-act.is-danger{border-color:var(--stop);background:color-mix(in srgb,var(--stop) 10%,transparent)}
.wf-act.is-danger .wf-act-art>.wf-i{color:var(--stop)}
.wf-act.is-picked{border-color:var(--go);box-shadow:0 0 0 1px var(--go) inset;background:color-mix(in srgb,var(--go) 12%,transparent)}
.wf-intent{display:flex;align-items:center;gap:.35rem;font:500 .76rem/1.3 var(--mono);color:var(--muted)}
.wf-intent .wf-i{width:.95rem;height:.95rem;flex:none}
.wf-intent.k-heavy,.wf-intent.k-cleave{color:var(--c-arcade)}
.wf-intent.is-me{color:var(--stop)}
.wf-intent.k-guard{color:var(--soft)}
.wf-intent.k-mend{color:var(--go)}
.wf-foe-on{display:flex;flex-direction:column;align-items:center;gap:.15rem}
.wf-foe-on .wf-i{width:.95rem;height:.95rem}
.wf-plan{display:inline-flex;align-items:center;gap:.25rem;max-width:9rem}
.wf-plan small{font:500 .7rem/1.2 var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-combos{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.3rem;margin:.5rem 0}
.wf-combo{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.4rem;align-items:center;padding:.35rem .5rem;
border:1px dashed var(--rule-strong);border-radius:6px;color:var(--soft)}
.wf-combo .wf-i{grid-row:1/3;width:1rem;height:1rem}
.wf-combo b{font:700 .8rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.05em}
.wf-combo small{font-size:.72rem;line-height:1.3}
.wf-combo.is-on{border-style:solid;border-color:var(--go);color:var(--text);background:color-mix(in srgb,var(--go) 10%,transparent)}
.wf-combo.is-on .wf-i{color:var(--go)}
.wf-log li.is-combo{color:var(--go);font-weight:600}
.wf-log li.is-camp{color:var(--c-arcade)}
.wf-campshare{display:grid;gap:.45rem}
.wf-campshare .wf-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:0}
.wf-campshare .wf-subhead .wf-note{margin:0;font:500 .68rem/1.3 var(--mono);text-transform:none;letter-spacing:0}
.wf-campshare>.wf-note{margin:0}
.wf-share{position:relative;display:flex;height:1.7rem;border:1px solid var(--rule);border-radius:4px;overflow:hidden;background:var(--ink-bg)}
.wf-share>i{display:block;height:100%}
.wf-share>i.is-barrage{background:color-mix(in srgb,var(--r-legendary) 45%,transparent)}
.wf-share>i.is-ballista{background:color-mix(in srgb,var(--c-arcade) 38%,transparent)}
.wf-share>i.is-garrison{background:color-mix(in srgb,var(--go) 32%,transparent)}
.wf-share>span{position:absolute;inset:0;display:grid;place-items:center;font:600 .78rem/1 var(--mono);color:var(--text)}
.wf-share.is-won{border-color:var(--go);box-shadow:0 0 0 1px var(--go) inset}
.wf-share-chips{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:0;padding:0}
.wf-share-chips li{margin:0;font-size:.68rem}
.wf-share-key{display:inline-block;width:.6rem;height:.6rem;margin-right:.35rem;border-radius:2px;vertical-align:-.05em}
.wf-share-key.is-barrage{background:linear-gradient(color-mix(in srgb,var(--r-legendary) 45%,transparent),color-mix(in srgb,var(--r-legendary) 45%,transparent)),var(--ink-bg)}
.wf-share-key.is-ballista{background:linear-gradient(color-mix(in srgb,var(--c-arcade) 38%,transparent),color-mix(in srgb,var(--c-arcade) 38%,transparent)),var(--ink-bg)}
.wf-share-key.is-garrison{background:linear-gradient(color-mix(in srgb,var(--go) 32%,transparent),color-mix(in srgb,var(--go) 32%,transparent)),var(--ink-bg)}
.wf-share-key.is-rest{background:var(--ink-bg);box-shadow:0 0 0 1px var(--rule-strong) inset}
.wf-camp-out{display:flex;gap:.45rem;align-items:flex-start;margin:.45rem 0;padding:.5rem .6rem;border:1px solid color-mix(in srgb,var(--c-arcade) 45%,transparent);
border-radius:6px;background:color-mix(in srgb,var(--c-arcade) 8%,transparent);color:var(--text)}
.wf-camp-out>.wf-i{flex:none;width:1rem;height:1rem;margin-top:.15rem;color:var(--c-arcade)}
.wf-cparts-say{margin:.5rem 0 .3rem}
.wf-cparts{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.wf-cparts li{margin:0}
.wf-cparts details{border:1px solid var(--rule);border-radius:6px;background:var(--ink-bg)}
.wf-cparts details[open]{border-color:var(--rule-strong)}
.wf-cparts summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.3rem .5rem;padding:.45rem .6rem;cursor:pointer;list-style:none}
.wf-cparts summary::-webkit-details-marker{display:none}
.wf-cparts summary>.wf-i{width:.9rem;height:.9rem;color:var(--c-arcade)}
.wf-cparts summary>.wf-share-key{margin:0}
.wf-cpart-name{font:600 .84rem/1.2 var(--sans,inherit);color:var(--text)}
.wf-cpart-now{font:600 .8rem/1 var(--mono);color:var(--text);font-variant-numeric:tabular-nums}
.wf-cpart-more{font:600 1rem/1 var(--mono);color:var(--soft);transition:transform .15s}
.wf-cparts details[open] .wf-cpart-more{transform:rotate(90deg)}
.wf-cpart-bar{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;font:500 .66rem/1 var(--mono);color:var(--soft);white-space:nowrap}
.wf-cpart-bar>span{flex:1;height:.3rem;border-radius:999px;background:var(--rule);overflow:hidden}
.wf-cpart-bar i{display:block;height:100%;background:var(--c-arcade)}
.wf-cpart-bar.is-max i{background:var(--go)}
.wf-cpart-bar.is-max{color:var(--go)}
.wf-cpart-body{padding:0 .6rem .55rem}
.wf-cpart-body .wf-note{margin:.1rem 0 0;font-size:.82rem;line-height:1.45}
.wf-cpart-works{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.wf-cpart-work{display:flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border:1px solid var(--rule-strong);border-radius:6px;background:var(--surface);
color:var(--text);font:inherit;text-align:left;cursor:pointer}
.wf-cpart-work:hover{border-color:var(--c-arcade)}
.wf-cpart-work .wf-i{width:1rem;height:1rem;color:var(--c-arcade);flex:none}
.wf-cpart-work b{display:block;font-size:.8rem}
.wf-cpart-work small{display:block;font:500 .66rem/1.3 var(--mono);color:var(--soft)}
.wf-held{display:flex;gap:.4rem;align-items:flex-start}
.wf-held .wf-i{flex:none;width:.95rem;height:.95rem;margin-top:.15rem}
.wf-stock-btns .wf-btn{flex:1 1 7rem}
.wf-bar.is-ready .wf-bar-fill{background:color-mix(in srgb,var(--go) 22%,transparent);border-color:var(--go)}
.wf-gear-ic.is-room.is-hot{color:var(--stop);box-shadow:inset 0 0 0 1px var(--stop),0 0 10px -3px var(--stop)}
.wf-gear-ic.is-beast{color:var(--k-gold)}
.wf-gear-ic.is-beast .wf-foe-art{width:2.6rem;height:2.6rem}
.wf-camp-cmds{margin-top:.6rem}
.wf-camp-cmds:empty{display:none}
.wf-camp-cmds .wf-subhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .6rem;margin:0}
.wf-camp-cmds .wf-subhead .wf-note{margin:0;font:500 .68rem/1.3 var(--mono);text-transform:none;letter-spacing:0}
.wf-camp-btns{margin-top:.4rem}
.wf-camp-btns .wf-act-art{color:var(--c-arcade)}
.wf-camp-stores{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-left:.2rem;color:var(--soft)}
.wf-camp-stores>.wf-i{width:.95rem;height:.95rem}
.wf-recap-camp{display:flex;gap:.4rem;align-items:flex-start;margin:.2rem 0 .5rem}
.wf-recap-camp .wf-i{flex:none;width:1rem;height:1rem;margin-top:.15rem;color:var(--c-arcade)}
.wf-calls{display:flex;flex-wrap:wrap;gap:.3rem;margin:.6rem 0 .3rem}
.wf-call{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border:1px solid var(--rule-strong);border-radius:999px;cursor:pointer;
background:var(--raised);color:var(--text);font:600 .76rem/1.1 var(--sans,inherit);touch-action:manipulation}
.wf-call:hover{border-color:var(--c-arcade)}
.wf-call:active{transform:scale(.97)}
.wf-call .wf-i{width:.9rem;height:.9rem;color:var(--c-arcade)}
.wf-call-log{list-style:none;margin:.2rem 0 .4rem;padding:0;display:grid;gap:.15rem;font-size:.82rem;color:var(--muted)}
.wf-call-log li{display:flex;align-items:center;gap:.35rem;margin:0}
.wf-call-log li .wf-i{width:.9rem;height:.9rem}
.wf-call-log b{color:var(--text)}
.wf-call-log time{margin-left:auto;font:500 .68rem/1 var(--mono);color:var(--soft);white-space:nowrap}
.wf-ready{margin:.7rem 0;padding:.6rem .7rem;border:1px solid var(--rule-strong);border-radius:8px;background:var(--ink-bg)}
.wf-ready.is-counting{border-color:var(--c-arcade);box-shadow:0 0 0 1px var(--c-arcade) inset}
.wf-ready-count{margin:0 0 .4rem;font:600 .84rem/1.3 var(--mono);color:var(--muted)}
.wf-ready-count b{color:var(--text);font-size:1rem}
.wf-ready-list{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.wf-ready-list li{display:inline-flex;align-items:center;gap:.3rem;margin:0;padding:.2rem .5rem .2rem .2rem;border:1px solid var(--rule);border-radius:999px;font-size:.84rem}
.wf-ready-list li.wf-empty{border:0;padding:0;color:var(--soft)}
.wf-ready-list .face{width:1.4rem;height:1.4rem}
.wf-ready-list .wf-i{width:.9rem;height:.9rem}
.wf-btn.is-big{padding:.75rem 1.2rem;font-size:.92rem;border-color:var(--c-arcade);background:var(--accent-wash)}
.wf-act.is-full{box-shadow:0 0 0 1px var(--c-arcade) inset,0 0 14px var(--accent-glow)}
.wf-act.is-early{border-style:dashed;border-color:var(--rule-strong);background:transparent}
.wf-act.is-early .wf-act-cd{color:var(--soft)}
.wf-act.is-wanted{border-color:var(--go);box-shadow:0 0 0 1px var(--go) inset,0 0 14px color-mix(in srgb,var(--go) 30%,transparent)}
.wf-act.is-wanted .wf-act-cd{color:var(--go)}
.wf-act.is-perfect{border-color:var(--go);box-shadow:0 0 0 2px color-mix(in srgb,var(--go) 35%,transparent)}
.wf-act.is-perfect .wf-act-cd{color:var(--go)}
.wf-fight-tip{margin:.5rem 0 0}
.wf-raid.is-beast{border-color:color-mix(in srgb,var(--c-arcade) 55%,transparent)}
.wf-beast-pic{display:grid;place-items:center;width:4.4rem;height:4.4rem;flex:none;border-radius:8px;color:var(--c-arcade);
background:radial-gradient(circle at 50% 60%,var(--accent-glow),transparent 70%)}
.wf-beast-pic .wf-foe-art{width:4rem;height:4rem}
.wf-boss-last{display:flex;align-items:center;gap:.4rem;margin:.6rem 0 0}
@media (max-width:600px){.wf-beast-pic{width:3.4rem;height:3.4rem}.wf-beast-pic .wf-foe-art{width:3rem;height:3rem}}
.wf-form{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}
.wf-field{display:grid;gap:.2rem;flex:1 1 12rem;min-width:0}
.wf-field.sm{flex:0 1 7rem}
.wf-field>span{font:600 .7rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}
.wf-field .wf-select{width:100%;max-width:none;padding:.45rem .5rem;font-size:.82rem}
.wf-input{width:100%;min-width:0;padding:.45rem .5rem;border:1px solid var(--rule-strong);border-radius:6px;background:var(--ink-bg);color:var(--text);
font:500 .9rem/1.2 var(--mono);font-variant-numeric:tabular-nums}
.wf-input:focus,.wf-field .wf-select:focus{outline:2px solid var(--c-arcade);outline-offset:1px}
.wf-pad-x{padding:0 .9rem}
.wf-note.bad{color:var(--stop)}
.wf-recent li span{font-size:.86rem;color:var(--muted)}
.wf-maker{display:inline-flex;align-items:center;gap:.25rem;font:500 .7rem/1.3 var(--mono);color:var(--soft)}
.wf-maker .wf-i{width:.85rem;height:.85rem}
.wf-slot.is-exceptional{box-shadow:0 0 0 1px currentColor inset}
.wf-col-tabs{flex-wrap:wrap}
.wf-col-tabs .wf-board-tab small{font-size:.68rem;color:var(--soft)}
.wf-col-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.4rem}
.wf-col-grid li{display:grid;justify-items:center;gap:.2rem;margin:0;padding:.45rem .3rem;border:1px dashed var(--rule-strong);border-radius:8px;text-align:center;color:var(--soft)}
.wf-col-grid li .wf-foe-art,.wf-col-grid li .wf-warlord{width:2.6rem;height:2.6rem;opacity:.18;filter:grayscale(1)}
.wf-col-grid li b{font:600 .76rem/1.2 var(--sans,inherit);overflow-wrap:anywhere}
.wf-col-grid li small{font:500 .66rem/1.2 var(--mono);color:var(--soft)}
.wf-col-grid li.is-got{border-style:solid;border-color:var(--rule-strong);background:var(--ink-bg);color:var(--text)}
.wf-col-grid li.is-got .wf-foe-art,.wf-col-grid li.is-got .wf-warlord{opacity:1;filter:none;color:var(--c-arcade)}
.wf-col-grid.is-pets{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}
.wf-col-grid.is-pets li small{font-family:var(--sans,inherit);font-size:.7rem;line-height:1.3}
.wf-col-grid.is-pets li.is-on{border-color:var(--go);box-shadow:0 0 0 1px var(--go) inset}
.wf-col-titles{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.wf-col-titles li{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem;margin:0;padding:.4rem .6rem;border:1px dashed var(--rule-strong);border-radius:6px;color:var(--soft)}
.wf-col-titles li b{font:700 .88rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.04em}
.wf-col-titles li small{flex:1 1 100%;font-size:.78rem}
.wf-col-titles li.is-got{border-style:solid;color:var(--text);justify-content:space-between}
.wf-col-titles li.is-on{border-color:var(--go)}
.wf-col-stats{margin-top:.6rem}
.wf-foe-art.wf-pet{width:1.5rem;height:1.5rem;color:var(--c-arcade);vertical-align:middle}
.wf-foe-art.wf-pet.sm{width:1.05rem;height:1.05rem;margin-left:.25rem;vertical-align:-.15em}
.wf-pet-with{display:inline-block;margin-left:.35rem;vertical-align:middle}
.wf-col-grid.is-pets .wf-foe-art.wf-pet{width:2.6rem;height:2.6rem}
.wf-trophies{list-style:none;margin:0;padding:.4rem .9rem .7rem;display:grid;gap:.25rem;font-size:.88rem;color:var(--muted)}
.wf-trophies li{display:flex;align-items:center;gap:.4rem;margin:0}
.wf-trophies li .wf-i{color:var(--c-arcade);width:1rem;height:1rem}
.wf-hall-nav{margin:.7rem 0 0}
.wf-paint-panel{margin-top:.75rem;overflow:hidden}
.wf-paint{position:relative;overflow:hidden;aspect-ratio:var(--ar);background:#14132a}
@media (min-width:640px){.wf-paint{aspect-ratio:var(--ar-md)}}
@media (min-width:960px){.wf-paint{aspect-ratio:var(--ar-lg)}}
.wf-paint.is-hold{--ar:1.6;--ar-md:2.2;--ar-lg:2.8}
.wf-paint.is-train{--ar:2.1333;--ar-md:2.6;--ar-lg:3.2}
.wf-paint.is-inside{--ar:2;--ar-md:2.4;--ar-lg:3;background:#18131f}
.wf-paint.is-wall{--ar:3.2727;--ar-md:4;--ar-lg:5;background:#1c130d}
.wf-paint-art{position:absolute;inset:0;display:block;width:100%;height:100%}
@keyframes wf-built-burst{0%{opacity:.7;transform:scale(.3)}100%{opacity:0;transform:scale(1.7)}}
@keyframes wf-built-rise{0%{opacity:.15;transform:translateY(5px)}60%{opacity:1}100%{opacity:1;transform:none}}
.wf-built-now{animation:wf-built-rise .9s ease-out both}
.wf-built-burst{opacity:0;transform-box:fill-box;transform-origin:center;animation:wf-built-burst 1.5s ease-out both}
@media (prefers-reduced-motion:reduce){.wf-built-now{animation:none}.wf-built-burst{display:none}}
.wf-paint-in{position:absolute;top:0;left:50%;height:100%;aspect-ratio:var(--ar);transform:translateX(-50%)}
.wf .wf-spot{position:absolute;display:block;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;color:#f4eee2}
.wf-spot:hover,.wf-spot:focus-visible{background:rgba(255,194,14,.06);outline:1px dashed rgba(255,194,14,.55);outline-offset:-1px}
.wf-spot-name{position:absolute;left:50%;top:0;transform:translate(-50%,-20%);padding:.12rem .4rem;border-radius:4px;background:rgba(10,8,16,.8);
font:600 .6rem/1.3 var(--mono);letter-spacing:.03em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.wf-spot.is-sel .wf-spot-name,.wf-spot:hover .wf-spot-name,.wf-spot:focus-visible .wf-spot-name{opacity:1}
.wf-spot.is-sel .wf-spot-name{color:#ffd76a}
.wf-spot-lv{position:absolute;left:50%;bottom:0;transform:translate(-50%,35%);display:inline-flex;align-items:center;justify-content:center;gap:.12rem;
min-width:1.15rem;height:1.15rem;padding:0 .3rem;border:1px solid #5a4a6a;border-radius:999px;background:#0a0810;font:700 .62rem/1 var(--mono);color:#e9dcc0}
.wf-spot-lv .wf-i{width:.65rem;height:.65rem;color:#7ee081}
.wf-spot-lv.is-grand{border-color:#c58cff;color:#e2c6ff}
.wf-spot-lv.is-max{border-color:#ffb347;color:#ffd38a}
.wf-spot.is-sel .wf-spot-lv{border-color:#ffc20e;box-shadow:0 0 8px -2px #ffc20e}
.wf-paint.is-camp{--ar:1.818;--ar-md:2.4;--ar-lg:3;background:#14132a}
.wf-paint.is-farm{--ar:1.818;--ar-md:2.4;--ar-lg:3;background:#14132a}
.wf-paint.is-farm .wf-spot-name{top:auto;bottom:0;transform:translate(-50%,0);max-width:100%;overflow:hidden;text-overflow:ellipsis;opacity:1}
.wf-paint.is-farm .wf-spot-lv{top:28%;bottom:auto;transform:translate(-50%,0);gap:.2rem}
@media (max-width:480px){.wf-paint.is-farm .wf-spot-name{font-size:.54rem;padding:.08rem .25rem}.wf-paint.is-farm .wf-spot-lv{font-size:.56rem}}
.wf-spot-lv.is-ripe{border-color:#7ee081;color:#c8f5c8}
.wf-spot-lv.is-dry{border-color:#6ab0ff;color:#cfe6ff}.wf-spot-lv.is-dry .wf-i{color:#6ab0ff}
.wf-spot-lv.is-trouble{border-color:#ff9f43;color:#ffd0a0}.wf-spot-lv.is-trouble .wf-i{color:#ff9f43}
.wf-spot-lv.is-locked{opacity:.75}.wf-spot-lv.is-locked .wf-i{color:#e9dcc0}
.wf-paint.is-kitchen,.wf-paint.is-trade,.wf-paint.is-smithy,.wf-paint.is-gembench,.wf-paint.is-delve,.wf-paint.is-trial,.wf-paint.is-war{--ar:2.353;--ar-md:3;--ar-lg:4;background:#14132a;border-bottom:1px solid var(--rule)}
.wf-cols>.wf-panel>.wf-paint{--ar-md:2.6;--ar-lg:3}
.wf-plot.is-flash{animation:wf-plot-flash 1.4s ease-out}
@keyframes wf-plot-flash{0%{box-shadow:0 0 0 2px #ffc20e,0 0 18px -2px #ffc20e}100%{box-shadow:0 0 0 2px transparent}}
@media (prefers-reduced-motion:reduce){.wf-plot.is-flash{animation:none;box-shadow:0 0 0 2px #ffc20e}}
.wf-paint.is-inside .wf-spot-name{top:auto;bottom:0;transform:translate(-50%,20%);opacity:1}
.wf-paint.is-inside .wf-spot-lv{top:12%;bottom:auto;transform:translate(-50%,0);min-width:0;height:auto;padding:0;border:0;background:none}
.wf-spot-dot{display:block;width:.6rem;height:.6rem;border-radius:50%;background:#7ee081;box-shadow:0 0 0 2px #0a0810,0 0 10px #7ee081}
.wf-shield-tag{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.1rem;pointer-events:none;color:#e9dcc0}
.wf-shield-tag b{padding:.05rem .35rem;border:1px solid #e9c46a;border-radius:999px;background:#1c130d;font:700 .6rem/1.2 var(--mono);color:#ffd38a;transform:translateY(40%)}
.wf-shield-tag>span{display:none}
@media (min-width:640px){.wf-shield-tag>span{display:block;transform:translateY(105%);font:600 .58rem/1.2 var(--mono);white-space:nowrap;opacity:.8}.wf-shield-tag:not(.is-got)>span{opacity:.4}}
.wf-paint-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;padding:.6rem .9rem;border-top:1px solid var(--rule)}
.wf-paint-foot>.wf-note{margin:0}
.wf-paint-built{display:inline-flex;align-items:center;gap:.35rem;font:600 .7rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}
.wf-paint-built .wf-i{width:.95rem;height:.95rem}
.wf-paint-foot .wf-hall-feat{margin:0;font-size:.84rem;line-height:1.4}
.wf-room-prog{flex:none;display:grid;justify-items:end;gap:.3rem;min-width:4.6rem}
.wf-room-prog small{font:600 .6rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}
.wf-minibar{display:block;width:4.6rem;height:.38rem;border-radius:999px;background:var(--rule-strong);overflow:hidden}
.wf-minibar i{display:block;height:100%;border-radius:inherit;background:var(--c-arcade)}
.wf-minibar.is-near i{background:var(--go)}
.wf-room-prog.lv-4 .wf-pips-row i.on{background:var(--r-epic);box-shadow:none}
.wf-room-prog.is-max .wf-pips-row i.on{background:var(--r-legendary);box-shadow:0 0 6px -1px var(--r-legendary)}
.wf-room-prog.is-max small{color:var(--r-legendary)}
.wf-gear-ic.is-room.lv-0{opacity:.5}
.wf-gear-ic.is-room.lv-4{color:var(--r-epic);box-shadow:inset 0 0 0 1px var(--r-epic)}
.wf-gear-ic.is-room.lv-5,.wf-gear-ic.is-room.is-max{color:var(--r-legendary);box-shadow:inset 0 0 0 1px var(--r-legendary),0 0 10px -3px var(--r-legendary)}
.wf-gear-ic.is-art{padding:0;overflow:hidden;border-color:#3a3046;background:#14132a}
.wf-gear-ic.is-big.is-art{width:5.4rem;height:5.4rem}
.wf-room-art{display:block;width:100%;height:100%}
.wf-hall-fxs{display:grid;gap:.2rem}
.wf-hall-fx{display:flex;gap:.5rem;margin:0;font-size:.86rem;line-height:1.4;color:var(--text)}
.wf-hall-fx>span{flex:0 0 4rem;font:600 .66rem/1.7 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}
.wf-hall-fx.is-next{color:var(--muted)}
.wf-hall-fx.is-use{color:var(--muted)}
.wf-hall-fx.is-use>span{color:var(--c-arcade)}
.wf-hall-build{display:grid;gap:.5rem}
.wf-hall-build .wf-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:0}
.wf-hall-build .wf-subhead .wf-note{margin:0;font:500 .68rem/1.3 var(--mono);text-transform:none;letter-spacing:0}
.wf-hall-total.is-near .wf-bar-fill{background:color-mix(in srgb,var(--go) 22%,transparent);border-color:var(--go)}
.wf-hall-rows .wf-up-row{margin:.2rem 0}
.wf-pick-acts .wf-hall-builders{flex:1 1 100%;margin:.15rem 0 0}
.wf-hall-builders{font-size:.76rem;color:var(--soft)}
.wf-hall-builders p{display:flex;gap:.35rem;margin:.15rem 0;align-items:flex-start}
.wf-hall-builders .wf-i{flex:none;width:.85rem;height:.85rem;margin-top:.12rem}
.wf-hall-builders b{color:var(--text)}
.wf-stone{display:inline-block;margin-right:.4rem;font-family:var(--mono);font-size:.7rem}
.wf-hall-feat{display:flex;gap:.4rem;align-items:flex-start;margin:0;font-size:.86rem;color:var(--go)}
.wf-hall-feat .wf-i{flex:none;width:1rem;height:1rem;margin-top:.1rem}
.wf-hall-share{margin:0}
.wf-hall-share .wf-seg{max-width:16rem}
.wf-wall-seg{margin-top:.75rem}
.wf-wall-seg .wf-seg-opt small{margin-left:.2rem;font:500 .66rem/1 var(--mono);color:var(--soft)}
.wf-walls{margin-top:.5rem}
.wf-walls>.wf-note{margin:0;border-bottom:1px solid var(--rule)}
.wf-plaques{list-style:none;margin:0;padding:.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(8.6rem,1fr));gap:.6rem}
.wf-plaques.is-warlords{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}
.wf-plaque{display:grid;justify-items:center;align-content:start;gap:.15rem;margin:0;padding:.7rem .5rem .65rem;text-align:center;border:1px dashed var(--rule-strong);border-radius:10px;opacity:.55}
.wf-plaque.is-got{opacity:1;border-style:solid;border-color:color-mix(in srgb,var(--k-gold) 30%,var(--rule));
background:linear-gradient(180deg,color-mix(in srgb,var(--k-gold) 7%,transparent),transparent 70%)}
.wf-plaque.is-me{border-color:var(--c-arcade);box-shadow:inset 0 0 0 1px var(--c-arcade)}
.wf-plaque-art{display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:.25rem;border:1px solid var(--rule);border-radius:50%;background:var(--ink-bg);color:var(--soft)}
.wf-plaque.is-got .wf-plaque-art{border-color:currentColor;box-shadow:0 0 12px -4px currentColor}
.wf-plaque-art .wf-i,.wf-plaque-art .wf-foe-art{width:2rem;height:2rem}
.wf-plaque.is-got .wf-plaque-art.is-crop{color:var(--go)}
.wf-plaque.is-got .wf-plaque-art.is-crop.r-rare{color:var(--r-rare)}
.wf-plaque-art.is-face{width:4.6rem;height:4.6rem;overflow:hidden;border-color:#e9c46a;border-width:2px;color:#e9c46a}
.wf-plaque-art.is-face .wf-warlord{display:block;width:100%;height:100%}
.wf-plaque b{font:700 .92rem/1.2 var(--cond);text-wrap:balance}
.wf-plaque-big{font:700 1.15rem/1.1 var(--cond);color:var(--k-gold)}
.wf-plaque small{font:500 .68rem/1.35 var(--mono);color:var(--soft)}
.wf-firsts{list-style:none;margin:0;padding:0 .75rem .8rem;display:flex;flex-wrap:wrap;gap:.35rem}
.wf-firsts .wf-chip{display:inline-flex;align-items:center;gap:.3rem;white-space:normal}
.wf-firsts .wf-i{width:.9rem;height:.9rem}
.wf-study .wf-btn small{margin-left:.2rem;font:500 .7rem/1 var(--mono);color:var(--soft)}
.wf-dummy{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.4rem;margin:.6rem 0}
.wf-dummy>div{padding:.45rem .6rem;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
.wf-dummy dt{font:600 .64rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--soft)}
.wf-dummy dd{margin:.15rem 0 0;font:700 1.15rem/1.2 var(--cond);color:var(--text)}
.wf-dummy dd small{font:500 .68rem/1 var(--mono);color:var(--soft)}
.wf-dummy-why{font-size:.8rem}
.wf-bank{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.wf-bank li{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--rule);font-size:.88rem}
.wf-bank li .wf-i{width:1.1rem;height:1.1rem;flex:none}
.wf-bank li.wf-empty{border:0}
.wf-bank-take{display:inline-flex;gap:.25rem}
.wf-bank-log{padding:0}
.wf-bank-log small{color:var(--soft);font-family:var(--mono);font-size:.68rem}
.wf-clue{border-color:color-mix(in srgb,var(--c-arcade) 40%,transparent)}
.wf-riddle{margin:.2rem 0 .7rem;padding:.6rem .8rem;border-left:3px solid var(--c-arcade);background:var(--ink-bg);font-style:italic;line-height:1.5}
.wf-clue-opts{display:grid;gap:.35rem}
.wf-clue-opts .wf-btn{display:flex;align-items:center;gap:.45rem;text-align:left;padding:.6rem .7rem}
.wf-clue-opts .wf-i{width:1rem;height:1rem;flex:none;color:var(--c-arcade)}
.wf-link{padding:0;border:0;background:none;color:var(--soft);font:inherit;text-decoration:underline;cursor:pointer}
.wf-help{border-color:var(--go)}
.wf-roles li.wf-role{align-items:flex-start}
.wf-roles li.wf-role>.wf-i{width:1.4rem;height:1.4rem;margin-top:.1rem}
.wf-role.is-mine{background:color-mix(in srgb,var(--go) 8%,transparent)}
.wf-secrets{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}
.wf-who-btn{display:grid;gap:.2rem;width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.wf-who-btn .wf-chip{font-size:.66rem;padding:.1rem .38rem}
.wf-trial-party li.is-picked{box-shadow:inset 3px 0 0 var(--go);background:color-mix(in srgb,var(--go) 8%,transparent)}
.wf-call:disabled{opacity:.6;cursor:default}
.wf-roles-line{margin-top:0}
.wf-trial-intro{border-color:color-mix(in srgb,var(--c-arcade) 40%,transparent)}
.wf-siege{border-color:color-mix(in srgb,var(--stop) 45%,transparent)}
.wf-siege.is-live{box-shadow:0 0 0 1px color-mix(in srgb,var(--stop) 40%,transparent) inset}
.wf-siege-next summary{cursor:pointer;list-style:none}
.wf-siege-next summary::-webkit-details-marker{display:none}
.wf-meters{display:grid;gap:.35rem;margin:0 0 .4rem}
.wf-meter-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr);align-items:center;gap:.5rem}
.wf-meter-row>b{display:inline-flex;align-items:center;gap:.3rem;font:600 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.wf-meter-row>b .wf-i{width:.95rem;height:.95rem;color:var(--c-arcade)}
.wf-bar.is-low .wf-bar-fill{animation:wf-low 1s ease-in-out infinite alternate}
@keyframes wf-low{to{opacity:.45}}
@media (prefers-reduced-motion:reduce){.wf-bar.is-low .wf-bar-fill{animation:none}}
.wf-bag{display:flex;flex-wrap:wrap;gap:.3rem;margin:.3rem 0 .2rem}
.wf-siege .wf-subhead{margin:.7rem 0 .35rem}
.wf{--war-red:#ff6b6b;--war-blue:#5aa9ff}
:root[data-theme="light"] .wf{--war-red:#c62828;--war-blue:#1565c0}
.wf-war.is-red{box-shadow:inset 3px 0 0 var(--war-red)}
.wf-war.is-blue{box-shadow:inset 3px 0 0 var(--war-blue)}
.wf-team.is-red,.wf-war-score .is-red{color:var(--war-red)}
.wf-team.is-blue,.wf-war-score .is-blue{color:var(--war-blue)}
.wf-war-score{display:flex;justify-content:space-between;align-items:center;margin:0 0 .5rem;font:700 1rem/1 var(--cond);text-transform:uppercase;letter-spacing:.05em}
.wf-war-score span{display:inline-flex;align-items:center;gap:.35rem}
.wf-war-score b{font-size:1.5rem}
.wf-war-field{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;margin:.4rem 0 .6rem}
.wf-war-zone{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;min-height:9rem;padding:.3rem .2rem;border:1px solid var(--rule);border-radius:6px;background:var(--ink-bg)}
.wf-war-zone.is-red{border-color:color-mix(in srgb,var(--war-red) 45%,transparent);background:color-mix(in srgb,var(--war-red) 7%,var(--ink-bg))}
.wf-war-zone.is-blue{border-color:color-mix(in srgb,var(--war-blue) 45%,transparent);background:color-mix(in srgb,var(--war-blue) 7%,var(--ink-bg))}
.wf-war-zone.is-here{outline:1px dashed var(--c-arcade);outline-offset:1px}
.wf-war-zone.is-picked{box-shadow:0 0 0 1px var(--go) inset}
.wf-war-zname{padding:.1rem 0;border:0;background:none;color:var(--muted);font:600 .62rem/1.15 var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:center;cursor:pointer}
.wf-war-flag{display:inline-flex;justify-content:center}
.wf-war-flag .wf-i{width:1.2rem;height:1.2rem}
.wf-war-flag.is-red{color:var(--war-red)}
.wf-war-flag.is-blue{color:var(--war-blue)}
.wf-war-man{position:relative;display:grid;justify-items:center;gap:.05rem;padding:.2rem .1rem .3rem;border:1px solid var(--rule-strong);border-radius:5px;background:var(--raised);color:var(--text);cursor:pointer;overflow:hidden}
.wf-war-man .wf-i{width:1rem;height:1rem}
.wf-war-man small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem}
.wf-war-man i{position:absolute;left:0;bottom:0;height:3px;background:var(--go)}
.wf-war-man.is-red{border-color:color-mix(in srgb,var(--war-red) 70%,transparent)}
.wf-war-man.is-blue{border-color:color-mix(in srgb,var(--war-blue) 70%,transparent)}
.wf-war-man.is-me{box-shadow:0 0 0 1px var(--c-arcade) inset}
.wf-war-man.is-picked{outline:2px solid var(--go);outline-offset:1px}
.wf-war-man .wf-war-flag{position:absolute;top:0;right:0}
.wf-war-man .wf-war-flag .wf-i{width:.8rem;height:.8rem}
.wf-chip.is-red{border-color:color-mix(in srgb,var(--war-red) 60%,transparent)}
.wf-chip.is-blue{border-color:color-mix(in srgb,var(--war-blue) 60%,transparent)}
.wf-war-intro{border-color:color-mix(in srgb,var(--war-blue) 35%,transparent)}
.wf-team-plans li .wf-i{width:.9rem;height:.9rem}
@media (min-width:1100px){.wf{margin-inline:calc(50% - min(36rem,50vw - 3rem))}}
.wf-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wf-subnav{display:flex;gap:1.6rem;margin:0 0 .3rem;padding:0 .3rem;border-bottom:1px solid var(--rule)}
.wf-subtab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;margin-bottom:-1px;padding:0 .1rem;
border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;font:600 .74rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}
.wf-subtab:hover{color:var(--text)}
.wf-subtab .wf-i{width:1rem;height:1rem;color:inherit}
.wf-subtab[aria-current="page"]{border-bottom-color:var(--c-arcade);color:var(--text)}
.wf-subtab[aria-current="page"] .wf-i{color:var(--c-arcade)}
@media (max-width:959px){
.wf-subnav{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:.3rem;margin:.1rem 0 .4rem;padding:0;border:0}
.wf-subtab{min-width:0;min-height:2.6rem;margin:0;padding:.3rem .35rem;border:1px solid var(--rule);border-radius:6px;background:var(--surface);gap:.35rem;line-height:1.15}
.wf-subtab[aria-current="page"]{border-color:color-mix(in srgb,var(--c-arcade) 60%,transparent);background:var(--accent-wash)}
}
@media (max-width:480px){.wf-subtab{font-size:.64rem;letter-spacing:.02em}.wf-subtab .wf-i{display:none}}
.wf-count{display:inline-grid;place-items:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--c-arcade);
font:700 .66rem/1 var(--mono);letter-spacing:0;color:var(--bg)}
.wf-count.is-zero{background:none;box-shadow:0 0 0 1px var(--rule-strong) inset;color:var(--soft)}
.wf-pack-more{margin:0;padding:0 .9rem .75rem;font-size:.84rem}
.wf-pack-group+.wf-pack-group{border-top:1px solid var(--rule)}
.wf .wf-pack-head{margin:0;padding:.7rem .9rem .1rem;font:600 .72rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wf-pack-panel .wf-pack{grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr));padding:.4rem .9rem .75rem}
.wf-pack-panel .wf-pack li{display:block;padding:0;border:0;background:none}
.wf-pack-item{display:flex;align-items:center;gap:.45rem;width:100%;height:100%;min-height:2.75rem;margin:0;padding:.4rem .55rem;
border:1px solid var(--rule-strong);border-radius:6px;background:var(--ink-bg);font:inherit;font-size:.9rem;line-height:1.2;color:var(--text);text-align:left;cursor:pointer}
.wf-pack-item:hover{border-color:var(--muted)}
.wf-pack-item.is-sel{border-color:var(--c-arcade);box-shadow:inset 0 0 0 1px var(--c-arcade)}
.wf-pack-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wf-pack-item .wf-i{flex:none;width:1.25rem;height:1.25rem}
.wf-pack-name{flex:1;min-width:0;overflow-wrap:break-word;hyphens:auto}
.wf-pack-n{flex:none;font:600 .95rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text)}
.wf-pack-item.is-none{border-style:dashed;background:none;color:var(--muted)}
.wf-pack-item.is-none .wf-i{opacity:.5;filter:grayscale(1)}
.wf-pack-item.is-none .wf-pack-n{color:var(--soft)}
.wf-pack-item.is-none.is-sel{color:var(--text);border-style:solid}
.wf .wf-pack-head span{margin-left:.35rem;color:var(--soft);letter-spacing:.04em}
.wf-pack-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;padding:.6rem .9rem 0}
.wf-pack-bar .wf-note{margin:0;font-size:.78rem}
.wf-pack-all{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;margin:0;padding:.25rem .65rem .25rem .3rem;border:1px solid var(--rule-strong);border-radius:999px;
background:var(--ink-bg);font:inherit;font-size:.86rem;color:var(--text);cursor:pointer}
.wf-pack-all:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wf-pack-switch{position:relative;flex:none;width:2.1rem;height:1.2rem;border-radius:999px;background:var(--rule-strong);transition:background .15s}
.wf-pack-switch::after{content:"";position:absolute;top:.15rem;left:.15rem;width:.9rem;height:.9rem;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}
.wf-pack-all[aria-checked="true"] .wf-pack-switch{background:var(--c-arcade)}
.wf-pack-all[aria-checked="true"] .wf-pack-switch::after{transform:translateX(.9rem);background:var(--bg)}
@media (prefers-reduced-motion:reduce){.wf-pack-switch,.wf-pack-switch::after{transition:none}}
.wf-sows{list-style:none;margin:0;padding:.35rem .9rem .15rem}
.wf-sows>li{display:grid;grid-template-columns:minmax(0,10.5rem) auto minmax(0,1fr);align-items:center;gap:.45rem;margin:0;padding:.45rem 0;border-bottom:1px solid var(--rule)}
.wf-sows>li:last-child{border-bottom:0}
.wf-sow-to{color:var(--soft)}
.wf-sow-out{display:flex;flex-wrap:wrap;gap:.35rem}
.wf-sow-it{display:flex;align-items:center;gap:.4rem;min-width:0;min-height:2.25rem;box-sizing:border-box;padding:.3rem .55rem;
border:1px solid var(--rule-strong);border-radius:6px;background:var(--ink-bg);font-size:.88rem;line-height:1.2;color:var(--text)}
.wf-sow-it .wf-i{flex:none;width:1.15rem;height:1.15rem}
.wf-sow-name{flex:1;min-width:0;overflow-wrap:break-word;hyphens:auto}
.wf-sow-name small{color:var(--soft);font-size:.72rem;white-space:nowrap}
.wf-sow-it b{flex:none;font:600 .92rem/1 var(--mono);font-variant-numeric:tabular-nums}
.wf-sow-it.is-none{border-style:dashed;background:none;color:var(--muted)}
.wf-sow-it.is-none .wf-i{opacity:.5;filter:grayscale(1)}
.wf-sow-it.is-none b{color:var(--soft)}
.wf-pack-detail{margin:0 .9rem .85rem;padding:.65rem .75rem .7rem;border:1px solid var(--c-arcade);border-radius:8px;background:var(--raised)}
.wf-pack-detail-head{display:flex;align-items:center;gap:.5rem}
.wf-pack-detail-head .wf-i{flex:none;width:1.4rem;height:1.4rem}
.wf-pack-detail-head b{font-size:1rem;line-height:1.25}
.wf-pack-detail-n{flex:none;font:600 .95rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}
.wf-pack-close{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;margin:-.35rem -.4rem -.35rem auto;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}
.wf-pack-close:hover{color:var(--text)}
.wf-pack-close .wf-i{width:1rem;height:1rem}
.wf .wf-pack-detail p{margin:.5rem 0 0;font-size:.88rem;line-height:1.45}
.wf .wf-pack-detail p>b:first-child{display:block;margin-bottom:.1rem;font:600 .68rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wf-tip{position:fixed;z-index:60;padding:.5rem .65rem;border:1px solid var(--rule-strong);border-radius:6px;background:var(--surface);
color:var(--text);font-size:.84rem;line-height:1.4;box-shadow:0 6px 18px rgba(0,0,0,.35);pointer-events:none}
.wf-tip[hidden]{display:none}
.wf-tip-k{display:block;margin-bottom:.15rem;font:600 .66rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wf-viewhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1.2rem;margin:.8rem 0 .1rem}
.wf .wf-viewhead .wf-h{margin:0;padding:0;border:0;border-image:none}
.wf-viewhead .wf-note{margin:.25rem 0 0}
.wf-keep{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.3rem .7rem;border:1px solid var(--rule-strong);border-radius:999px;
font:500 .74rem/1.3 var(--mono);color:var(--muted)}
.wf-keep .wf-i{width:.95rem;height:.95rem}
.wf-keep .k-check{color:var(--go)}
.wf-keep.is-blacksmithing{border-color:color-mix(in srgb,var(--k-smith) 50%,transparent)}
.wf-keep.is-leatherworking{border-color:color-mix(in srgb,var(--k-leather) 50%,transparent)}
.wf-keep.is-alchemy{border-color:color-mix(in srgb,var(--k-alchemy) 50%,transparent)}
.wf-btn.is-go{border-color:var(--c-arcade);background:var(--accent-wash)}
.wf-btn.is-go:hover{background:var(--accent-glow)}
.wf-chip.short{border-color:color-mix(in srgb,var(--warn) 60%,transparent);color:var(--warn)}
.wf-chip.is-gold{border-color:color-mix(in srgb,var(--c-arcade) 60%,transparent);color:var(--c-arcade)}
.wf-seg-opt[aria-selected="true"]{background:var(--accent-wash);color:var(--text)}
.wf-seg-opt small{font:500 .7rem/1 var(--mono);letter-spacing:0;text-transform:none;color:var(--soft)}
.wf-seg-opt .wf-count{margin-left:.15rem}
.wf-panel-head .wf-right.is-gold{color:var(--c-arcade)}
.wf-prof-body{display:grid;gap:1rem}
.wf-prof-body .wf-subhead{margin:0 0 .45rem}
.wf-prof-id{display:flex;gap:.8rem;align-items:center;min-width:0}
.wf-prof-id .wf-note{margin:.2rem 0 0}
.wf-prof-tile{--pc:var(--c-arcade);display:grid;place-items:center;flex:none;width:3.4rem;height:3.4rem;border-radius:10px;color:var(--pc);
border:1.5px solid color-mix(in srgb,var(--pc) 50%,transparent);background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--pc) 18%,transparent),var(--ink-bg))}
.wf-prof-tile .wf-i{width:1.8rem;height:1.8rem}
.wf-prof-tile.is-mining{--pc:var(--k-ore)}
.wf-prof-tile.is-skinning{--pc:var(--k-hide)}
.wf-prof-tile.is-herbalism{--pc:var(--k-herb)}
.wf-prof-tile.is-logging{--pc:var(--k-wood)}
.wf-prof-tile.is-blacksmithing{--pc:var(--k-smith)}
.wf-prof-tile.is-leatherworking{--pc:var(--k-leather)}
.wf-prof-tile.is-alchemy{--pc:var(--k-alchemy)}
.wf-prof-name{display:block;font:700 1.3rem/1.1 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.wf-prof-top{display:grid;gap:1rem}
@media (min-width:640px){.wf-prof-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}}
.wf-skill-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}
.wf-skill-top>span{font:600 .68rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.wf-skill-top b{font:700 1.6rem/1 var(--cond);font-variant-numeric:tabular-nums}
.wf-skill-top small{font:500 .8rem/1 var(--mono);color:var(--soft)}
.wf-skill-bar{position:relative;height:.85rem;border-radius:4px;overflow:hidden;background:var(--ink-bg);border:1px solid var(--rule)}
.wf-skill-bar>i{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--c-arcade) 18%,transparent);border-right:2px solid var(--c-arcade)}
.wf-skill-bar>span{position:absolute;top:0;bottom:0;border-left:1px solid var(--rule-strong)}
.wf-skill-bar>span.on{border-color:color-mix(in srgb,var(--c-arcade) 70%,transparent)}
.wf-skill-marks{position:relative;height:1rem;margin-top:.3rem;font:500 .68rem/1rem var(--mono);color:var(--soft)}
.wf-skill-marks span{position:absolute;white-space:nowrap}
.wf-skill-marks span.on{color:var(--muted)}
.wf-skill-grand{position:absolute;top:0;bottom:0;right:0;background:color-mix(in srgb,var(--k-gold) 12%,transparent);border-left:1px solid color-mix(in srgb,var(--k-gold) 55%,transparent)}
.wf-mastery{margin-top:.2rem}
.wf-mastery .wf-subhead{display:flex;align-items:baseline}
.wf-mastery .wf-subhead .wf-right{margin-left:auto;font:500 .7rem/1 var(--mono);color:var(--soft);text-transform:none;letter-spacing:0}
.wf-steps{list-style:none;margin:.4rem 0 .3rem;padding:0;display:grid;gap:.3rem}
.wf-steps li{display:flex;align-items:flex-start;gap:.55rem;padding:.4rem .5rem;border:1px solid var(--rule);border-radius:6px;opacity:.62}
.wf-steps li.is-on{opacity:1;border-color:color-mix(in srgb,var(--k-gold) 45%,transparent)}
.wf-steps li.is-next{opacity:1;border-style:dashed;border-color:var(--rule-strong)}
.wf-steps b{display:block;font:700 .86rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.wf-steps small{display:block;margin-top:.1rem;font-size:.78rem;line-height:1.35;color:var(--muted)}
.wf-steps .wf-i{flex:none;width:1rem;height:1rem;color:var(--k-gold);margin-top:.1rem}
.wf-step-at{flex:none;min-width:2.1rem;padding:.15rem 0;border-radius:4px;text-align:center;font:700 .74rem/1 var(--mono);color:var(--soft);background:var(--ink-bg);border:1px solid var(--rule)}
.wf-steps li.is-on .wf-step-at{color:var(--k-gold);border-color:color-mix(in srgb,var(--k-gold) 45%,transparent)}
.wf-worth{list-style:none;margin:0;padding:0;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-worth li{display:flex;align-items:center;gap:.65rem;margin:0;padding:.6rem .75rem;border-top:1px solid var(--rule);font-size:.9rem;line-height:1.35}
.wf-worth li:first-child{border-top:0}
.wf-worth .wf-i{width:1.1rem;height:1.1rem}
.wf-worth small{display:block;font:500 .7rem/1.4 var(--mono);color:var(--soft)}
.wf-worth b{font:700 1.2rem/1 var(--cond);font-variant-numeric:tabular-nums;color:var(--c-arcade)}
.wf-worth li.is-on b{color:var(--go)}
.wf-worth li.is-off b,.wf-worth li.is-off .wf-i{color:var(--soft)}
.wf-prof-pack .wf-pack{padding:0;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}
.wf-perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.45rem}
.wf-perks li{display:flex;gap:.6rem;align-items:flex-start;margin:0;padding:.7rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-perks .wf-i{width:1.1rem;height:1.1rem;margin-top:.1rem}
.wf-perks .k-star{color:var(--r-legendary)}
.wf-perks b{display:block;font:700 1.35rem/1 var(--cond);font-variant-numeric:tabular-nums}
.wf-perks span{display:block;margin-top:.25rem;font-size:.78rem;line-height:1.4;color:var(--muted)}
.wf-prof-craft .wf-panel-head .wf-buff{float:right;margin:-.15rem 0;text-transform:none;letter-spacing:0}
@media (max-width:600px){.wf-prof-craft .wf-panel-head .wf-buff{float:none;display:flex;width:fit-content;margin:.45rem 0 0}}
.wf-goods>li{flex-wrap:wrap}
.wf-goods>li>.wf-grow{flex:1 1 12rem}
.wf-recipes-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem 1rem;padding:.55rem .9rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.wf .wf-recipes-head .wf-subhead{margin:0}
.wf-legend{display:flex;flex-wrap:wrap;gap:.2rem .8rem;list-style:none;margin:0;padding:0;font:500 .7rem/1.3 var(--mono);color:var(--soft)}
.wf-legend li{display:inline-flex;align-items:center;gap:.35rem;margin:0}
.wf-legend i{width:.5rem;height:.5rem;border-radius:50%}
.wf-legend .d-orange i{background:var(--d-orange)}
.wf-legend .d-yellow i{background:var(--d-yellow)}
.wf-legend .d-green i{background:var(--d-green)}
.wf-legend .d-grey i{background:var(--d-grey)}
.wf-recipes{list-style:none;margin:0;padding:0}
.wf-recipe{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.45rem .8rem;align-items:center;margin:0;padding:.75rem .9rem;border-top:1px solid var(--rule)}
.wf-recipe:first-child{border-top:0}
.wf-recipe.is-best{background:color-mix(in srgb,var(--d-orange) 5%,transparent)}
.wf-recipe>.wf-chips{grid-column:2/-1;grid-row:2;margin:0}
.wf-recipe>.wf-btn{grid-column:3;grid-row:1;min-width:4.5rem}
@media (min-width:640px){
.wf-recipe{grid-template-columns:auto minmax(0,1fr) fit-content(50%) auto}
.wf-recipe>.wf-chips{grid-column:3;grid-row:1;justify-content:flex-end}
.wf-recipe>.wf-btn{grid-column:4}
.wf-recipe.is-heirloom>.wf-chips{grid-column:2/4;grid-row:2;justify-content:flex-start}
.wf-recipe.is-heirloom>.wf-btn{grid-row:1/3}
}
.wf-recipe-main{min-width:0}
.wf-recipe b.wf-diff{display:block;font:700 1.05rem/1.15 var(--cond)}
.wf-recipe-sub{display:flex;flex-wrap:wrap;gap:.1rem .6rem;margin-top:.15rem;font-size:.82rem;color:var(--muted)}
.wf-diff-say{display:inline-flex;align-items:center;gap:.3rem;font:500 .72rem/1.3 var(--mono);color:var(--soft)}
.wf-diff-say i{flex:none;width:.45rem;height:.45rem;border-radius:50%;background:currentColor}
.wf-recipes .d-orange .wf-diff-say{color:var(--d-orange)}
.wf-recipes .d-yellow .wf-diff-say{color:var(--d-yellow)}
.wf-recipes .d-green .wf-diff-say{color:var(--d-green)}
.wf-recipes .d-grey .wf-diff-say{color:var(--d-grey)}
.wf-recipes .d-locked .wf-diff{color:var(--soft)}
.wf-recipes .d-locked .wf-gear-ic{opacity:.55}
.wf-callout{display:flex;align-items:center;gap:.8rem;width:calc(100% - 1.8rem);margin:.8rem .9rem;padding:.75rem .85rem;border:1px dashed var(--rule-strong);border-radius:8px;
background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}
.wf-callout:hover{border-color:var(--c-arcade)}
.wf-callout>.wf-i{width:1.3rem;height:1.3rem;color:var(--c-arcade)}
.wf-callout b{display:block;font:700 .95rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.wf-callout .wf-grow>span{display:block;margin-top:.15rem;font-size:.82rem;color:var(--muted)}
.wf-callout em{font:500 .76rem/1 var(--mono);font-style:normal;color:var(--k-gold)}
.wf-callout-go{font:600 .8rem/1 var(--sans);white-space:nowrap}
.wf-afk{display:flex;align-items:center;gap:.6rem;margin:.6rem 0;padding:.6rem .7rem;border:1px dashed var(--rule-strong);border-radius:8px;font-size:.84rem;line-height:1.35}
.wf-afk>.wf-i{width:1.15rem;height:1.15rem;flex:none;color:var(--c-arcade)}
.wf-afk .wf-btn{flex:none}
.wf-afk.is-me{border-style:solid;border-color:color-mix(in srgb,var(--stop) 60%,transparent)}
.wf-afk.is-me>.wf-i{color:var(--stop)}
.wf-panel>.wf-prof-switch{border-top:1px solid var(--rule)}
.wf-prof-switch>summary{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem;padding:0 .9rem;cursor:pointer;list-style:none;
font:500 .74rem/1.3 var(--mono);color:var(--soft)}
.wf-prof-switch>summary::-webkit-details-marker{display:none}
.wf-prof-switch>summary::after{content:'';width:.4rem;height:.4rem;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);transition:transform .15s}
.wf-prof-switch[open]>summary::after{transform:rotate(45deg)}
.wf-switch-body{display:grid;gap:.5rem;padding:0 .9rem .9rem}
.wf-switch-body .wf-prof-pick{margin:0}
.wf-warn{margin:0;padding:.5rem .65rem;border:1px solid color-mix(in srgb,var(--warn) 50%,transparent);border-radius:6px;font-size:.84rem;line-height:1.45;color:var(--warn)}
.wf-forge-seg{margin-top:.7rem}
.wf-forgegrid{display:grid;gap:.75rem;margin-top:.7rem;align-items:start}
.wf-forgegrid>.wf-panel{margin-top:0}
@media (max-width:959px){.wf-ladder:not(.is-on){display:none}}
@media (min-width:960px){
.wf-forge-seg{display:none}
.wf-forgegrid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(18rem,1.15fr)}
.wf-ladder.is-weapon{grid-area:1/1}
.wf-ladder.is-armor{grid-area:1/2}
.wf-forge-pick{grid-area:1/3}
}
.wf-rungs{list-style:none;margin:0;padding:.45rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.2rem}
.wf-rungs li{margin:0}
.wf-rung{display:flex;align-items:center;gap:.65rem;width:100%;padding:.45rem .55rem;border:1px solid transparent;border-radius:8px;background:transparent;
color:var(--text);text-align:left;cursor:pointer;font:inherit}
.wf-rung:hover{border-color:var(--rule-strong)}
.wf-rung.is-worn{border-color:color-mix(in srgb,var(--c-arcade) 30%,transparent)}
.wf-rung.is-sel{border-color:var(--c-arcade);background:var(--accent-wash)}
.wf-rung.is-past:not(.is-sel){opacity:.55}
.wf-rung .wf-gear-ic{width:2.3rem;height:2.3rem}
.wf-rung b{display:block;font:700 1rem/1.15 var(--cond);text-wrap:pretty;overflow-wrap:anywhere}
.wf-rung small{display:block;margin-top:.1rem;font:500 .7rem/1.3 var(--mono);color:var(--soft)}
.wf-rung .wf-chip{flex:none;max-width:min(7.5rem,36%);font-size:.66rem;white-space:normal;text-align:center;text-wrap:balance}
.wf-forge-pick.is-live{border-color:color-mix(in srgb,var(--c-arcade) 35%,transparent)}
.wf-pick-hero{display:flex;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid var(--rule)}
.wf-gear-ic.is-big{width:4.4rem;height:4.4rem;border-width:2px;border-radius:12px}
.wf-gear-ic.is-big .wf-i{width:2.4rem;height:2.4rem}
.wf-pick-hero .wf-kicker{color:var(--soft)}
.wf .wf-pick-name{margin:.15rem 0 0;font:700 1.6rem/1.05 var(--cond);letter-spacing:.02em}
.wf-pick-power{margin:.35rem 0 0}
.wf-pick-power b{font:700 1.2rem/1 var(--cond)}
.wf-pick-power span{font:600 .76rem/1.2 var(--mono);color:var(--soft)}
.wf-pick-power .is-up{color:var(--go)}
.wf-pick-body{display:grid;gap:.85rem;padding:.9rem 1rem 1rem}
.wf-pick-body>.wf-note{margin:0}
.wf-pick-body .wf-subhead{margin:0 0 .4rem;justify-content:space-between}
.wf-cost-off{font:500 .7rem/1.3 var(--mono);text-transform:none;letter-spacing:0;color:var(--k-smith)}
.wf-exc{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--r-legendary) 45%,transparent);border-radius:8px;
background:color-mix(in srgb,var(--r-legendary) 6%,transparent)}
.wf-exc>.wf-i{width:1.1rem;height:1.1rem;margin-top:.1rem;color:var(--r-legendary)}
.wf-exc p{margin:0;font-size:.86rem;line-height:1.45}
.wf-exc b{color:var(--r-legendary)}
.wf-exc span{display:block;margin-top:.2rem;color:var(--muted)}
.wf-needs{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}
.wf-needs li{margin:0}
.wf-costlist{list-style:none;margin:0;padding:0;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-costlist li{display:flex;align-items:center;gap:.6rem;margin:0;padding:.5rem .7rem;border-top:1px solid var(--rule);font-size:.9rem}
.wf-costlist li:first-child{border-top:0}
.wf-costlist .wf-i{width:1.05rem;height:1.05rem}
.wf-costlist s{font:500 .74rem/1 var(--mono);color:var(--soft)}
.wf-cost-n{font:500 .82rem/1 var(--mono);font-variant-numeric:tabular-nums}
.wf-costlist small{min-width:3.8rem;text-align:right;font:600 .7rem/1 var(--mono)}
.wf-costlist .ok .wf-cost-n,.wf-costlist .ok small{color:var(--go)}
.wf-costlist .short .wf-cost-n,.wf-costlist .short small{color:var(--warn)}
.wf-pick-acts{display:flex;flex-wrap:wrap;gap:.5rem}
.wf-pick-acts .wf-btn{flex:1 1 12rem;justify-content:center;min-height:2.75rem}
.wf-bench-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem;padding:.8rem .9rem}
.wf-benchgrid{display:grid;gap:.75rem;margin-top:.75rem;align-items:start}
.wf-benchgrid>.wf-panel{margin-top:0}
@media (min-width:960px){
.wf-benchgrid{grid-template-columns:minmax(0,1fr) minmax(20rem,1fr);grid-template-rows:auto auto 1fr}
.wf-benchgrid>.wf-bench-list.is-main{grid-column:1;grid-row:1/4}
.wf-benchgrid>.wf-bench-pick{grid-column:2;grid-row:1}
.wf-benchgrid>.wf-bench-list.is-pack{grid-column:2;grid-row:2}
.wf-benchgrid.is-solo{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
.wf-benchgrid.is-solo>.wf-bench-list.is-pack{grid-column:1;grid-row:1}
}
.wf-rung.d-orange b:not(.wf-rar),.wf-pick-name.d-orange{color:var(--d-orange)}
.wf-rung.d-yellow b:not(.wf-rar),.wf-pick-name.d-yellow{color:var(--d-yellow)}
.wf-rung.d-green b:not(.wf-rar),.wf-pick-name.d-green{color:var(--d-green)}
.wf-rung.d-grey b:not(.wf-rar),.wf-pick-name.d-grey{color:var(--d-grey)}
.wf-rung.d-locked b:not(.wf-rar),.wf-pick-name.d-locked{color:var(--soft)}
.wf-rung.d-locked:not(.is-sel){opacity:.55}
.wf-rung.d-locked:not(.is-sel) .wf-gear-ic{filter:grayscale(.6)}
.wf-bench-list .wf-rung small{white-space:normal;text-wrap:pretty}
.wf-rung-group{margin:.5rem .1rem .1rem;padding:.6rem .45rem .1rem;border-top:1px solid var(--rule);font:600 .66rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.wf-bench-list .wf-legend{padding:.65rem .9rem .7rem;border-top:1px solid var(--rule)}
.wf-bench-list>.wf-note{margin:0;border-top:1px solid var(--rule);padding-top:.65rem;padding-bottom:.7rem}
.wf-bench-list>.wf-note .wf-i{width:1rem;height:1rem;vertical-align:-.15em}
.wf-gift-row{display:flex;gap:.5rem;flex:1 1 100%}
.wf-gift-row .wf-select{flex:1 1 auto;max-width:none;min-width:0;min-height:2.75rem}
.wf-pick-acts .wf-gift-row .wf-btn{flex:0 0 auto}
.wf-prof-seg{margin-top:.7rem}
@media (max-width:959px){.wf-prof-page.is-craft .is-gather-side,.wf-prof-page.is-gather .is-craft-side{display:none}}
@media (min-width:960px){
.wf-prof-seg{display:none}
.wf-prof-page{display:grid;grid-template-columns:minmax(17rem,1fr) minmax(0,2fr);gap:.75rem;align-items:start;margin-top:.7rem}
.wf-prof-page>.wf-panel,.wf-prof-crafts>.wf-panel:first-child{margin-top:0}
}
@media (min-width:960px) and (max-width:1199px){
.wf-prof-crafts .wf-benchgrid{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.wf-prof-crafts .wf-benchgrid>.wf-bench-list.is-main,.wf-prof-crafts .wf-benchgrid>.wf-bench-pick,.wf-prof-crafts .wf-benchgrid>.wf-bench-list.is-pack{grid-column:auto;grid-row:auto}
}
.wf .wf-mastery>summary{cursor:pointer;list-style:none;margin:.2rem 0 0;min-height:2.25rem}
.wf .wf-mastery>summary{align-items:center}
.wf-mastery>summary .wf-right{min-width:0;text-align:right}
.wf-mastery>summary::-webkit-details-marker{display:none}
.wf-mastery>summary::after{content:'';flex:none;width:.4rem;height:.4rem;margin:0 .2rem 0 .5rem;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);transition:transform .15s;align-self:center}
.wf-mastery[open]>summary::after{transform:rotate(45deg)}
.wf-mastery>summary .wf-right b{color:var(--text);font-weight:600}
.wf-seg.wf-side-seg{grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:.7rem 0 0}
.wf-side-seg+.wf-panel{margin-top:.5rem}
.wf-bites>li{padding-top:.45rem;padding-bottom:.45rem}
.wf-bites .wf-note{margin:.1rem 0 0;font-size:.8rem;line-height:1.35}
.wf-bench-row .wf-note{margin:.15rem 0 0}
.wf-bench-row>.wf-grow{flex:1 1 14rem}
.wf-bench-row .wf-chips{margin:0}
.wf-gear-ic.is-potion{border-color:color-mix(in srgb,var(--k-potion) 50%,transparent)}
.wf-talent-title{display:flex;align-items:center;gap:.8rem}
.wf-talent-title .wf-crest{width:2.8rem;height:2.8rem}
.wf-tpoints{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem}
.wf-tpoints p{margin:0;font:500 .74rem/1.3 var(--mono);color:var(--muted)}
.wf-tpips{display:inline-flex;gap:3px;vertical-align:middle}
.wf-tpips i{width:.55rem;height:.55rem;border-radius:2px;background:var(--rule-strong)}
.wf-tpips i.on{background:var(--c-arcade)}
.wf-tpips i.pick{background:color-mix(in srgb,var(--go) 35%,transparent);box-shadow:0 0 0 1px var(--go) inset}
.wf-tpips.lg{gap:4px}
.wf-tpips.lg i{width:1.3rem;height:.6rem}
.wf-branch-seg{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.7rem}
@media (max-width:480px){.wf-branch-seg .wf-seg-opt{gap:.3rem;padding-inline:.25rem;letter-spacing:.03em}.wf-branch-seg .wf-seg-opt>.wf-i{display:none}}
.wf-talentgrid{display:grid;gap:.75rem;margin-top:.7rem}
@media (min-width:1200px){.wf-talentgrid{grid-template-columns:minmax(0,1fr) 18rem;align-items:start}}
.wf-tree{display:grid;gap:.75rem;align-content:start}
.wf-branches{display:grid;gap:.75rem;align-items:start}
.wf-branches>.wf-panel{margin-top:0}
@media (max-width:959px){.wf-branch:not(.is-on){display:none}}
@media (min-width:960px){.wf-branch-seg{display:none}.wf-branches{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wf-tcards{list-style:none;margin:0;padding:.6rem;display:grid;gap:.5rem}
.wf-tcard{margin:0;padding:.65rem;border:1px solid var(--rule-strong);border-radius:8px;background:var(--ink-bg)}
.wf-tcard.is-taken{border-color:color-mix(in srgb,var(--c-arcade) 45%,transparent);background:color-mix(in srgb,var(--c-arcade) 5%,var(--ink-bg))}
.wf-tcard.is-picked{border-style:dashed;border-color:var(--go);background:color-mix(in srgb,var(--go) 6%,var(--ink-bg))}
.wf-tcard.is-locked{opacity:.62}
.wf-tcard-top{display:flex;align-items:center;gap:.55rem}
.wf-tcard .wf-gear-ic{width:2.2rem;height:2.2rem}
.wf-tcard.is-capstone .wf-gear-ic{border-radius:50%}
.wf-tcard.is-taken .wf-gear-ic{border-color:color-mix(in srgb,var(--c-arcade) 55%,transparent);color:var(--c-arcade)}
.wf-tcard-top b{display:block;font:700 1.02rem/1.15 var(--cond);letter-spacing:.02em}
.wf-tcard-rank{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .4rem;margin-top:.2rem}
.wf-tcard-rank small,.wf-tcard-rank em{white-space:nowrap}
.wf-tcard-rank small{font:500 .7rem/1 var(--mono);color:var(--soft)}
.wf-tcard-rank em{font:600 .7rem/1 var(--mono);font-style:normal;color:var(--go)}
.wf-tcard-desc{margin:.5rem 0 0;font-size:.86rem;line-height:1.45}
.wf-tcard-note{margin:.25rem 0 0;font:500 .7rem/1.3 var(--mono);color:var(--muted)}
.wf-tcard.is-locked .wf-tcard-note{color:var(--soft)}
.wf-step{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--rule-strong);border-radius:6px;
background:transparent;color:var(--muted);cursor:pointer}
.wf-step .wf-i{width:1rem;height:1rem}
.wf-step.is-add{border-color:var(--c-arcade);background:var(--accent-wash);color:var(--c-arcade)}
.wf-step:disabled{opacity:.4;cursor:default}
@media (max-width:600px){.wf-step{width:2.75rem;height:2.75rem}}
.wf-batch{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}
.wf-batch-n{min-width:2rem;text-align:center;font:700 1.05rem/1 var(--mono);color:var(--text)}
.wf-batch-max{height:2.25rem;padding:0 .6rem;border:1px solid var(--rule-strong);border-radius:6px;background:transparent;color:var(--muted);
font:600 .74rem/1 var(--mono);white-space:nowrap;cursor:pointer}
.wf-batch-max:disabled{opacity:.4;cursor:default}
@media (max-width:600px){.wf-batch-max{height:2.75rem}}
.wf-gate-line{display:flex;align-items:center;gap:.5rem;margin:0;padding:0 .2rem;font:500 .68rem/1.3 var(--mono);color:var(--soft)}
.wf-gate-line::before,.wf-gate-line::after{content:'';flex:1;border-top:1px dashed var(--rule-strong)}
.wf-gate-line.is-open{color:var(--c-arcade)}
.wf-gate-line.is-open::before,.wf-gate-line.is-open::after{border-color:color-mix(in srgb,var(--c-arcade) 60%,transparent)}
.wf-learn{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.7rem .9rem;border:1px solid var(--rule);border-radius:8px;background:var(--surface)}
.wf-learn .wf-note{margin:0}
.wf-learn.is-ready{position:sticky;bottom:.6rem;z-index:4;border-color:color-mix(in srgb,var(--go) 55%,transparent);box-shadow:0 -8px 22px -12px rgba(0,0,0,.75)}
.wf-learn-btns{display:flex;gap:.5rem;flex:1 1 16rem;justify-content:flex-end}
.wf-learn-btns .wf-btn{min-height:2.75rem}
.wf-learn-btns .is-go{flex:1;justify-content:center;max-width:16rem}
.wf-talent-side{display:grid;gap:.75rem;align-content:start}
.wf-talent-side>.wf-panel{margin-top:0}
.wf-build{list-style:none;margin:0;padding:.3rem 0}
.wf-build li{display:flex;gap:.6rem;align-items:flex-start;margin:0;padding:.45rem .9rem;font-size:.86rem;line-height:1.45}
.wf-build li .wf-i{width:.95rem;height:.95rem;margin-top:.2rem;color:var(--c-arcade)}
.wf-build li.is-picked .wf-i{color:var(--go)}
.wf-build em{font:600 .64rem/1.8 var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.08em;color:var(--go)}
.wf-build .wf-empty{padding:.6rem .9rem}
.wf-reset{display:grid;gap:.4rem;margin:0}
.wf-reset .wf-note{margin:0}
.wf-panel-head [data-wf-online-count]{color:var(--go)}
.wf-keep.is-open{border-color:color-mix(in srgb,var(--go) 50%,transparent);color:var(--go)}
.wf-cols{display:grid;gap:.75rem;margin-top:.7rem;align-items:start}
.wf-cols>.wf-panel{margin-top:0}
@media (min-width:960px){
.wf-cols{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.wf-cols.is-hall{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
}
.wf-split{display:grid;gap:.2rem 1.6rem}
@media (min-width:960px){.wf-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.wf .wf-split>div>.wf-subhead:first-child{margin-top:.2rem}
.wf-fightgrid{display:grid;gap:0 .75rem;align-items:start}
@media (min-width:1000px){.wf-fightgrid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}}
.wf-trailgrid{display:grid;gap:0 .75rem;align-items:start}
@media (min-width:960px){
.wf-trailgrid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.wf-trailgrid>.wf-card{grid-area:1/1}
.wf-trailgrid>.wf-road{grid-area:1/2}
}
.wf-events{display:grid;gap:.45rem;margin:.7rem 0 .2rem}
@media (min-width:640px){.wf-events{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wf-event{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.6rem .75rem;border:1px solid var(--rule);border-radius:8px;
background:linear-gradient(180deg,var(--raised),var(--surface));color:var(--text);text-align:left;font:inherit}
button.wf-event{cursor:pointer}
button.wf-event:hover{border-color:var(--rule-strong)}
.wf-event>.wf-i{width:1.25rem;height:1.25rem;color:var(--soft)}
.wf-event b{display:block;font:700 .95rem/1.15 var(--cond);text-transform:uppercase;letter-spacing:.05em}
.wf-event small{display:block;margin-top:.15rem;font-size:.8rem;line-height:1.35;color:var(--muted)}
.wf-event-when{flex:none;font:600 .78rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}
.wf-event.is-on{border-color:color-mix(in srgb,var(--c-arcade) 50%,transparent)}
.wf-event.is-on>.wf-i,.wf-event.is-on .wf-event-when{color:var(--c-arcade)}
.wf-event.is-hot{border-color:var(--stop);background:color-mix(in srgb,var(--stop) 10%,var(--surface))}
.wf-event.is-hot>.wf-i,.wf-event.is-hot .wf-event-when{color:var(--stop)}
.wf-roles-grid{list-style:none;margin:0;padding:.7rem .9rem 0;display:grid;gap:.5rem}
@media (min-width:640px){.wf-roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wf-roles-grid li{display:flex;gap:.6rem;align-items:flex-start;margin:0;padding:.65rem .7rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-roles-grid li>.wf-i{width:1.3rem;height:1.3rem;margin-top:.1rem}
.wf-roles-grid b{display:block;font:700 1rem/1.15 var(--cond);text-transform:uppercase;letter-spacing:.04em}
.wf-roles-grid span{display:block;margin-top:.2rem;font-size:.82rem;line-height:1.4;color:var(--muted)}
.wf-roles-grid em{font-style:normal;font-weight:600;color:var(--text)}
.wf-war-classes b{color:var(--text)}
.wf{--k-fish:#5ec8ff;--k-rested:#9db4ff;--k-cheer:#ff7ab6;--k-twist:#c4b5fd}
:root[data-theme="light"] .wf{--k-fish:#0369a1;--k-rested:#4338ca;--k-cheer:#be185d;--k-twist:#6d28d9}
.wf .k-fishing,.wf .k-fish,.wf .k-fine-fish,.wf .k-frost-crystal{color:var(--k-fish)}
.wf .k-rested{color:var(--k-rested)}
.wf .k-cheer{color:var(--k-cheer)}
.wf .k-twist,.wf .k-season{color:var(--k-twist)}
.wf .k-bounty,.wf .k-food{color:var(--k-supplies)}
.wf .k-prep-oil{color:var(--k-smith)}
.wf .k-prep-ward{color:var(--k-leather)}
.wf .k-prep-draught{color:var(--k-alchemy)}
.wf .k-thornroot{color:var(--k-hide)}
.wf .k-bog-lotus{color:var(--k-cheer)}
.wf .k-cinder-salt{color:var(--k-weapon)}
.wf .k-grave-moss{color:var(--k-herb)}
.wf .k-crown-shard{color:var(--k-gold)}
.wf-pad-x{padding:0 .9rem}
.wf-bar-rested{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--k-rested) 26%,transparent);border-right:1px dashed var(--k-rested)}
.wf-sheet-chips{display:flex;flex-wrap:wrap;gap:.3rem}
.wf-sheet-chips .wf-chip{display:inline-flex;align-items:center;gap:.3rem;white-space:normal}
.wf-sheet-chips .wf-i{width:.9rem;height:.9rem}
.wf-chip.is-rested{border-color:color-mix(in srgb,var(--k-rested) 55%,transparent);color:var(--k-rested)}
.wf-rested-note{color:var(--k-rested)}
.wf-away{margin-top:.7rem;padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--c-arcade) 50%,transparent);border-radius:8px;
background:linear-gradient(180deg,var(--accent-wash),var(--surface))}
.wf-away-head{display:flex;align-items:center;gap:.6rem}
.wf-away-head>.wf-i{width:1.5rem;height:1.5rem;color:var(--c-arcade)}
.wf-away-head b{display:block;font:700 1.1rem/1.1 var(--cond);text-transform:uppercase;letter-spacing:.05em}
.wf-away-head small{font:500 .72rem/1.3 var(--mono);color:var(--soft)}
.wf-away-rested{display:flex;align-items:center;gap:.45rem;margin:.6rem 0 0;font-size:.88rem;color:var(--muted)}
.wf-away-rested .wf-i{width:1.1rem;height:1.1rem;flex:none}
.wf-away-rested b{color:var(--k-rested)}
.wf-away-news b{color:var(--text)}
.wf-away-news .wf-btn{margin-left:auto;flex:none}
.wf-away-cols{display:grid;gap:0 1.4rem}
@media (min-width:860px){.wf-away-cols{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}
.wf-away .wf-subhead{margin:.8rem 0 .2rem}
.wf-away-list{list-style:none;margin:0;padding:0;max-height:16rem;overflow-y:auto}
.wf-away-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;align-items:start;margin:0;padding:.4rem 0;
border-bottom:1px dashed var(--rule);font-size:.86rem;line-height:1.45;color:var(--muted)}
.wf-away-list li:last-child{border-bottom:0}
.wf-away-list b{color:var(--text);font-weight:600}
.wf-feed-end{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}
.wf-cheer{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .45rem;border:1px solid var(--rule-strong);border-radius:999px;cursor:pointer;
background:transparent;color:var(--soft);font:600 .68rem/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;touch-action:manipulation}
.wf-cheer .wf-i{width:.85rem;height:.85rem;color:inherit}
.wf-cheer b{font-weight:600;color:inherit}
.wf-cheer:hover:not(:disabled){border-color:color-mix(in srgb,var(--k-cheer) 60%,transparent);color:var(--k-cheer)}
.wf-cheer.is-thanks{border-color:color-mix(in srgb,var(--k-cheer) 55%,transparent);color:var(--k-cheer)}
.wf-cheer.is-done,.wf-cheer.is-count{border-color:transparent;color:var(--k-cheer);cursor:default}
.wf-because{display:flex;gap:.45rem;align-items:flex-start;margin:0 0 .6rem;padding:.45rem .6rem;border-left:2px solid var(--c-arcade);
background:var(--accent-wash);font-size:.84rem;line-height:1.45;color:var(--muted)}
.wf-because .wf-i{width:1rem;height:1rem;flex:none;margin-top:.1rem;color:var(--c-arcade)}
.wf-card-title .wf-chip.is-local{margin-left:.5rem;vertical-align:.15em;font-size:.66rem}
.wf-chip.is-local{display:inline-flex;align-items:center;gap:.2rem}
.wf-chip.is-local .wf-i{width:.8rem;height:.8rem}
.wf-twists{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.wf-twists li{display:flex;gap:.5rem;align-items:flex-start;margin:0;font-size:.84rem;line-height:1.45;color:var(--muted)}
.wf-twists li>.wf-i{width:1.1rem;height:1.1rem;flex:none;margin-top:.1rem;color:var(--k-twist)}
.wf-twists b{color:var(--text)}
.wf-bounties>.wf-note{margin:.6rem 0 .2rem}
.wf-bounty.is-done{background:color-mix(in srgb,var(--go) 7%,transparent)}
.wf-bounty .wf-up-head{align-items:center;gap:.5rem}
.wf-bounty .wf-up-head b{flex:1;min-width:0}
.wf-contest .wf-up-head b{min-width:0}
.wf-up-head .wf-contest-n{font:500 .72rem/1 var(--mono);color:var(--soft);text-transform:none;letter-spacing:0;white-space:nowrap}
.wf-contest.is-placed{background:color-mix(in srgb,var(--c-arcade) 6%,transparent)}
.wf-contest-board{margin:.45rem 0 .1rem;max-height:none;border:1px solid var(--rule);border-radius:6px}
.wf-contest-last{list-style:none;margin:0 0 .5rem;padding:0;display:grid;gap:.35rem}
.wf-contest-last li{display:flex;gap:.5rem;align-items:flex-start;font-size:.84rem;line-height:1.45;color:var(--muted)}
.wf-contest-last li>.wf-i{width:1rem;height:1rem;flex:none;margin-top:.15rem;color:var(--c-arcade)}
.wf-contest-last b{color:var(--text)}
.wf-prep>li.is-got{background:color-mix(in srgb,var(--go) 6%,transparent)}
.wf-prepmark{display:inline-flex;gap:.1rem;margin-left:.35rem;vertical-align:-.12em}
.wf-prepmark .wf-i{width:.85rem;height:.85rem}
.wf-recap .wf-seg{grid-template-columns:repeat(3,minmax(0,1fr))}
.wf-recap-sub{margin:0 0 .6rem;font-size:.9rem;color:var(--muted)}
.wf-recap-sub b{color:var(--text)}
.wf-meterlist .who small{display:block;font:500 .68rem/1.35 var(--mono);color:var(--soft);white-space:normal}
.wf-meterlist .lv small{color:var(--soft)}
.wf-seasons{display:grid;gap:.75rem;margin-top:.7rem;align-items:start}
.wf-seasons>.wf-panel{margin-top:0}
@media (min-width:960px){.wf-seasons{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wf-wrapped-top{display:flex;gap:.7rem;align-items:center}
.wf-wrapped-top .wf-note{margin:.15rem 0 0}
.wf-wrapped-name{font:700 1.25rem/1.1 var(--cond);text-transform:uppercase;letter-spacing:.04em}
.wf-wrapped-stats{list-style:none;margin:.75rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8.6rem,1fr));gap:.4rem}
.wf-wrapped-stats li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 .5rem;align-items:center;margin:0;padding:.45rem .6rem;
border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-wrapped-stats li>.wf-i,.wf-wrapped-stats li>.wf-foe-art{grid-row:span 2;width:1.4rem;height:1.4rem}
.wf-wrapped-stats li>.wf-foe-art{width:1.9rem;height:1.9rem;color:var(--c-arcade)}
.wf-wrapped-stats b{font:700 1.05rem/1.15 var(--cond);overflow-wrap:anywhere}
.wf-wrapped-stats span{font-size:.74rem;line-height:1.3;color:var(--soft)}
.wf-wrapped-stats li.is-wide{grid-column:1/-1}
.wf-wrapped-stats li.wf-empty{grid-column:1/-1;display:block;border:0;background:none}
.wf-prof-tile.is-fishing{--pc:var(--k-fish)}
.wf-keep.is-fishing{border-color:color-mix(in srgb,var(--k-fish) 50%,transparent)}
.wf-prof-fish{margin-top:.75rem}
.wf-fishgrid{display:grid;gap:0 .75rem;align-items:start}
@media (min-width:960px){.wf-fishgrid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto 1fr}
.wf-fishgrid>.wf-pond-panel{grid-area:1/1}.wf-fish-side{grid-area:1/2/3/3}.wf-fish-skill{grid-area:2/1;align-self:start}}
.wf-fish-side>.wf-panel:first-child{margin-top:.7rem}
@media (min-width:960px){.wf-fish-side>.wf-panel:first-child{margin-top:.7rem}}
.wf-pond{position:relative;height:17rem;overflow:hidden;border-bottom:1px solid var(--rule);background:#05070a}
@media (min-width:640px){.wf-pond{height:21rem}}
.wf-pond-art{display:block;width:100%;height:100%}
.wf-pond-art .wf-float,.wf-pond-art .wf-pond-rings ellipse,.wf-pond-art .wf-pond-splash{transform-box:fill-box;transform-origin:50% 50%}
.wf-pond-art .wf-float{transition:transform .25s ease,opacity .3s}
.wf-pond-art .wf-pond-line{transition:stroke .2s}
.wf-pond-rings{opacity:0;transition:opacity .3s}
.wf-pond-splash{opacity:0}
.wf-pond.is-wait .wf-float,.wf-pond.is-nibble .wf-float{animation:wf-bob 2.6s ease-in-out infinite}
.wf-pond.is-twitch .wf-float{animation:wf-twitch .5s ease-out}
.wf-pond.is-twitch .wf-pond-rings{opacity:.5}
.wf-pond.is-bite .wf-float{transform:translateY(10px);opacity:.5}
.wf-pond.is-bite .wf-pond-rings{opacity:.7}
.wf-pond.is-bite .wf-pond-rings ellipse{animation:wf-ripple .8s ease-out infinite}
.wf-pond.is-land .wf-pond-splash{animation:wf-splash .9s ease-out}
.wf-pond.is-lost .wf-float{opacity:.35}
.wf-pond.is-fight,.wf-pond.is-reeling{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.wf-pond.is-fight .wf-float,.wf-pond.is-reeling .wf-float{animation:wf-run .45s ease-in-out infinite alternate}
.wf-pond.is-fight .wf-pond-rings,.wf-pond.is-reeling .wf-pond-rings{opacity:.7}
.wf-pond.is-fight .wf-pond-rings ellipse{animation:wf-ripple .8s ease-out infinite}
.wf-pond.is-fight .wf-pond-line,.wf-pond.is-reeling .wf-pond-line{stroke:#7dff9a}
.wf-reel{position:absolute;top:.7rem;bottom:.7rem;right:max(1rem,8%);display:none;gap:.3rem;padding:.3rem;
border:2px solid #8a6238;border-radius:8px;background:rgba(36,24,14,.88);box-shadow:0 6px 20px rgba(0,0,0,.55)}
.wf-pond.is-fight .wf-reel,.wf-pond.is-reeling .wf-reel{display:flex}
.wf-reel-track{position:relative;width:2.8rem;height:100%;overflow:hidden;border-radius:4px;background:linear-gradient(#1f5675,#0a2131)}
.wf-reel-bar{position:absolute;left:0;right:0;top:0;border:2px solid #7dff9a;border-radius:4px;background:rgba(125,255,154,.32);opacity:.7;transition:opacity .12s,box-shadow .12s}
.wf-reel-track.is-in .wf-reel-bar{opacity:1;box-shadow:0 0 12px rgba(125,255,154,.7),inset 0 0 8px rgba(125,255,154,.5)}
.wf-reel-track.is-out .wf-reel-bar{border-color:#b9f5c6}
.wf-reel-fish,.wf-reel-chest{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:center}
.wf-reel-fish{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.wf-reel-fish .wf-i{width:1.7rem;height:1.7rem;color:#ffd166}
.wf-reel-track.is-in .wf-reel-fish .wf-i{animation:wf-reel-shake .14s linear infinite}
.wf-reel-track.is-boss .wf-reel-fish{filter:drop-shadow(0 0 5px rgba(255,128,0,.8))}
.wf-reel-track.is-boss .wf-reel-fish .wf-i{color:#ff8000}
.wf-reel-chest[hidden]{display:none}
.wf-reel-chest .wf-i{width:1.5rem;height:1.5rem;color:#e9b44c}
.wf-reel-chest.is-in .wf-i{animation:wf-reel-shake .14s linear infinite}
.wf-reel-chest b{position:absolute;left:12%;right:12%;bottom:-3px;height:4px;border-radius:2px;background:rgba(0,0,0,.55);overflow:hidden}
.wf-reel-chest b i{display:block;width:0;height:100%;background:#ffd166}
.wf-reel-meter{position:relative;width:.75rem;height:100%;overflow:hidden;border-radius:4px;background:rgba(0,0,0,.5)}
.wf-reel-meter i{position:absolute;left:0;right:0;bottom:0;height:30%;background:var(--go)}
@keyframes wf-reel-shake{25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}
.wf-perfect{display:inline-flex;align-items:center;gap:.2rem;color:var(--r-legendary);font-weight:700}
.wf-perfect .wf-i,.wf-fish-meter .wf-chip .wf-i{color:inherit}
.wf-catch-chest{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}
.wf-catch-chest>.wf-i{color:var(--r-legendary)}
@keyframes wf-bob{50%{transform:translateY(1.6px)}}
@keyframes wf-twitch{25%{transform:translateY(4px) rotate(-10deg)}55%{transform:translateY(-1px) rotate(6deg)}}
@keyframes wf-ripple{from{transform:scale(.5);opacity:.9}to{transform:scale(1.5);opacity:0}}
@keyframes wf-run{from{transform:translate(-10px,6px) rotate(-12deg)}to{transform:translate(12px,7px) rotate(12deg)}}
@keyframes wf-splash{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}
@keyframes wf-urge{to{box-shadow:0 0 0 4px color-mix(in srgb,var(--go) 35%,transparent)}}
@media (prefers-reduced-motion:reduce){
.wf-pond .wf-float,.wf-pond .wf-pond-rings ellipse,.wf-pond .wf-pond-splash,.wf-fish-btn,.wf-reel .wf-i,.wf-reel-track.is-strain .wf-reel-bar{animation:none!important}
.wf-pond.is-land .wf-pond-splash{opacity:1}
}
.wf-fish-say{min-height:2.7em;margin:0 0 .45rem;font-size:1rem;line-height:1.35;color:var(--text)}
.wf-fish-meter{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:1.7rem;margin-bottom:.45rem}
.wf-fish-meter .wf-chip{display:inline-flex;align-items:center;gap:.3rem}
.wf-fish-meter .wf-chip .wf-i{width:.85rem;height:.85rem}
.wf-fish-clock{flex:1 1 8rem;height:.5rem;overflow:hidden;border:1px solid var(--rule);border-radius:999px;background:var(--ink-bg)}
.wf-fish-clock i{display:block;height:100%;width:100%;background:var(--go)}
.wf-act.wf-fish-btn{min-height:5.2rem;margin:.2rem 0 0}
.wf-fish-btn.is-wait,.wf-fish-btn.is-nibble{border-color:var(--rule-strong);background:var(--ink-bg)}
.wf-fish-btn.is-bite{border-color:var(--go);background:color-mix(in srgb,var(--go) 24%,transparent);animation:wf-urge .45s ease-in-out infinite alternate}
.wf-fish-btn.is-wait,.wf-fish-btn.is-nibble,.wf-fish-btn.is-bite,.wf-fish-btn.is-fight,.wf-fish-btn.is-reeling{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.wf-fish-btn.is-fight{border-color:var(--go);background:color-mix(in srgb,var(--go) 10%,transparent)}
.wf-fish-btn.is-fight.is-held{background:color-mix(in srgb,var(--go) 30%,transparent);transform:scale(.99)}
.wf-fish-btn.is-reeling{border-color:var(--rule-strong);background:var(--ink-bg)}
.wf-fish-btn .wf-act-art .wf-i{color:var(--k-fish)}
.wf-fish-stop{margin:.4rem 0 0}
.wf-catch-body{display:flex;gap:.75rem;align-items:center}
.wf-catch-body b{display:block;font:700 1.15rem/1.15 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.wf-catch-body small{font:500 .72rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}
.wf-catch-body .wf-note{margin:.3rem 0 0}
.wf-catch-pic .wf-foe-art{width:3.6rem;height:3.6rem;color:var(--k-fish)}
.wf-catch.r-uncommon .wf-catch-pic .wf-foe-art{color:var(--r-uncommon)}
.wf-catch.r-rare .wf-catch-pic .wf-foe-art{color:var(--r-rare)}
.wf-catch.r-legendary .wf-catch-pic .wf-foe-art{color:var(--r-legendary)}
.wf-catch.r-junk .wf-catch-pic .wf-foe-art{color:var(--soft)}
.wf-gear-ic .wf-foe-art.wf-mini{width:1.5rem;height:1.5rem;color:var(--k-fish)}
.wf-gear-ic.r-junk{border-color:var(--rule)}
.wf-bites li.is-locked{opacity:.55}
.wf-bites small.wf-rar{font:600 .62rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.wf-rar.r-junk{color:var(--soft)}
.wf-fish-water{display:flex;flex-wrap:wrap;gap:.3rem;min-height:1.6rem;margin:0 0 .45rem}
.wf-fish-water .wf-chip{display:inline-flex;align-items:center;gap:.3rem}
.wf-fish-water .wf-chip .wf-i{width:.85rem;height:.85rem}
.wf-fish-water small{font:500 .68rem/1 var(--mono);color:var(--soft)}
.wf-hour.at-dawn .wf-i{color:#ffb38a}.wf-hour.at-day .wf-i{color:#ffd166}.wf-hour.at-dusk .wf-i{color:#ff8a5c}.wf-hour.at-night .wf-i{color:#a8c6ff}
.wf-pond::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;transition:background .8s}
.wf-pond.at-dawn::after{background:linear-gradient(rgba(255,170,120,.16),transparent 60%)}
.wf-pond.at-day::after{background:linear-gradient(rgba(255,240,200,.14),transparent 65%)}
.wf-pond.at-dusk::after{background:linear-gradient(rgba(255,120,60,.12),rgba(40,10,40,.15))}
.wf-pond.at-night::after{background:rgba(5,10,40,.38)}
.wf-reel{z-index:2}
.wf-reel-track.is-strain .wf-reel-bar{border-color:#ff8a3d;box-shadow:0 0 10px rgba(255,138,61,.7);animation:wf-reel-shake .1s linear infinite}
.wf-fish-rig{border-top:1px solid var(--rule);transition:opacity .2s}
.wf-fish-rig.is-locked{opacity:.45;pointer-events:none}
.wf-rig{display:grid;gap:.7rem}
.wf-rig .wf-pick>.wf-note{margin:.1rem 0 0;font-size:.82rem}
.wf-rig .wf-seg{margin:0}
.wf-seg.wf-baits{grid-template-columns:repeat(3,minmax(0,1fr))}
.wf-seg.wf-baits .wf-seg-opt{flex-direction:column;gap:.2rem;padding:.45rem .3rem;text-transform:none;letter-spacing:0;font-size:.74rem;min-width:0}
.wf-seg.wf-baits .wf-seg-opt span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wf-seg-opt[disabled]{opacity:.4;cursor:default}
.wf-rig-hook{display:flex;gap:.45rem;align-items:flex-start;margin:0}
.wf-rig-hook .wf-i{flex:none;width:1rem;height:1rem;margin-top:.15rem;color:var(--k-fish)}
.wf-bites>li{background:linear-gradient(90deg,color-mix(in srgb,var(--k-fish) 13%,transparent) var(--odds,0%),transparent var(--odds,0%))}
.wf-odds{flex:none;min-width:2.6rem;font:700 .85rem/1 var(--mono);text-align:right;color:var(--text)}
.wf-bites li.is-locked .wf-odds{color:var(--soft)}
.wf-release{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.5rem 0 0}
.wf-release .wf-btn{display:inline-flex;align-items:center;gap:.3rem}
.wf-release .wf-btn .wf-i{width:.9rem;height:.9rem}
.wf-release .wf-note{margin:0;font-size:.78rem}
.wf-trophy-note{display:inline-flex;align-items:center;gap:.25rem;color:var(--r-legendary)}
.wf-trophy-note .wf-i{width:.9rem;height:.9rem}
.wf-run{margin-top:.7rem;border-color:color-mix(in srgb,var(--k-fish) 55%,var(--rule))}
.wf-run .wf-panel-head>.wf-i{color:var(--k-fish)}
.wf-run .wf-roster{margin-top:.5rem}
.wf-callout.is-run{border-color:color-mix(in srgb,var(--k-fish) 60%,transparent)}
.wf-callout.is-run>.wf-i{color:var(--k-fish)}
.wf-derby .wf-roster{margin-top:.4rem}
.wf-whisk{grid-template-columns:1fr;margin:.5rem 0}
.wf-whiskers .wf-panel-head>.wf-i{color:var(--r-legendary)}
.wf{--k-meat:#e0745a;--k-cook:#ffb05c;--k-plot:#8fcf6a;--k-water:#5ec8ff;--k-special:#ff8000;--k-marks:#ffd166}
:root[data-theme="light"] .wf{--k-meat:#a63d22;--k-cook:#b45309;--k-plot:#3f6d1c;--k-water:#0369a1;--k-special:#c2410c;--k-marks:#8a5a00}
.wf .k-meat,.wf .k-hunters-stew,.wf .k-hearty-roast{color:var(--k-meat)}
.wf .k-cooking,.wf .k-feast,.wf .k-fish-pie,.wf .k-trail-rations,.wf .k-grilled-fish{color:var(--k-cook)}
.wf .k-plot,.wf .k-herb-seed,.wf .k-wildseed,.wf .k-sapling{color:var(--k-plot)}
.wf .k-water{color:var(--k-water)}
.wf .k-special,.wf .k-heirloom,.wf .k-transfer{color:var(--k-special)}
.wf .k-marks{color:var(--k-marks)}
.wf .k-news{color:var(--c-arcade)}
.wf .k-tool,.wf .k-pickaxe,.wf .k-hatchet{color:var(--k-ore)}
.wf .k-satchel{color:var(--k-herb)}
.wf .k-skinkit{color:var(--k-hide)}
.wf [class*="k-iron-"],.wf [class*="k-steel-"]{color:var(--k-ore)}
.wf .k-rough-satchel,.wf .k-tanned-satchel,.wf .k-runed-satchel{color:var(--k-herb)}
.wf .k-rough-skinkit,.wf .k-tanned-skinkit,.wf .k-runed-skinkit,.wf .k-runed-pickaxe,.wf .k-runed-hatchet{color:var(--k-leather)}
.wf .k-cleaver-haft,.wf .k-hag-eye,.wf .k-ogre-knuckle,.wf .k-barrow-lantern,.wf .k-wyrm-scale,.wf .k-usurper-signet,
.wf .k-goblin-cleaver,.wf .k-hag-philter,.wf .k-korvax-maul,.wf .k-wight-lantern,.wf .k-wyrm-bulwark,.wf .k-rightful-standard{color:var(--r-legendary)}
.wf .k-head,.wf .k-body,.wf .k-legs,.wf .k-feet{color:var(--k-marks)}
.wf-gear-ic.is-dish{border-color:color-mix(in srgb,var(--k-cook) 50%,transparent)}
.wf-keep.is-cooking{border-color:color-mix(in srgb,var(--k-cook) 50%,transparent)}
.wf-keep.is-herbalism{border-color:color-mix(in srgb,var(--k-herb) 50%,transparent)}
.wf-buff.is-food{border-color:color-mix(in srgb,var(--k-cook) 50%,transparent)}
.wf-buff.is-feast{border-color:var(--k-cook);background:color-mix(in srgb,var(--k-cook) 12%,transparent)}
.wf-news{box-sizing:border-box;display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;min-width:0;margin-top:.55rem;padding:.4rem .65rem;border:1px solid var(--rule);border-radius:8px;
background:var(--ink-bg);color:var(--muted);font:inherit;text-align:left;cursor:pointer}
.wf-news:hover{border-color:var(--rule-strong)}
.wf-news:focus-visible{outline:2px solid var(--c-arcade);outline-offset:2px}
.wf-news>.wf-i{flex:none;width:.95rem;height:.95rem}
.wf-news-ver{flex:none;font:600 .74rem/1 var(--mono);color:var(--c-arcade)}
.wf-news time{flex:none;font:500 .72rem/1 var(--mono);color:var(--soft)}
.wf-news-title{flex:1 1 0;width:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;color:var(--text)}
.wf-news-new{flex:none;padding:.15rem .4rem;border-radius:999px;background:var(--accent-wash);font:600 .64rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--c-arcade)}
.wf-news-go{flex:none;color:var(--soft)}
.wf-news.is-new{border-color:color-mix(in srgb,var(--c-arcade) 55%,transparent)}
.wf-newslist{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.6rem}
.wf-newslist>li{margin:0}
.wf-newslist>li.is-latest{border-color:color-mix(in srgb,var(--c-arcade) 45%,transparent)}
.wf-newsitems{margin:0;padding:.6rem .9rem .7rem 2rem;display:grid;gap:.35rem;font-size:.9rem;line-height:1.5;color:var(--muted)}
.wf-newsitems li::marker{color:var(--c-arcade)}
.wf-newslist>li.is-new{border-color:color-mix(in srgb,var(--c-arcade) 45%,transparent)}
.wf-newslist .wf-right .wf-news-new{margin-right:.5rem;vertical-align:.1em}
.wf-news-since{display:flex;align-items:center;gap:.45rem;margin:.2rem 0;font:500 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}
.wf-news-since::after{content:"";flex:1;border-top:1px dashed var(--rule-strong)}
.wf-news-since .wf-i{width:.9rem;height:.9rem;flex:none}
.wf-slot.is-empty{border-style:dashed;opacity:.75}
.wf-slot.is-empty .wf-slot-pic{color:var(--soft)}
.wf-slot.is-heirloom{border-color:color-mix(in srgb,var(--r-legendary) 45%,transparent)}
.wf-slot.is-heirloom .wf-slot-pic{color:var(--r-legendary)}
.wf-slot.is-heirloom .wf-slot-power{color:var(--k-special)}
.wf-gathering{border-color:color-mix(in srgb,var(--c-arcade) 50%,transparent)}
.wf-gathering .wf-panel-head>.wf-i{color:var(--c-arcade)}
.wf-gath-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:.6rem;margin:.6rem 0}
.wf-act.wf-gath-btn{flex:1 1 14rem;min-height:5rem}
.wf-gath-me{display:grid;place-content:center;justify-items:center;gap:.5rem;flex:0 1 10rem;padding:.5rem .6rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg);text-align:center}
.wf-gath-did{display:grid;justify-items:center}
.wf-gath-did b{font:700 1.6rem/1 var(--cond);color:var(--c-arcade)}
.wf-gath-did span{font:500 .72rem/1.3 var(--mono);color:var(--soft)}
.wf-gath-me .wf-btn[aria-pressed="true"]{border-color:var(--go);color:var(--go)}
.wf-gathering .wf-cols{margin-top:.4rem}
.wf-gathering .wf-log{max-height:9rem;overflow:auto}
.wf-plots{list-style:none;margin:0;padding:.55rem;display:grid;gap:.55rem}
.wf-plot{margin:0;padding:.6rem .7rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-plot-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.35rem}
.wf-plot-top b{display:block;font:700 1rem/1.15 var(--cond);text-transform:uppercase;letter-spacing:.04em}
.wf-plot-top small{font:500 .7rem/1.3 var(--mono);color:var(--soft)}
.wf-plot .wf-note{margin:.35rem 0}
.wf-plot.is-empty{border-style:dashed}
.wf-plot.is-locked{border-style:dashed;opacity:.55}
.wf-force{margin-top:.7rem;padding-top:.6rem;border-top:1px dashed var(--rule)}
.wf-force .wf-row{align-items:center}
.wf-plot.is-thirsty{border-color:color-mix(in srgb,var(--k-water) 60%,transparent)}
.wf-plot.is-ripe{border-color:var(--go);background:color-mix(in srgb,var(--go) 8%,var(--ink-bg))}
.wf-plot-sow{display:flex;flex-wrap:wrap;gap:.35rem}
@media (max-width:600px){.wf-plot-sow{display:grid}.wf-plot-sow .wf-btn{justify-content:flex-start}}
.wf-plot-sow .wf-btn small{font:500 .68rem/1 var(--mono);color:var(--soft);text-transform:none;letter-spacing:0}
.wf-bar.up.is-dry .wf-bar-fill{background:color-mix(in srgb,var(--k-water) 20%,transparent);border-color:var(--k-water)}
.wf-forge li.is-soon{opacity:.7}
.wf-outfit .wf-subhead{display:flex;align-items:center;justify-content:space-between}
.wf-outfit .wf-right{display:inline-flex;align-items:center;gap:.3rem;font:600 .78rem/1 var(--mono);color:var(--k-marks)}
.wf-outfit .wf-right .wf-i{width:.95rem;height:.95rem}
.wf-outfit-list li.is-got{opacity:.85}
.wf-outfit-list small{display:block;font:500 .7rem/1.3 var(--mono);color:var(--soft)}
.wf-outfit-list .wf-btn .wf-i{width:.9rem;height:.9rem}
.wf-heirlooms{margin-top:.75rem}
.wf-heirlooms li.is-on{background:color-mix(in srgb,var(--r-legendary) 8%,transparent)}
.wf-recipe.is-heirloom .wf-recipe-sub{text-wrap:pretty}
.wf-col-ic{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid var(--rule);border-radius:8px;opacity:.25;filter:grayscale(1)}
.wf-col-ic .wf-i{width:1.6rem;height:1.6rem}
.wf-col-grid li.is-got .wf-col-ic{opacity:1;filter:none;border-color:var(--r-legendary);box-shadow:0 0 10px -2px var(--r-legendary)}
@media (min-width:960px){
.wf-ladder.is-tool{grid-area:2/1/3/3}
.wf-forge-pick{grid-row:1/3}
}
.wf-roomlist{list-style:none;margin:0;padding:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.35rem}
.wf-roomlist li{display:flex;align-items:center;gap:.55rem;margin:0;padding:.4rem .5rem;border:1px solid var(--rule);border-radius:8px}
.wf-roomlist b{display:block;font-size:.84rem;line-height:1.25}
.wf-roomlist small{display:inline-flex;align-items:center;gap:.25rem;font:500 .7rem/1.3 var(--mono);color:var(--soft)}
.wf-roomlist small .wf-i{width:.8rem;height:.8rem}
.wf-roomlist li.is-ok{border-color:color-mix(in srgb,var(--go) 45%,transparent)}
.wf-roomlist li.is-ok small{color:var(--go)}
.wf-roomlist li.is-no{opacity:.72}
.wf-roomlist li.is-no small .wf-i{color:var(--stop)}
.wf-weak{display:flex;gap:.55rem;align-items:flex-start;margin:.55rem 0;padding:.5rem .65rem;border:1px solid color-mix(in srgb,var(--c-arcade) 40%,transparent);border-radius:8px;
background:var(--accent-wash);font-size:.86rem;line-height:1.45}
.wf-weak>.wf-i{flex:none;width:1.3rem;height:1.3rem;margin-top:.1rem}
.wf-weak em{display:block;color:var(--soft);font-size:.8rem}
.wf-bar.spec .wf-bar-fill{background:color-mix(in srgb,var(--k-special) 22%,transparent);border-color:var(--k-special)}
.wf-bar.xs{height:.75rem;margin-top:.2rem}
.wf-bar.xs .wf-bar-text{line-height:.7rem;font-size:.6rem}
.wf-spec-meter{margin-top:.5rem}
.wf-spec-meter>.wf-i{color:var(--k-special)}
.wf-act[data-rcd="special"].is-full,.wf-act[data-move="special"]:not(:disabled){border-color:color-mix(in srgb,var(--k-special) 60%,transparent)}
.wf-raid-btns.six{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.wf-raid-btns.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){
.wf-raid-btns.six{gap:.4rem;margin-top:.5rem}
.wf-raid-btns.six .wf-act{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;
align-items:center;justify-items:start;column-gap:.5rem;row-gap:.2rem;min-height:0;padding:.5rem .6rem}
.wf-raid-btns.six .wf-act-art{grid-row:1/3;align-self:start;width:1.6rem;height:1.6rem}
.wf-raid-btns.six .wf-act-art>.wf-i{width:1.1rem;height:1.1rem}
.wf-raid-btns.six .wf-act-name{font-size:.88rem;letter-spacing:.05em}
.wf-raid-btns.six .wf-act-cd{font-size:.7rem}
.wf-raid-btns.six .wf-act-desc{grid-column:1/-1;font-size:.72rem;text-align:left;text-wrap:pretty}
}
.wf{--k-berry:#c77dff}
:root[data-theme="light"] .wf{--k-berry:#7b2cbf}
.wf .k-root-seed,.wf .k-barley-seed,.wf .k-berry-cane,.wf .k-roots{color:var(--k-plot)}
.wf .k-grain,.wf .k-hops,.wf .k-hop-bine,.wf .k-sunpetal,.wf .k-sunpetal-seed{color:var(--k-marks)}
.wf .k-berries,.wf .k-moonberry,.wf .k-moonberry-cane,.wf .k-mandrake,.wf .k-mandrake-seed{color:var(--k-berry)}
.wf .k-fruit,.wf .k-orchard-graft,.wf .k-truffle,.wf .k-truffle-acorn{color:var(--k-cook)}
.wf .k-barley-bread,.wf .k-berry-tart,.wf .k-harvest-ale,.wf .k-orchard-crumble,.wf .k-truffle-roast{color:var(--k-cook)}
.wf-plot.is-hybrid{border-color:color-mix(in srgb,var(--r-rare) 45%,var(--rule))}
.wf-plot-sow .wf-btn.is-hybrid{border-color:color-mix(in srgb,var(--r-rare) 55%,transparent)}
.wf-plot .wf-row{margin:.35rem 0 0}
.wf-plot-trouble{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin:.35rem 0;padding:.45rem .55rem;
border:1px solid color-mix(in srgb,var(--warn) 50%,transparent);border-radius:6px;font-size:.84rem;line-height:1.45;
background:color-mix(in srgb,var(--warn) 6%,transparent)}
.wf-plot-trouble>.wf-i{flex:none;width:1.1rem;height:1.1rem;margin-top:.12rem;color:var(--warn)}
.wf-plot-trouble>span{flex:1 1 12rem;min-width:0}
.wf-plot-trouble.is-fixed{border-color:color-mix(in srgb,var(--go) 50%,transparent);background:color-mix(in srgb,var(--go) 6%,transparent)}
.wf-plot-trouble.is-fixed>.wf-i{color:var(--go)}
.wf-plot-cross{display:flex;align-items:flex-start;gap:.5rem;margin:-.15rem .7rem;padding:.3rem .6rem;
border-left:2px dashed var(--rule-strong);font-size:.8rem;line-height:1.4;color:var(--soft)}
.wf-plot-cross .wf-i{flex:none;width:1rem;height:1rem;color:var(--k-plot)}
.wf-plot-cross.is-on{border-left:2px solid var(--r-rare);color:var(--text)}
.wf-plot-cross.is-on .wf-i{color:var(--r-rare)}
.wf-forge li.is-trouble .wf-gear-ic{border-color:color-mix(in srgb,var(--warn) 60%,transparent);color:var(--warn)}
.wf-garden li:not(.is-got) .wf-gear-ic{opacity:.6}
.wf-col-grid li.is-got .wf-col-ic.is-garden{border-color:var(--k-plot);box-shadow:0 0 10px -2px var(--k-plot)}
.wf-forge li>.wf-row{margin:0;flex-wrap:nowrap;gap:.35rem}
.wf{--k-ruby:#ff5470;--k-sapphire:#5b8cff;--k-emerald:#34d399;--k-topaz:#fbbf24;--k-amethyst:#c084fc;--k-enchant:#93c5fd}
:root[data-theme="light"] .wf{--k-ruby:#be123c;--k-sapphire:#1d4ed8;--k-emerald:#047857;--k-topaz:#a16207;--k-amethyst:#7e22ce;--k-enchant:#1e40af}
.wf .k-ruby,.wf .k-flawless-ruby{color:var(--k-ruby)}
.wf .k-sapphire,.wf .k-flawless-sapphire{color:var(--k-sapphire)}
.wf .k-emerald,.wf .k-flawless-emerald{color:var(--k-emerald)}
.wf .k-topaz,.wf .k-flawless-topaz{color:var(--k-topaz)}
.wf .k-amethyst,.wf .k-flawless-amethyst{color:var(--k-amethyst)}
.wf .k-enchant{color:var(--k-enchant)}
.wf-gear-ic.is-enchant{border-color:color-mix(in srgb,var(--k-enchant) 45%,transparent)}
.wf-sockets{display:inline-flex;align-items:center;gap:.15rem;margin-left:.4rem}
.wf-slot-power .wf-sockets .wf-i{width:.85rem;height:.85rem}
.wf-sock{display:inline-block;flex:none;width:.6rem;height:.6rem;border:1.4px solid var(--rule-strong);border-radius:50%}
.wf-ench-mark{display:flex;align-items:center;gap:.25rem;min-width:0;font:500 .7rem/1.3 var(--mono);color:var(--k-enchant);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wf-ench-mark .wf-i{flex:none;width:.85rem;height:.85rem}
.wf-gem-slots{list-style:none;margin:0;padding:.6rem;display:grid;gap:.6rem}
@media (min-width:720px){.wf-gem-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wf-gem-slot{display:grid;gap:.5rem;align-content:start;margin:0;padding:.6rem;border:1px solid var(--rule);border-radius:8px;min-width:0}
.wf-gem-slot-head{display:flex;align-items:center;gap:.6rem;min-width:0}
.wf-gem-slot-head .wf-kicker{display:block;color:var(--soft)}
.wf-gem-slot-head b{display:block;font:700 1rem/1.15 var(--cond);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-gem-slot>.wf-note{margin:0;font-size:.8rem;line-height:1.4}
.wf-socks{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.4rem}
.wf-sock-btn{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.35rem .55rem;border:1px dashed var(--rule-strong);border-radius:8px;
background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit;min-width:0}
.wf-sock-btn:hover{border-color:var(--c-arcade)}
.wf-sock-btn.is-set{border-style:solid;background:var(--ink-bg)}
.wf-sock-btn.is-on{border-color:var(--c-arcade);background:var(--accent-wash);box-shadow:0 0 0 1px var(--c-arcade) inset}
.wf-sock-btn>.wf-i{flex:none;width:1.3rem;height:1.3rem}
.wf-sock-btn>.wf-sock{width:1.05rem;height:1.05rem;margin:.12rem}
.wf-sock-btn>span{display:grid;min-width:0;line-height:1.2}
.wf-sock-btn b{font:700 .9rem/1.15 var(--cond)}
.wf-sock-btn small{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-ench-line{display:flex;align-items:center;gap:.45rem;width:100%;min-height:2.25rem;margin:0;padding:.3rem .5rem;border:1px solid transparent;border-radius:8px;
background:transparent;color:var(--soft);text-align:left;cursor:pointer;font:500 .8rem/1.3 var(--mono)}
.wf-ench-line:hover{border-color:var(--rule-strong)}
.wf-ench-line>.wf-i{flex:none;width:1rem;height:1rem;color:var(--k-enchant)}
.wf-ench-line.is-on{color:var(--k-enchant)}
.wf-ench-line.is-sel{border-color:var(--c-arcade);background:var(--accent-wash)}
.wf-gear-ic.is-gem.is-empty{border-style:dashed}
.wf-gear-ic.is-big>.wf-sock{width:1.9rem;height:1.9rem;border-width:2px;border-style:dashed}
.wf-gem-pick{list-style:none;margin:0;padding:.1rem .7rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-gem-pick li{display:flex;align-items:center;gap:.55rem;margin:0;padding:.45rem 0;border-top:1px solid var(--rule);font-size:.9rem}
.wf-gem-pick li:first-child{border-top:0}
.wf-gem-pick li>.wf-i{flex:none;width:1.2rem;height:1.2rem}
.wf-gem-pick small{display:block;font-size:.76rem;color:var(--muted)}
.wf-gem-grid .wf-rung .wf-gear-ic .wf-i{width:1.3rem;height:1.3rem}
.wf{--hue-ember:#ff8a4c;--hue-moss:#8fd16a;--hue-tide:#5cc8ff;--hue-frost:#cfe6ff;--hue-royal:#c99bff;--hue-gilded:#ffcf4a;
--hue-crimson:#ff5a6e;--hue-jade:#3fd6a0;--hue-dusk:#f59ac8;--hue-prism:linear-gradient(90deg,#ff9a3c,#ffd34a,#6be36b,#5cc8ff,#c99bff,#ff7ab8)}
:root[data-theme="light"] .wf{--hue-ember:#b9470f;--hue-moss:#3d6e1c;--hue-tide:#0b6a9a;--hue-frost:#3f5f86;--hue-royal:#6b2fbf;--hue-gilded:#8a5a00;
--hue-crimson:#b3122e;--hue-jade:#0f7a55;--hue-dusk:#a3306e;--hue-prism:linear-gradient(90deg,#c25400,#8a6a00,#2e7d32,#0b6a9a,#6b2fbf,#b0246a)}
.wf .hue-ember{color:var(--hue-ember)}
.wf .hue-moss{color:var(--hue-moss)}
.wf .hue-tide{color:var(--hue-tide)}
.wf .hue-frost{color:var(--hue-frost)}
.wf .hue-royal{color:var(--hue-royal)}
.wf .hue-gilded{color:var(--hue-gilded);text-shadow:0 0 8px color-mix(in srgb,var(--hue-gilded) 35%,transparent)}
.wf .hue-crimson{color:var(--hue-crimson)}
.wf .hue-jade{color:var(--hue-jade)}
.wf .hue-dusk{color:var(--hue-dusk)}
.wf .hue-prism{text-decoration-color:var(--hue-royal);background:var(--hue-prism);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
.wf-sheet.has-bd .wf-who .hue-prism{filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}
.wf-av{position:relative;display:inline-block;flex:none;line-height:0;vertical-align:middle}
.wf-av>.face{display:block}
.wf-av>.wf-frame{position:absolute;left:-30%;top:-30%;width:160%;height:160%;pointer-events:none;overflow:visible}
.wf .face.xl{width:4.2rem;height:4.2rem}
.wf-faces .wf-av{margin-right:.35rem}
.wf-ready-list .wf-av>.face{width:1.4rem;height:1.4rem}
button.wf-portrait{padding:0;border:0;background:none;color:inherit;cursor:pointer;border-radius:50%}
button.wf-portrait:focus-visible{outline:2px solid var(--c-arcade);outline-offset:4px}
.wf-crest{overflow:visible}
.wf-crest.f-radiant{filter:drop-shadow(0 0 4px rgba(255,211,74,.75))}
.wf-portrait .wf-crest.badge.f-radiant{filter:drop-shadow(0 0 4px rgba(255,211,74,.75)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.wf-crest.f-blazing{filter:drop-shadow(0 0 4px rgba(255,106,43,.7))}
.wf-portrait .wf-crest.badge.f-blazing{filter:drop-shadow(0 0 4px rgba(255,106,43,.7)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.wf-who-link{display:block;min-width:0;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.wf-who-link:hover .wf-nm{text-decoration:underline;text-underline-offset:2px}
.wf-who-link:focus-visible{outline:2px solid var(--c-arcade);outline-offset:2px;border-radius:3px}
.wf-pcard{position:relative}
.wf-pcard-bd{height:5.4rem;overflow:hidden;border-bottom:1px solid var(--rule);
background:linear-gradient(135deg,color-mix(in srgb,var(--wf-c,var(--c-arcade)) 34%,var(--surface)),var(--surface) 75%)}
.wf-pcard-bd .wf-scene{display:block;width:100%;height:100%}
.wf-pcard-x{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;padding:0;border:1px solid var(--rule-strong);border-radius:50%;
background:var(--surface);color:var(--text);font:600 1.1rem/1 var(--sans,inherit);cursor:pointer}
.wf-pcard-x:hover{border-color:var(--c-arcade)}
.wf-pcard-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;align-items:start;padding:0 .9rem;margin-top:-2.1rem}
.wf-pcard-top .wf-portrait{margin:0 0 0 .5rem}
.wf-pcard-top .face.xl{box-shadow:0 0 0 3px var(--surface)}
.wf-pcard-top .wf-crest.badge{width:1.9rem;height:1.9rem;right:-.55rem;bottom:-.3rem}
.wf-pcard-top .wf-who{padding-top:2.45rem}
.wf-pcard-top .wf-name{font-size:1.3rem;white-space:normal}
.wf-col-bar{margin-top:.2rem}
.wf-pcard-pages{list-style:none;margin:.55rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.3rem}
.wf-pcard-pages li{display:grid;margin:0;padding:.35rem .5rem;border:1px solid var(--rule);border-radius:6px;background:var(--ink-bg)}
.wf-pcard-pages b{font:700 1rem/1.1 var(--cond);font-variant-numeric:tabular-nums;color:var(--text)}
.wf-pcard-pages b small{font:500 .7rem/1 var(--mono);color:var(--soft)}
.wf-pcard-pages span{font:500 .66rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}
.wf-pcard-pages li.is-full{border-color:var(--r-legendary)}
.wf-pcard-pages li.is-full b{color:var(--r-legendary)}
.wf-pcard-meta .wf-i{margin-right:.3rem;color:var(--c-arcade)}
.wf-showcase{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}
.wf-showcase li .wf-warlord{border-radius:6px}
.wf-showcase li.wf-pin-empty{color:var(--soft)}
.wf-ribbons{display:flex;flex-wrap:wrap;gap:.35rem}
.wf-ribbon{width:2rem;height:2.9rem;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}
.wf-looks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.45rem}
.wf-looks.is-wide{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}
.wf-look{display:grid;align-content:start;justify-items:center;gap:.3rem;margin:0;padding:.6rem .5rem;border:1px dashed var(--rule-strong);border-radius:8px;text-align:center;color:var(--soft)}
.wf-look b{font:700 .88rem/1.15 var(--cond);color:var(--muted)}
.wf-look small{font-size:.74rem;line-height:1.35}
.wf-look .wf-bar,.wf-track>.wf-bar,.wf-col-grid li .wf-bar{width:100%}
.wf-look.is-got{border-style:solid;background:var(--ink-bg)}
.wf-look.is-got b{color:var(--text)}
.wf-look.is-on,.wf-track-tiers li.is-on{border-color:var(--go);box-shadow:0 0 0 1px var(--go) inset}
.wf-look-pic{display:grid;place-items:center;min-height:4rem;padding:.45rem}
.wf-look:not(.is-got) .wf-look-pic,.wf-track-tiers li:not(.is-got) .wf-look-pic{opacity:.6;filter:grayscale(.55)}
.wf-looks.is-wide .wf-look-pic{width:100%;min-height:0;padding:0;border-radius:6px;overflow:hidden}
.wf-looks.is-wide .wf-scene{display:block;width:100%;height:4.4rem}
.wf-look-hue{font:700 1.15rem/1.2 var(--cond)}
.wf-need{margin-top:.15rem}
.wf-col-titles li .wf-need{flex:1 1 100%}
.wf-tracks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.45rem}
.wf-track{display:grid;gap:.45rem;margin:0;padding:.6rem .7rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-track-head b{display:block;font:700 .95rem/1.15 var(--cond);color:var(--text)}
.wf-track-head small{font-size:.76rem;color:var(--soft)}
.wf-track-tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
.wf-track-tiers li{display:grid;justify-items:center;gap:.25rem;margin:0;padding:.35rem .2rem;border:1px dashed var(--rule-strong);border-radius:8px}
.wf-track-tiers li.is-got{border-style:solid}
.wf-track-tiers .wf-look-pic{min-height:3.6rem;padding:.55rem}
.wf-tier-name{font:500 .66rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--soft);text-align:center}
.wf-track-tiers .wf-btn.sm{padding:.3rem .5rem;font-size:.72rem}
.wf-pin{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;background:transparent;font-size:.74rem;white-space:normal;text-align:left}
.wf-pin:hover{border-color:var(--c-arcade);color:var(--text)}
.wf-pin.is-on{border-color:var(--go);color:var(--text);background:color-mix(in srgb,var(--go) 10%,transparent)}
.wf-pin .wf-foe-art.wf-pet.sm{margin:0}
.wf-sheet{gap:.45rem;padding:.65rem .75rem}
.wf-sheet-top{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"pic who stats sound";gap:.25rem .75rem}
.wf-sheet-top>.wf-portrait{grid-area:pic}
.wf-sheet-top>.wf-who{grid-area:who}
.wf-sheet-top>.wf-stats{grid-area:stats}
.wf-sheet-top>.wf-sound{grid-area:sound;width:2.1rem;height:2.1rem}
.wf-sheet-top{position:relative}
.wf-sheet-top>:not(.wf-sheet-bd){position:relative;z-index:1}
.wf-sheet-bd{position:absolute;inset:-.65rem -.75rem -.3rem;z-index:0;overflow:hidden;border-radius:7px 7px 0 0;border-bottom:1px solid var(--rule);
background:#161311;pointer-events:none}
.wf-sheet-bd .wf-scene{display:block;width:100%;height:100%;max-height:none}
.wf-sheet-bd::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,11,9,.72),rgba(14,11,9,.22) 50%,rgba(14,11,9,.55))}
.wf-sheet.has-bd .wf-sheet-top{color:#f0ebe1;--text:#f0ebe1;--soft:#bdb29d;--muted:#bdb29d;--surface:#161311;--rule-strong:#4a4236;
--c-arcade:#ffc20e;--k-gold:#ffc20e;--wf-gold:#ffc20e;--k-weapon:#ff7a59;--k-armor:#6fa8ff;--r-mythic:#ff4f8b;
--hue-ember:#ff8a4c;--hue-moss:#8fd16a;--hue-tide:#5cc8ff;--hue-frost:#cfe6ff;--hue-royal:#c99bff;--hue-gilded:#ffcf4a;
--hue-crimson:#ff5a6e;--hue-jade:#3fd6a0;--hue-dusk:#f59ac8;--hue-prism:linear-gradient(90deg,#ff9a3c,#ffd34a,#6be36b,#5cc8ff,#c99bff,#ff7ab8)}
.wf-sheet.has-bd .wf-who,.wf-sheet.has-bd .wf-stats{text-shadow:0 1px 3px rgba(0,0,0,.75)}
.wf-sheet .face.lg{width:2.6rem;height:2.6rem}
.wf-sheet .wf-portrait .wf-crest.badge{width:1.35rem;height:1.35rem;right:-.4rem;bottom:-.3rem}
.wf-sheet .wf-name{font-size:1.05rem}
.wf-sheet .wf-lvl{margin-top:.1rem;font-size:.7rem}
.wf-sheet .wf-title{margin:.05rem 0 0;font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-sheet .wf-stats{gap:.8rem;align-items:center}
.wf-sheet .wf-stats div{display:flex;align-items:center;gap:.25rem;text-align:left}
.wf-sheet .wf-stats dt{display:flex}
.wf-sheet .wf-stats dt .wf-i{width:.95rem;height:.95rem}
.wf-sheet .wf-stats dd{margin:0;font-size:1.02rem}
.wf-sheet-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.wf-sheet-meters .wf-meter{grid-template-columns:1rem minmax(0,1fr);gap:.35rem}
.wf-sheet-meters .wf-meter>.wf-i{width:1rem;height:1rem}
.wf-sheet .wf-bar{height:1.1rem}
.wf-sheet .wf-bar-text{font-size:.68rem;line-height:1.05rem}
.wf-sheet .wf-news{margin-top:0;padding:.28rem .6rem}
.wf-sheet-chips .wf-chip,.wf-sheet-chips .wf-buff{padding:.14rem .45rem;font-size:.68rem}
@media (max-width:560px){
.wf-sheet-top{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"pic who sound" "pic stats sound";row-gap:.2rem}
.wf-sheet .wf-stats{justify-content:flex-start;gap:.9rem}
.wf-sheet .wf-bar-more{display:none}
}
.wf-worn .wf-equip{margin:0}
.wf-worn .wf-panel-head .wf-right .wf-i{width:.85rem;height:.85rem;vertical-align:-.12em;margin-left:.3rem}
.wf-now{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.55rem 0 0}
.wf-now-label{flex:none;margin-right:.1rem;font:600 .62rem/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--soft)}
.wf-now-chip{flex:none;display:inline-flex;align-items:center;gap:.35rem;min-height:2.1rem;padding:.3rem .7rem;cursor:pointer;white-space:nowrap;
border:1px solid var(--rule-strong);border-radius:999px;background:var(--surface);color:var(--text);font:600 .76rem/1.1 var(--sans);touch-action:manipulation}
.wf-now-chip:hover{border-color:var(--c-arcade)}
.wf-now-chip .wf-i{width:.95rem;height:.95rem;color:var(--c-arcade)}
.wf-now-chip small{font:500 .68rem/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--soft)}
.wf-now-chip.is-hot{border-color:var(--c-arcade);background:var(--accent-wash)}
.wf-now-chip.is-hot small{color:var(--c-arcade)}
.wf-now-chip.is-soft{border-style:dashed;background:transparent;color:var(--muted);font-weight:500}
.wf-now-chip.is-soft .wf-i{color:var(--soft)}
.wf-now-chip.is-soft:hover{color:var(--text)}
.wf-now-idle{font-size:.8rem;color:var(--soft)}
.wf-now-idle b{font-family:var(--mono);font-weight:500;color:var(--muted)}
@media (max-width:700px){
.wf-now{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.1rem;
-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent)}
.wf-now::-webkit-scrollbar{display:none}
}
.wf-teach{margin:.55rem 0;font-size:.84rem;line-height:1.5;color:var(--soft)}
.wf-teach.is-open{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .8rem;align-items:start;padding:.55rem .7rem;border:1px dashed var(--rule-strong);border-radius:8px}
.wf-teach-body p{margin:0 0 .4rem}
.wf-teach-body p:last-child{margin-bottom:0}
.wf-teach-body b{color:var(--muted)}
.wf-teach-body .wf-i{width:.9rem;height:.9rem;vertical-align:-.15em}
.wf-teach-done{padding:.25rem .55rem;border:1px solid var(--rule-strong);border-radius:6px;background:var(--surface);color:var(--muted);font:600 .7rem/1.1 var(--sans);cursor:pointer;white-space:nowrap}
.wf-teach-done:hover{border-color:var(--c-arcade);color:var(--text)}
details.wf-teach>summary{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none;font:500 .72rem/1.3 var(--mono);color:var(--soft)}
details.wf-teach>summary::-webkit-details-marker{display:none}
details.wf-teach>summary:hover{color:var(--text)}
details.wf-teach>summary .wf-i{width:.85rem;height:.85rem}
details.wf-teach[open]>summary{margin-bottom:.35rem}
.wf-pad .wf-teach:first-child{margin-top:0}
.wf-actions{grid-auto-flow:dense}
.wf-act-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--c-arcade);border-radius:8px;background:var(--accent-wash);overflow:hidden}
.wf-act-card>.wf-act{flex:1;border:0;border-radius:0;background:transparent}
.wf-act-card>.wf-act:hover{background:var(--accent-glow)}
.wf-act-card:has(>.wf-act:disabled){border-color:var(--rule-strong);background:transparent}
.wf-act-pick{margin:0 .45rem .45rem;background:var(--ink-bg)}
.wf-act-pick .wf-seg-opt{padding:.42rem .35rem;font-size:.74rem}
@media (max-width:639px){
.wf-act-card{grid-column:1/-1}
.wf-act-card>.wf-act{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art name cd" "art desc desc";
align-items:center;justify-items:start;gap:.15rem .65rem;min-height:0;padding:.6rem .7rem .45rem;text-align:left}
.wf-act-card .wf-act-art{grid-area:art}
.wf-act-card .wf-act-name{grid-area:name}
.wf-act-card .wf-act-cd{grid-area:cd;justify-self:end}
.wf-act-card .wf-act-desc{grid-area:desc;text-align:left;text-wrap:pretty}
}
.wf-bar-mark{border-left:0;opacity:1}
.wf-bar-mark::before,.wf-bar-mark::after{content:"";position:absolute;left:-1px;width:2px;height:26%;background:var(--stop);opacity:.85}
.wf-bar-mark::before{top:0}
.wf-bar-mark::after{bottom:0}
.wf-count.is-new{min-width:0;background:var(--go);font-size:.56rem;letter-spacing:.06em;text-transform:uppercase}
.wf-progress{margin:.65rem 0 .2rem;padding:.6rem .7rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-progress-head{display:flex;gap:.45rem;margin:0;font-size:.9rem;line-height:1.4;color:var(--text)}
.wf-progress-head>.wf-i{flex:none;width:1rem;height:1rem;margin-top:.15rem;color:var(--c-arcade)}
.wf-progress .wf-note{margin:.4rem 0 0}
.wf-progress-facts{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0 0;padding:0;list-style:none}
.wf-progress-facts li{padding:.18rem .5rem;border:1px solid var(--rule-strong);border-radius:999px;font:500 .72rem/1.2 var(--mono);color:var(--muted)}
.wf-progress-facts b{font-weight:600;color:var(--text)}
@media (max-width:700px){
.wf-subnav.is-many{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none;padding:0 0 .1rem;
-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent)}
.wf-subnav.is-many::-webkit-scrollbar{display:none}
.wf-subnav.is-many .wf-subtab{flex:none;padding:.3rem .8rem;font-size:.68rem;letter-spacing:.04em}
.wf-subnav.is-many .wf-subtab .wf-i{display:inline-block}
}
@media (max-width:700px){
.wf-tabs{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:40;margin:0;padding:.25rem .3rem calc(.25rem + env(safe-area-inset-bottom,0px));
border-width:1px 0 0;border-radius:0;box-shadow:0 -10px 24px -14px rgba(0,0,0,.7);transition:transform .2s ease}
.wf-tabs.is-away{transform:translateY(110%)}
.wf-tab{padding:.45rem .1rem;font-size:.6rem;letter-spacing:.04em}
.wf-main{padding-bottom:4.4rem}
.wf-toast{bottom:calc(5rem + env(safe-area-inset-bottom,0px))}
.wf-learn.is-ready{bottom:calc(4.6rem + env(safe-area-inset-bottom,0px))}
}
@media (max-width:700px) and (prefers-reduced-motion:reduce){.wf-tabs{transition:none}}
.wf-seg.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:480px){.wf-seg.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wf-build-go{width:100%;margin:.7rem 0 0;cursor:pointer;text-align:left;color:var(--text);background:linear-gradient(180deg,var(--raised),var(--surface))}
.wf-build-lv{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.45rem}
.wf-build-lv .wf-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.66rem}
.wf-build-lv .wf-i{width:.85rem;height:.85rem}
.wf-journal .wf-bar{margin:.5rem 0 .2rem}
.wf-journal-steps{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.35rem}
.wf-journal-steps li{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-journal-steps li>.wf-i{flex:none;width:1.05rem;height:1.05rem;color:var(--soft)}
.wf-journal-steps li.is-done>.wf-i,.wf-journal-steps li.is-claimed>.wf-i{color:var(--go)}
.wf-journal-steps li.is-done{border-color:color-mix(in srgb,var(--go) 45%,transparent)}
.wf-journal-steps li.is-next:not(.is-done){border-color:color-mix(in srgb,var(--c-arcade) 50%,transparent)}
.wf-journal-steps li.is-claimed{opacity:.6}
.wf-journal-steps b{display:block;font:700 .9rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.wf-journal-steps .wf-grow>span{display:block;margin-top:.1rem;font-size:.8rem;line-height:1.4;color:var(--soft)}
.wf-journal-steps .wf-btn{flex:none;white-space:nowrap}
.wf-journal-all{margin-top:.5rem}
.wf-journal-all>summary{cursor:pointer;font:500 .74rem/1.3 var(--mono);color:var(--soft)}
.wf-journal-foot{margin:.6rem 0 0;font-size:.78rem}
.wf-journal-away{display:flex;align-items:center;gap:.35rem}
.wf-journal-away .wf-i{width:.9rem;height:.9rem}
.wf-gap-n{display:inline-flex;align-items:center;gap:.25rem;margin-top:.2rem;font:500 .68rem/1.2 var(--mono);color:var(--soft)}
.wf-gap-n.is-gap{color:var(--go)}
.wf-gap-n .wf-i{width:.8rem;height:.8rem}
.wf-prof-opt .wf-gap-n{grid-column:2}
.wf-class-gap{margin-top:.15rem}
.wf-gaps{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.wf-gaps li{display:grid;grid-template-columns:1.1rem minmax(0,1fr) auto;align-items:center;gap:.15rem .5rem;padding:.3rem .5rem;border-radius:6px}
.wf-gaps li>.wf-i{width:1rem;height:1rem}
.wf-gaps b{font:600 .84rem/1.2 var(--sans)}
.wf-gap-count{font:600 .8rem/1 var(--mono);color:var(--muted)}
.wf-gaps li.is-gap{background:color-mix(in srgb,var(--go) 8%,transparent);border:1px dashed color-mix(in srgb,var(--go) 45%,transparent)}
.wf-gaps li.is-gap .wf-gap-count{color:var(--go)}
.wf-gap-say{grid-column:2/-1;font-size:.78rem;line-height:1.4;color:var(--soft)}
.wf-gaps-panel .wf-gaps li{grid-template-columns:1.1rem auto minmax(0,1fr)}
.wf-gaps-panel .wf-gap-say{grid-column:auto}
.wf-gaps-have{display:flex;flex-wrap:wrap;gap:.3rem}
.wf-gaps-have .wf-chip{display:inline-flex;align-items:center;gap:.25rem}
.wf-gaps-have .wf-i{width:.85rem;height:.85rem}
@media (max-width:560px){.wf-gaps-panel .wf-gaps li{grid-template-columns:1.1rem minmax(0,1fr)}.wf-gaps-panel .wf-gap-say{grid-column:2}}
.wf-held{border-color:color-mix(in srgb,var(--c-arcade) 45%,transparent)}
.wf-held .wf-pad>p:first-child{margin-top:0}
.wf-held .wf-row .wf-note{flex:1 1 14rem;margin:0}
.wf-rsvp{margin-top:.8rem}
.wf-rsvp-day{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.4rem;align-items:start;margin-top:.4rem}
.wf-rsvp-day>b{padding-top:.45rem;font:600 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.wf-rsvp-blocks{display:flex;flex-wrap:wrap;gap:.25rem}
.wf-rsvp-b{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:3.1rem;min-height:2.3rem;padding:.2rem .35rem;cursor:pointer;
border:1px solid var(--rule-strong);border-radius:6px;background:var(--ink-bg);color:var(--muted);font:600 .7rem/1.1 var(--mono);touch-action:manipulation}
.wf-rsvp-b small{font:600 .62rem/1 var(--mono);color:var(--c-arcade)}
.wf-rsvp-b.is-on{border-color:var(--go);background:color-mix(in srgb,var(--go) 16%,transparent);color:var(--text)}
.wf-rsvp-b.is-best{box-shadow:0 0 0 1px var(--c-arcade) inset}
.wf-rsvp-b:hover{border-color:var(--c-arcade)}
.wf-check{display:flex;gap:.5rem;align-items:flex-start;margin-top:.7rem;font-size:.84rem;line-height:1.45;color:var(--muted);cursor:pointer}
.wf-check input{margin-top:.2rem;accent-color:var(--c-arcade)}
.wf-check b{color:var(--text)}
.wf-doing{display:block;margin-top:.1rem;font:500 .68rem/1.3 var(--mono);color:var(--go);text-transform:none;letter-spacing:0;white-space:normal}
.wf-dare-list{list-style:none;margin:0 0 .6rem;padding:0;display:grid;gap:.35rem}
.wf-dare-list li{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.5rem .6rem;border:1px solid var(--rule);border-radius:8px;background:var(--ink-bg)}
.wf-dare-list li>.wf-i{flex:none;width:1.05rem;height:1.05rem;color:var(--c-arcade)}
.wf-dare-list .wf-grow{min-width:12rem}
.wf-dare-list b{display:block;font:700 .88rem/1.25 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.wf-dare-list .wf-grow>span{display:block;margin-top:.1rem;font-size:.8rem;line-height:1.4;color:var(--soft)}
.wf-dare-list .wf-grow>span b{display:inline;font:600 .8rem/1 var(--sans);text-transform:none;letter-spacing:0;color:var(--muted)}
.wf-dare-list .wf-grow>span b.is-ahead{color:var(--go)}
.wf-dare-list li.is-offered{border-color:color-mix(in srgb,var(--c-arcade) 50%,transparent)}
.wf-dare-list li.is-on{border-color:color-mix(in srgb,var(--go) 45%,transparent)}
.wf-dare-list li.is-done,.wf-dare-list li.is-declined,.wf-dare-list li.is-lapsed{opacity:.75}
.wf-dare-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;align-items:end;margin-top:.5rem}
.wf-dare-form label{display:grid;gap:.25rem}
.wf-dare-form label span{font:600 .66rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.wf-dare-form .wf-select{max-width:none;width:100%}
.wf-usage{border-top:1px solid var(--rule)}
.wf-usage-table{width:100%;border-collapse:collapse;margin:.4rem 0 .7rem;font-size:.84rem}
.wf-usage-table th,.wf-usage-table td{padding:.35rem .4rem;border-bottom:1px solid var(--rule);text-align:right;font-variant-numeric:tabular-nums}
.wf-usage-table thead th{font:600 .64rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.wf-usage-table th[scope="row"],.wf-usage-table thead th:first-child{position:relative;text-align:left;font-weight:600;color:var(--text)}
.wf-usage-table td small{display:block;font:500 .64rem/1.2 var(--mono);color:var(--soft)}
.wf-usage-bar{position:absolute;left:.4rem;bottom:.15rem;height:2px;width:calc((100% - .8rem) * var(--part));background:var(--c-arcade);opacity:.6}
.wf-act-card{container-type:inline-size}
.wf-act-pick .wf-seg-opt{position:relative;min-width:0}
.wf-act-pick .wf-seg-opt>.wf-wanted{position:absolute;top:-.5rem;right:.2rem;margin:0;padding:.1rem .3rem;background:var(--c-arcade);color:var(--bg);line-height:1;white-space:nowrap}
@media (min-width:640px) and (max-width:959px){.wf-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:22rem){
.wf-act-pick .wf-seg-opt{flex-direction:column;gap:.2rem;padding:.45rem .2rem .35rem;font-size:.64rem;letter-spacing:.03em}
}
.wf-play{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;margin:0;padding:1rem;
background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.wf-play[hidden]{display:none}
.wf-play-card{position:relative;width:min(100%,30rem);max-height:calc(100dvh - 2rem);overflow:auto;padding:.9rem 1rem 1rem;
border:1px solid var(--c-arcade);border-radius:12px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.wf-play-head{display:flex;align-items:center;gap:.7rem}
.wf-play-ic{display:grid;place-items:center;width:2.6rem;height:2.6rem;flex:none;border-radius:8px;background:var(--accent-wash);color:var(--c-arcade)}
.wf-play-ic .wf-i{width:1.5rem;height:1.5rem}
.wf-play-head h3{margin:0;font:700 1.15rem/1.1 var(--cond);text-transform:uppercase;letter-spacing:.05em}
.wf-play-head p{margin:.15rem 0 0;font:500 .78rem/1.3 var(--mono);color:var(--muted)}
.wf-play-x{flex:none;width:2.2rem;height:2.2rem;border:1px solid var(--rule-strong);border-radius:6px;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer}
.wf-play-say{margin:.7rem 0 .5rem;font-size:.88rem;line-height:1.45;color:var(--muted)}
.wf-play-stage{touch-action:none;-webkit-user-select:none;user-select:none}
.wf-play-why{display:grid;gap:.3rem;margin:0 0 .7rem;padding:.55rem .7rem;border:1px solid var(--rule);border-radius:8px;background:var(--raised)}
.wf-play-why div{display:grid;grid-template-columns:4.2rem 1fr;gap:.5rem;align-items:baseline}
.wf-play-why dt{font:600 .66rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.wf-play-why dd{margin:0;font-size:.86rem;line-height:1.4;color:var(--text)}
.wf-play-why .is-play dt{color:var(--c-arcade)}
.wf-play-why .is-perfect dt{color:var(--go)}
.wf-play-teach{margin:-.3rem 0 .7rem}
.wf-ends{display:grid;gap:.4rem;margin:.3rem 0 .5rem;padding:.55rem .7rem;border:1px solid var(--rule);border-radius:8px;background:var(--raised)}
.wf-ends div{display:grid;grid-template-columns:4.6rem 1fr;gap:.5rem;align-items:baseline}
.wf-ends dt{font:600 .66rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.wf-ends dd{margin:0;font-size:.86rem;line-height:1.45;color:var(--text)}
.wf-ends .is-won dt{color:var(--go)}
.wf-ends .is-held dt{color:var(--c-arcade)}
.wf-ends .is-lost dt{color:var(--stop)}
@media (max-width:600px){.wf-ends div{grid-template-columns:1fr;gap:.1rem}}
.wf-play-got{display:block;margin-top:.45rem;font:400 .88rem/1.45 var(--sans);letter-spacing:0;color:var(--text);text-align:left}
.wf-trail-btns .wf-brace-btn{grid-column:1 / -1}
.wf-brace-says{margin-top:.4rem}
.wf-brace-says .wf-i{color:var(--c-arcade)}
.wf-play-canvas{display:block;width:100%;height:200px;border-radius:8px;background:var(--raised);cursor:pointer}
.wf-play-score{min-height:1.4rem;margin:.5rem 0 0;text-align:center;font:600 .95rem/1.4 var(--cond);letter-spacing:.04em}
.wf-play-score .g-perfect{color:var(--go)}
.wf-play-score .g-fine,.wf-play-score .g-fair{color:var(--c-arcade)}
.wf-play-score .g-rough,.wf-play-score .g-missed{color:var(--stop)}
.wf-play-go{min-height:4.6rem}
.wf-play-go:not(.is-start){font:700 1.2rem/1 var(--cond);text-transform:uppercase;letter-spacing:.1em}
.wf-play-go.is-start .wf-i{width:1.4rem;height:1.4rem;color:var(--c-arcade)}
.wf-play-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem .9rem}
.wf-play-foot .wf-check{margin-top:0;font-size:.8rem}
.wf-play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;max-width:20rem;margin:0 auto}
.wf-play-cell{position:relative;aspect-ratio:1;border:1px solid var(--rule-strong);border-radius:10px;background:var(--raised);cursor:pointer;touch-action:none}
.wf-play-cell span{display:grid;place-items:center;width:100%;height:100%}
.wf-play-cell .wf-i{width:58%;height:58%}
.wf-play-cell.is-find{border-color:var(--c-arcade);background:var(--accent-wash);
box-shadow:inset 0 0 0 calc(3px * var(--life,1)) color-mix(in srgb,var(--c-arcade) 60%,transparent)}
.wf-play-cell.is-find .wf-i{color:var(--c-arcade);animation:wf-pop .16s ease-out}
.wf-play-cell.is-thorn{border-color:color-mix(in srgb,var(--stop) 55%,transparent)}
.wf-play-cell.is-thorn .wf-i{color:var(--stop);opacity:.85}
.wf-play-cell.is-hit{background:color-mix(in srgb,var(--go) 22%,transparent);border-color:var(--go)}
.wf-play-cell.is-bad{background:color-mix(in srgb,var(--stop) 18%,transparent)}
@keyframes wf-pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.wf-play-turn{margin:.1rem 0 .5rem;text-align:center;font:600 .82rem/1.2 var(--mono);color:var(--muted)}
.wf-play-pads{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:21rem;margin:0 auto}
.wf-play-pads.n4{grid-template-columns:repeat(2,1fr);max-width:15rem}
.wf-play-pad{position:relative;display:grid;place-items:center;aspect-ratio:1.25;border:1px solid var(--rule-strong);border-radius:10px;
background:var(--raised);color:var(--pad);cursor:pointer;touch-action:none;transition:background .08s,transform .08s}
.wf-play-pad .wf-i{width:2rem;height:2rem}
.wf-play-pad small{position:absolute;top:.25rem;left:.4rem;font:500 .62rem/1 var(--mono);color:var(--soft)}
.wf-play-pad.p0{--pad:#ff8a3d}.wf-play-pad.p1{--pad:#5bb8ff}.wf-play-pad.p2{--pad:#6fd16b}
.wf-play-pad.p3{--pad:#c7b8ff}.wf-play-pad.p4{--pad:#ffd34a}.wf-play-pad.p5{--pad:#ff6fb5}
:root[data-theme="light"] .wf-play-pad.p0{--pad:#b4520f}:root[data-theme="light"] .wf-play-pad.p1{--pad:#1f6fb0}:root[data-theme="light"] .wf-play-pad.p2{--pad:#2f7d2a}
:root[data-theme="light"] .wf-play-pad.p3{--pad:#5b44b8}:root[data-theme="light"] .wf-play-pad.p4{--pad:#8a6400}:root[data-theme="light"] .wf-play-pad.p5{--pad:#b0326e}
.wf-play-pad.is-lit{background:color-mix(in srgb,var(--pad) 32%,var(--raised));border-color:var(--pad);transform:scale(1.04);box-shadow:0 0 18px color-mix(in srgb,var(--pad) 45%,transparent)}
.wf-play-pad.is-wrong{border-color:var(--stop);background:color-mix(in srgb,var(--stop) 18%,var(--raised))}
.wf-play-pad:disabled{cursor:default}
.wf-play-lanes{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin-top:.5rem}
.wf-play-lanes.n3{grid-template-columns:repeat(3,1fr)}
.wf-play-lane{position:relative;min-height:3.4rem;border:1px solid var(--rule-strong);border-radius:10px;background:var(--raised);color:var(--text);
font:700 .95rem/1 var(--cond);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;touch-action:none}
.wf-play-lane small{position:absolute;top:.25rem;left:.4rem;font:500 .62rem/1 var(--mono);color:var(--soft)}
.wf-play-lane:active{background:var(--accent-wash);border-color:var(--c-arcade)}
.wf-play-board{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem;max-width:21rem;margin:0 auto;touch-action:none}
.wf-play-sq{position:relative;aspect-ratio:1;padding:0;border:1px solid var(--rule-strong);border-radius:8px;background:var(--raised);color:var(--muted);cursor:pointer;touch-action:none}
.wf-play-sq span{display:grid;place-items:center;width:100%;height:100%}
.wf-play-sq:disabled{cursor:default}
.wf-play-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.wf-play-ink polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.wf-play-ink [data-ink="rune"]{stroke:var(--c-arcade);stroke-width:7;opacity:.55}
.wf-play-ink [data-ink="mine"]{stroke:var(--go);stroke-width:9;opacity:.8}
.is-trace .wf-play-sq.is-rune{border-color:var(--c-arcade);background:var(--accent-wash)}
.is-trace .wf-play-sq.is-start{border-color:var(--c-arcade);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--c-arcade) 55%,transparent)}
.is-trace .wf-play-sq.is-traced{border-color:var(--go);background:color-mix(in srgb,var(--go) 20%,var(--raised))}
.is-trace .wf-play-sq.is-whole{border-color:var(--go);background:color-mix(in srgb,var(--go) 32%,var(--raised))}
.is-trace .wf-play-sq.is-off{border-color:var(--stop);background:color-mix(in srgb,var(--stop) 14%,var(--raised))}
.is-trace .wf-play-sq.is-here{outline:2px solid var(--text);outline-offset:-2px}
.is-pipes .wf-play-sq svg{width:100%;height:100%;fill:none;stroke:var(--muted);stroke-width:5;stroke-linecap:butt}
.is-pipes .wf-play-sq svg circle{fill:var(--muted);stroke:none}
.is-pipes .wf-play-sq.is-wet{border-color:var(--cool)}
.is-pipes .wf-play-sq.is-wet svg{stroke:var(--cool)}
.is-pipes .wf-play-sq.is-wet svg circle{fill:var(--cool)}
.is-pipes .wf-play-sq.is-spring::before,.is-pipes .wf-play-sq.is-plot::after{content:"";position:absolute;top:30%;bottom:30%;width:.5rem;border-radius:3px}
.is-pipes .wf-play-sq.is-spring::before{left:-.42rem;background:var(--cool)}
.is-pipes .wf-play-sq.is-plot::after{right:-.42rem;background:var(--go)}
.is-pipes.is-solved .wf-play-sq.is-wet{background:color-mix(in srgb,var(--cool) 16%,var(--raised))}
.wf-pass{margin-top:.8rem;padding-top:.6rem;border-top:1px solid var(--rule)}
.wf-pass .wf-subhead .wf-note,.wf-climb .wf-subhead .wf-note{margin-left:auto;font-weight:400}
.wf-climb{border-bottom:1px solid var(--rule)}
.wf-played{display:inline-flex;align-items:center;gap:.25rem;margin-left:.2rem;padding:.05rem .45rem;border:1px solid var(--rule-strong);border-radius:999px;
font:600 .7rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.wf-played .wf-i{width:.85rem;height:.85rem}
.wf-played.g-perfect{border-color:var(--go);color:var(--go)}
.wf-played.g-fine,.wf-played.g-fair{border-color:color-mix(in srgb,var(--c-arcade) 60%,transparent);color:var(--c-arcade)}
.wf-wg{display:grid;gap:.7rem}
.wf-wg-bed{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:3px;padding:6px;border:2px solid var(--rule-strong);border-radius:8px;
background:repeating-linear-gradient(90deg,var(--raised) 0 18px,color-mix(in srgb,var(--raised) 80%,var(--bg)) 18px 20px)}
.wf-wg-cell{aspect-ratio:1;border:1px dashed var(--rule-strong);border-radius:4px;background:transparent;cursor:pointer;touch-action:manipulation}
.wf-wg-cell.is-full{border:1px solid hsl(var(--hue) 55% 40%);background:hsl(var(--hue) 60% 45% / .55)}
.wf-wg-tray{display:flex;flex-wrap:wrap;gap:.45rem}
.wf-wg-piece{display:grid;justify-items:center;gap:.2rem;padding:.4rem .5rem;border:1px solid var(--rule-strong);border-radius:8px;background:var(--raised);cursor:pointer;color:var(--text)}
.wf-wg-piece b{font:700 .85rem/1 var(--mono)}
.wf-wg-piece small{font:500 .6rem/1 var(--mono);color:var(--soft)}
.wf-wg-piece.is-sel{border-color:var(--c-arcade);box-shadow:0 0 0 2px var(--accent-glow)}
.wf-wg-shape{display:grid;grid-template-columns:repeat(var(--w),.8rem);grid-template-rows:repeat(var(--h),.8rem);gap:1px}
.wf-wg-shape i{border-radius:2px;background:hsl(var(--hue) 60% 50%)}
.wf-wg-loads ol{margin:.2rem 0 0;padding-left:1.2rem;font-size:.82rem;color:var(--muted)}
.wf-wg-loads li.is-me{color:var(--text)}
.wf-wg-loads .wf-i{width:.85rem;height:.85rem;color:var(--c-arcade);vertical-align:-.1rem}
.wf-glint{border-color:color-mix(in srgb,var(--c-arcade) 60%,transparent);background:linear-gradient(100deg,var(--accent-wash),transparent 70%)}
.wf-glint-row{display:flex;align-items:center;gap:.7rem}
.wf-glint-ic .wf-i{width:1.8rem;height:1.8rem;color:var(--c-arcade);animation:wf-glint 1.6s ease-in-out infinite}
@keyframes wf-glint{50%{filter:drop-shadow(0 0 6px var(--accent-glow));transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.wf-glint-ic .wf-i,.wf-play-cell.is-find .wf-i{animation:none}}
.wf-act:has(.wf-knack){position:relative;padding-bottom:1.05rem}
.wf-knack{position:absolute;left:10%;right:10%;bottom:.4rem;height:5px;border-radius:3px;background:var(--bg)}
.wf-knack[hidden]{display:none}
.wf-knack b{position:absolute;top:-1px;width:12%;height:7px;margin-left:-6%;border-radius:3px;background:color-mix(in srgb,var(--c-arcade) 75%,transparent)}
.wf-knack i{position:absolute;top:-3px;width:3px;height:11px;margin-left:-1.5px;border-radius:1px;background:var(--text)}
.wf-knack.is-on b{background:var(--go);box-shadow:0 0 8px var(--go)}
.wf-knack-note{margin-top:.2rem}
.wf-dig{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:4px;max-width:17rem;margin:.5rem 0}
.wf-dig-hole{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--rule-strong);border-radius:6px;background:color-mix(in srgb,#7a5a32 18%,var(--raised));
font:600 .58rem/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);cursor:pointer}
span.wf-dig-hole{cursor:default;background:var(--bg)}
.wf-dig-hole.is-hot{border-color:var(--stop);color:var(--stop)}
.wf-dig-hole.is-warm{border-color:var(--warn);color:var(--warn)}
.wf-dig-hole.is-cool{color:var(--cool)}
.wf-dig-hole.is-cold{color:var(--soft)}
.wf-haggle{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin-top:.35rem}
.wf-drill{margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px solid var(--rule)}
.wf-drill-board{margin-top:.5rem}
.wf-i.is-hearty,.wf-i.is-potent{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--go) 70%,transparent))}
.wf-goods li.is-hearty b,.wf-forge li.is-hearty b{color:var(--go)}
.wf-slot.is-masterwork{box-shadow:0 0 0 1px var(--c-arcade) inset,0 0 16px var(--accent-glow)}
.wf-play-prefs .wf-check{margin-top:.45rem}
.wf-vet{display:inline-block;margin-left:.15rem;padding:0 .4rem;border-radius:999px;font-size:.78em;line-height:1.5;
color:var(--r-mythic);border:1px solid color-mix(in srgb,var(--r-mythic) 55%,transparent)}
.wf-chip.is-cache{cursor:pointer;font:inherit;background:color-mix(in srgb,var(--r-mythic) 10%,transparent);
border-color:color-mix(in srgb,var(--r-mythic) 60%,transparent);color:var(--r-mythic)}
.wf-chip.is-cache:hover,.wf-chip.is-cache:focus-visible{background:color-mix(in srgb,var(--r-mythic) 18%,transparent)}
.wf-cache{border-color:color-mix(in srgb,var(--r-mythic) 55%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--r-mythic) 9%,transparent),transparent 70%)}
.wf-cache .wf-glint-row{flex-wrap:wrap}
.wf-cache .wf-grow{flex:1 1 14rem}
.wf-cache .wf-glint-ic .wf-i{color:var(--r-mythic)}
.wf-panel-head.is-heroic>.wf-i{color:var(--r-mythic)}
.wf-heroic{border-color:color-mix(in srgb,var(--r-mythic) 40%,var(--rule))}
.wf-heroic-list li{align-items:center}
.wf-heroic-pic{flex:none;display:block}
.wf-heroic-list .wf-warlord{display:block;width:2.6rem;height:2.6rem;border-radius:6px;border:1px solid var(--rule-strong)}
.wf-heroic-delve{margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--rule)}
.wf-heroic-delve .wf-note>.wf-i{color:var(--r-mythic)}
.wf-play-ghost{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:0;margin:.2rem 0 0;font:500 .85rem/1.3 var(--mono);color:var(--muted)}
.wf-play-ghost:empty{display:none}
.wf-play-ghost .wf-i{width:1rem;height:1rem}
.wf-play-ghost .is-ahead{color:var(--go)}
.wf-cipher-grid{display:grid;gap:.35rem;margin:.6rem auto;padding:0;list-style:none;width:max-content}
.wf-cipher-row{display:grid;grid-template-columns:repeat(4,2.6rem);gap:.35rem}
.wf-cipher-rune{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid var(--rule-strong);border-radius:8px;background:var(--raised);color:var(--text)}
.wf-cipher-rune .wf-i{width:1.4rem;height:1.4rem}
.wf-cipher-rune.is-yes{background:color-mix(in srgb,var(--go) 30%,var(--raised));border-color:var(--go)}
.wf-cipher-rune.is-near{background:color-mix(in srgb,var(--c-arcade) 28%,var(--raised));border-color:var(--c-arcade)}
.wf-cipher-rune.is-no{opacity:.55}
.wf-cipher-rune.is-empty{border-style:dashed;background:transparent}
.wf-cipher-row.is-later .wf-cipher-rune{opacity:.4}
.wf-cipher-rune.is-draft{border-color:var(--text)}
.wf-cipher-rune.is-small{width:1.6rem;height:1.6rem;vertical-align:middle;margin-left:.15rem}
.wf-cipher-rune.is-small .wf-i{width:1rem;height:1rem}
.wf-big-line .wf-cipher-rune{width:1.9rem;height:1.9rem;margin-left:.2rem;vertical-align:middle}
.wf-cipher-keys{display:grid;grid-template-columns:repeat(7,minmax(0,3rem));gap:.35rem;justify-content:center;margin:.4rem 0 .6rem}
.wf-cipher-key{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--rule-strong);border-radius:8px;background:var(--raised);color:var(--text);font:700 1.1rem/1 var(--cond);cursor:pointer}
.wf-cipher-key .wf-i{width:1.4rem;height:1.4rem}
.wf-cipher-key:disabled{opacity:.45;cursor:default}
.wf-cipher-say{padding:0 .3rem;border-radius:4px;white-space:nowrap}
.wf-cipher-say.is-yes{background:color-mix(in srgb,var(--go) 28%,transparent)}
.wf-cipher-say.is-near{background:color-mix(in srgb,var(--c-arcade) 28%,transparent)}
.wf-cipher-say.is-no{border:1px solid var(--rule-strong)}
.wf-seal{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;max-width:20rem;margin:.6rem auto}
.wf-seal-sq{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--rule-strong);border-radius:8px;background:var(--raised);color:var(--soft);cursor:pointer}
.wf-seal-sq .wf-i{width:55%;height:55%}
.wf-seal-sq.is-lit{background:color-mix(in srgb,var(--c-arcade) 30%,var(--raised));border-color:var(--c-arcade);color:var(--c-arcade);box-shadow:0 0 12px color-mix(in srgb,var(--c-arcade) 35%,transparent)}
.wf-seal-sq.is-last{outline:2px solid var(--text);outline-offset:-2px}
.wf-seal-sq:disabled{cursor:default}
.wf-bones{display:grid;gap:.45rem;margin-top:.5rem;max-width:17rem}
.wf-bone-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.wf-bone-col{display:grid;gap:.25rem;padding:.3rem;border:1px solid var(--rule);border-radius:8px;background:var(--raised);color:var(--text);font:inherit}
.wf-bone-col small{font:600 .7rem/1 var(--mono);color:var(--muted);text-align:center}
.wf-bone-col.is-theirs{flex-direction:column-reverse;display:flex}
.wf-bone-col.is-open{border-color:var(--c-arcade);cursor:pointer}
.wf-bone-col.is-open:hover{background:var(--accent-wash)}
.wf-bone{display:grid;place-items:center;height:1.9rem;border:1px dashed var(--rule);border-radius:6px;font:700 1rem/1 var(--cond)}
.wf-bone[class*=" v"]{border-style:solid;border-color:var(--rule-strong);background:var(--bg)}
.wf-bone.is-pair{border-color:var(--c-arcade);color:var(--c-arcade)}
.wf-bone-die{display:flex;align-items:center;gap:.4rem;font:500 .8rem/1 var(--mono);color:var(--muted)}
.wf-bone-die b{font:700 1.3rem/1 var(--cond);color:var(--text)}
.wf-bone-die.is-mine b{color:var(--c-arcade)}
.wf-sheet-top>.wf-sheet-btns{grid-area:sound;display:flex;align-items:center;gap:.4rem}
.wf-sheet-btns .wf-sound{width:2.1rem;height:2.1rem}
.wf-sheet-you{position:relative;display:inline-flex;align-items:center;gap:.35rem;height:2.1rem;padding:0 .7rem;cursor:pointer;
border:1px solid var(--rule-strong);border-radius:6px;background:var(--surface);color:var(--text);font:600 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.wf-sheet-you .wf-i{width:1.05rem;height:1.05rem;color:var(--c-arcade)}
.wf-sheet-you:hover,.wf-sheet-you[aria-current]{border-color:var(--c-arcade)}
.wf-sheet-you[aria-current]{background:var(--accent-wash)}
.wf-sheet-you .wf-count{position:absolute;top:-.45rem;right:-.45rem}
.wf-sheet-meters .wf-meter.has-potion{grid-template-columns:1rem minmax(0,1fr) auto}
.wf-drink{min-height:1.5rem;padding:.1rem .5rem;font-size:.7rem;white-space:nowrap}
.wf-drink .wf-i{width:.9rem;height:.9rem;color:var(--k-hp)}
@media (max-width:560px){
.wf-sheet-top>.wf-sheet-btns{flex-direction:column;align-items:flex-end;gap:.3rem}
.wf-sheet-you{padding:0 .55rem}
.wf-drink-word{display:none}
}
.wf-now-more{flex:none;min-height:2.1rem;padding:.3rem .7rem;cursor:pointer;border:1px dashed var(--rule-strong);border-radius:999px;background:transparent;
color:var(--muted);font:600 .72rem/1 var(--mono);letter-spacing:.04em;white-space:nowrap}
.wf-now-more:hover{color:var(--text);border-color:var(--c-arcade)}
.wf-now-chip[hidden]{display:none}
.wf-news-older{margin:.8rem 0 0;text-align:center}
.wf .wf-fold>summary{display:flex;align-items:center;cursor:pointer;list-style:none;min-height:2.25rem;margin:.4rem 0 0}
.wf-fold>summary::-webkit-details-marker{display:none}
.wf-fold>summary .wf-right{margin-left:auto;font:500 .7rem/1 var(--mono);color:var(--soft);text-transform:none;letter-spacing:0}
.wf-fold>summary::after{content:'';flex:none;width:.4rem;height:.4rem;margin:0 .2rem 0 .6rem;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);transition:transform .15s}
.wf-fold[open]>summary::after{transform:rotate(45deg)}
.wf-fold>summary:hover{color:var(--text)}
.wf-rsvp-best{margin-top:.2rem}
@media (min-width:960px){
.wf-trail-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;align-items:start;margin-top:.7rem}
.wf-trail-pair>.wf-panel{margin-top:0}
.wf-trail-pair .wf-ups{grid-template-columns:minmax(0,1fr)}
}
.wf-craft-nav{margin:.2rem 0 .5rem}
.wf-give-panel{margin-top:.75rem}
@media (max-width:700px){
.wf-playing .wf-intro,.wf-playing .page-head .subtitle{display:none}
.wf-playing .page-head{margin-bottom:.6rem;padding-bottom:.4rem}
}
.wf-drink.wf-btn{min-height:1.45rem;height:1.45rem}
@media (max-width:560px){
.wf-sheet-meters{grid-template-columns:minmax(0,1fr);gap:.3rem}
}