.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:6px;padding:6px;overflow:hidden;background:#1a130e;border-right:1px solid #3a2c20}.pf-me{display:flex;flex-direction:column;gap:2px;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;gap:4px;font-size:12px;white-space:nowrap}.pf-line .pf-k{color:#c9b79c}.pf-line .pf-v{color:#ffd23f;font-size:14px}.pf-foes{display:flex;flex-direction:column;gap:3px;min-height:0;overflow:hidden;border-top:1px solid #3a2c20;padding-top:4px}.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-status{margin-top:auto;font-size:11px;color:#e8d9bf;min-height:28px;line-height:1.25}.pf-status.warn{color:#ffb4a8}.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;font-weight:700;color:#ffd23f;white-space:nowrap;font-size:12px}.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;width:24px;height:24px;border-radius:50%;border:2px solid #120c08;color:#fff;font:800 11px/20px system-ui,sans-serif;text-align:center;text-shadow:0 1px 2px #000;box-shadow:0 0 0 1px #000}.pf-chip.active{width:30px;height:30px;font-size:13px;line-height:26px;border-color:#ffd23f;box-shadow:0 0 0 2px #ffd23f,0 0 8px #ffd23f}.pf-chip.dead{filter:grayscale(1) brightness(.5);opacity:.6}.pf-mini{flex:0 0 auto;min-height:44px;min-width:44px;padding:2px 8px;font-size:11px;background:#1f1711cc;z-index:3}.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:6px;background:#1a130ee0;border:1px solid #3a2c20;border-radius:8px;z-index:3}.pf-spell{position:relative;width:var(--slot, 48px);height:var(--slot, 48px);padding:0!important;display:flex;align-items:center;justify-content:center;border-color:#6b4a22!important;background:#2b1d0e!important}.pf-spell img{width:80%;height:80%;object-fit:contain;pointer-events:none}.pf-spell .pf-ico{font:800 18px system-ui,sans-serif}.pf-spell .pf-key{position:absolute;left:2px;top:1px;font-size:10px;opacity:.75}.pf-spell .pf-cd{position:absolute;inset:0;border-radius:5px;background:#0a080699;color:#ffd9a0;font:800 16px/var(--slot, 48px) system-ui,sans-serif;text-align:center;pointer-events:none}.pf-spell.empty{opacity:.3;border-style:dashed!important}.pf-spell.blocked img,.pf-spell.blocked .pf-ico{filter:grayscale(1) brightness(.6)}.pf-spell.sel{border-color:#ffd23f!important;box-shadow:0 0 0 2px #ffd23f}.pf-spells.wait .pf-spell{opacity:.45;filter:grayscale(.6)}.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-right{position:absolute;display:flex;flex-direction:column;gap:6px;padding:6px;background:#1a130e;border-left:1px solid #3a2c20;overflow:hidden}.pf-btn{min-height:44px;padding:4px 6px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-end-turn{background:#7a4f22;border-color:#c98b3d;min-height:44px;font-weight:700}.pf-btn.on{background:#7a4f22;border-color:#c98b3d}.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:12px}.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-flee{margin-top:auto;color:#ffb4a8;border-color:#7a3b33}.pf-hp-mini{display:none;flex:0 0 auto;font-size:12px;font-weight:700;color:#e8d9bf;white-space:nowrap}.pf-spectator .pf-hp-mini{display:inline}.pf-spectator .pf-left,.pf-spectator .pf-right,.pf-spectator .pf-spells,.pf-spectator .pf-mini,.pf-spectator .pf-status{display:none!important}