@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}.fc-hud{--stone:#d9d2c6;--stone-dim:#8c8378;--ember-core:#ff6a3d;--plate:#0b0908e6;--hairline:#d9d2c638;--icon-chip:#0b09088c;--face-body:"Inter", "Leelawadee UI", "Noto Sans Thai", system-ui, sans-serif;--face-mono:"IBM Plex Mono", "Leelawadee UI", "Noto Sans Thai", monospace}.killfeed{box-sizing:border-box;pointer-events:none;width:340px;height:190px;font-family:var(--face-body);flex-direction:column;gap:2px;padding:6px 0;display:flex;overflow:hidden}.kf-row{box-sizing:border-box;background:var(--plate);border:1px solid var(--hairline);white-space:nowrap;max-width:100%;height:28px;color:var(--stone);flex:none;align-self:flex-start;align-items:center;gap:5px;padding:0 9px 0 4px;font-size:13px;line-height:18px;transition:opacity .4s,transform .16s ease-out;display:flex;overflow:hidden}.kf-row.entering{opacity:0;transform:translateY(-6px)}.kf-row.leaving{opacity:0}.kf-side{flex-shrink:0;align-items:center;gap:4px;min-width:0;display:inline-flex}.kf-name{flex-shrink:0;font-weight:600}.kf-side:last-child{flex-shrink:1}.kf-side:last-child>.kf-name{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.kf-name.anon{color:var(--stone-dim);font-weight:500}.kf-name.self{color:var(--ember-core)}.kf-ico{box-sizing:border-box;border:1px solid var(--hairline);background:var(--icon-chip);object-fit:cover;flex-shrink:0;width:36px;height:25px;display:block}.kf-ico.victim{transform:scaleX(-1)}.kf-ico-none{box-sizing:border-box;border:1px solid var(--hairline);background:var(--icon-chip);width:36px;height:25px;font:500 12px/1 var(--face-mono);color:var(--stone);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kf-row>.kf-side.kf-lead>.kf-name:first-child,.kf-off{margin-left:5px}.kf-ai{border:1px solid var(--hairline);font:600 12px/14px var(--face-mono);letter-spacing:.1em;flex-shrink:0;align-self:center;padding:0 3px}.kf-verb{color:var(--stone-dim);flex-shrink:0}.kf-off{color:var(--stone-dim);font-weight:500}.kf-count{font:600 12px/14px var(--face-mono);font-variant-numeric:tabular-nums;color:var(--stone-dim);flex-shrink:0}.kf-count.bump{animation:.24s ease-out kf-count-bump}@keyframes kf-count-bump{0%{color:var(--stone);transform:scale(1.5)}to{transform:scale(1)}}.kf-side.np{box-sizing:border-box;align-self:stretch;gap:5px;height:26px;position:relative}.np.o-l{padding:0 6px 0 3px}.np.o-r{padding:0 6px}.np.o-l.np-t1{padding-right:17px}.np.o-r.np-t1{padding-left:17px}.np.o-l.np-art-tier{padding-right:10px}.np.o-r.np-art-tier{padding-left:10px}.kf-row>.np.o-l.kf-lead{margin-left:-4px}.kf-row>.np.o-r.kf-end{margin-right:-9px}.np>.np-art,.np>.np-cv,.np>.np-cn,.np>.np-edge,.np>.np-sp{pointer-events:none;position:absolute}.np>.np-art,.np>.np-cv{z-index:0}.np>.np-cn,.np>.np-edge{z-index:1}.np>.kf-ico,.np>.kf-ico-none,.np>.kf-name,.np>.np-chip{z-index:2;position:relative}.np>.np-sp{z-index:2}.np-art{background-image:var(--np-art);background-position:0;background-repeat:no-repeat;background-size:auto 100%;inset:0}.np.np-panned>.np-art{background-position:-18px}.np.np-scening>.np-art{visibility:hidden}.np.o-r>.np-art{transform:scaleX(-1)}.np[data-theme=fire]{--np-art:image-set(url(/assets/frames/still-fire-2x.webp) 2x, url(/assets/frames/still-fire-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-fire-128.webp) 1x, url(/assets/frames/avatar-frame-fire-256.webp) 2x)}.np[data-theme=sakura]{--np-art:image-set(url(/assets/frames/still-sakura-2x.webp) 2x, url(/assets/frames/still-sakura-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-sakura-128.webp) 1x, url(/assets/frames/avatar-frame-sakura-256.webp) 2x)}.np[data-theme=water]{--np-art:image-set(url(/assets/frames/still-water-2x.webp) 2x, url(/assets/frames/still-water-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-water-128.webp) 1x, url(/assets/frames/avatar-frame-water-256.webp) 2x)}.np[data-theme=snow]{--np-art:image-set(url(/assets/frames/still-snow-2x.webp) 2x, url(/assets/frames/still-snow-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-snow-128.webp) 1x, url(/assets/frames/avatar-frame-snow-256.webp) 2x)}.np[data-theme=leaves]{--np-art:image-set(url(/assets/frames/still-leaves-2x.webp) 2x, url(/assets/frames/still-leaves-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-leaves-128.webp) 1x, url(/assets/frames/avatar-frame-leaves-256.webp) 2x)}.np[data-theme=ash]{--np-art:image-set(url(/assets/frames/still-ash-2x.webp) 2x, url(/assets/frames/still-ash-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-ash-128.webp) 1x, url(/assets/frames/avatar-frame-ash-256.webp) 2x)}.np[data-theme=autumn]{--np-art:image-set(url(/assets/frames/still-autumn-2x.webp) 2x, url(/assets/frames/still-autumn-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-autumn-128.webp) 1x, url(/assets/frames/avatar-frame-autumn-256.webp) 2x)}.np[data-theme=amber]{--np-art:image-set(url(/assets/frames/still-amber-2x.webp) 2x, url(/assets/frames/still-amber-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-amber-128.webp) 1x, url(/assets/frames/avatar-frame-amber-256.webp) 2x)}.np[data-theme=storm]{--np-art:image-set(url(/assets/frames/still-storm-2x.webp) 2x, url(/assets/frames/still-storm-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-storm-128.webp) 1x, url(/assets/frames/avatar-frame-storm-256.webp) 2x)}.np[data-theme=glow]{--np-art:image-set(url(/assets/frames/still-glow-2x.webp) 2x, url(/assets/frames/still-glow-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-glow-128.webp) 1x, url(/assets/frames/avatar-frame-glow-256.webp) 2x)}.np[data-theme=butterfly]{--np-art:image-set(url(/assets/frames/still-butterfly-2x.webp) 2x, url(/assets/frames/still-butterfly-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-butterfly-128.webp) 1x, url(/assets/frames/avatar-frame-butterfly-256.webp) 2x)}.np[data-theme=rose]{--np-art:image-set(url(/assets/frames/still-rose-2x.webp) 2x, url(/assets/frames/still-rose-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-rose-128.webp) 1x, url(/assets/frames/avatar-frame-rose-256.webp) 2x)}.np[data-theme=pearl]{--np-art:image-set(url(/assets/frames/still-pearl-2x.webp) 2x, url(/assets/frames/still-pearl-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-pearl-128.webp) 1x, url(/assets/frames/avatar-frame-pearl-256.webp) 2x)}.np[data-theme=crystal]{--np-art:image-set(url(/assets/frames/still-crystal-2x.webp) 2x, url(/assets/frames/still-crystal-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-crystal-128.webp) 1x, url(/assets/frames/avatar-frame-crystal-256.webp) 2x)}.np[data-theme=dream]{--np-art:image-set(url(/assets/frames/still-dream-2x.webp) 2x, url(/assets/frames/still-dream-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-dream-128.webp) 1x, url(/assets/frames/avatar-frame-dream-256.webp) 2x)}.np[data-theme=apple]{--np-art:image-set(url(/assets/frames/still-apple-2x.webp) 2x, url(/assets/frames/still-apple-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-apple-128.webp) 1x, url(/assets/frames/avatar-frame-apple-256.webp) 2x)}.np[data-theme=plush]{--np-art:image-set(url(/assets/frames/still-plush-2x.webp) 2x, url(/assets/frames/still-plush-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-plush-128.webp) 1x, url(/assets/frames/avatar-frame-plush-256.webp) 2x)}.np[data-theme=hero]{--np-art:image-set(url(/assets/frames/still-hero-2x.webp) 2x, url(/assets/frames/still-hero-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-hero-128.webp) 1x, url(/assets/frames/avatar-frame-hero-256.webp) 2x)}.np[data-theme=neon]{--np-art:image-set(url(/assets/frames/still-neon-2x.webp) 2x, url(/assets/frames/still-neon-4x.webp) 4x);--af:image-set(url(/assets/frames/avatar-frame-neon-128.webp) 1x, url(/assets/frames/avatar-frame-neon-256.webp) 2x)}.np-cv{width:100%;height:100%;display:block;inset:0}.np.np-art-tier{overflow:hidden}.np-cn{background-image:var(--af);background-repeat:no-repeat;background-size:60px 60px;width:16px;height:16px}.np-cn.tl{background-position:0 0;top:0;left:0}.np-cn.br{background-position:100% 100%;bottom:0;right:0}.np-edge{border:12px solid #0000;border-image:var(--af) 38% / 12px / 0 round;inset:-2px}.np-sp{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--fc2) 45%, #fff));opacity:0;width:14px;height:1px;top:0;left:0}.np-sp.b{top:auto;bottom:0}.np.o-r>.np-sp{left:auto;right:0}.np-chip{background:var(--plate);flex-shrink:0;align-items:center;min-width:0;height:20px;padding:0 5px;display:inline-flex}.kf-side:last-child>.np-chip{flex-shrink:1;overflow:hidden}.kf-side:last-child>.np-chip>.kf-name{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.np .kf-name{color:var(--nc,var(--stone))}.np .kf-name.grad{background:linear-gradient(90deg, var(--nc), var(--nc2));color:#0000;-webkit-background-clip:text;background-clip:text}.np.o-r .kf-name.grad{background-image:linear-gradient(270deg, var(--nc), var(--nc2))}.np .kf-name.grad.shift{background-image:linear-gradient(90deg, var(--nc), var(--nc2), var(--nc), var(--nc2));background-position:0 0;background-size:300% 100%}.kf-fx2d,.kf-fxgl{pointer-events:none;display:block;position:absolute}.fc-hud .killfeed{max-width:100%;height:auto;position:relative}.fx .np-edge{animation:.7s cubic-bezier(.23,1,.32,1) backwards np-edge-on}.fx .np.o-r>.np-edge{animation-name:np-edge-on-r}.fx .np .kf-name.grad.shift{animation:4s ease-in-out forwards np-sweep}.fx .np>.np-sp{animation:4s linear backwards np-spark}.fx .np>.np-sp.b{animation-name:np-spark-b}@keyframes np-edge-on{0%{clip-path:inset(0 100% 0 0);opacity:.4}}@keyframes np-edge-on-r{0%{clip-path:inset(0 0 0 100%);opacity:.4}}@keyframes np-sweep{0%{background-position:0 0}to{background-position:100% 0}}@keyframes np-spark{0%,8%{opacity:0;transform:translate(0)}9%{opacity:1}30%{opacity:1;transform:translateX(var(--run,120px))}31%,to{opacity:0;transform:translate(0)}}@keyframes np-spark-b{0%,62%{opacity:0;transform:translate(0)}63%{opacity:1}84%{opacity:1;transform:translateX(var(--run,120px))}85%,to{opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.fx *{animation:none!important}}
.pi{flex-direction:column;gap:16px;min-width:0;display:flex;container:pi/inline-size}.pi-glyph{flex:none;width:16px;height:16px}.pi-notices{flex-direction:column;gap:8px;display:flex}.pi-notice{border:1px solid var(--line);background:var(--well);font-size:var(--fs-copy);font-weight:var(--fw-copy);color:var(--text);align-items:flex-start;gap:10px;padding:10px 12px;line-height:1.5;display:flex}.pi-notice p{margin:0}.pi-notice .pi-glyph{width:18px;height:18px;margin-top:2px}.pi-notice.amber{background:var(--amber-tint);border-color:#ffb45e59}.pi-notice.amber .pi-glyph{color:var(--amber)}.pi-notice.blue{background:var(--blue-tint);border-color:#72cfff52}.pi-notice.blue .pi-glyph{color:var(--blue)}.pi-notice.acid{background:var(--acid-wash);border-color:var(--acid-edge)}.pi-notice.acid .pi-glyph{color:var(--acid)}.pi-notice-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pi-acc{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}@container pi (min-width:900px){.pi-acc{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:24px 40px}}.pi-prev{background:var(--well);border:1px solid var(--line);grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;min-width:0;padding:22px 16px;display:grid}.pi-prev>*{min-width:0;max-width:100%}.pi-lbl{font-size:var(--fs-caption);color:var(--muted);justify-self:start;margin-bottom:-10px}.pi-prev-card{justify-items:center;width:100%;padding:17px 0;display:grid}.pi-prev-card>.wf-card{width:min(380px,100% - 34px)}.pi-stage{background:linear-gradient(#0a0e0a33,#0a0e0a8c),radial-gradient(120% 80% at 20% 0,#d9e4ee 0,#9fb3c4 34%,#0000 60%),linear-gradient(170deg,#6f8a5a 0%,#4b6b3c 45%,#2c4527 100%);width:100%;min-height:96px;padding:14px 8px;position:relative;overflow:hidden}.pi-board-row{background:var(--panel);border:1px solid var(--line);grid-template-columns:28px 44px minmax(0,1fr);align-items:center;gap:10px;width:100%;max-width:400px;padding:10px;display:grid}.pi-board-row .rk{font:600 var(--fs-title)/1 var(--display);color:var(--muted);font-variant-numeric:tabular-nums}.pi-board-row .who{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;padding:4px;display:flex}.pi-info{gap:18px;min-width:0;display:grid}.pi-title{gap:4px;display:grid}.pi-title h2{font:500 var(--fs-heading)/1.2 var(--display);letter-spacing:-.02em;color:var(--text);text-wrap:balance;margin:0}.pi-title .en{font-size:var(--fs-caption);color:var(--muted)}.pi-tierline{font-size:var(--fs-copy);color:var(--text);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pi-desc{max-width:60ch;font-size:var(--fs-copy);color:var(--text);gap:6px;display:grid}.pi-desc p{margin:0}.pi-desc .note{font-size:var(--fs-caption);color:var(--muted)}.pi-state{border:1px solid var(--line);font-size:var(--fs-copy);color:var(--text);align-items:baseline;gap:10px;margin:0;padding:10px 12px;display:flex}.pi-state i{background:var(--muted);flex:none;width:8px;height:8px;transform:translateY(-1px)}.pi-state.ok{border-color:var(--acid-edge)}.pi-state.ok i{background:var(--acid)}.pi-ctl{border-top:1px solid var(--line);gap:14px;padding-top:16px;display:grid}.pi-grp{gap:8px;display:grid}.pi-grp-l{font:600 var(--fs-micro)/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pi-seg{flex-wrap:wrap;gap:4px;display:flex}.pi-th-btn,.pi-tier-btn{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--text);font:600 var(--fs-caption)/1.2 var(--display);cursor:pointer;touch-action:manipulation;border-radius:0;align-items:center;transition:border-color .16s ease-out,background-color .16s ease-out;display:inline-flex}.pi-th-btn{gap:8px;padding:0 10px 0 7px}.pi-th-btn i{border:1px solid var(--line);background-position:0;background-size:auto 100%;flex:none;width:28px;height:28px;display:block}.pi-tier-btn{flex-direction:column;justify-content:center;gap:2px;min-width:64px;padding:4px 8px}.pi-tier-btn .wf-medal{object-fit:contain;display:block}.pi-tier-btn .own{font-size:var(--fs-micro);color:var(--muted);margin-top:3px;font-weight:500;display:block}.pi-th-btn:hover,.pi-tier-btn:hover{border-color:var(--line-hover);color:var(--text)}.pi-th-btn:focus-visible,.pi-tier-btn:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.pi-th-btn[aria-pressed=true],.pi-tier-btn[aria-pressed=true]{border-color:var(--acid);background:var(--acid-wash);color:var(--text)}.pi-tier-btn[aria-pressed=true] .own{color:var(--acid)}.pi-act{flex-wrap:wrap;gap:8px;display:flex}.pi-error{border-left:3px solid var(--danger);background:var(--danger-tint);color:var(--danger);font-size:var(--fs-copy);align-items:flex-start;gap:8px;padding:9px 11px;font-weight:600;display:flex}.pi-error p{margin:0}.pi-error .bang{background:var(--danger);width:18px;height:18px;color:var(--ink);font:700 12px/1 var(--body);border-radius:50%;flex:none;place-items:center;margin-top:2px;display:grid}.pi-note{font-size:var(--fs-caption);color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;display:flex}.pi-link{min-height:24px;color:var(--muted);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.pi-link:hover{color:var(--text)}@media (pointer:coarse){.pi-link{min-height:44px}}.pi-skel{background:linear-gradient(90deg, var(--raised), var(--line), var(--raised));background-size:200% 100%;animation:1.4s linear infinite pi-skel}@keyframes pi-skel{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.pi-skel{animation:none}.pi-th-btn,.pi-tier-btn{transition:none}}
