.xep-mam{justify-items:center;gap:.85rem;margin:1.75rem auto 0;scroll-margin-top:4.75rem;display:grid}.xep-mam__hud,.xep-mam__stage{width:min(100%,440px,75svh - 9rem);min-width:min(100%,280px)}.xep-mam__hud{color:var(--tro-choi-copy);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;font-size:.95rem;display:grid}.xep-mam__hud strong,.xep-mam__line strong{color:var(--tro-choi-ink);font-size:1.1rem}.xep-mam__bar{background:var(--tro-choi-line);border-radius:999px;height:6px;display:block;overflow:hidden}.xep-mam__bar i{border-radius:inherit;background:linear-gradient(90deg, var(--pal-b-c62f3f,#c62f3f), var(--pal-b-e8c56a,#e8c56a));transform-origin:0;width:100%;height:100%;transition:transform 1s linear;display:block}.xep-mam__stage{aspect-ratio:3/4;isolation:isolate;border:1px solid var(--tro-choi-line);background:radial-gradient(60% 45% at 50% 78%, #ffc45c38, transparent 70%), linear-gradient(180deg, var(--pal-b-2a1424,#2a1424) 0%, var(--pal-b-3a1a22,#3a1a22) 55%, #4a2318 100%);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 18px 40px #0000004d}.xep-mam__stage:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:4px}html[data-theme=light] .xep-mam__stage{box-shadow:0 16px 36px #2a1c1938}.xep-mam__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.xep-mam__next{color:#fff6e3cc;pointer-events:none;background:#1408108c;border:1px solid #f6d98b4d;border-radius:12px;justify-items:center;gap:.15rem;min-width:3.4rem;padding:.3rem .45rem .35rem;font-size:.72rem;display:grid;position:absolute;top:.6rem;right:.6rem}.xep-mam__panel{z-index:2;width:calc(100% - 2.5rem);max-width:22rem;color:var(--pal-t-fff6e3,#fff6e3);text-align:center;cursor:default;background:#1a0a14d6;border:1px solid #f6d98b59;border-radius:18px;justify-items:center;gap:.6rem;padding:1.1rem 1.1rem 1.2rem;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.xep-mam__panel strong{font:600 clamp(1.15rem, 4.8vw, 1.45rem) / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-wrap:balance}.xep-mam__panel span{color:#fff6e3d6;text-wrap:pretty;font-size:.95rem;line-height:1.5}.xep-mam__panel .xep-mam__note{color:#fff6e3b8;font-size:.85rem}.xep-mam__panel .xep-mam__best{color:var(--pal-t-ffe08a,#ffe08a);font-weight:700}.xep-mam__modes{gap:.55rem;width:100%;display:grid}.xep-mam__go,.xep-mam__ghost{min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.3rem;font-weight:800;display:inline-flex}.xep-mam__go{color:var(--pal-t-fff8e6,#fff8e6);background:linear-gradient(180deg, var(--pal-b-c62f3f,#c62f3f), var(--pal-b-8f1d2b,#8f1d2b));border:0;box-shadow:0 8px 22px #8f1d2b59}.xep-mam__ghost{border:1px solid var(--tro-choi-gold);color:var(--tro-choi-ink);background:var(--tro-choi-paper-soft)}.xep-mam__panel .xep-mam__ghost{color:var(--pal-t-fff6e3,#fff6e3);background:0 0;border-color:#f6d98b8c}.xep-mam__go:focus-visible,.xep-mam__ghost:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:3px}.xep-mam__panel .xep-mam__go:focus-visible,.xep-mam__panel .xep-mam__ghost:focus-visible{outline-color:var(--pal-b-ffe08a,#ffe08a)}.xep-mam__line,.xep-mam__record{color:var(--tro-choi-copy);text-align:center;text-wrap:balance;font-variant-numeric:tabular-nums;margin:0;font-size:.93rem;line-height:1.5}.xep-mam__controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.xep-mam__legend{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.xep-mam__legend li{border:1px solid var(--tro-choi-line);background:var(--tro-choi-paper);border-radius:999px;align-items:center;gap:.45rem;min-height:44px;padding:.3rem .9rem .3rem .4rem;font-size:.92rem;display:inline-flex}.xep-mam__icon{flex:none;display:block}.xep-mam__legend .xep-mam__icon{background:var(--pal-b-2a1424,#2a1424);box-sizing:content-box;border-radius:8px;padding:2px}@media (prefers-reduced-motion:reduce){.xep-mam__bar i{transition:none}}html[data-palette=tet-2027]{--pal-b-2a1424:#410819;--pal-b-3a1a22:#4a081b;--pal-b-8f1d2b:#92191c;--pal-b-c62f3f:#ca2a2c;--pal-b-e8c56a:#ffcb28;--pal-b-ffe08a:#ffebb9;--pal-t-ffe08a:#ffebb9;--pal-t-fff6e3:#fff7de;--pal-t-fff8e6:#fff9e1}
