body{margin:0;font-family:-apple-system}body:has(#app){overflow:hidden}#app #controls{position:absolute;right:0;display:flex;align-items:flex-end;flex-direction:column;gap:.5em;z-index:2}#app #controls label{display:flex;align-items:center;gap:1ch;color:#fff}#app canvas{width:100%;height:100%;position:absolute;top:0;left:0}#details{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;color:#fff;background:#000000b3;padding:1rem 2rem;border-radius:8px;z-index:10;pointer-events:auto;max-width:400px}#details a{color:#6eb5ff;text-decoration:none}#details a:hover{text-decoration:underline}.ship-image-container{margin-bottom:.75rem}.ship-image{max-width:100%;max-height:150px;border-radius:4px;object-fit:cover}.ship-image-loading{color:#888;font-size:.875rem}#details:empty{display:none}#auth-overlay{position:absolute;bottom:2rem;right:2rem;z-index:10}#auth-overlay .btn{background:#000000b3;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;display:inline-block;transition:background .2s}#auth-overlay .btn:hover{background:#000000e6}#cover{position:absolute;top:0;right:0;bottom:0;left:0;background:#002;display:flex;color:#fff;flex-direction:column;align-items:center;justify-content:center;gap:3em;z-index:1}svg{width:20rem;height:fit-content}svg#line{width:25rem}.impersonate-banner{background:#d97706;color:#fff;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.impersonate-banner button{background:#0003;border:none;color:#fff;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer}.impersonate-banner button:hover{background:#0000004d}.sidebar{position:fixed;left:0;top:0;height:100vh;width:4rem;background:#1a1a2e;padding:.5rem;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;justify-content:center;padding:.5rem;color:#e0e0e0;text-decoration:none;border-radius:.375rem;transition:background .2s}.sidebar-link:hover{background:#ffffff1a}.sidebar-link svg{width:1.25rem;height:1.25rem}.sidebar-link-text{display:none}.sidebar-footer{display:flex;flex-direction:column;gap:.5rem}.sidebar-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:background .2s,opacity .2s}.sidebar-btn svg{width:1.25rem;height:1.25rem}.sidebar-btn-text{display:none}.sidebar-btn-logout{background:#e53935;color:#fff}.sidebar-btn-logout:hover{background:#c62828}.sidebar-btn-admin{background:transparent;color:#e0e0e0;opacity:.3;border:2px solid #f97316}.sidebar-btn-admin:hover{opacity:1;background:#ffffff1a}.main-content{margin-left:4rem;min-height:100vh;padding:4rem;background:#1d1d2b;color:#e5e5e5}.main-content[data-theme=dark]{--b1: .2 0 0;--b2: .18 0 0;--b3: .15 0 0;--bc: .9 0 0;--p: .65 .2 260;--pc: .98 0 0;--s: .7 .15 310;--sc: .98 0 0;--a: .75 .18 180;--ac: .15 0 0;--n: .25 .02 260;--nc: .9 0 0;background:#1d1d2b;color:#e5e5e5}.main-content h1{font-size:1.875rem;font-weight:700}.main-content p{margin-top:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.5rem}.card{background:#1a1a2e;color:#e0e0e0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.card-light{background:#fff;color:#1a1a2e}.card-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.card-header{border-bottom-color:#ffffff1a}.card-light .card-header{border-bottom-color:#0000001a}.card-title{margin:0;font-size:1.25rem;font-weight:600}.card-subtitle{display:block;font-size:.875rem;font-weight:400;color:#888;margin-top:.25rem}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid rgba(0,0,0,.1);background:#00000005}.card-footer{border-top-color:#ffffff1a;background:#ffffff05}.card-light .card-footer{border-top-color:#0000001a;background:#00000005}.card-screenshot{margin-bottom:1rem;border-radius:.5rem;overflow:hidden;background:#0003}.card-screenshot img{width:100%;height:150px;object-fit:cover;display:block}.card-description{margin:0 0 1rem;line-height:1.5;color:inherit;opacity:.9}.card-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem}.meta-item{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#ffffff1a;border-radius:.375rem}.status-approved{background:#22c55e33;color:#4ade80}.status-pending{background:#eab30833;color:#facc15}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;text-decoration:none;transition:background-color .15s ease;cursor:pointer;border:none}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5}.btn-secondary{background:#ffffff1a;color:#e0e0e0}.btn-secondary:hover{background:#ffffff26}.btn-accent{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-weight:600;box-shadow:0 2px 8px #f59e0b4d}.btn-accent:hover{background:linear-gradient(135deg,#d97706,#dc2626);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}