@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.import-scrim{z-index:var(--z-modal);padding:max(var(--s-4), env(safe-area-inset-top)) max(var(--s-4), env(safe-area-inset-right)) max(var(--s-4), env(safe-area-inset-bottom)) max(var(--s-4), env(safe-area-inset-left));background:#14181d7a;place-items:center;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.import-dialog{width:min(840px,100%);height:auto;max-height:min(720px, calc(100dvh - (var(--s-4) * 2)));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);animation:modal-in .2s var(--ease-out-quint);grid-template-rows:auto 1fr;display:grid;overflow:hidden;box-shadow:0 24px 64px #14181d47}.import-dialog__head{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);border-bottom:1px solid var(--border);display:flex}.import-dialog__head h2{margin:0;font-size:18px}.import-dialog__body{grid-template-columns:196px 1fr;min-height:0;display:grid}.import-nav{gap:var(--s-1);padding:var(--s-3);background:var(--bg-subtle);border-right:1px solid var(--border);flex-direction:column;display:flex}.import-nav__btn{align-items:center;gap:var(--s-3);width:100%;min-height:40px;padding:0 var(--s-3);border-radius:var(--r-sm);color:var(--text-secondary);text-align:left;cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;font-size:14px;font-weight:600;display:flex}.import-nav__btn>svg{color:var(--text-muted);flex-shrink:0}.import-nav__btn .icon-brand{flex-shrink:0}.import-nav__btn:hover:not(:disabled):not([aria-selected=true]){background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--text)}.import-nav__btn:disabled{opacity:.5;cursor:not-allowed}.import-nav__btn[aria-selected=true]{background:var(--surface);border-color:var(--border);color:var(--text)}.import-nav__btn[aria-selected=true]>svg{color:var(--accent-on-subtle)}.import-nav__soon{border-radius:var(--r-pill);background:var(--bg);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.import-panel{min-width:0;min-height:0;padding:var(--s-5);flex-direction:column;display:flex;overflow:auto}.import-panel__copy{margin:var(--s-2) 0 var(--s-4);color:var(--text-secondary);max-width:54ch}.import-panel__copy p{margin:0}.import-field{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.import-field+.import-field{margin-top:var(--s-4)}.import-field label{font-size:13px;font-weight:600}.import-input,.import-area{width:100%;min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:10px 12px}.import-area{resize:vertical;overflow-wrap:anywhere;min-height:168px;font-size:14px;line-height:1.5}.import-input:focus-visible,.import-area:focus-visible{border-color:var(--accent)}.import-input[aria-invalid=true],.import-area[aria-invalid=true]{border-color:var(--danger)}.import-panel__actions{align-items:center;gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.import-file{position:relative;overflow:hidden}.import-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-games{gap:var(--s-1);min-height:0;margin-top:var(--s-4);flex-direction:column;display:flex;overflow:auto}.import-game{gap:var(--s-2) var(--s-4);text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;grid-template-columns:1fr auto;width:100%;padding:10px 12px;display:grid}.import-game:hover,.import-game:focus-visible{border-color:var(--accent);background:var(--accent-subtle)}.import-game__names{font-weight:600}.import-game__meta{color:var(--text-muted);font-size:13px}.import-soon{place-items:center;gap:var(--s-3);min-height:220px;padding:var(--s-6);text-align:center;color:var(--text-secondary);background:var(--bg);border:1px dashed var(--border);border-radius:var(--r-md);display:grid}.import-soon svg{color:var(--text-muted)}.import-soon p{max-width:40ch;margin:0}.import-soon p:first-of-type{color:var(--text);font-weight:600}.import-error{margin-top:var(--s-3)}@media (width<=720px){.import-dialog{height:auto;max-height:100%;animation:sheet-in .26s var(--ease-out-quint)}.import-dialog__body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.import-nav{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap}.import-nav__btn{flex:none;width:auto}.import-panel{padding:var(--s-4)}}