:root{--p1:#ff5b5b;--p1-soft:#ffe9e9;--p1-deep:#e0484f;--p2:#5b8def;--p2-soft:#e8f0ff;--p2-deep:#3f6fd0;--ink:#39414f;--muted:#8a93a3;--line:#e7ebf1;--card-shadow:0 2px 7px #3c465a1a;font-family:"M PLUS Rounded 1c",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{color:var(--ink);overscroll-behavior:none;background:#eef1f6;overflow-x:hidden}body.dragging{-webkit-user-select:none;user-select:none;touch-action:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app{min-height:100dvh;padding:6px;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:calc(6px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;overflow:hidden auto}.main{filter:saturate(.9)brightness(1.05);flex-direction:column;gap:6px;width:100%;min-width:0;max-width:600px;margin:auto 0;display:flex}.player-area{min-width:0;box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.pa-foe{background-color:var(--p1-soft);--panel:var(--p1);transform:rotate(180deg)}.pa-me{background-color:var(--p2-soft);--panel:var(--p2)}.pa-scene{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.pa-foe .pa-scene{background-image:url(../scenes/battle-p1.jpg)}.pa-me .pa-scene{background-image:url(../scenes/battle-p2.jpg)}.player-header{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;margin-bottom:2px;display:flex}.ph-name{color:#fff;cursor:pointer;touch-action:manipulation;filter:drop-shadow(2px 2px #00000014);border-radius:999px;align-items:center;gap:5px;padding:4px 18px 4px 5px;font-weight:800;display:flex;position:relative}.ph-name:after{display:none}.ph-foe .ph-name{background:var(--p1)}.ph-me .ph-name{background:var(--p2)}.ph-avatar{background:#ffffff4d;border-radius:999px;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;display:flex}.ph-name-text{font-size:14px}.ph-name .pencil{opacity:.85;font-size:11px}.ph-prizes{align-items:center;gap:6px;display:flex}.ph-label{color:var(--muted);font-size:10px;font-weight:800}.prize-pills{gap:3px;display:flex}.prize-pill{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);width:20px;height:20px;color:var(--muted);background:#e6e9ef;font-size:10px;font-weight:800}.prize-pill.taken{opacity:.4}.ph-foe .prize-pill.cur{background:var(--p1);color:#fff}.ph-me .prize-pill.cur{background:var(--p2);color:#fff}.prize-pill:active{transform:scale(.9)}.ph-prize-btn{touch-action:manipulation;background:0 0;border:none;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 6px;display:flex}.ph-prize-btn:active{transform:scale(.95)}.ph-side-img{object-fit:contain;width:22px;height:22px;display:block}.ph-prize-count{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);color:#fff;background:#cfd6e0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.ph-foe .ph-prize-count{background:var(--p1)}.ph-me .ph-prize-count{background:var(--p2)}.prize-popup{background:#fff;border-radius:20px;width:min(92vw,340px);padding:16px;animation:.16s pop;box-shadow:0 18px 40px #00000040}.prize-popup-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:8px;display:grid}.prize-pick{aspect-ratio:1;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);color:var(--muted);background:#e6e9ef;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.prize-pick:active{transform:scale(.92)}.prize-popup.ph-foe .prize-pick.cur{background:var(--p1);color:#fff}.prize-popup.ph-me .prize-pick.cur{background:var(--p2);color:#fff}.ph-marker{border:2px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:3px;padding:4px 9px;font-size:10px;font-weight:800;display:flex}.ph-marker .mk-star{color:#ffc233;font-size:13px}.ph-marker .mk-gx{color:#ff5b5b;font-size:11px;font-weight:900}.ph-marker.used{opacity:.5;text-decoration:line-through}.ph-marker.zone.on{border-color:var(--p2);color:var(--p2-deep);background:#eef3ff}.ph-markers{gap:4px;margin-left:auto;display:flex}.ph-clock{font-variant-numeric:tabular-nums;color:#fff;border:2px solid #0000;border-radius:999px;margin-left:auto;padding:5px 12px;font-size:13px;font-weight:800}.ph-clock-foe{background:var(--p1)}.ph-clock-me{background:var(--p2)}.ph-clock.running{animation:1s ease-in-out infinite clockpulse;box-shadow:0 0 0 3px #ffc23399}@keyframes clockpulse{50%{box-shadow:0 0 0 6px #ffc23326}}.tool-btn{color:var(--ink);background:#f0f2f6;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.tool-btn:active{transform:scale(.95)}.tool-btn:disabled{opacity:.4}.tool-btn.coin{color:#c79320;background:#fff3d6}.tool-btn.undo{color:var(--p2-deep);background:#eef3ff}.coin-pop{text-align:center;perspective:500px;background:#fff;border-radius:22px;width:min(80vw,300px);padding:24px;animation:.16s pop;box-shadow:0 18px 40px #00000040}.cb-clock{font-variant-numeric:tabular-nums;color:#fff;border:2px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:15px;font-weight:800;display:flex}.cb-clock-tag{background:#ffffff47;border-radius:6px;padding:1px 5px;font-size:9px;font-weight:800}.cb-side{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.cb-markers{gap:3px;display:flex}.mini-marker{touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:3px;display:flex}.mini-marker:active{transform:scale(.9)}.mark-img{object-fit:contain;filter:drop-shadow(0 1px 1.5px #0000002e);width:100%;height:100%;display:block}.mini-marker.used .mark-img{opacity:.4;filter:grayscale(.7)}.mini-marker.zone:not(.on) .mark-img{opacity:.5;filter:grayscale(.55)}.status-all-chip{width:42px;height:42px;box-shadow:none;touch-action:none;background:conic-gradient(from 20deg,#ff7a45,#b06fd0,#58b8e0,#f2c200,#8a7fd0,#ff7a45);border:2px solid #cdd5e0;border-radius:999px}.status-all-chip:active{transform:scale(.94)}.status-picker{background:#fff;border-radius:20px;width:min(94vw,380px);padding:16px 16px 18px;animation:.16s pop;box-shadow:0 18px 40px #00000040}.status-picker-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:6px;display:grid}.sp-chip{touch-action:none;color:var(--ink);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;font-weight:800;display:flex}.sp-chip:active{transform:scale(.95)}.sp-label{font-size:10px}.cb-clock:active{transform:scale(.96)}.cb-clock.p1{background:var(--p1)}.cb-clock.p2{background:var(--p2)}.cb-clock.running{animation:1s ease-in-out infinite clockpulse;box-shadow:0 0 0 3px #ffc23399}.coin-stage{perspective:600px;justify-content:center;align-items:center;height:132px;display:flex}.coin3d{width:120px;height:120px;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.9,.3,1.2);position:relative}.coin3d.show-heads{transform:rotateY(0)}.coin3d.show-tails{transform:rotateY(180deg)}.coin3d.spin{transition:none;animation:.14s linear infinite coinflip}@keyframes coinflip{to{transform:rotateY(360deg)}}.coin-face{backface-visibility:hidden;border:5px solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 -7px 10px #0000002e,inset 0 6px 8px #fff6,0 6px 14px #00000040}.coin-face.heads{background:radial-gradient(circle at 38% 30%,#ffe491,#efac28);border-color:#d39413}.coin-face.tails{background:radial-gradient(circle at 38% 30%,#9cc2f0,#3f78c8);border-color:#305f9e;transform:rotateY(180deg)}.coin-emblem{width:100%;height:100%}.coin-result{white-space:nowrap;min-height:1.4em;margin-top:10px;font-size:22px;font-weight:800}.coin-hint{color:var(--muted);margin-top:6px;font-size:11px;font-weight:700}.coin-actions{gap:10px;margin-top:16px;display:flex}.coin-actions .btn{white-space:nowrap;padding:13px 6px;font-size:14px}.active-wrap{border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:0;padding:10px 12px;display:flex}.pa-foe .active-wrap,.pa-me .active-wrap{background:0 0}.active-wrap .slot{justify-content:center;width:100%;display:flex}.active-wrap .active-card{width:100%;max-width:340px}.bench-col{flex-direction:column;gap:4px;min-width:0;padding:6px 10px 8px;display:flex}.bench-row{grid-template-columns:repeat(5,1fr);gap:5px;min-width:0;display:grid}.zone-label{color:var(--muted);margin-left:3px;font-size:11px;font-weight:800}.active-wrap .active-card{border:1px solid #ffffffe6;box-shadow:0 8px 22px #2832462e,0 2px 6px #2832461a}.active-badge{color:#fff;z-index:3;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-9px;left:-9px;box-shadow:0 2px 6px #00000047}.pa-foe .active-badge{background:var(--p1)}.pa-me .active-badge{background:var(--p2)}.active-badge .mini-svg{width:16px;height:16px}.slot{min-width:0;position:relative}.slot.has-monster{touch-action:none}.slot.drop-hover:after,.slot.snap-target:after{content:"";pointer-events:none;border-radius:16px;position:absolute;inset:-3px}.slot.drop-hover:after{border:3px dashed #ffc233}.slot.snap-target:after{border:3px solid #ffb020;box-shadow:0 0 0 4px #ffb02040}.slot.dim{opacity:.35}.active-card{border:2px solid var(--line);box-shadow:var(--card-shadow);background:#fff;border-radius:16px;align-items:center;gap:11px;height:112px;padding:10px 13px;display:flex;position:relative}.active-card.snapped{border-color:#ffb020}.active-card.fainted{filter:grayscale(.55)opacity(.8)}.active-emblem{--panel:var(--p1);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.pa-me .active-emblem{--panel:var(--p2)}.active-emblem{background:linear-gradient(135deg, color-mix(in srgb, var(--panel) 32%, #fff), color-mix(in srgb, var(--panel) 14%, #fff))}.emblem-halftone{background-image:radial-gradient(color-mix(in srgb, var(--panel) 45%, #fff) 1.6px, transparent 1.7px);opacity:.5;background-size:8px 8px;position:absolute;inset:0}.emblem-ring{width:64px;height:64px;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--panel) 35%, white);border:4px solid #fff;border-radius:999px;position:absolute}.emblem-dot{border-radius:8px;width:30px;height:30px;transform:rotate(45deg);box-shadow:0 2px 4px #0003}.active-main{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.active-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.active-hp{align-items:baseline;gap:5px;display:flex}.dmg-big{color:var(--p1);font-size:32px;font-weight:800;line-height:1.05}.pa-me .dmg-big{color:var(--p2)}.hp-slash{color:var(--muted);font-size:17px;font-weight:700}.hp-bar{background:#eef0f4;border-radius:999px;height:9px;margin:6px 0 8px;overflow:hidden}.hp-fill{border-radius:999px;height:100%;transition:width .2s}.field-none{color:#c2c8d2;font-size:11px;font-weight:700}.chips{flex-wrap:wrap;justify-content:flex-start;gap:3px;display:flex}.chip-coin{color:#fff;text-shadow:0 1px 1px #00000040;border:1.5px solid #ffffff73;border-radius:999px;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-weight:900;display:flex;box-shadow:inset 0 3px 3px #ffffff8c,inset 0 -4px 4px #00000038,0 2px 3px #00000040}.chips-small{justify-content:center;gap:3px}.chips-small .chip-coin{width:16px;height:16px;font-size:8px}.status-dots{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.status-dot{border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;box-shadow:0 2px 3px #00000026}.status-dots.mini{justify-content:center;gap:3px;margin-top:2px}.status-dot.small{width:15px;height:15px;font-size:9px}.type-badge{background:radial-gradient(circle at 38% 28%, color-mix(in srgb, var(--tc) 45%, #fff), var(--tc) 72%);border:2px solid #fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:inset 0 -3px 4px #00000040,inset 0 3px 3px #ffffff73,0 2px 4px #0003}.type-badge.lg{border-width:3px;width:46px;height:46px}.active-card .type-badge.lg{border-width:4px;width:62px;height:62px}.active-emblem-plain{border:4px solid #fff;border-radius:999px;flex-shrink:0;width:62px;height:62px;box-shadow:inset 0 -4px 6px #00000038,inset 0 3px 4px #fff6,0 2px 5px #0003}.type-svg{color:#fff;filter:drop-shadow(0 1px 1px #0000004d);width:64%;height:64%}.status-svg{color:#fff;width:70%;height:70%}.mini-svg{width:14px;height:14px;display:block}.ph-avatar .mini-svg{width:13px;height:13px}.pencil-svg{opacity:.85;flex-shrink:0;width:13px;height:13px}.chip-svg{color:#fff;width:22px;height:22px}.btn-svg{flex-shrink:0;width:15px;height:15px}.tool-btn,.popup-btn,.btn{justify-content:center;align-items:center;gap:5px;display:inline-flex}.sp-emoji,.pstatus-ic{background:var(--sc);border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 3px 5px #0003,inset 0 -3px 4px #0003,inset 0 2px 3px #ffffff59}.sp-emoji .sp-svg,.pstatus-ic .status-svg{color:#fff;filter:drop-shadow(0 1px 1px #0000004d);width:56%;height:56%}.pstatus:not(.on) .pstatus-ic{filter:grayscale(.45)opacity(.85)}.bl-dot{background:var(--muted);border-radius:999px;align-self:center;width:9px;height:9px}.bl-dot.tone-damage{background:var(--p1)}.bl-dot.tone-heal{background:#2fae77}.bl-dot.tone-status{background:#9a55c4}.bl-dot.tone-cure{background:var(--p2)}.bl-dot.tone-other{background:#6a6472}.type-grid{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.type-pick{color:var(--muted);background:#f5f7fa;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;font-size:9px;font-weight:800;display:flex}.type-pick.selected{border-color:var(--ink);background:#fff}.type-pick-label{white-space:nowrap}.bench-card{border:2px solid var(--line);width:100%;height:98px;box-shadow:var(--card-shadow);background:#fff;border-radius:11px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding:10px 3px 6px;display:flex;position:relative}.bench-card.snapped{border-color:#ffb020}.bench-card.fainted{filter:grayscale(.55)opacity(.8)}.bench-num{display:none}.bench-icon{border-radius:999px;width:28px;height:28px;box-shadow:inset 0 0 0 3px #fff9,0 2px 3px #00000026}.bench-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:800;overflow:hidden}.bench-hp{text-align:center;flex-direction:column;align-items:center;max-width:100%;font-size:10px;font-weight:800;line-height:1.2;display:flex}.bench-hp span{color:var(--muted);font-size:8px}.bench-row.many .bench-hp{font-size:8px}.bench-row.many .bench-hp span{font-size:7px}.bench-dmg{color:var(--p1);font-size:16px;font-weight:800;line-height:1}.bench-dmg.zero{color:var(--muted);font-size:13px}.bench-row.many .bench-dmg{font-size:13px}.active-card.empty,.bench-card.empty{color:#b9c1cd;background:#fafbfd;border-style:dashed;border-color:#d3dae3;justify-content:center;align-items:center}.active-card.empty{flex-direction:column;gap:3px}.empty-plus{font-size:26px;font-weight:800}.empty-plus.small{font-size:20px}.empty-text{font-size:11px;font-weight:800}.empty-text.small{white-space:nowrap;margin-top:1px;font-size:8.5px}.pending-badge{color:#fff;background:#ffb020;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:800;position:absolute;top:-8px;right:-8px;box-shadow:0 3px 7px #00000040}.pending-badge.small{padding:1px 6px;font-size:10px;top:-6px;right:-6px}.fainted-badge{color:#fff;background:#5b6472;border-radius:6px;padding:2px 11px;font-size:13px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-10deg);box-shadow:0 3px 8px #0000004d}.fainted-badge.small{padding:2px 6px;font-size:9px}.counter-bar{z-index:5;box-shadow:var(--card-shadow), inset 0 1px 0 #ffffff12;will-change:transform;background:url(../ui/bar-texture.png) 50%/cover no-repeat,linear-gradient(#3c4658,#29313d);border-radius:16px;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;gap:4px;padding:6px 10px;transition:transform .5s cubic-bezier(0,0,.08,1);display:flex;position:relative;transform:rotate(0)}.counter-bar.flipped{transform:rotate(180deg)}.cb-tool{flex-direction:column;align-items:center;gap:4px;display:flex}.cb-label,.cb-divider{display:none}.tool-chip{width:42px;height:42px;box-shadow:none;border:2px solid #cdd5e0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform 60ms;display:flex;overflow:hidden}.tool-chip:active{transform:scale(.95)}.tool-chip:disabled{opacity:.4;box-shadow:none}.tool-chip .chip-svg{color:#fff;width:24px;height:24px}.damacan-chip{color:#fff;touch-action:none;background:radial-gradient(circle at 38% 32%,#ff8a5c,#ff7a45);font-size:16px;font-weight:800}.damacan-chip.lifted{opacity:.3}.coin-chip{background:radial-gradient(circle at 38% 32%,#ffd86b,#e7a437)}.undo-chip,.settings-chip{background:radial-gradient(circle at 38% 32%,#8593a6,#5b6878)}.cb-tool:has(.undo-chip){display:none}.settings-chip{background:#3c4658}.chip-img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.big-clock{z-index:2;touch-action:manipulation;border-radius:999px;flex-shrink:0;width:84px;height:84px;margin:-14px 4px;transition:transform 60ms;position:relative}.big-clock:active{transform:scale(.97)}.clock-ring{background:conic-gradient(var(--p2) 0deg var(--blue-end,180deg), #333c4a var(--blue-end,180deg) var(--red-start,180deg), var(--p1) var(--red-start,180deg) 360deg);border-radius:999px;position:absolute;inset:0;box-shadow:0 4px 10px #00000059}.big-clock.clk-foe .clock-ring,.big-clock.clk-me .clock-ring{animation:1s ease-in-out infinite clockpulse}.clock-face{background:#333c4a;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:5px}.clock-ic{color:#ffffffb3;width:14px;height:14px}.clock-ic.big{color:#fff;width:28px;height:28px}.clock-time{font-variant-numeric:tabular-nums;color:#fff;font-size:17px;font-weight:800}.big-clock.clk-foe .clock-ic,.big-clock.clk-foe .clock-time{color:var(--p1-deep)}.big-clock.clk-me .clock-ic,.big-clock.clk-me .clock-time{color:var(--p2-deep)}.status-counters{gap:5px;display:flex}.status-counter{color:#fff;touch-action:none;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;box-shadow:0 3px #00000026}.status-counter:active{transform:scale(.92)}.slot.dwelling:after{content:"";pointer-events:none;border:3px solid #ffb020;border-radius:16px;animation:1s ease-out infinite dwellpulse;position:absolute;inset:-3px}@keyframes dwellpulse{0%{box-shadow:0 0 #ffb02080}to{box-shadow:0 0 0 9px #ffb02000}}.damacan-fly{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;transform:translate(-50%,-50%)}.damacan-fly-chip{color:#fff;background:radial-gradient(circle at 38% 32%,#ff8a5c,#ff7a45);border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:800;display:flex;box-shadow:0 10px 20px #0000004d}.damacan-fly-chip.status{font-size:22px}.damacan-amt{white-space:nowrap;color:#fff;border:3px solid #fff;border-radius:999px;padding:5px 16px;font-size:24px;font-weight:800;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 6px 14px #0000004d}.damacan-amt.plus{background:var(--p1)}.damacan-amt.minus{background:var(--p2)}.log-overlay{z-index:60;pointer-events:all;background:#00000080}.log-modal{width:94vw;max-width:380px;height:80dvh;max-height:600px;animation:.18s pop;display:flex}.battle-log{background:#fff;border-radius:16px;flex-direction:column;flex:1;height:100%;min-height:0;padding:10px;display:flex;box-shadow:0 8px 32px #0003}.bl-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bl-title{font-size:13px;font-weight:800}.bl-head-btns{gap:5px;display:flex}.bl-clear,.bl-reset{color:var(--muted);background:#f0f2f6;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800}.bl-reset{font-size:12px}.bl-clear:active,.bl-reset:active{transform:scale(.94)}.bl-empty{color:var(--muted);text-align:center;padding:20px 0;font-size:11px}.bl-list{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex;overflow-y:auto}.bl-item{border-left:4px solid var(--muted);background:#f7f9fc;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;padding:6px 8px;font-size:11px;font-weight:700;display:grid}.bl-item.side-foe{border-left-color:var(--p1)}.bl-item.side-me{border-left-color:var(--p2)}.bl-time{color:var(--muted);font-size:9px;font-weight:800}.bl-icon{font-size:13px}.bl-text{grid-column:1/-1;line-height:1.3}.bl-amt{grid-column:1/-1;justify-self:end;font-size:12px;font-weight:800}.bl-amt.tone-damage{color:var(--p1)}.bl-amt.tone-heal{color:#2fae77}.overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#39414f6b;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.popup-overlay{align-items:center}.popup-overlay.top{align-items:flex-start;padding-top:28px}.overlay.flip:not(.popup-overlay){align-items:flex-start}.popup.flip,.modal.flip{animation:none;transform:rotate(180deg)}@keyframes fade{0%{opacity:0}}@keyframes slideup{0%{transform:translateY(100%)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.popup{border-top:5px solid var(--c,var(--p1));background:#fff;border-radius:20px;width:min(92vw,360px);padding:16px;animation:.16s pop;box-shadow:0 18px 40px #00000040}.popup-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.popup-dot{border-radius:999px;flex-shrink:0;width:24px;height:24px;box-shadow:inset 0 0 0 3px #fff9}.popup-name{flex:1;font-size:17px;font-weight:800}.popup-close{width:30px;height:30px;color:var(--muted);background:#f1f3f7;border-radius:999px;font-weight:800}.popup-section{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:800}.popup-hp{flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;display:flex}.hp-val{align-items:baseline;gap:8px;display:flex}.hp-val-num{color:#2da55a;font-size:26px;font-weight:800;line-height:1.1}.hp-val-sub{color:var(--muted);font-size:11px;font-weight:700}.hp-slider{appearance:none;background:linear-gradient(to right, #43d17a var(--fill,0%), #e3e8ef var(--fill,0%));cursor:pointer;border-radius:999px;outline:none;width:100%;height:14px;box-shadow:inset 0 1px 2px #0000001f}.hp-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2da55a;border:3px solid #fff;border-radius:999px;width:26px;height:26px;box-shadow:0 2px 6px #0000004d}.hp-slider::-moz-range-thumb{cursor:pointer;background:#2da55a;border:3px solid #fff;border-radius:999px;width:26px;height:26px;box-shadow:0 2px 6px #0000004d}.popup-status{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.pstatus{color:var(--ink);background:#f5f7fa;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:9px 2px;font-size:10px;font-weight:800;display:flex}.pstatus.on{background:color-mix(in srgb, var(--sc) 16%, #fff);border-color:var(--sc)}.popup-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.popup-btn{color:var(--ink);background:#f0f2f6;border-radius:12px;padding:12px;font-size:13px;font-weight:800}.popup-btn:active{transform:scale(.97)}.popup-btn.swap{color:#c79320;background:#fff3d6}.popup-btn.faint{color:var(--p1-deep);background:#ffe7e7}.popup-btn.del{color:#e05858;background:#ffe7e7}.drag-layer{z-index:80;pointer-events:none;position:fixed;transform:translate(-50%,-50%)rotate(-5deg)scale(1.06)}.drag-card{border:3px solid var(--card-color,#ddd);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:76px;padding:7px 13px;display:flex;box-shadow:0 14px 28px #00000047}.drag-name{font-size:11px;font-weight:800}.drag-dame{color:var(--p1);font-size:22px;font-weight:800}.modal{width:100%;max-width:460px;padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;max-height:92dvh;animation:.22s cubic-bezier(.2,.9,.3,1.2) slideup;overflow-y:auto;box-shadow:0 -10px 30px #00000029}.modal-title{text-align:center;margin-bottom:14px;font-size:18px;font-weight:800}.preview{border:3px solid var(--card-color,#eee);box-shadow:var(--card-shadow);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;padding:16px;display:flex}.preview-dot{border-radius:999px;width:40px;height:40px;box-shadow:inset 0 0 0 3px #fff9,0 3px 6px #00000024}.preview-name{font-size:17px;font-weight:800}.preview-hp{color:var(--muted);font-size:13px;font-weight:800}.field-label{color:var(--muted);margin:14px 0 7px 2px;font-size:13px;font-weight:800;display:block}.text-input{border:2px solid var(--line);width:100%;color:var(--ink);border-radius:13px;outline:none;padding:13px 14px;font-size:16px;font-weight:700}.text-input:focus{border-color:var(--p2)}.color-grid{grid-template-columns:repeat(11,1fr);gap:5px;display:grid}.color-btn{aspect-ratio:1;border:3px solid #0000;border-radius:999px;box-shadow:inset 0 0 0 2px #fff9}.color-btn.selected{border-color:var(--ink)}.hp-edit{justify-content:center;align-items:center;gap:16px;display:flex}.round-btn{color:#fff;background:var(--p2);width:64px;box-shadow:0 3px 0 var(--p2-deep);border-radius:13px;padding:12px 0;font-size:16px;font-weight:800}.round-btn:active{box-shadow:0 1px 0 var(--p2-deep);transform:translateY(2px)}.hp-value{text-align:center;min-width:70px;font-size:30px;font-weight:800}.hp-presets{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:10px;display:grid}.preset-btn{color:var(--muted);background:#f5f7fa;border:2px solid #0000;border-radius:11px;padding:9px 0;font-size:13px;font-weight:800}.preset-btn.selected{border-color:var(--p2);background:var(--p2-soft);color:var(--p2-deep)}.modal-actions{gap:10px;margin-top:18px;display:flex}.btn{border-radius:14px;flex:1;padding:14px;font-size:15px;font-weight:800}.btn:active{transform:translateY(2px)}.btn.full{width:100%;margin-top:16px}.btn-ghost{color:#7a8493;background:#eef1f5}.btn-primary{background:var(--p2);color:#fff;box-shadow:0 3px 0 var(--p2-deep)}.btn-danger{color:#e05858;background:#ffe7e7}.status-dots.inline{align-self:center;gap:4px;margin-top:0;margin-left:8px;display:flex}.status-dots.inline .status-dot{width:24px;height:24px}.clock-min-input{text-align:center;width:110px}.settings-toggles{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.settings-switch{border:2px solid var(--line);color:var(--ink);text-align:left;touch-action:manipulation;background:#f5f7fa;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:13px;font-weight:800;display:flex}.settings-switch:active{transform:scale(.98)}.switch-track{pointer-events:none;background:#c7ccd6;border-radius:999px;flex-shrink:0;width:48px;height:28px;transition:background .22s;position:relative}.switch-track.on{background:#34c759}.switch-thumb{background:#fff;border-radius:999px;width:22px;height:22px;transition:left .22s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000047}.switch-track.on .switch-thumb{left:23px}