.md-root{touch-action:none;font-family:var(--font-mono,monospace);background:#080d2b;position:absolute;inset:0;overflow:hidden;container-type:size}.md-phaser,.md-react{position:absolute;inset:0}.md-phaser canvas{width:100%!important;height:100%!important;display:block!important}.md-react{z-index:3;pointer-events:none;color:#f8f3df}.md-interface{position:absolute;inset:0}.md-hud{top:max(8px,env(safe-area-inset-top));letter-spacing:.1em;background:#080d2bd9;border:1px solid #6c58be88;border-radius:8px;grid-template-columns:1fr .7fr .8fr 1.25fr;align-items:start;gap:7px;padding:7px 9px;font-size:9px;display:grid;position:absolute;left:10px;right:10px;box-shadow:0 8px 20px #0005}.md-hud span{gap:2px;display:grid}.md-hud b{color:#fff;font-size:clamp(14px,4vw,20px)}.md-hud .hot b{color:#ffd15e;text-shadow:0 0 12px #ff9d42}.md-preview{text-align:right}.md-preview em{font-style:normal}.md-preview i{justify-content:flex-end;gap:4px;display:flex}.md-preview u{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-sizing:border-box;filter:drop-shadow(0 0 5px #49e9e0);background:#7de9e2;border:2px solid #fff8;width:17px;height:17px;display:block}.md-preview u[data-level="1"]{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#ffbb4d}.md-preview u[data-level="2"]{clip-path:polygon(50% 0,62% 34%,100% 50%,62% 66%,50% 100%,38% 66%,0 50%,38% 34%);background:#ff7180}.md-overlay{pointer-events:auto;background:#070b26c9;place-items:center;padding:clamp(4px,3cqh,16px);display:grid;position:absolute;inset:0}.md-card{box-sizing:border-box;text-align:center;background:#11183ef2;border:1px solid #8d70e9;border-radius:12px;justify-items:center;gap:clamp(4px,3cqh,13px);width:min(360px,100% - 8px);max-height:calc(100cqh - 8px);padding:clamp(8px,5cqh,34px);display:grid;box-shadow:0 18px 75px #000b,0 0 36px #704cff44}.md-card h2{color:#fff5d5;font:700 clamp(18px,10cqh,42px) var(--font-display,sans-serif);letter-spacing:.13em;text-shadow:3px 3px #5b36aa;margin:0}.md-card p{color:#b9c4e8;letter-spacing:.09em;margin:0;font-size:clamp(9px,4cqh,11px);line-height:1.45}.md-card small{color:#aab7df;letter-spacing:.12em}.md-card small strong{color:#ffd15e;font-size:clamp(12px,6cqh,16px)}.md-card button{color:#101634;min-width:44px;min-height:44px;font:800 12px var(--font-mono,monospace);letter-spacing:.14em;cursor:pointer;background:#ffd15e;border:0;border-radius:6px;padding:clamp(7px,3cqh,11px) 24px;transition:transform 80ms,filter 80ms;box-shadow:4px 4px #9a4f44}.md-card button:active{filter:brightness(1.2);transform:translate(3px,3px);box-shadow:1px 1px #9a4f44}.md-final{color:#fff;font:800 clamp(30px,18cqh,82px) var(--font-display,sans-serif);text-shadow:0 0 24px #5ee9e0}.md-breakdown{text-align:left;letter-spacing:.06em;grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%;margin:0;font-size:10px;display:grid}.md-breakdown div{background:#0a0f2caa;border:1px solid #4a3f8a;border-radius:5px;justify-content:space-between;gap:5px;padding:6px 7px;display:flex}.md-breakdown dt{color:#aab7df;margin:0}.md-breakdown dd{color:#fff;margin:0;font-weight:700}.md-feedback{color:#6be6dc;letter-spacing:.1em;white-space:nowrap;pointer-events:none;background:#0a0f2ce6;border:1px solid #6be6dc;border-radius:6px;padding:7px 14px;font-size:11px;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0007}.md-mute{z-index:5;color:#fff;pointer-events:auto;background:#11183edd;border:1px solid #8d70e9;border-radius:50%;min-width:44px;min-height:44px;position:absolute;bottom:8px;right:8px}.md-new-best{text-shadow:0 0 14px #ffd15e;animation:.65s ease-in-out infinite alternate md-best-pulse;color:#fff5a8!important}.md-result{gap:clamp(2px,1.5cqh,7px);padding:clamp(5px,2.5cqh,16px);overflow:hidden}.md-result h2{font-size:clamp(15px,7cqh,28px)}.md-result .md-final{font-size:clamp(25px,13cqh,58px)}.md-result .md-breakdown{font-size:clamp(8px,3.5cqh,10px)}.md-result .md-breakdown div{padding:clamp(2px,1.5cqh,6px) 5px}.md-result small{font-size:clamp(8px,3.5cqh,11px)}@keyframes md-best-pulse{to{filter:brightness(1.25);transform:scale(1.06)}}@media (orientation:landscape) and (height<=500px){.md-hud{grid-template-columns:1fr 1fr;width:210px;top:7px;left:8px;right:auto}.md-preview{text-align:left}.md-preview i{justify-content:flex-start}.md-card{grid-template-columns:1fr auto;gap:8px 20px;max-width:560px;max-height:100%;padding:15px 22px;overflow-y:auto}.md-card h2,.md-card p,.md-final,.md-breakdown,.md-card small{grid-column:1}.md-card button{grid-area:1/2/6}.md-final{font-size:44px}.md-breakdown{grid-template-columns:repeat(3,1fr);font-size:9px}.md-feedback{top:16%}}