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