.fx-host{--fx-bg: var(--color-bg, #f4f2ee);--fx-surface: var(--color-surface, #ffffff);--fx-surface-muted: var(--color-surface-muted, #eceae4);--fx-ink: var(--color-ink, #201f1c);--fx-muted: var(--color-muted, #6b675f);--fx-border: var(--color-border, #d9d5cc);--fx-accent: var(--color-accent, #2f6fd1);--fx-mp: var(--color-mp, #b851af);--fx-danger: var(--color-danger, #c23b3b);--fx-chain-yellow: var(--color-chain-tier2, #c9930a);--fx-chain-redgold: var(--color-chain-tier3, #b8342a);--fx-gold: var(--color-gold, #b8901f);position:relative;overflow:hidden;isolation:isolate;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif}.fx-host *{box-sizing:border-box}.fx-seats{position:absolute;inset:0;pointer-events:none;z-index:2}.fx-seat{position:absolute;left:1rem;right:1rem}.fx-seat[data-seat="1"]{top:8%;height:30%}.fx-seat[data-seat="0"]{top:42%;height:30%}.fx-seat-inner{position:relative;width:100%;height:100%}@keyframes fx-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-2px)}}.fx-host.fx-shake{animation:fx-shake .28s ease-in-out}@keyframes fx-dmg-pop{0%{opacity:0;transform:translate(-50%) scale(.75)}15%{opacity:1;transform:translate(-50%,-10px) scale(1.2)}40%{transform:translate(-50%,-16px) scale(1)}to{opacity:0;transform:translate(-50%,-34px) scale(.92)}}.fx-dmg{position:absolute;left:50%;top:20%;font-weight:800;font-size:1.3rem;white-space:nowrap;text-shadow:0 1px 2px var(--color-tint-white-75, rgba(255, 255, 255, .75));animation:fx-dmg-pop .32s ease-out forwards;pointer-events:none}.fx-dmg--t1{color:var(--fx-ink)}.fx-dmg--t2{color:var(--fx-chain-yellow)}.fx-dmg--t3{color:var(--fx-chain-redgold);font-size:1.55rem}@keyframes fx-block-pop{0%{opacity:0;transform:translate(-50%) scale(.7)}25%{opacity:1;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-12px) scale(.9)}}.fx-block{position:absolute;left:50%;top:34%;transform:translate(-50%);font-size:.8rem;font-weight:800;color:var(--fx-accent);animation:fx-block-pop .28s ease-out forwards;pointer-events:none}.fx-combo-banner{position:absolute;top:9.4rem;left:50%;transform:translate(-50%);text-align:center;z-index:5;pointer-events:none}.fx-combo-banner[hidden]{display:none}.fx-combo-text{position:relative;z-index:1;letter-spacing:.04em;animation:fx-combo-in .21s ease-out both}@keyframes fx-combo-in{0%{opacity:0;transform:scale(.7)}55%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.fx-combo-banner[data-tier="1"] .fx-combo-text{font-size:1.3rem;font-weight:800;color:var(--fx-ink)}.fx-combo-banner[data-tier="2"] .fx-combo-text{font-size:1.6rem;font-weight:800;color:var(--fx-chain-yellow)}.fx-combo-banner[data-tier="3"] .fx-combo-text{font-size:2rem;font-weight:900;color:var(--fx-chain-redgold)}.fx-combo-ray{position:absolute;top:50%;left:50%;width:2px;height:160%;background:linear-gradient(to bottom,transparent,currentColor,transparent);transform-origin:center;opacity:0;animation:fx-ray-in .24s ease-out both}@keyframes fx-ray-in{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--fx-ray-deg, 0deg)) scaleY(.4)}40%{opacity:.55}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--fx-ray-deg, 0deg)) scaleY(1)}}.fx-combo-banner[data-tier="1"] .fx-combo-ray{color:var(--fx-ink)}.fx-combo-banner[data-tier="2"] .fx-combo-ray{color:var(--fx-chain-yellow)}.fx-combo-banner[data-tier="3"] .fx-combo-ray{color:var(--fx-chain-redgold)}.fx-guard{position:absolute;left:50%;top:8%;transform:translate(-50%);font-size:.8rem;font-weight:800;padding:.15rem .55rem;border-radius:999px;animation:fx-guard-pop .26s ease-out forwards;pointer-events:none}@keyframes fx-guard-pop{0%{opacity:0;transform:translate(-50%,6px)}25%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.fx-guard--advantage{color:var(--color-surface, #fff);background:var(--fx-accent);box-shadow:0 0 .6rem var(--color-tint-accent-60, rgba(47, 111, 209, .6))}.fx-guard--neutral{color:var(--fx-ink);background:var(--fx-surface-muted)}.fx-guard--disadvantage{color:var(--fx-muted);background:var(--fx-surface-muted);opacity:.75}.fx-tension{margin-top:.35rem;width:60%;height:.5rem;border-radius:999px;background:var(--fx-surface-muted);overflow:hidden}.fx-tension-fill{height:100%;width:0%;background:var(--fx-mp);transition:width .22s ease-out}.fx-tension-fill.is-pulse{animation:fx-tension-pulse .48s ease-in-out infinite}.fx-tension-fill.is-flash{animation:fx-tension-flash .3s ease-out}@keyframes fx-tension-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.6)}}@keyframes fx-tension-flash{0%{filter:brightness(1)}40%{filter:brightness(2.4)}to{filter:brightness(1)}}.fx-ready-badge{position:absolute;top:2%;left:50%;transform:translate(-50%);font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--fx-accent);opacity:0;animation:fx-ready-pop .26s ease-out forwards;pointer-events:none}@keyframes fx-ready-pop{0%{opacity:0;transform:translate(-50%,6px)}30%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.fx-veil-layer[hidden]{display:none}.fx-veil-layer{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none}.fx-veil-dim{position:absolute;inset:0;background:var(--color-overlay-black, #000);opacity:0;transition:opacity .13s linear}.fx-veil-dim.is-on{opacity:.86}.fx-veil-flash{position:absolute;inset:0;background:var(--color-surface, #fff);opacity:0}.fx-veil-flash.is-flash{animation:fx-flash-pop .24s ease-out}@keyframes fx-flash-pop{0%{opacity:0}10%{opacity:1}30%{opacity:1}to{opacity:0}}.fx-veil-label{position:relative;z-index:1;color:var(--color-surface, #fff);font-weight:900;font-size:1.6rem;letter-spacing:.08em;opacity:0;transform:scale(.8);text-align:center;white-space:pre-line}.fx-veil-label.is-charge{animation:fx-charge-in .24s ease-out forwards}@keyframes fx-charge-in{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.fx-veil-label.is-hold{opacity:1;transform:scale(1)}.fx-reveal-banner[hidden]{display:none}.fx-reveal-banner{position:absolute;top:6%;left:50%;transform:translate(-50%);text-align:center;z-index:12;pointer-events:none}.fx-reveal-kind{font-size:.64rem;font-weight:800;color:var(--fx-muted);letter-spacing:.12em}.fx-reveal-name{font-size:1.05rem;font-weight:800;color:var(--fx-ink)}.fx-reveal-banner.is-in{animation:fx-reveal-in .26s ease-out both}@keyframes fx-reveal-in{0%{opacity:0;transform:translate(-50%,-8px)}20%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0;transform:translate(-50%,10px)}}.fx-levelup-layer[hidden]{display:none}.fx-levelup-layer{position:absolute;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;pointer-events:none}.fx-levelup-number{font-size:3rem;font-weight:900;color:var(--fx-accent);opacity:0;transform:scale(.6);text-shadow:0 2px 6px var(--color-tint-black-15, rgba(0, 0, 0, .15))}.fx-levelup-number.is-in{animation:fx-levelup-pop .38s cubic-bezier(.2,1.4,.4,1) both}@keyframes fx-levelup-pop{0%{opacity:0;transform:scale(.5)}55%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.fx-levelup-number.is-out{animation:fx-fade-out .16s ease-in forwards}@keyframes fx-fade-out{to{opacity:0}}.fx-choice-layer[hidden]{display:none}.fx-choice-layer{position:absolute;inset:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;pointer-events:none}.fx-choice-title{font-size:.85rem;font-weight:800;letter-spacing:.1em;color:var(--fx-muted)}.fx-choice-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.fx-choice-card{position:relative;width:6rem;min-height:8rem;border-radius:.75rem;background:var(--fx-surface);border:2px solid var(--fx-border);padding:.5rem;opacity:0;transform:translateY(16px) scale(.85);animation:fx-choice-in .3s cubic-bezier(.2,1.2,.4,1) forwards;animation-delay:var(--fx-choice-delay, 0ms)}@keyframes fx-choice-in{0%{opacity:0;transform:translateY(18px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.fx-choice-card-float{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;width:100%;height:100%;text-align:center;animation:fx-choice-float 2.4s ease-in-out infinite;animation-delay:var(--fx-choice-delay, 0ms)}@keyframes fx-choice-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fx-choice-label{font-size:.78rem;font-weight:700;color:var(--fx-ink)}.fx-choice-card.fx-rarity-common{box-shadow:0 0 .5rem var(--color-tint-ink-18, rgba(32, 31, 28, .18))}.fx-choice-card.fx-rarity-rare{border-color:var(--fx-accent);box-shadow:0 0 0 2px var(--fx-accent),0 0 .9rem #2f6fd18c}.fx-choice-card.fx-rarity-epic{border-color:var(--fx-gold);box-shadow:0 0 0 2px var(--fx-gold),0 0 1.1rem #b8901fa6}.fx-floor-layer[hidden]{display:none}.fx-floor-layer{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;perspective:600px;pointer-events:none}.fx-floor-number{font-size:2.2rem;font-weight:900;color:var(--fx-ink);opacity:0;transform:translateZ(-300px) scale(.4)}.fx-floor-number.is-through{animation:fx-floor-through .4s ease-in forwards}@keyframes fx-floor-through{0%{opacity:0;transform:translateZ(-300px) scale(.4)}35%{opacity:1;transform:translateZ(0) scale(1)}70%{opacity:1;transform:translateZ(120px) scale(1.3)}to{opacity:0;transform:translateZ(260px) scale(1.6)}}.fx-runover-layer[hidden]{display:none}.fx-runover-layer{position:absolute;inset:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;background:var(--color-tint-bg-94, rgba(244, 242, 238, .94));pointer-events:none}.fx-runover-title{font-size:1.1rem;font-weight:900;letter-spacing:.08em;color:var(--fx-ink)}.fx-runover-bars{width:min(80%,20rem);display:flex;flex-direction:column;gap:.5rem}.fx-runover-row{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;color:var(--fx-muted)}.fx-runover-row-label{width:6rem;flex:0 0 auto;text-align:right}.fx-runover-track{flex:1 1 auto;height:.6rem;background:var(--fx-surface-muted);border-radius:999px;overflow:hidden}.fx-runover-fill{height:100%;width:0%;border-radius:999px;transition:width .46s cubic-bezier(.2,1,.3,1)}.fx-runover-fill--best{background:var(--fx-muted)}.fx-runover-fill--run{background:var(--fx-accent)}.fx-runover-fill--run.is-new-best{background:var(--fx-gold)}.fx-runover-note{font-size:.8rem;font-weight:800;color:var(--fx-accent)}@media(prefers-reduced-motion:reduce){.fx-host.fx-shake{animation:none!important}}
