.mp-root{background:var(--mp-bg);width:100%;height:100%;color:var(--mp-text);-webkit-user-select:none;user-select:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.mp-canvas-wrap{z-index:0;position:absolute;inset:0}.mp-topbar{top:max(56px, env(safe-area-inset-top,0px));z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;left:0;right:0}.mp-topbar>*{pointer-events:auto}.mp-icon-btn{width:40px;height:40px;color:var(--mp-text);border:2px solid var(--mp-border);background:#fff6dce6;border-radius:9999px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #141e0f40}.mp-lang{border:2px solid var(--mp-border);background:#fff6dce6;border-radius:9999px;display:flex;overflow:hidden;box-shadow:0 4px 12px #141e0f40}.mp-lang button{min-width:48px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:700}.mp-lang-on{background:var(--mp-primary);color:#1f3320}.mp-lang-off{color:var(--mp-text-muted);background:0 0}.mp-hud{top:calc(max(56px, env(safe-area-inset-top,0px)) + 48px);z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px;display:flex;position:absolute;left:0;right:0}.mp-chip{border:1.5px solid var(--mp-border);background:#fff6dceb;border-radius:14px;flex-direction:column;align-items:center;gap:1px;min-width:52px;padding:5px 12px;display:flex;box-shadow:0 3px 10px #141e0f2e}.mp-chip-label{letter-spacing:.02em;color:var(--mp-text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.mp-chip-value{color:var(--mp-text);font-size:15px;font-weight:800;line-height:1.1}.mp-chip-hint{background:var(--mp-accent);animation:.9s ease-in-out infinite mp-pulse}@keyframes mp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.mp-cover-actions{left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:2;flex-direction:column;align-items:center;gap:14px;padding:0 24px;display:flex;position:absolute}.mp-tutorial{text-align:center;color:#fff;text-shadow:0 2px 8px #141e0f99;max-width:340px;font-size:15px;font-weight:600;line-height:1.35}.mp-btn{border-radius:9999px;min-height:52px;padding:15px 34px;font-size:17px;font-weight:800;transition:transform .12s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 20px #141e0f4d}.mp-btn:active{transform:scale(.96)}.mp-btn-primary{background:var(--mp-primary);color:#1f3320;border:2px solid #6e9e52}.mp-btn-secondary{background:var(--mp-surface);color:var(--mp-text);border:2px solid var(--mp-border)}.mp-btn:disabled{opacity:.7}.mp-toast{z-index:4;background:var(--mp-accent);color:#3a2a10;pointer-events:none;border-radius:9999px;padding:12px 22px;font-size:18px;font-weight:800;animation:.18s ease-out mp-toast-in;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 24px #141e0f59}@keyframes mp-toast-in{0%{opacity:0;transform:translate(-50%,-40%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.mp-result-bg{background:linear-gradient(#4e86bc 0%,#6fa8dc 28%,#a7d585 28%,#6e9e52 100%)}.mp-result-scroll{top:calc(max(56px, env(safe-area-inset-top,0px)) + 52px);left:0;right:0;bottom:calc(88px + env(safe-area-inset-bottom,0px) + 74px);z-index:2;justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;overflow-y:auto}.mp-card{background:var(--mp-surface);border:3px solid #8a6238;border-radius:28px;width:100%;max-width:380px;padding:22px 22px 26px;box-shadow:0 26px 60px #233d2c59}.mp-card-title{text-align:center;color:var(--mp-text);letter-spacing:.01em;font-size:clamp(24px,8vw,34px);font-weight:800}.mp-card-sub{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--mp-text-muted);margin-top:4px;margin-bottom:16px;font-size:13px;font-weight:700}.mp-card-rows{flex-direction:column;gap:8px;display:flex}.mp-card-row{background:#2435230f;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.mp-card-row-label{color:var(--mp-text-muted);font-size:14px;font-weight:600}.mp-card-row-value{color:var(--mp-text);text-align:right;font-size:17px;font-weight:800}.mp-result-actions{left:0;right:0;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:3;justify-content:center;gap:12px;padding:0 20px;display:flex;position:absolute}.mp-result-actions .mp-btn{flex:1;max-width:200px;padding:14px 20px;font-size:16px}