.machine-showcase *,.machine-showcase *:before,.machine-showcase *:after{box-sizing:border-box}.machine-showcase{--ms-primary: #facc15;--ms-background: #0d0d0d;--ms-surface: #1a1a1a;--ms-border: #2a2a2a;--ms-text: #f0f0f0;--ms-text-muted: #888;--ms-radius: 8px;--ms-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;position:relative;width:100%;height:100%;background:var(--ms-background);color:var(--ms-text);font-family:var(--ms-font);overflow:hidden}.ms-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--ms-border);background:#0d0d0deb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.875rem;z-index:10}.ms-pill-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;max-width:90%;scrollbar-width:none}.ms-pill-bar::-webkit-scrollbar{display:none}.ms-pill{flex-shrink:0;padding:8px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;background:#1a1a1ae6;color:var(--ms-text);border:1px solid var(--ms-border);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,box-shadow .15s}.ms-pill:hover{background:var(--ms-surface);box-shadow:0 2px 8px #00000080}.ms-pill[aria-pressed=true]{background:var(--ms-primary);color:#000;border-color:var(--ms-primary)}.ms-info-panel{position:absolute;top:0;right:0;width:320px;height:100%;background:var(--ms-surface);border-left:1px solid var(--ms-border);overflow-y:auto;padding:20px;transform:translate(100%);transition:transform .3s ease;z-index:20}.ms-info-panel[data-open=true]{transform:translate(0)}.ms-info-panel[data-narrow=true]{top:auto;right:0;bottom:0;left:0;width:100%;height:auto;max-height:50%;border-left:none;border-top:1px solid var(--ms-border);transform:translateY(100%)}.ms-info-panel[data-narrow=true][data-open=true]{transform:translateY(0)}.ms-machine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;max-width:640px;margin:0 auto}.ms-machine-card{border:1px solid var(--ms-border);border-radius:var(--ms-radius);padding:16px;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:var(--ms-surface)}.ms-machine-card:hover{border-color:var(--ms-primary);box-shadow:0 4px 16px #0006}.ms-idle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.ms-idle-card{background:var(--ms-surface);border-radius:12px;padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 32px #0009}.ms-idle-countdown{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ms-primary)}.ms-idle-btn{padding:10px 24px;border-radius:9999px;background:var(--ms-primary);color:#000;font-weight:600;font-size:.875rem;cursor:pointer;border:none;transition:opacity .15s}.ms-idle-btn:hover{opacity:.88}.ms-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--ms-background)}.ms-loading-bar-track{width:320px;height:4px;border-radius:2px;background:var(--ms-border);overflow:hidden}.ms-loading-bar-fill{height:100%;background:var(--ms-primary);border-radius:2px;transition:width .2s ease}.ms-locale-btn{padding:4px 8px;font-size:.75rem;font-weight:600;border-radius:4px;cursor:pointer;background:transparent;color:var(--ms-text);border:1px solid var(--ms-border);transition:background .15s}.ms-locale-btn:hover{background:var(--ms-surface)}.ms-locale-menu{position:absolute;right:0;top:100%;margin-top:4px;background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:var(--ms-radius);box-shadow:0 4px 16px #0006;min-width:80px;z-index:100}.ms-locale-option{display:block;width:100%;padding:8px 12px;font-size:.75rem;text-align:left;cursor:pointer;background:transparent;color:var(--ms-text);border:none;transition:background .15s}.ms-locale-option:hover{background:#ffffff0d}.ms-locale-option[aria-selected=true]{color:var(--ms-primary);font-weight:600}.machine-showcase ::-webkit-scrollbar{width:4px;height:4px}.machine-showcase ::-webkit-scrollbar-track{background:transparent}.machine-showcase ::-webkit-scrollbar-thumb{background:var(--ms-border);border-radius:2px}