.mg{--mg-panel-w:340px;--mg-stage-min:440px;--mg-glass:color-mix(in srgb, var(--bg-overlay) 88%, transparent);--mg-win:#3ddc84;--mg-lose:#ff5d6c;gap:var(--space-4);width:100%;max-width:1280px;padding:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.mg-head{align-items:center;gap:var(--space-3);display:flex}.mg-back{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);background:var(--mg-glass);box-shadow:var(--ring);transition:color .15s var(--ease-out), box-shadow .15s var(--ease-out);flex:none;place-items:center;display:grid}.mg-back:hover{color:var(--text-primary);box-shadow:var(--ring-strong)}.mg-title{flex:1;min-width:0}.mg-title h1{font-size:var(--step-3);letter-spacing:-.02em;line-height:1.15}.mg-title p{color:var(--text-muted);font-size:var(--step-0);margin:2px 0 0}.mg-rules-btn{height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--mg-glass);box-shadow:var(--ring);cursor:pointer;font-size:var(--step-0);border:0;flex:none;font-weight:600}.mg-rules-btn[aria-expanded=true],.mg-rules-btn:hover{color:var(--text-primary);box-shadow:var(--ring-strong)}.mg-rules{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--ring), var(--shadow-1);color:var(--text-secondary);font-size:var(--step-0);animation:mg-fade-down .22s var(--ease-out);line-height:1.6}.mg-rules h3{margin:0 0 var(--space-2);color:var(--text-primary);font-size:var(--step-1)}.mg-rules ul{margin:0;padding-left:18px}.mg-rules li+li{margin-top:var(--space-1)}.mg-body{grid-template-columns:var(--mg-panel-w) minmax(0, 1fr);gap:var(--space-4);grid-template-areas:"panel stage";align-items:stretch;display:grid}.mg-stage-wrap{grid-area:stage;min-width:0;position:relative}.mg-panel{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--ring), var(--shadow-2), var(--inset-top);flex-direction:column;grid-area:panel;display:flex}@media (max-width:860px){.mg{padding:var(--space-3);gap:var(--space-3)}.mg-body{gap:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""panel"}.mg-panel{padding:var(--space-4);border-radius:var(--radius-lg)}.mg-panel>.mg-main,.mg-panel>.mg-error{order:-1}.mg-panel>.mg-main{left:var(--space-4);right:var(--space-4);width:auto;bottom:calc(var(--bottom-nav) + var(--safe-bottom) + 30px);z-index:41;position:fixed;box-shadow:0 12px 32px #0000008c}.mg-panel .mg-main:disabled{opacity:1;filter:none;color:var(--text-primary);background:color-mix(in srgb, var(--accent) 14%, var(--bg-overlay));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 40%, transparent), 0 12px 32px #0000008c}.mg-panel .mg-main:disabled small{opacity:.7}.mg{padding-bottom:88px}.mg-title p,.mg-demo-more{display:none}.mg-title h1{font-size:var(--step-2)}.mg-demo{padding-block:6px}.mg-demo-cta{padding:6px 12px}}.mg-stage{min-height:var(--mg-stage-min);border-radius:var(--radius-xl);background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%),  linear-gradient(180deg, var(--bg-raised), var(--bg-base));height:100%;box-shadow:var(--ring), var(--shadow-2), inset 0 1px 0 #ffffff0d;isolation:isolate;position:relative;overflow:hidden}@media (max-width:860px){.mg-stage{border-radius:var(--radius-lg);min-height:0}}.mg-hud{z-index:5;left:50%;top:var(--space-4);align-items:center;gap:var(--space-2);padding:6px var(--space-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--ring);white-space:nowrap;font-size:var(--step-0);color:var(--text-secondary);background:#0000008c;display:flex;position:absolute;transform:translate(-50%)}.mg-hud b{color:var(--text-primary);font-size:var(--step-2);font-variant-numeric:tabular-nums}.mg-hud .is-next{color:var(--accent)}.mg-result{z-index:20;min-width:180px;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1.5px var(--mg-result-c,var(--accent)), 0 0 48px color-mix(in srgb, var(--mg-result-c,var(--accent)) 40%, transparent), var(--shadow-pop);pointer-events:none;animation:mg-pop .38s var(--ease-out) both;background:#050806d1;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mg-result.is-lose{--mg-result-c:var(--mg-lose)}.mg-result b{color:var(--mg-result-c,var(--accent));font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(2rem,1.4rem + 2.4vw,2.8rem);line-height:1.05}.mg-result span{color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:700;display:inline-flex}.mg-result small{color:var(--text-muted);font-size:var(--step-0)}@keyframes mg-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes mg-fade-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mg-field{gap:var(--space-2);flex-direction:column;display:flex}.mg-field-label{justify-content:space-between;align-items:baseline;gap:var(--space-2);color:var(--text-secondary);font-size:var(--step-0);font-weight:600;display:flex}.mg-balance{color:var(--text-muted);align-items:center;gap:4px;font-weight:500;display:inline-flex}.mg-balance b{color:var(--text-primary);font-weight:700}.mg-num{font-variant-numeric:tabular-nums}.mg-coin{vertical-align:-2px;flex:none;display:inline-block}.mg-hint{color:var(--text-muted);margin:0;font-size:12px}.mg-stake{align-items:center;gap:var(--space-2);height:52px;padding:0 6px 0 var(--space-3);border-radius:var(--radius-md);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s var(--ease-out);display:flex}.mg-stake:focus-within{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent)}.mg-stake.is-disabled{opacity:.55}.mg-stake.is-invalid,.mg-stake.is-invalid:focus-within{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--danger) 75%, transparent), 0 0 0 4px color-mix(in srgb, var(--danger) 12%, transparent)}.mg-hint.is-error{color:var(--danger);font-weight:600}.mg-stake input{min-width:0;height:100%;font-size:var(--step-2);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;font-weight:700}.mg-stake-btns{gap:4px;display:flex}.mg-stake-btns button{min-width:40px;height:36px;padding:0 var(--space-2);cursor:pointer;color:var(--text-secondary);background:var(--bg-overlay);box-shadow:inset 0 0 0 1px var(--border-subtle);font-size:var(--step-0);transition:color .15s, background .15s, transform .15s var(--ease-out);border:0;border-radius:10px;font-weight:700}.mg-stake-btns button:hover:not(:disabled){color:var(--text-primary);background:color-mix(in srgb, var(--bg-overlay) 70%, var(--accent) 12%)}.mg-stake-btns button:active:not(:disabled){transform:scale(.94)}.mg-stake-btns button:disabled{opacity:.5;cursor:default}.mg-seg button small{font-variant-numeric:tabular-nums}.mg-seg button:disabled{cursor:default;opacity:.6}.mg-main{gap:0 var(--space-2);white-space:nowrap;letter-spacing:-.01em;flex-wrap:wrap;font-weight:800;line-height:1.15;position:relative}.mg-main small{opacity:.75;align-items:center;gap:4px;font-weight:700;display:inline-flex}.mg-main-cashout{color:#2a1a00;background:linear-gradient(#ffd66b,#f0a92c);box-shadow:0 0 28px #ffc44659,0 10px 24px #0000004d,inset 0 1px #ffffff8c}.mg-main-cashout:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 0 36px #ffc44680,0 10px 24px #0000004d,inset 0 1px #ffffff8c}.mg-error{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#ffd1d6;background:color-mix(in srgb, var(--mg-lose) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mg-lose) 40%, transparent);font-size:var(--step-0);animation:mg-fade-down .2s var(--ease-out);margin:0;display:flex}.mg-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.mg-fair{align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);color:var(--text-muted);margin-top:auto;font-size:12px;display:flex}.mg-fair span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mg-fair code{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px}.mg-fair a,.mg-fair-check{color:var(--accent);white-space:nowrap;font-weight:700}.mg-fair-check{min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.mg-fair svg{color:var(--accent);flex:none}.mg-ladder{scrollbar-width:none;gap:6px;margin:-2px;padding:2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.mg-ladder::-webkit-scrollbar{display:none}.mg-ladder span{border-radius:var(--radius-full);font-variant-numeric:tabular-nums;color:var(--text-muted);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--border-subtle);flex:none;padding:6px 10px;font-size:12px;font-weight:700;transition:color .2s,background .2s,box-shadow .2s}.mg-ladder span.is-done{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-sunken));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.mg-ladder span.is-next{color:var(--text-primary);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 22%, transparent)}.mg-stats{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.mg-stat{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--border-subtle)}.mg-stat small{color:var(--text-muted);font-size:12px;font-weight:600;display:block}.mg-stat b{font-size:var(--step-1);font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-top:2px;display:inline-flex}.mg-stat b.is-accent{color:var(--accent)}.mg-feed{padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--ring), var(--shadow-1)}.mg-feed-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.mg-feed-head h2{font-size:var(--step-1)}.mg-live-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.6s ease-in-out infinite mg-blink}@keyframes mg-blink{50%{opacity:.35}}.mg-feed-table{flex-direction:column;display:flex}.mg-feed-row{align-items:center;gap:var(--space-3);min-height:42px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--step-0);color:var(--text-secondary);animation:mg-row-in .3s var(--ease-out);grid-template-columns:1.3fr 1.2fr 1fr 1fr 1.1fr;display:grid}.mg-feed-row:nth-child(2n):not(.mg-feed-th){background:color-mix(in srgb, var(--bg-sunken) 60%, transparent)}.mg-feed-row.is-mine{box-shadow:inset 2px 0 0 var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.mg-feed-th{min-height:32px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700;animation:none}.mg-feed-row .mg-num{text-align:right;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.mg-feed-row .is-win{color:var(--mg-win);font-weight:700}.mg-feed-row .is-lose{color:var(--text-muted)}.mg-feed-game{align-items:center;gap:var(--space-2);min-width:0;color:var(--text-primary);font-weight:600;display:inline-flex}.mg-feed-game span,.mg-feed-player{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mg-glyph{width:18px;height:18px;color:var(--accent);flex:none}@keyframes mg-row-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (max-width:860px){.mg-feed{padding:var(--space-3);border-radius:var(--radius-lg)}.mg-feed-row{gap:var(--space-2);grid-template-columns:1.15fr 1fr .9fr}.mg-feed-row>:nth-child(3),.mg-feed-row>:nth-child(4),.mg-feed-game span{display:none}}@media (prefers-reduced-motion:reduce){.mg *,.mg :before,.mg :after{transition-duration:1ms!important;animation-duration:1ms!important}}.mg-lobby-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}@media (max-width:860px){.mg-lobby-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}}.mg-demo{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb, #ffb547 10%, var(--bg-raised));color:var(--text-secondary);font-size:13px;display:flex;box-shadow:inset 0 0 0 1px #ffb54759}.mg-demo b{border-radius:var(--radius-full);color:#2a1a00;letter-spacing:.04em;text-transform:uppercase;background:#ffb547;flex:none;padding:2px 8px;font-size:12px;font-weight:800}.mg-demo span{flex:1;min-width:0}.mg-demo-cta{border-radius:var(--radius-md);background:var(--accent);color:#04140b;flex:none;padding:8px 14px;font-weight:800;text-decoration:none}.mg-rules-cap{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:13px}@media (max-width:860px){.mg-demo{gap:var(--space-2);padding-left:var(--space-3);font-size:12px}}.mg-sound-debug{z-index:9999;left:8px;right:8px;top:calc(var(--safe-top) + 8px);color:#7dff9e;white-space:pre-wrap;pointer-events:none;background:#000000d9;border-radius:10px;margin:0;padding:8px 10px;font:600 12px/1.4 ui-monospace,monospace;position:fixed}.shell>.mg.mg{animation-name:mg-shell-fade}@keyframes mg-shell-fade{0%{opacity:0}to{opacity:1}}.mg-cap-note{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent,#4ade80) 10%, transparent);color:var(--text);margin:0;padding:8px 12px;font-size:13px}