.rift{min-height:100dvh;display:grid;grid-template-columns:16.25rem minmax(0,1fr);grid-template-rows:auto 1fr;background:var(--bg)}.rift-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.15rem;border-bottom:1px solid var(--border);background:#0a0a0cf0;backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}.rift-brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--text);text-decoration:none}.rift-brand img{width:2.1rem;height:2.1rem}.rift-brand strong{font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}.rift-brand span{color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.rift-header-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.rift-nav-toggle{display:none}.rift-nav{border-right:1px solid var(--border);background:#0c0c0f;padding:1rem .7rem 2rem;display:flex;flex-direction:column;gap:.25rem;min-height:0;overflow:auto}.rift-nav-label{margin:.35rem .65rem .55rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.rift-nav-btn{display:flex;align-items:center;width:100%;text-align:left;border:0;background:transparent;color:var(--text);text-decoration:none;border-radius:10px;padding:.62rem .75rem;font:inherit;font-weight:650;letter-spacing:.02em;box-sizing:border-box}.rift-nav-btn:hover,.rift-nav-btn.active{background:var(--accent-dim);color:var(--accent)}.rift-main{min-width:0;min-height:0;overflow:auto;padding:1.35rem 1.5rem 3rem}.rift-page-title{margin:0 0 1rem;font-size:1.45rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin-bottom:1.25rem}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem}.stat-card .label{color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem}.stat-card .value{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.03em}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;margin-bottom:1rem}.panel h2{margin:0 0 .85rem;font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase}.toolbar{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.85rem;align-items:center}.toolbar .field{max-width:18rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}table.rift-table{width:100%;border-collapse:collapse;font-size:.9rem}.rift-table th,.rift-table td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--border);vertical-align:middle}.rift-table th{color:var(--muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;background:#0c0c0f;position:sticky;top:0}.rift-table tr:last-child td{border-bottom:0}.rift-table tr:hover td{background:#ffffff05}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.pill-ok{color:var(--ok);background:#3ecf8e1f;border:1px solid rgba(62,207,142,.28)}.pill-warn{color:var(--accent);background:var(--accent-dim);border:1px solid rgba(255,158,27,.28)}.pill-bad{color:var(--fail);background:#f071781f;border:1px solid rgba(240,113,120,.28)}.pill-muted{color:var(--muted);background:#151518;border:1px solid var(--border)}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem}.btn-xs{padding:.3rem .6rem;font-size:.75rem;border-radius:999px}.create-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem;align-items:end}.create-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.check-row{display:flex;align-items:center;gap:.45rem;padding-bottom:.55rem;color:var(--text);text-transform:none;letter-spacing:0;font-size:.9rem}.mono{font-family:var(--mono);font-size:.82rem}.flash{margin:0 0 .85rem;min-height:1.2rem}.flash.is-busy{display:flex;align-items:center;gap:.45rem}.rift-inline-status{display:inline-flex;align-items:center;gap:.4rem}.rift-status-ico{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;flex:0 0 auto;font-size:.95rem;line-height:1}.rift-status-ico.is-spin{animation:rift-spin .9s linear infinite;color:var(--accent)}@keyframes rift-spin{to{transform:rotate(360deg)}}.invite-code-banner{margin-top:.75rem;padding:.75rem .9rem;border-radius:10px;background:var(--accent-dim);border:1px solid rgba(255,158,27,.35);font-family:var(--mono);word-break:break-all}.rift-invite-acts{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.rift-icon-btn{width:1.85rem;height:1.85rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.rift-icon-btn:disabled{opacity:.35;cursor:not-allowed}.rift-foot{margin-top:1.5rem;color:var(--muted);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.gate-card{max-width:28rem;margin:4rem auto}.rift-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.85rem}.rift-book{display:grid;grid-template-columns:4.4rem 1fr;gap:.75rem;padding:.75rem;background:#0c0c0f;border:1px solid var(--border);border-radius:12px}.rift-book.has-pick{grid-template-columns:auto 4.4rem 1fr}.rift-book.is-picked{border-color:var(--accent)}.rift-book-pick{display:flex;align-items:flex-start;padding-top:.2rem}.rift-book-pick input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.rift-book img,.rift-book .booklet-cover-empty{width:4.4rem;height:6.5rem;object-fit:cover;border-radius:6px;background:#151518}.rift-book h3{margin:0 0 .2rem;font-size:.95rem;line-height:1.25}.rift-book .meta{font-size:.8rem;color:var(--muted);margin:0 0 .45rem}.rift-sync-bar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-bottom:.85rem}.rift-progress{flex:1;min-width:10rem;height:.45rem;background:#151518;border-radius:99px;overflow:hidden}.rift-progress>span{display:block;height:100%;background:var(--accent)}.rift-scrim{display:none}@media(max-width:860px){.rift{grid-template-columns:1fr}.rift-nav-toggle{display:inline-flex}.rift-nav{display:none;position:fixed;z-index:40;top:3.4rem;left:0;bottom:0;width:min(18rem,86vw);border-right:1px solid var(--border)}.rift.is-nav-open .rift-nav{display:flex}.rift-scrim{display:none;position:fixed;inset:0;z-index:35;border:0;background:#00000073}.rift.is-nav-open .rift-scrim{display:block}.rift-main{padding:1rem .9rem 2.5rem}}.rift-skeleton{pointer-events:none;user-select:none}.rift-sk-chip{display:inline-block;height:1.55rem;width:3.4rem;border-radius:8px}.rift-sk-chip-wide{width:5.2rem}.rift-sk-nav{pointer-events:none;cursor:default}.rift-sk-nav:hover{background:transparent;color:inherit}.rift-sk-nav.active{background:var(--accent-dim)}.rift-sk-nav-label{display:block;height:.85rem;width:55%}.rift-sk-nav.active .rift-sk-nav-label{width:48%}.rift-sk-stat-label{height:.7rem;width:42%;margin-bottom:.55rem}.rift-sk-stat-value{height:1.85rem;width:38%}.rift-sk-panel-title{height:1.05rem;width:9rem;margin-bottom:.95rem}.rift-sk-line{height:.85rem;width:9.5rem;margin-bottom:.35rem}.rift-sk-line-sm{width:6.5rem;height:.7rem;margin-bottom:0}.rift-sk-line-xs{width:4.8rem;height:.75rem}.rift-sk-pill{height:1.35rem;width:4.2rem;border-radius:999px}.rift-sk-actions{height:1.55rem;width:7.5rem;margin-left:auto}.rift-import-jobs .rift-import-job-list{display:flex;flex-direction:column;gap:.85rem}.rift-import-job{padding:.75rem .85rem;border:1px solid #2a2a30;border-radius:10px;background:#121214}.rift-import-job-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.rift-import-job-title{display:flex;align-items:center;gap:.4rem;font-weight:600}.rift-import-job-meta{margin:.4rem 0 0;font-size:.85rem}.rift-import-job .rift-progress{margin-top:.25rem}
