@import "https://fonts.googleapis.com/css2?family=Manufacturing+Consent&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap";:root{--color-bg:#0a0b0d;--color-surface:#15171b;--color-surface-alt:#1d2025;--color-ink:#f1efe8;--color-ink-soft:#b6b3aa;--color-gray:#85837c;--color-line:#2b2e33;--color-gold:#c9a53b;--color-gold-deep:#a9862c;--color-danger:#e2685f;--font-display:"Manufacturing Consent", "Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Merriweather", Georgia, "Times New Roman", serif;--radius-lg:18px;--radius-md:10px;--radius-sm:6px}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:var(--color-bg);background-image:linear-gradient(#04050699,#04050699),url(/app-bg.jpg),radial-gradient(at 20% 0,#28324159,#0000 55%),linear-gradient(160deg,#121417 0%,#0a0b0d 60%);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);color:var(--color-ink);margin:0 0 .5em;font-weight:700}h1{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:clamp(3rem,6vw,5.5rem);font-weight:400;line-height:1}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.3rem}p{color:var(--color-ink-soft);line-height:1.7;font-family:var(--font-body)}a{color:var(--color-gold);cursor:pointer}button,input,select{font-family:var(--font-body)}button:not(:disabled){cursor:pointer}.page-container{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.page-container-wide{max-width:1600px}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-lede{max-width:60ch;color:var(--color-gray)}.nav-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--color-line);z-index:10;background:#0a0b0de6;align-items:center;gap:2rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-brand{align-items:center;text-decoration:none;display:flex}.nav-brand-logo{width:auto;height:24px;display:block}.nav-links{flex:1;gap:1.5rem;display:flex}.nav-links a{color:var(--color-ink-soft);border-bottom:2px solid #0000;padding:.4rem .2rem;font-weight:700;text-decoration:none}.nav-links a.active,.nav-links a:hover{color:var(--color-ink);border-bottom-color:var(--color-gold)}.nav-user{color:var(--color-ink-soft);align-items:center;gap:.75rem;display:flex}.btn-link{color:var(--color-gold);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.btn-link:disabled{color:var(--color-gray);cursor:not-allowed}.nav-signout{align-items:center;gap:.4rem;display:inline-flex}.home-hero{background-image:url(/login-bg.png),linear-gradient(160deg,#16130f 0%,#221c17 45%,#0d0b09 100%);background-position:50%,50%;background-repeat:no-repeat;background-size:cover,auto;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.home-overlay{background:radial-gradient(circle,#0000 35%,#0000008c 100%);position:absolute;inset:0}.login-box{z-index:1;border:1px solid var(--color-line);border-radius:var(--radius-lg);text-align:center;background:#0a0b0de6;width:100%;max-width:420px;padding:2.5rem 2.25rem;position:relative}.login-logo{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.login-subtitle{text-transform:uppercase;letter-spacing:.28em;color:var(--color-gold);margin:0 0 1.75rem;font-size:.75rem;font-weight:700}.login-form{text-align:left;flex-direction:column;gap:1rem;display:flex}.login-form label{color:var(--color-ink-soft);flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}input,select{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);padding:.65rem .8rem;font-size:.95rem}input:focus,select:focus{border-color:var(--color-gold);outline:none}.form-error{color:var(--color-danger);font-size:.9rem;font-weight:700}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-gold);color:#17130a}.btn-primary:hover{background:var(--color-gold-deep)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-line)}.btn-secondary:hover{border-color:var(--color-gold)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary:disabled:hover{border-color:var(--color-line)}.btn-danger{color:var(--color-danger);background:0 0;border:1px solid #e2685f59}.btn-danger:hover{background:#e2685f14}.cards-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.cards-toolbar-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cards-toolbar-left select{min-width:140px}.cards-toolbar-count{color:var(--color-gray);white-space:nowrap;margin:0;font-size:.85rem}.view-toggle{background:var(--color-surface-alt);border-radius:999px;padding:4px;display:flex}.view-toggle .tab{cursor:pointer;color:var(--color-ink-soft);background:0 0;border:none;border-radius:999px;padding:.45rem 1.1rem;font-weight:700}.view-toggle .tab.active{background:var(--color-gold);color:#17130a}.badge-dot{background:var(--color-gold-deep);border:2px solid var(--color-bg);z-index:1;border-radius:50%;width:18px;height:18px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.card-image{background:#06070a;display:block}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.card-grid-item{border:1px solid var(--color-line);border-radius:var(--radius-md);display:block;position:relative}.card-grid-image{aspect-ratio:5/7;object-fit:cover;border-radius:var(--radius-md);width:100%}.hybrid-list{grid-template-columns:1fr 380px;align-items:start;gap:1.5rem;display:grid}.hybrid-table-wrap{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);overflow-x:auto}.hybrid-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:480px;font-size:.9rem}.hybrid-table th:first-child,.hybrid-table td:first-child{width:16%}.hybrid-table th:nth-child(2),.hybrid-table td:nth-child(2){width:40%}.hybrid-table th:nth-child(3),.hybrid-table td:nth-child(3){width:12%}.hybrid-table th:nth-child(4),.hybrid-table td:nth-child(4),.hybrid-table th:nth-child(5),.hybrid-table td:nth-child(5){width:16%}.hybrid-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hybrid-table thead th{text-align:left;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold);border-bottom:1px solid var(--color-line);background:var(--color-surface);padding:.6rem 1rem;font-size:.75rem;position:sticky;top:0}.hybrid-table tbody tr{cursor:pointer;border-bottom:1px solid var(--color-line)}.hybrid-table tbody tr:last-child{border-bottom:none}.hybrid-table tbody tr:hover{background:var(--color-surface-alt)}.hybrid-table tbody tr.is-selected{background:#c9a53b1f}.hybrid-table td{color:var(--color-ink-soft);padding:.55rem 1rem}.hybrid-table td a{color:var(--color-ink);font-weight:700;text-decoration:none}.hybrid-table td a:hover{color:var(--color-gold)}.hybrid-preview{flex-direction:column;gap:.75rem;display:flex;position:sticky;top:5.5rem}.hybrid-preview-image{aspect-ratio:5/7;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-line);width:100%;transition:border-color .15s}.hybrid-preview-link{display:block}.hybrid-preview-link:hover .hybrid-preview-image{border-color:var(--color-gold)}.back-link{margin-bottom:1.5rem;font-size:.9rem;display:inline-block}.card-detail{grid-template-columns:minmax(280px,420px) 1fr;align-items:start;gap:2.5rem;display:grid}.card-detail-image{border-radius:var(--radius-lg);width:100%;height:auto}.card-detail-info h1{text-transform:none}.card-detail-fields{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem 0;display:flex}.card-detail-field{color:var(--color-ink);flex-direction:column;gap:.2rem;font-weight:700;display:flex}.card-detail-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);font-size:.7rem;font-weight:700}.card-detail-traits{color:var(--color-ink-soft);margin-top:-.5rem;font-style:italic}.card-detail-stats{flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem;display:flex}.card-detail-stat{color:var(--color-ink);text-transform:capitalize;flex-direction:column;gap:.2rem;font-weight:700;display:flex}.card-detail-rules{flex-direction:column;gap:.6rem;margin:1rem 0;display:flex}.card-detail-rules p{color:var(--color-ink);margin:0;font-size:1.05rem}.card-detail-effect{align-items:baseline;gap:.5rem;display:flex}.card-detail-effect-icon{color:var(--color-gold);flex-shrink:0}.card-detail-flavor{color:var(--color-ink-soft);border-left:2px solid var(--color-gold);margin:1.5rem 0;padding-left:1rem;font-style:italic}.card-detail-flavor p{margin:0 0 .5rem}.card-detail-flavor p:last-child{margin-bottom:0}.card-detail-footer{border-top:1px solid var(--color-line);gap:2rem;padding-top:1rem;display:flex}.card-detail-pager{gap:1.5rem;margin-top:1rem;display:flex}.deck-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.deck-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.deck-card h3{text-transform:none;margin:0}.deck-card-investigator{color:var(--color-gold);margin:.15rem 0;font-weight:700}.deck-card-count{color:var(--color-gray);margin:0;font-size:.85rem}.deck-card-actions{gap:.75rem;display:flex}.deck-editor-form{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);flex-direction:column;gap:1rem;max-width:480px;margin:1.5rem 0 2.5rem;padding:1.5rem;display:flex}.deck-editor-form label{color:var(--color-ink-soft);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:700;display:flex}.deck-editor-rp-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.deck-pool-list{flex-direction:column;gap:.6rem;display:flex}.deck-pool-item{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.deck-pool-meta{color:var(--color-gray);font-size:.85rem;font-weight:400}.deck-pool-controls{align-items:center;gap:.6rem;display:flex}.deck-pool-controls button{border:1px solid var(--color-line);background:var(--color-surface);cursor:pointer;width:28px;height:28px;color:var(--color-ink);border-radius:999px;font-weight:700}.deck-pool-controls button:hover{border-color:var(--color-gold)}.rules-placeholder{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);margin-top:1.5rem;padding:1.5rem}@media (width<=900px){.hybrid-list{grid-template-columns:1fr}.hybrid-preview{flex-direction:row;position:static}.hybrid-preview-image{flex-shrink:0;width:140px}.card-detail{grid-template-columns:1fr}}@media (width<=640px){.nav-bar{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.nav-links{order:3;gap:1rem;width:100%}.nav-user{gap:.5rem}.cards-toolbar-left{width:100%}.cards-toolbar-left select{flex:1;min-width:0}.card-detail-fields,.card-detail-stats,.card-detail-footer{gap:1rem}}