#combat-cards{position:fixed;left:max(24px,env(safe-area-inset-left));bottom:calc(40px + env(safe-area-inset-bottom));z-index:10;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(440px,calc(100vw - 48px));pointer-events:auto;color:#f5f1df;text-align:left}#combat-cards[hidden]{display:none}#hud .hud-card{position:static;inset:auto;width:auto;min-width:0;margin:0;padding:0;border:1px solid #aecdb64d;border-radius:10px;background:#142f2ef2;backdrop-filter:none;box-shadow:0 5px 20px #071c2933;color:inherit;font:inherit}#hud .hud-card>summary{display:flex;flex-direction:column;height:100%;gap:5px;padding:9px;cursor:pointer;list-style:none;border-radius:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hud-card>summary::-webkit-details-marker{display:none}#hud .hud-card>summary:focus-visible{outline:3px solid #ffd18b;outline-offset:3px}#hud .hud-card[open]{border-color:#ffd18b}.hud-card-heading{display:flex;align-items:center;gap:7px;min-width:0}.hud-card-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:4px;border-radius:7px;background:#efd8a117;color:#ffd18b}.hud-card-title{flex:1;min-width:0}#hud .hud-card-title strong{display:block;margin:0;color:#fff4d9;font-size:14px;line-height:1.35;font-weight:800;overflow-wrap:anywhere;word-break:keep-all}.hud-card-more{align-self:flex-start;color:#bfd0bd;font-size:13px}.hud-card[open] .hud-card-more{transform:rotate(180deg)}#hud .hud-card-purpose{display:block;margin:0;color:#e1e9dc;font-size:11px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}#hud .hud-card-detail{position:absolute;bottom:calc(100% + 10px);left:0;right:0;max-height:min(320px,calc(100dvh - 230px));overflow-y:auto;overscroll-behavior:contain;padding:18px;border:1px solid #b5cbbc88;border-radius:14px;background:#f5f1e5;color:#25453c;box-shadow:0 8px 30px #071c2955;font-size:13px;line-height:1.7}#hud .hud-card-detail strong{color:#173d32;font-size:16px}.hud-card-close{display:none}#hud .hud-card-detail p{margin:10px 0;color:#25453c;font-size:13px;line-height:1.7}#hud .hud-card-detail small{color:#5c7064;font-size:11px}#hud .hud-card-detail #ability-status{padding:10px;border-radius:8px;background:#dce6d9}.playing #online-status{top:calc(22px + env(safe-area-inset-top));right:calc(64px + env(safe-area-inset-right));bottom:auto;left:auto;transform:none;max-width:100px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;font-size:10px;font-weight:500;line-height:1.4;white-space:nowrap;text-shadow:0 1px 3px #0a211f}.playing #online-status:before{display:none}.playing #online-status:focus-visible{outline:2px solid #ffd18b;outline-offset:4px}.playing #input-device-hint{bottom:calc(5px + env(safe-area-inset-bottom))}@media(max-width:850px){#combat-cards{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(200px + env(safe-area-inset-bottom));width:auto;gap:8px}#hud .hud-card>summary{padding:7px;gap:4px}.hud-card-heading{gap:7px}.hud-card-icon{flex-basis:24px;width:24px;height:24px;padding:3px;border-radius:6px}#hud .hud-card-title strong{font-size:12px}#hud .hud-card-purpose{font-size:11px}.hud-card-more{font-size:12px}#hud .hud-card-detail{max-height:min(300px,calc(100dvh - 390px));padding:14px}}@media(min-width:851px)and (min-height:531px){html[data-input-mode=touch] #combat-cards{bottom:calc(216px + env(safe-area-inset-bottom))}}@media(max-height:530px)and (orientation:landscape){#combat-cards{left:calc(156px + env(safe-area-inset-left));right:calc(180px + env(safe-area-inset-right));bottom:calc(40px + env(safe-area-inset-bottom));width:auto;max-width:510px}#hud .hud-card>summary{padding:8px;gap:6px}#hud .hud-card-detail{max-height:calc(100dvh - 208px)}}@media(max-width:700px)and (max-height:530px)and (orientation:landscape){#hud .hud-card>summary{padding:6px;gap:4px}.hud-card-more{display:none}#hud .hud-card-detail{position:fixed;top:calc(60px + env(safe-area-inset-top));bottom:max(16px,env(safe-area-inset-bottom));left:calc(148px + env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));max-height:none}#hud .hud-card-detail>strong{display:block;padding-right:44px;min-height:34px}.hud-card-close{position:absolute;display:grid;place-items:center;top:6px;right:6px;width:44px;height:44px;padding:0;border:1px solid #a6b6a1;border-radius:9px;background:#e3ebda;color:#1c4036;font-size:24px;-webkit-tap-highlight-color:transparent}.hud-card-close:focus-visible{outline:3px solid #a4502a;outline-offset:2px}#hud .hud-card-title strong{font-size:12px}.hud-card-icon{flex-basis:24px;width:24px;height:24px;padding:3px}.hud-card-heading{gap:5px}}