:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0b1017;--panel:#131b26;--line:#22303f;--ink:#e6edf5;--muted:#8ea0b5;--accent:#4c8dff;--danger:#ff8a7a;--brand:#4fc1d6;--radius:6px;--measure:34rem;--shell:var(--measure)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f4f6fa;--panel:#fff;--line:#d8dfea;--ink:#15202b;--muted:#5a6b80;--accent:#1f5fd0;--danger:#b3261e;--brand:#0e7a8c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);flex-direction:column;align-items:center;margin:0;padding:0;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}body:has(.camo-editor){--shell:70rem}body:has(.with-sidebar){--shell:52rem}#app{width:100%;max-width:var(--shell);flex-direction:column;gap:1rem;padding:2rem 1.25rem 4rem;display:flex}#app[aria-busy=true]:after{content:"Loading…";color:var(--muted)}.masthead{z-index:10;background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 60%, var(--bg)), var(--bg));border-bottom:1px solid var(--line);width:100%;position:sticky;top:0}.masthead-inner{width:100%;max-width:var(--shell);justify-content:space-between;align-items:stretch;gap:1rem;min-height:3.5rem;margin:0 auto;padding:0 1.25rem;display:flex;position:relative}.masthead-inner:after{content:"";background:linear-gradient(90deg, var(--brand) 0, color-mix(in srgb, var(--brand) 40%, transparent) 30%, transparent 70%);height:1px;position:absolute;inset:auto 0 -1px}.brand{color:inherit;align-self:center;align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand-mark{width:auto;height:2rem;display:block}.brand-name{letter-spacing:-.01em;font-size:1.15rem;font-weight:650}.brand-tld{color:var(--brand)}.nav{align-items:stretch;gap:.1rem;display:flex}.nav a{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:0 .7rem;font-size:.76rem;font-weight:600;text-decoration:none;display:flex}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--brand)}.brand:focus-visible,.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:3px}@media (width<=30rem){.masthead-inner{padding:0 .9rem}.brand-mark{height:1.75rem}.brand-name{font-size:1rem}.nav a{letter-spacing:.05em;padding:0 .45rem;font-size:.7rem}}@media (width<=26rem){.brand-name{display:none}}.page-head{margin:0 0 .5rem}.page-head h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:1.65rem;line-height:1.25}.page-head .lead{color:var(--muted);max-width:var(--measure);text-wrap:pretty;margin:.5rem 0 0}.signin,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.card h2{margin:0;font-size:1.1rem}label{color:var(--muted);font-size:.9rem}input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .7rem}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.typeahead{min-width:0;font:inherit;--color-background:var(--panel);--color-border:var(--line);--color-shadow:#000;--color-hover:var(--line);--color-avatar-fallback:var(--line);flex:none;display:block}.typeahead input{width:100%}.typeahead::part(user){cursor:pointer}button{font:inherit;color:#fff;background:var(--accent);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-self:flex-start;padding:.6rem 1.1rem;font-weight:600}button.secondary{color:var(--ink);border-color:var(--line);background:0 0;font-weight:500}button[disabled]{opacity:.6;cursor:progress}.small-btn{padding:.35rem .6rem;font-size:.8rem}.identity{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:.25rem 0 .5rem;display:grid}.identity dt{color:var(--muted);font-size:.9rem}.identity dd{overflow-wrap:anywhere;margin:0}.identity dd.did{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.prose{gap:.75rem}.prose h2{border-bottom:1px solid var(--line);padding-bottom:.6rem}.prose p{margin:0}.prose a{color:var(--accent)}.credits{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:.5rem;margin-top:.25rem;padding-top:.75rem;font-size:.8rem;display:flex}.credits p{margin:0}.faq{border-top:1px solid var(--line);padding:.75rem 0}.faq:first-of-type{border-top:0;padding-top:0}.faq:last-of-type{padding-bottom:0}.faq summary{cursor:pointer;font-weight:600;list-style-position:outside}.faq summary:hover{color:var(--brand)}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.faq summary::marker{color:var(--brand)}.faq-body{max-width:var(--measure);flex-direction:column;gap:.6rem;margin-top:.6rem;display:flex}.faq-body p{color:var(--muted);margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.status-list{flex-direction:column;gap:.4rem;margin:0;padding-left:1.1rem;display:flex}.status-list li{padding-left:.2rem}.status-list::marker{color:var(--brand)}.status-list li::marker{color:var(--brand)}.muted{color:var(--muted)}.hint{color:var(--muted);margin:0;font-size:.85rem}.error{color:var(--danger);margin:0;font-size:.9rem}.error:empty{display:none}footer{color:var(--muted);margin-top:2.5rem;font-size:.8rem}footer p{margin:0}footer .debug{margin-top:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.choice{border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:.75rem;padding:.9rem;display:flex}.choice:has(input:checked){border-color:var(--accent)}.choice input[type=radio]{accent-color:var(--accent);margin-top:.2rem}.choice.muted-block{opacity:.7;flex-direction:column;gap:.35rem}.choice select{background:var(--panel);max-width:16rem;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);padding:.4rem}.row{gap:.6rem;display:flex}.dead-path{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere;align-self:flex-start;max-width:100%;padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.waiting{text-align:center;align-items:center;animation:3.5s ease-in-out infinite pulse}.waiting-logo{width:7rem;margin:.5rem auto 0}.waiting-line{min-height:1.4rem;color:var(--muted);margin:0}@keyframes pulse{0%,to{box-shadow:0 0 #4c8dff59}50%{box-shadow:0 0 2.5rem .4rem #4c8dff1f}}@media (prefers-reduced-motion:reduce){.waiting{animation:none}}.with-sidebar{grid-template-columns:minmax(0,1fr) 17rem;align-items:start;gap:1rem;display:grid}.sidebar{flex-direction:column;gap:1rem;min-width:0;display:flex}@media (width<=48rem){.with-sidebar{grid-template-columns:1fr}}.match-list{flex-direction:column;display:flex}.match-row{border-top:1px solid var(--line);flex-direction:column;gap:.1rem;padding:.55rem 0;display:flex}.match-row:first-child{border-top:0;padding-top:0}.match-row:last-child{padding-bottom:0}.match-line{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.match-line button{align-self:center}.match-id{font-family:ui-monospace,monospace;font-size:.85rem}.match-when{font-size:.8rem}.match-row a{color:var(--accent);font-size:.85rem}.camo-editor canvas{image-rendering:pixelated;background:#11151b;border-radius:2px;display:block}.camo-stage-row{flex-wrap:wrap;align-items:stretch;gap:1rem;margin:1rem 0;display:flex}.camo-stage-col{flex-direction:column;align-items:center;min-width:0;display:flex}.camo-stage-wrap{background:#0e1116;border:1px solid #262d38;border-radius:4px;padding:.75rem}.camo-aside{flex-direction:column;flex:0 0 200px;gap:.5rem;width:200px;display:flex}.camo-label{text-transform:uppercase;letter-spacing:.08em;opacity:.65;font-size:.75rem}.camo-fleet{grid-template-columns:repeat(3,auto);align-content:start;gap:.25rem;margin:0;display:grid}.camo-unit-btn{cursor:pointer;background:#0e1116;border:1px solid #262d38;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:auto;padding:.25rem .2rem;display:flex}.camo-unit-btn.active{border-color:#4f7fc4}.camo-unit-name{opacity:.7;white-space:nowrap;font-size:.62rem}.camo-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;display:grid}@media (width<=720px){.camo-controls{grid-template-columns:1fr}}.camo-column{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.camo-group-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.camo-roll{width:auto;color:var(--ink);cursor:pointer;white-space:nowrap;background:#161b23;border:1px solid #2b3648;border-radius:3px;align-self:auto;padding:.25rem .55rem;font-size:.7rem;font-weight:500}.camo-roll:hover{border-color:#4f7fc4}.camo-group{flex-direction:column;gap:.5rem;min-width:0;display:flex}.camo-patterns{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;display:grid}.camo-pattern{cursor:pointer;text-align:center;background:#161b23;border:1px solid #262d38;border-radius:3px;width:auto;padding:.35rem .4rem;font-size:.75rem}.camo-pattern.active{background:#1d2836;border-color:#4f7fc4}.camo-swatches{flex-wrap:wrap;gap:.4rem;display:flex}.camo-color{cursor:pointer;background:0 0;border:1px solid #262d38;border-radius:3px;width:44px;height:32px;padding:0}.camo-field{grid-template-columns:4.5rem 1fr;align-items:center;gap:.5rem;font-size:.8rem;display:grid}.camo-range{width:100%}.camo-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.camo-aside .camo-actions{flex-wrap:nowrap}.camo-aside .camo-actions button{text-align:center;flex:auto;padding-inline:.4rem}.camo-actions button,.camo-select{width:auto}.camo-randomize{align-self:stretch;width:100%;padding:.7rem 1rem;font-size:1rem;font-weight:700}.camo-randomize:hover{filter:brightness(1.12)}.camo-select{padding:.35rem .6rem;font-size:.8rem}.camo-file{display:none}.camo-unit-kind{color:var(--muted);opacity:.62;letter-spacing:.01em;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem}.camo-credit{opacity:.55;margin-top:1rem}.camo-pattern{justify-content:center;align-items:center;gap:.3rem;display:flex}.camo-pattern-emoji{font-size:.85rem;line-height:1}.camo-backgrounds{flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.5rem;display:flex}.camo-bg-btn{cursor:pointer;background:#0e1116;border:1px solid #262d38;border-radius:3px;flex-direction:column;align-items:center;gap:.15rem;width:auto;padding:.2rem;display:flex}.camo-bg-btn.active{border-color:#4f7fc4}.camo-modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);max-width:min(26rem,100vw - 2rem);padding:0;overflow:visible}.camo-modal::backdrop{background:#04080ead}.camo-signin{flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.camo-signin h2{margin:0;font-size:1rem}.camo-signin p{margin:0}.camo-handle{width:100%}.camo-signin .hint{margin:0;font-size:.72rem}.camo-namefield{flex-direction:column;gap:.25rem;display:flex}.camo-name{width:100%;padding:.4rem .5rem;font-size:.85rem}.camo-namefield .error{font-size:.75rem}.camo-stage{width:252px;height:216px}.camo-swatch{width:168px;height:144px}@media (width>=1180px){.camo-stage{width:336px;height:288px}.camo-swatch{width:252px;height:216px}.camo-aside{flex:0 0 252px;width:252px}}.camo-status{min-height:2.7em;margin:0;font-size:.8rem;line-height:1.35}.camo-signin a,.signin label a{color:var(--accent)}
