.cf-band{display:grid;align-items:end;min-height:clamp(15rem,30vw,21rem);margin-block-end:var(--space-5);border-radius:10px}.cf-band__scene{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:30% 60%}.cf-band__text{display:grid;gap:var(--space-3);justify-items:start;max-width:38rem;padding:var(--space-6) var(--space-5) var(--space-5) var(--space-6)}.cf-band h1{margin:0;font:400 var(--text-hero) / 1.02 var(--font-display);color:var(--gold-hi);text-shadow:var(--edge-title)}.cf-band p{margin:0;color:var(--ink);font-weight:600;text-shadow:var(--edge-title)}.cf-band__acts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cf-bar{display:grid;gap:var(--space-3);margin-block-end:var(--space-5);padding:var(--space-3) var(--space-5) var(--space-4);border-radius:10px}@media(max-width:520px){.cf-bar{padding:var(--space-2) var(--space-3) var(--space-3)}}.cf-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-block-end:1px solid var(--line)}.cf-tabs::-webkit-scrollbar{display:none}.cf-tabs button{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:var(--space-2);flex:none;min-height:2.9rem;padding:0 var(--space-4);border:0;background:none;cursor:pointer;color:var(--ink-2);font:600 var(--text-md) / 1 var(--font-ui);white-space:nowrap;text-shadow:var(--edge-text)}.cf-tabs button:after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;border:0 solid transparent;border-image:url(/assets/game-ui/tab/blue2.webp) 0 24 0 24 fill / 0 24px}.cf-tabs button:hover,.cf-tabs [aria-selected=true]{color:var(--ink)}.cf-tabs [aria-selected=true]:after{opacity:1}.cf-tabs .e7-icon{width:1.3rem;height:1.3rem}.cf-filters{display:grid;gap:var(--space-2)}.cf-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.cf-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:2.6rem;height:2.6rem;padding:0 var(--space-2);border:0 solid transparent;border-image:url(/assets/game-ui/btn/small-black.webp) 10 fill / 10px;background:none;cursor:pointer;color:var(--ink);font:600 var(--text-sm) / 1 var(--font-ui);white-space:nowrap}.cf-chip img{width:1.5rem;height:1.5rem}.cf-chip--mode{padding-inline:var(--space-1) var(--space-3)}.cf-chip__badge{--size: 1.9rem;box-shadow:none}.cf-chip[aria-pressed=true]{border-image-source:url(/assets/game-ui/btn/small-white.webp);color:var(--on-pill);text-shadow:none}.cf-chip:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.cf-bar__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.cf-input{width:13rem;max-width:100%;padding:var(--space-2) var(--space-3);font:500 var(--text-md) / 1.3 var(--font-ui);color:var(--ink);border:0 solid transparent;border-image:url(/assets/game-ui/frame/box-op75.webp) 8 fill / 6px;background:none}.cf-input option{color:var(--night)}.cf-search{max-width:34rem}.cf-sort{display:flex;flex-wrap:wrap;gap:var(--space-2)}[data-feed][aria-busy=true] [data-cf-list]{opacity:.45}.cf-list{display:block;columns:2 28rem;column-gap:var(--space-4)}.cf-list>.cf-card{break-inside:avoid;margin-block-end:var(--space-4)}.cf-more{margin:var(--space-4) 0 0;text-align:center}.cf-more [hidden]{display:none}.cf-card{display:grid}.cf-list>.cf-card:not(:has(.cf-card__box)){display:block}.cf-card__box{--s: .8;--frame: url(/assets/game-ui/plate/normal.webp);--slice: 22 42 22 42;--fw: calc(22px * var(--s)) calc(42px * var(--s));--ribbon: url(/assets/game-ui/title/green.webp);--rslice: 0 34 0 34;--rw: 0 1.2rem;--on-ribbon: var(--ink);--glyph: url(/assets/game-ui/nav/heroes.webp);position:relative;display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:0 solid transparent;border-image:var(--frame) var(--slice) fill / var(--fw);transition:filter var(--dur-fast) var(--ease)}.cf-card__box:hover{filter:brightness(1.1)}.cf-card[data-kind=build] .cf-card__box{--frame: url(/assets/game-ui/gearwin/box-3.webp);--slice: 48;--fw: 24px;--ribbon: url(/assets/game-ui/title/blue.webp);--rslice: 0 40 0 40;--rw: 0 1.4rem;--on-ribbon: var(--on-azure);--glyph: url(/assets/game-ui/nav/equipment.webp);padding:var(--space-5)}.cf-card[data-kind=guide] .cf-card__box{--frame: url(/assets/game-ui/frame/box-big-gold.webp);--slice: 48;--fw: 24px;--ribbon: url(/assets/game-ui/title/brown.webp);--glyph: url(/assets/game-ui/nav/guides.webp);padding:var(--space-5)}.cf-card[data-kind=tip] .cf-card__box{--frame: url(/assets/game-ui/frame/box-epicdash.webp);--slice: 28;--fw: 18px;--ribbon: url(/assets/game-ui/title/violet.webp);--glyph: url(/assets/game-ui/menu/info.webp);color:var(--on-pill)}.cf-card[data-kind=screenshot] .cf-card__box{--frame: url(/assets/game-ui/gearwin/box-1.webp);--slice: 48;--fw: 24px;--ribbon: url(/assets/game-ui/title/force.webp);--on-ribbon: var(--on-pill);--glyph: url(/assets/game-ui/tabicon/skins.webp);padding:var(--space-5)}.cf-card[data-kind=creator] .cf-card__box{--frame: url(/assets/game-ui/gearwin/box-5.webp);--slice: 48;--fw: 24px;--ribbon: url(/assets/game-ui/title/red.webp);--glyph: url(/assets/game-ui/social/video.webp);padding:var(--space-5)}.cf-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}.cf-card__kind,.cf-card__mode{display:inline-flex;align-items:center;gap:var(--space-1);min-height:1.6rem;padding:0 var(--space-5) 2px;border:0 solid transparent;border-image:var(--ribbon) var(--rslice) fill / var(--rw);color:var(--on-ribbon);font:700 var(--text-xs) / 1 var(--font-ui);white-space:nowrap}.cf-card__kind{text-shadow:var(--edge-text)}.cf-card[data-kind=screenshot] .cf-card__kind{text-shadow:none}.cf-card__mode{border-image:url(/assets/game-ui/title/red.webp) 0 34 0 34 fill / 0 1.2rem;color:var(--ink);text-shadow:var(--edge-text)}.cf-card__mode[hidden],.cf-card__votes[hidden],.cf-card__recap[hidden],.cf-card__gallery[hidden],.cf-card__toc[hidden]{display:none}.cf-card__glyph{width:1rem;height:1rem;--icon: var(--glyph)}.cf-card[data-kind=screenshot] .cf-card__glyph{background-color:var(--on-pill)}.cf-card__title{color:var(--ink);text-decoration:none;font:400 var(--text-xl) / 1.15 var(--font-display);overflow-wrap:anywhere;text-shadow:var(--edge-title)}.cf-card[data-kind=tip] .cf-card__title{color:var(--on-pill);text-shadow:none;font-size:var(--text-lg)}.cf-card__title:after{content:"";position:absolute;inset:0;z-index:0}.cf-card__box:hover .cf-card__title{color:var(--gold-hi)}.cf-card[data-kind=tip] .cf-card__box:hover .cf-card__title{color:var(--on-pill)}.cfr a,.cf-card__heroes,.cf-card__save,.cf-card__by{position:relative;z-index:1}.cf-card__say{display:flex;align-items:start;gap:var(--space-2);color:var(--ink-2);font:500 var(--text-sm) / 1.5 var(--font-body)}.cf-card__say>[data-f=excerpt]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.cf-card__say:has([data-f=excerpt]:empty){display:none}.cf-card__help{display:none}.cf-card[data-kind=tip] .cf-card__say{color:var(--on-pill);font:600 var(--text-md) / 1.55 var(--font-body)}.cf-card[data-kind=tip] .cf-card__say>[data-f=excerpt]{-webkit-line-clamp:5}.cf-card[data-kind=tip] .cf-card__help{display:block;flex:none;width:1.7rem;height:1.7rem;margin-block-start:2px;background:url(/assets/game-ui/menu/info.webp) center / contain no-repeat;filter:drop-shadow(0 1px 2px var(--abyss))}.cf-card[data-kind=guide] .cf-card__say{color:var(--ink);font-size:var(--text-md)}.cf-card__cover{position:relative;display:block;overflow:hidden;border-radius:6px;box-shadow:0 0 0 1px var(--frame-soft)}.cf-card__cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.cf-card[data-kind=guide] .cf-card__cover{aspect-ratio:2 / 1}.cf-card[data-kind=creator] .cf-card__cover,.cf-card[data-kind=screenshot] .cf-card__cover{aspect-ratio:16 / 9}.cf-card[data-kind=build] .cf-card__cover,.cf-card[data-kind=team] .cf-card__cover,.cf-card[data-kind=tip] .cf-card__cover,.cf-card__box:has(.cf-card__gallery:not([hidden])) .cf-card__cover{display:none}.cf-card__cover:has(img[hidden]),.cf-card__cover:has(img:not([src])){display:none}.cf-card[data-kind=creator] .cf-card__cover:after{content:"";position:absolute;left:50%;top:50%;width:3.4rem;height:3.4rem;translate:-50% -50%;background:url(/assets/game-ui/menu/etcvideo.webp) center / contain no-repeat;filter:drop-shadow(0 2px 8px var(--abyss))}.cf-card__gallery{display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:5.5rem;gap:var(--space-1)}.cf-card__gallery img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:5px;box-shadow:0 0 0 1px var(--frame-soft)}.cf-card__gallery img:first-child{grid-row:span 2}.cf-card__gallery img:only-child{grid-column:1 / -1}.cf-card__toc{display:grid;gap:var(--space-2)}.cf-card__toc ol{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none;counter-reset:toc}.cf-card__toc li{counter-increment:toc;display:grid;grid-template-columns:1.6rem minmax(0,1fr);align-items:center;gap:var(--space-2);font:600 var(--text-sm) / 1.3 var(--font-ui);color:var(--ink)}.cf-card__toc li:before{content:counter(toc);display:grid;place-items:center;height:1.5rem;border:0 solid transparent;border-image:url(/assets/game-ui/skillwin/count.webp) 10 14 10 14 fill / 7px 9px;font:italic 800 var(--text-xs) / 1 var(--font-num);color:var(--on-gold)}.cf-card__time{display:inline-flex;align-items:center;gap:var(--space-1);font:700 var(--text-xs) / 1 var(--font-ui);color:var(--gold-hi)}.cf-card__time img{width:1rem;height:auto}.cf-card__time:has([data-f=minutes]:empty){display:none}.cf-card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding-block-start:var(--space-2)}.cf-card__by{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.cf-card__medal .e7-medal{--size: 2.2rem}.cf-card__who{display:grid;gap:1px;min-width:0}.cf-card__name{color:var(--ink);font:700 var(--text-sm) / 1.2 var(--font-ui);overflow-wrap:anywhere}.cf-card__age{color:var(--ink-2);font:600 var(--text-xs) / 1.2 var(--font-ui)}.cf-card[data-kind=tip] .cf-card__name{color:var(--on-pill)}.cf-card[data-kind=tip] .cf-card__age{color:var(--on-pill);opacity:.75}.cf-card__heroes{display:flex;gap:2px}.cf-card__heroes:empty,.cf-card[data-kind=build] .cf-card__heroes,.cf-card[data-kind=team] .cf-card__heroes{display:none}.cf-card__heroes .e7-medal{--size: 2rem}.cf-card__count{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink);font:700 var(--text-sm) / 1 var(--font-ui)}.cf-card[data-kind=tip] .cf-card__count{color:var(--on-pill)}.cf-card__count:before{content:"";flex:none;width:1.1rem;height:1.15rem;background:currentColor;-webkit-mask:var(--count) center / contain no-repeat;mask:var(--count) center / contain no-repeat}.cf-card__count--like{--count: url(/assets/game-ui/social/like.webp)}.cf-card__count--chat{--count: url(/assets/game-ui/social/chat.webp)}.cf-card__votes{display:inline-flex;flex-wrap:wrap;gap:var(--space-1)}.cf-card__vote{display:inline-flex;align-items:center;gap:.3rem;min-height:1.75rem;padding:0 var(--space-3);border:0 solid transparent;border-image:url(/assets/game-ui/btn/small-black.webp) 10 fill / 9px;color:var(--ink);font:600 var(--text-xs) / 1 var(--font-ui);white-space:nowrap}.cf-card__vote b{color:var(--gold-hi);font:italic 800 var(--text-sm) / 1 var(--font-num)}.cf-card__save{margin-inline-start:auto;padding:0;border:0;background:none;cursor:pointer}.cf-card__save>span{display:inline-flex;align-items:center;min-height:1.9rem;padding:0 var(--space-3);border:0 solid transparent;border-image:url(/assets/game-ui/btn/small-black.webp) 10 fill / 9px;color:var(--ink);font:600 var(--text-xs) / 1 var(--font-ui)}.cf-card__save[aria-pressed=true]>span{border-image-source:url(/assets/game-ui/btn/small-white.webp);color:var(--on-pill)}.cf-card__recap{display:grid}.cfr{display:grid;gap:var(--space-3)}.cfr [hidden],.cfr__art:not([src]){display:none}.cfr__hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3)}.cfr__hero-link{display:block;text-decoration:none}.cfr__medal .e7-medal{--size: 3.6rem}.cfr__id{display:grid;gap:var(--space-1);min-width:0}.cfr__name{font:400 var(--text-lg) / 1.1 var(--font-display);color:var(--gold-hi);text-shadow:var(--edge-title)}.cfr__marks{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}.cfr__imprint{width:auto;height:1.35rem}.cfr__imprint:not([src]){display:none}.cfr__awake .is-off{opacity:.25}.cfr__skills{display:inline-flex;gap:3px}.cfr__skill{font-size:var(--text-xs);min-width:2.2em}.cfr__equip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start}.cfr__gear{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:var(--space-2) var(--space-3);margin:0;padding:0;list-style:none}.cfr__gear:empty{display:none}.cfr__piece{display:grid;grid-template-columns:3.2rem auto;align-items:center;gap:var(--space-2)}.cfr__slot{position:relative;display:block;width:3.2rem;aspect-ratio:1;border:0 solid transparent;border-image:url(/assets/game-ui/frame/item-slot.webp) 20 fill / 10px}.cfr__slot:before{content:"";position:absolute;inset:14%;background:var(--gear) center / contain no-repeat}@media(min-resolution:2.4dppx){.cfr__slot:before{inset:20%}}.cfr__piece[data-slot=weapon]{--gear: url(/assets/game-ui/gearwin/weapon.webp)}.cfr__piece[data-slot=helmet]{--gear: url(/assets/game-ui/gearwin/helmet.webp)}.cfr__piece[data-slot=armor]{--gear: url(/assets/game-ui/gearwin/armor.webp)}.cfr__piece[data-slot=necklace]{--gear: url(/assets/game-ui/gearwin/necklace.webp)}.cfr__piece[data-slot=ring]{--gear: url(/assets/game-ui/gearwin/ring.webp)}.cfr__piece[data-slot=boots]{--gear: url(/assets/game-ui/gearwin/boots.webp)}.cfr__piece[data-empty] .cfr__slot:before{opacity:.25;filter:grayscale(1)}.cfr__piece-set{position:absolute;inset:-4px auto auto -4px;z-index:1;width:1.3rem;height:1.3rem;filter:drop-shadow(0 1px 2px var(--abyss))}.cfr__piece-set:not([src]){display:none}.cfr__main{display:inline-grid;justify-items:start;gap:2px}.cfr__main img{width:1.25rem;height:1.25rem}.cfr__main img:not([src]){display:none}.cfr__main b{font:italic 800 var(--text-sm) / 1 var(--font-num);color:var(--ink)}.cfr__side{display:grid;gap:var(--space-3);align-content:start;min-width:0}.cfr__arti{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2);text-decoration:none}.cfr__hex{display:grid;place-items:center;width:3.2rem;aspect-ratio:123 / 137;background:url(/assets/game-ui/frame/artifact-slot.webp) center / contain no-repeat}.cfr__hex img{width:74%;height:auto}.cfr__hex:has(img:not([src])){display:none}.cfr__arti-name{font:700 var(--text-sm) / 1.25 var(--font-ui);color:var(--ink);text-shadow:var(--edge-text)}.cfr__sets{display:grid;gap:var(--space-1)}.cfr__set{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:var(--space-2);font:600 var(--text-sm) / 1.2 var(--font-ui);color:var(--ink)}.cfr__set img{width:1.5rem;height:1.5rem}.cfr__set-n{font:italic 800 var(--text-md) / 1 var(--font-num);color:var(--gold-hi)}.cfr__set-n:empty{display:none}.cfr__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1) var(--space-3);padding:var(--space-3);border:0 solid transparent;border-image:url(/assets/game-ui/frame/box-black-gold.webp) 12 fill / 10px}.cfr__stats:empty{display:none}.cfr__stat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-1);min-height:1.6rem}.cfr__stat img{width:1.05rem;height:1.05rem}.cfr__stat-name{font:600 var(--text-xs) / 1.2 var(--font-ui);color:var(--ink-2)}.cfr__stat-value{font:italic 800 var(--text-sm) / 1 var(--font-num);color:var(--ink)}.cfr__stat[data-key=spd]{grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr) auto;padding-block-end:var(--space-1);box-shadow:0 1px 0 var(--line)}.cfr__stat[data-key=spd] img{width:1.5rem;height:1.5rem}.cfr__stat[data-key=spd] .cfr__stat-name{font:700 var(--text-md) / 1.2 var(--font-ui);color:var(--ink)}.cfr__stat[data-key=spd] .cfr__stat-value,.cfr__stat[data-key=key] .cfr__stat-value{font-size:var(--text-xl);color:var(--lv-hi);text-shadow:var(--edge-text)}.cfr__stat[data-key=key]{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;row-gap:2px;padding-block:var(--space-1)}.cfr__stat[data-key=key] .cfr__stat-value{grid-column:1 / -1}.cfr__members{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--space-2)}.cfr__member{display:grid;justify-items:center;align-content:start;gap:var(--space-1);min-width:0;text-align:center}.cfr__member-link{display:grid;justify-items:center;gap:var(--space-1);min-width:0;color:var(--ink);text-decoration:none}.cfr__member-link:hover{color:var(--gold-hi)}.cfr__stand{position:relative;display:grid;place-items:end center;width:100%;height:8.5rem;overflow:clip;overflow-clip-margin:.4rem}.cfr__stand:before{content:"";position:absolute;left:50%;bottom:-.2rem;width:115%;aspect-ratio:1;translate:-50% 0;scale:1 .3;transform-origin:50% 100%;background:url(/assets/game-ui/skillwin/magic-circle.webp) center / contain no-repeat;opacity:.85}.cfr__art{position:relative;height:100%;width:auto;max-width:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 10px var(--abyss))}.cfr__face{position:relative;align-self:center}.cfr__stand:has(.cfr__art[src]) .cfr__face{display:none}.cfr__face .e7-medal{--size: 3.2rem}.cfr__member-name{font:700 var(--text-xs) / 1.2 var(--font-ui);overflow-wrap:anywhere;text-shadow:var(--edge-text)}.cfr__member-gear{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px}.cfr__member-gear>img{width:1.5rem;height:auto}.cfr__member-gear>img:not([src]){display:none}.cfr__member-gear .cfr__sets{display:inline-flex;gap:2px}.cfr__member-gear .cfr__sets img{width:1.3rem;height:1.3rem}@media(max-width:760px){.cf-card__box{--s: .66;padding:var(--space-3) var(--space-4)}.cfr__equip{grid-template-columns:minmax(0,1fr)}.cfr__stand{height:7rem}.cf-card__title{font-size:var(--text-lg)}.cf-input{width:100%}.cf-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-block-end:2px}.cf-chips::-webkit-scrollbar{display:none}.cf-chip{flex:none}.cf-field{flex:1 1 10rem}}.cf-post{min-height:5rem}.cf-post .e7-plate__name{min-width:0}.cf-post b{overflow-wrap:anywhere}.cf-post small{color:var(--ink-2)}.cf-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.cf-meta .e7-medal{--size: 1.4rem}.cf-meta .e7-medal:after{inset:-10%}.cf-heroes{display:flex;gap:2px}.cf-heroes .e7-medal:after{inset:-10%}@media(max-width:640px){.cf-post{grid-template-columns:auto minmax(0,1fr)}.cf-post .e7-plate__end{grid-column:2;justify-items:start}.cf-heroes{display:none}}@media(min-resolution:2.4dppx){.cfr__hex{width:2.9rem}.cfr__imprint{height:1rem}.cfr__stat img,.cfr__main img,.cfr__stat[data-key=spd] img{width:.7rem;height:.7rem}}