.mg-root{--mg-accent:#d40c1a;--mg-ink:#14121c;--mg-card:#f4f1ea;--mg-amber:#f5c542;color:var(--mg-ink);font-family:var(--font-inter), system-ui, sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#14121c;position:fixed;inset:0;overflow:hidden}@supports (color:lab(0% 0 0)){.mg-root{--mg-accent:lab(45.5806% 69.4641 51.3946)}}.mg-root canvas,.mg-root img{-webkit-user-drag:none}.mg-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mg-poster{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.mg-hud{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute;inset:0}.mg-hud>*{pointer-events:none}.mg-hud .mg-hit{pointer-events:auto}.mg-display{font-family:var(--font-archivo), "Archivo Black", Impact, sans-serif;letter-spacing:-.01em}.mg-num{font-variant-numeric:lining-nums tabular-nums}.mg-card{color:var(--mg-ink);overflow-wrap:anywhere;background:#f4f1eaf7;border-radius:18px;width:100%;max-width:min(520px,100%);max-height:100%;padding:clamp(20px,5vw,32px);overflow-y:auto;box-shadow:0 24px 60px #00000080}.mg-overlay{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));pointer-events:auto;background:#0a081273;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mg-overlay--clear{background:linear-gradient(90deg,#0a08128c,#0a081200 70%)}.mg-btn{border:2px solid var(--mg-ink);min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;touch-action:manipulation;color:var(--mg-ink);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:700;transition:background-color .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.mg-btn:focus-visible,.mg-icon-btn:focus-visible{outline:3px solid var(--mg-ink);outline-offset:2px;box-shadow:0 0 0 5px var(--mg-amber)}.mg-btn:active{transform:scale(.98)}.mg-btn[disabled]{opacity:.6;cursor:progress}.mg-btn--primary{background:var(--mg-accent);border-color:var(--mg-accent);color:#fff}@media (hover:hover){.mg-btn:not([disabled]):hover{background:#14121c14;transform:translateY(-1px)}.mg-btn--primary:not([disabled]):hover{background:#bd0010;background:lab(39.7537% 69.6842 56.4661);transform:translateY(-1px);box-shadow:0 8px 18px #0000004d}}.mg-icon-btn{cursor:pointer;width:44px;height:44px;color:var(--mg-ink);touch-action:manipulation;background:#f4f1eaf2;border:1px solid #14121c59;border-radius:12px;place-items:center;transition:background-color .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);display:grid}.mg-icon-btn:active{transform:scale(.96)}@media (hover:hover){.mg-icon-btn:hover{background:#fff;transform:translateY(-1px)}}.mg-chip{white-space:nowrap;color:var(--mg-ink);background:#f4f1eaf5;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 6px 18px #00000059}.mg-objective{background:#f4f1eaf5;border-radius:14px;max-width:100%;padding:10px 16px;box-shadow:0 6px 18px #00000059}.mg-kbd{background:var(--mg-ink);min-width:22px;color:var(--mg-card);text-align:center;border-radius:6px;padding:1px 6px;font-size:12px;font-weight:700;display:inline-block}.mg-blink{animation:.7s steps(2,jump-none) infinite mg-blink}.mg-pop{animation:.42s cubic-bezier(.22,1,.36,1) both mg-pop}.mg-rise{animation:.4s cubic-bezier(.22,1,.36,1) both mg-rise}.mg-ring{border:3px solid var(--mg-amber);pointer-events:none;z-index:40;border-radius:16px;transition:all .25s cubic-bezier(.22,1,.36,1);position:fixed;box-shadow:0 0 0 9999px #0a08128c}.mg-lines{pointer-events:none;background:repeating-conic-gradient(at 50% 52%,#ffffff80 0deg .6deg,#0000 .6deg 7deg);transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 52%,#0000 52%,#000 100%);mask-image:radial-gradient(at 50% 52%,#0000 52%,#000 100%)}.mg-vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0806108c 100%);position:absolute;inset:0}.mg-grain{pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.mg-seg{border:2px solid var(--mg-ink);border-radius:12px;display:inline-flex;overflow:hidden}.mg-seg button{min-height:44px;font:inherit;color:var(--mg-ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 16px;font-weight:700}.mg-seg button[aria-pressed=true]{background:var(--mg-ink);color:var(--mg-card)}.mg-sound .fc-panel,.mg-sound{color:var(--mg-ink)}@keyframes mg-blink{50%{opacity:.25}}@keyframes mg-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes mg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mg-blink{animation:none}.mg-pop,.mg-rise{animation:.2s linear both mg-fade}.mg-btn,.mg-icon-btn,.mg-ring{transition:none}}@keyframes mg-fade{0%{opacity:0}to{opacity:1}}