.minecraft-characters{--character-height:360px;--character-width:360px;position:relative;padding:0 0 18px;margin:0 0 28px;border:1px solid #e1e9f5;border-radius:16px;background:radial-gradient(ellipse at 50% 80%,#edf4ff,#fff 65%);isolation:isolate}
.character-arena{position:relative;height:calc(var(--character-height) + 66px);overflow:hidden;border-radius:inherit}
.minecraft-character{position:absolute;left:50%;bottom:66px;width:var(--character-width);height:var(--character-height);transform:translateX(-50%);text-align:center}
.minecraft-character button:focus-visible{outline:2px solid #2563eb;outline-offset:4px;border-radius:8px}.minecraft-character:hover .character-caption{color:#2563eb}
.character-stage{position:relative;z-index:1;display:block;width:100%;height:100%;padding:0;transition:none}
.character-canvas{position:relative;display:block;z-index:1;width:100%;height:100%;pointer-events:none;object-fit:contain;object-position:bottom}
.character-shadow{position:absolute;bottom:-3px;left:50%;width:32%;height:7px;border-radius:50%;background:#5779b22b;filter:blur(4px);transform:translateX(-50%)}
.character-caption{position:absolute;z-index:4;left:50%;top:calc(100% + 20px);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:36px;padding:0 4px;color:#526d95;white-space:nowrap}
.character-caption strong{font-size:14px;font-weight:550;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-arrow{font-size:12px;color:#91acd2}
.character-tiny{width:calc(var(--character-height)*.1);height:calc(var(--character-height)*.1);z-index:2}
.character-tiny .character-shadow{bottom:-1px;height:2px;filter:blur(1px)}
.character-tiny .character-caption strong{max-width:80px}
.character-error{position:absolute;inset:auto 0 0;text-align:center;font-size:12px;color:#96a6bd}
.character-controls{display:flex;align-items:center;justify-content:center;gap:16px}.character-controls button{display:grid;place-items:center;width:46px;height:40px;border:1px solid #dce7f8;border-radius:10px;background:#fff;color:#5276ad;font-size:22px;touch-action:none;user-select:none}.character-controls button:hover,.character-controls button.held{color:#2563eb;background:#e9f1ff;border-color:#9ebcf0}.character-controls>span{min-width:44px;text-align:center;font-size:12px;color:#7189ab}.is-controlled .character-caption{color:#2563eb}.is-controlled .character-caption strong{text-decoration:underline;text-decoration-color:#b5cef7;text-underline-offset:5px}
.character-health{display:flex;gap:1px;position:absolute;z-index:4;left:50%;top:calc(100% + 7px);transform:translateX(-50%);width:118px;height:8px;pointer-events:none}.mc-heart{position:relative;width:8px;height:8px;flex-shrink:0}.mc-heart svg{width:8px;height:8px;display:block;image-rendering:pixelated}.heart-fill{position:absolute;inset:0 auto 0 0;width:100%;overflow:hidden}.character-health.hurt{filter:brightness(1.6)}
.character-puff{position:absolute;bottom:0;left:50%;width:4px;height:4px;background:#dce1e8;box-shadow:-6px -4px #f1f3f6,6px -2px #c7d0dd,-3px -10px #dce1e8,5px -12px #f1f3f6;opacity:0;pointer-events:none;z-index:3}
.minecraft-dialog{width:650px;max-width:calc(100% - 28px);max-height:90dvh;padding:0;border:1px solid #dfe7f3;border-radius:16px;background:#fff;color:inherit;overflow:auto}
.minecraft-dialog>.drawer-heading{position:sticky;top:0;background:#fff;z-index:2;padding:20px 24px}.minecraft-dialog .drawer-heading h2{font-size:19px;margin:0 0 4px}.minecraft-dialog .drawer-heading>div{display:flex;align-items:center;gap:12px}.minecraft-dialog .drawer-heading>div>div>span{font-size:10px;color:#93a2b7}.minecraft-dialog .avatar{width:38px;height:38px}
.mc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:25px 24px}.mc-summary:has(>div:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.mc-summary>div{display:flex;flex-direction:column;gap:10px;min-width:0}.mc-summary span{font-size:10px;color:#91a0b6}.mc-summary strong{font-size:19px;letter-spacing:-.4px;color:#3d587f;font-weight:600;overflow-wrap:anywhere}.minecraft-dialog .mc-blocks{grid-template-columns:repeat(3,minmax(0,1fr))}.minecraft-dialog .mc-block{gap:9px;padding:10px}.minecraft-dialog .mc-icon{width:30px;height:32px}
@media(max-width:600px){.minecraft-characters{--character-height:300px;--character-width:300px;padding:0 0 14px;margin-bottom:20px;border-radius:12px}.minecraft-dialog .mc-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:22px 20px}.minecraft-dialog>.drawer-heading{padding:17px 20px}}
@media(max-width:360px){.minecraft-characters{--character-height:270px;--character-width:270px}}
.character-hearts{display:flex;gap:1px}.character-hp-value{font-size:9px;line-height:9px;color:#64748b;margin-left:5px;min-width:24px;font-variant-numeric:tabular-nums;text-align:left}.minecraft-character:not(.character-tiny) .character-health{top:28px}.character-controls{gap:12px}#character-attack img{image-rendering:pixelated;pointer-events:none}#character-attack[aria-pressed=true]{background:#dbeafe;border-color:#6094ec;box-shadow:inset 0 0 0 1px #6094ec}.character-controls button:disabled{opacity:.45;cursor:default}
.character-players{margin:6px 0 0;min-height:16px;text-align:center;font-size:12px;color:#8a9ab3}
.character-players.online{color:#2f8a57}
.character-players.online::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#34b36b;vertical-align:1px}
.character-tiny{width:calc(var(--character-height)*.1*var(--atk-scale,1));height:calc(var(--character-height)*.1*var(--atk-scale,1))}
.character-apple{position:absolute;z-index:3;left:50%;top:36%;width:max(10px,11%);image-rendering:pixelated;pointer-events:none;transform:translateX(-50%);animation:apple-bite .4s ease-in-out infinite alternate}
.character-tiny .character-apple{top:auto;bottom:calc(100% + 2px);width:12px}
@keyframes apple-bite{to{transform:translateX(-50%) translateY(-3px) rotate(-14deg)}}
@media(prefers-reduced-motion:reduce){.character-apple{animation:none}}
.character-deaths{margin-left:6px;font-size:9px;line-height:9px;color:#64748b;white-space:nowrap}
#character-eat img{image-rendering:pixelated;pointer-events:none}
#character-eat[aria-pressed=true]{background:#fdecec;border-color:#ee9b9b;box-shadow:inset 0 0 0 1px #ee9b9b}
.mc-summary [data-stat=height] strong{color:#2563eb}