.pf{position:absolute;inset:0;box-sizing:border-box;overflow:hidden;color:#f3e9d8;background:#140f0b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;line-height:1.3;user-select:none;-webkit-user-select:none;touch-action:none}.pf *,.pf *:before,.pf *:after{box-sizing:border-box}.pf button{font:inherit;color:#f3e9d8;background:#2b2019;border:1px solid #5a4636;border-radius:6px;cursor:pointer;touch-action:manipulation}.pf button:disabled{opacity:.4;cursor:default}.pf button:focus-visible{outline:2px solid #ffd23f;outline-offset:1px}.pf button[hidden]{display:none}.pf [hidden]{display:none!important}.pf-left{position:absolute;display:flex;flex-direction:column;gap:5px;padding:6px;overflow:hidden;background:#1a130e;border-right:1px solid #3a2c20}.pf-me{display:flex;flex-direction:column;gap:1px;min-width:0}.pf-me.dead{opacity:.45}.pf-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-bar{height:7px;background:#3a2c22;border-radius:4px;overflow:hidden;margin:2px 0}.pf-bar>i{display:block;height:100%;background:#4caf50}.pf-bar>i.low,.pf-foe-bar>i.low{background:#e53935}.pf-line{display:flex;justify-content:space-between;align-items:baseline;gap:4px;font-size:12px;white-space:nowrap}.pf-line .pf-k{color:#c9b79c}.pf-line .pf-v{color:#ffd23f;font-size:13px}.pf-team{display:flex;flex-direction:column;gap:3px;min-height:0;border-top:1px solid #3a2c20;padding-top:4px}.pf-fold{flex:0 0 auto;min-height:44px;padding:2px 4px;font-size:11px;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#1f1711}.pf-foes{display:flex;flex-direction:column;gap:3px;min-height:0;overflow:hidden}.pf-foe{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:11px}.pf-foe.summon{padding-left:8px}.pf-foe.dead{opacity:.35}.pf-foe-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-foe-bar{height:4px;background:#3a2c22;border-radius:3px;overflow:hidden}.pf-foe-bar>i{display:block;height:100%;background:#ef5350}.pf-team-bar>i{background:#4caf50}.pf-team-bar>i.low{background:#e53935}.pf-status{flex:0 1 auto;max-width:38%;margin-left:auto;font-size:12px;font-weight:600;color:#e8d9bf;line-height:1.25;text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pf-status:empty{display:none}.pf-status.warn{color:#ffb4a8}.pf .ui-ico{display:inline-block;width:16px;height:16px;flex:0 0 auto;object-fit:contain;vertical-align:middle;color:#ffd23f;font-size:13px;line-height:16px;text-align:center}.pf .ui-ico-xs{width:12px;height:12px;line-height:12px;font-size:10px}.pf .ui-ico-md{width:22px;height:22px;line-height:22px;font-size:20px}.pf-stage{position:absolute;overflow:hidden;background:#140f0b}.pf-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}.pf-order{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:0 6px;background:linear-gradient(#1a130eee,#1a130e00);z-index:3;min-width:0;overflow:hidden}.pf-turn{flex:0 0 auto;padding:4px 10px;border:1px solid #d4a544;border-radius:999px;background:#1a130e;font-weight:800;color:#ffd23f;white-space:nowrap;font-size:13px;line-height:1.2}.pf-chips{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;flex:1 1 auto;padding:2px 0}.pf-chip{flex:0 0 auto;position:relative;width:30px;height:30px;border-radius:50%;border:2px solid #120c08;color:#fff;font:800 12px/26px system-ui,sans-serif;text-align:center;text-shadow:0 1px 2px #000;box-shadow:0 0 0 1px #000;overflow:hidden}.pf-chip.hero{border-color:#3b82f6;background:#1f1711}.pf-chip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.pf-chip .pf-chip-letter{display:block;line-height:26px}.pf-chip.active{width:36px;height:36px;font-size:13px;line-height:32px;border-color:#ffd23f;box-shadow:0 0 0 2px #ffd23f,0 0 8px #ffd23f}.pf-chip.active .pf-chip-letter{line-height:32px}.pf-chip.dead{filter:grayscale(1) brightness(.5);opacity:.6}.pf-hp-mini{display:none;flex:0 0 auto;font-size:12px;font-weight:700;color:#e8d9bf;white-space:nowrap}.pf-tip{position:absolute;z-index:6;max-width:200px;padding:4px 7px;border-radius:5px;background:#140f0bf0;color:#f3e9d8;border:1px solid #d4a544;font-size:12px;line-height:1.3;pointer-events:none;white-space:nowrap}.pf-spells{position:absolute;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;background:#1a130ee0;border:1px solid #3a2c20;border-radius:10px;z-index:3}.pf-spell{position:relative;flex:0 0 auto;width:var(--slot, 48px);height:var(--slot, 48px);min-width:44px;min-height:44px;padding:0!important;display:flex;align-items:center;justify-content:center;border:2px solid #8a6230!important;border-radius:8px;background:linear-gradient(#4a321a,#2b1d0e)!important;transition:transform .12s ease-out,box-shadow .12s ease-out}.pf-spell:not(:disabled):active{transform:scale(.96)}.pf-spell img{width:78%;height:78%;object-fit:contain;pointer-events:none}.pf-spell .pf-ico{font:800 18px system-ui,sans-serif;color:#f5e3b8}.pf-spell .pf-key{position:absolute;left:3px;top:1px;font-size:10px;font-weight:700;color:#c9b79c;pointer-events:none}.pf-spell .pf-ap{position:absolute;right:-3px;bottom:-4px;display:inline-flex;align-items:center;gap:1px;padding:0 4px 0 3px;height:16px;border-radius:8px;background:#1a130e;border:1px solid #d4a544;color:#ffd23f;font-size:11px;line-height:14px;pointer-events:none}.pf-spell .pf-ap b{font-weight:800}.pf-spell .pf-cd{position:absolute;inset:0;border-radius:6px;background:#0a080699;color:#ffd9a0;font:800 16px/var(--slot, 48px) system-ui,sans-serif;text-align:center;pointer-events:none}.pf-spell.empty{opacity:.4;border-style:dashed!important;background:#1a130e!important}.pf-spell.blocked img,.pf-spell.blocked .pf-ico{filter:grayscale(1) brightness(.6)}.pf-spell.sel{border-color:#fff2b0!important;background:linear-gradient(#f5c964,#b97a1e)!important;transform:translateY(-4px);box-shadow:0 0 0 2px #ffd23f,0 0 12px #ffd23fb3}.pf-spell.sel .pf-key,.pf-spell.sel .pf-ico{color:#2b1d12}.pf-spell.sel .pf-ap{background:#2b1d12}.pf-spells.wait .pf-spell{opacity:.45;filter:grayscale(.6)}.pf-end-turn{position:absolute;z-index:3;min-height:52px;padding:4px 10px;font-size:16px;font-weight:800;line-height:1.1;white-space:normal;color:#fff8ec;background:linear-gradient(#f29a3c,#b8600f);border:2px solid #7a3b06;box-shadow:0 2px 6px #00000073}.pf-end-turn:not(:disabled):active{transform:translateY(1px)}.pf-menu-btn{position:absolute;z-index:3;min-width:52px;min-height:52px;padding:0;font-size:22px;font-weight:800;line-height:1;background:#1f1711}.pf-menu-btn[aria-expanded=true]{border-color:#ffd23f}.pf-menu{position:absolute;z-index:9;display:flex;flex-direction:column;gap:6px;width:210px;padding:8px;background:#1e1712;border:1px solid #d4a544;border-radius:10px;box-shadow:0 6px 18px #00000080}.pf-menu-item{min-height:44px;padding:4px 8px;font-size:13px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-menu-item.on{background:#7a4f22;border-color:#c98b3d}.pf-flee{color:#ffb4a8;border-color:#7a3b33}.pf-speed{display:flex;gap:0}.pf-speed-btn{flex:1 1 0;min-height:44px;min-width:0;padding:2px 0;border-radius:0;font-size:13px;font-weight:700}.pf-speed-btn:first-child{border-radius:6px 0 0 6px}.pf-speed-btn:last-child{border-radius:0 6px 6px 0}.pf-speed-btn.on{background:#7a4f22;border-color:#c98b3d}.pf-end{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#0a08068c}.pf-end-card{background:#1e1712;border:1px solid #d4a544;border-radius:10px;padding:10px 16px;text-align:center;font-size:14px;max-width:90%}.pf-end-card b{display:block;font-size:20px;color:#ffd23f;margin-bottom:2px}.pf-spectator .pf-hp-mini{display:inline}.pf-spectator .pf-left,.pf-spectator .pf-spells,.pf-spectator .pf-end-turn,.pf-spectator .pf-menu-btn,.pf-spectator .pf-menu,.pf-spectator .pf-status{display:none!important}.pfe{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;color:#f4f1ea;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:auto;overflow:hidden}.pfe-backdrop{position:absolute;inset:0;background:#07090d;opacity:.35}.pfe-banner{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:clamp(38px,11vh,72px);font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-shadow:0 4px 18px rgba(0,0,0,.7);pointer-events:none;opacity:0}.pfe-gold{background:linear-gradient(180deg,#fff3b0,#f5c542 45%,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(245,197,66,.35))}.pfe-grey{color:#a7adb5}.pfe-panel{position:relative;box-sizing:border-box;width:min(560px,calc(100% - 32px));max-height:calc(100% - 16px);overflow-y:auto;padding:12px 16px 14px;border-radius:14px;background:#10131af0;border:1px solid rgba(245,197,66,.28);box-shadow:0 12px 40px #0000008c}.pfe-hero{margin-bottom:9px}.pfe-hero-head{display:flex;align-items:baseline;gap:8px;font-size:14px}.pfe-hero-name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfe-hero-level{color:#c9c3b3;font-variant-numeric:tabular-nums}.pfe-hero-xp{color:#f5c542;font-weight:700;font-variant-numeric:tabular-nums}.pfe-bar{position:relative;height:10px;margin-top:5px;border-radius:6px;background:#2a2f3a;overflow:hidden}.pfe-bar-fill{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#d9a521,#f5c542)}.pfe-lvlup{display:none;margin-top:4px;font-size:13px;font-weight:800;color:#ffe27a}.pfe-kamas{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-top:1px solid rgba(255,255,255,.08);font-size:14px}.pfe-kamas-value{color:#ffe27a;font-size:18px;font-variant-numeric:tabular-nums}.pfe-items{display:flex;flex-wrap:wrap;gap:6px;min-height:34px}.pfe-item{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 5px;border-radius:8px;background:#1d222c;font-size:13px;opacity:0}.pfe-item-icon{width:26px;height:26px;object-fit:contain}.pfe-item-none{font-size:13px;color:#9aa0a8;padding:4px 0}.pfe-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;flex-wrap:wrap}.pfe-btn{min-height:44px;min-width:44px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#232937;color:#f4f1ea;font:inherit;font-weight:700;cursor:pointer}.pfe-btn.pfe-primary{background:linear-gradient(180deg,#f5c542,#c9961c);color:#1b1405;border-color:transparent}.pfe-skip{position:absolute;right:12px;bottom:10px;min-height:44px;padding:0 14px;background:#00000073;font-size:13px;font-weight:600}.pfe-skip[hidden]{display:none}@media (max-height: 360px){.pfe-panel{padding:8px 12px 10px}.pfe-hero{margin-bottom:5px}.pfe-hero-head{font-size:13px}.pfe-btn{min-height:44px}}.pfe-item-qty{margin-left:auto;color:var(--pfe-gold, #f2c14e);flex:0 0 auto}.pfe-items-more{width:100%}.pfe-items-summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--pfe-gold, #f2c14e)}