:root,[data-theme=arcade]{--sky-top:#4eb3ff;--sky-mid:#7ec8ff;--sky-bottom:#c8e9ff;--ink:#1b2437;--ink-muted:#4a5a73;--panel:#fffdf8;--panel-edge:#1b2437;--accent:#ffc400;--accent-hover:#ffd84a;--accent-deep:#f0a800;--accent-ink:#1b2437;--accent-edge:#b07a00;--line:#1b2437;--danger:#e03a3a;--hud:#2f6bff;--link-hover:#1d4ed8;--brand-fill:#fff;--input-bg:#fff;--btn-secondary-top:#fff;--btn-secondary-bottom:#eef3ff;--ghost-bg:rgba(255,253,248,.75);--footer-bg:rgba(255,253,248,.55);--footer-edge:rgba(27,36,55,.2);--focus-ring:rgba(47,107,255,.25);--brand-shadow:rgba(27,36,55,.18);--radius:14px;--radius-lg:18px;--radius-sm:12px;--border-w:3px;--lift:5px;--lift-sm:3px;--font-display:"Lilita One",system-ui,sans-serif;--font-body:"Nunito",system-ui,sans-serif;--brand-stroke:3px;--brand-letter:0.02em;--brand-transform:none;--bg-blobs:radial-gradient(circle at 18% 22%,hsla(0,0%,100%,.55) 0 42px,transparent 44px),radial-gradient(circle at 78% 18%,hsla(0,0%,100%,.4) 0 56px,transparent 58px),radial-gradient(circle at 62% 40%,hsla(0,0%,100%,.28) 0 36px,transparent 38px);--bg-base:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 42%,var(--sky-bottom) 100%)}[data-theme=circuit]{--sky-top:#071018;--sky-mid:#0b1a24;--sky-bottom:#102632;--ink:#d7ece8;--ink-muted:#7fa39a;--panel:#0f222c;--panel-edge:#2a5a52;--accent:#1ec9a2;--accent-hover:#3fe0b8;--accent-deep:#149878;--accent-ink:#041410;--accent-edge:#0d6b55;--line:#2a5a52;--danger:#ff6b6b;--hud:#3fe0b8;--link-hover:#7af0d0;--brand-fill:#3fe0b8;--input-bg:#08151c;--btn-secondary-top:#14303a;--btn-secondary-bottom:#0f222c;--ghost-bg:rgba(15,34,44,.82);--footer-bg:rgba(7,16,24,.88);--footer-edge:rgba(62,224,184,.18);--focus-ring:rgba(62,224,184,.28);--brand-shadow:rgba(0,0,0,.45);--radius:4px;--radius-lg:6px;--radius-sm:3px;--border-w:2px;--lift:0px;--lift-sm:0px;--font-display:"Orbitron",system-ui,sans-serif;--font-body:"IBM Plex Sans",system-ui,sans-serif;--brand-stroke:0;--brand-letter:0.12em;--brand-transform:uppercase;--bg-blobs:linear-gradient(rgba(62,224,184,.07) 1px,transparent 0),linear-gradient(90deg,rgba(62,224,184,.07) 1px,transparent 0),radial-gradient(ellipse at 70% 0%,rgba(30,201,162,.18),transparent 55%);--bg-base:linear-gradient(165deg,var(--sky-top) 0%,var(--sky-mid) 55%,var(--sky-bottom) 100%)}[data-theme=veil]{--sky-top:#07060f;--sky-mid:#12101c;--sky-bottom:#1a1528;--ink:#ebe4d6;--ink-muted:#9a8f7a;--panel:#1c1828;--panel-edge:#3a3348;--accent:#d4b06a;--accent-hover:#e4c684;--accent-deep:#b8924a;--accent-ink:#1a1208;--accent-edge:#8a6a2e;--line:#3a3348;--danger:#e07070;--hud:#d4b06a;--link-hover:#f0d49a;--brand-fill:#f2e6c8;--input-bg:#12101a;--btn-secondary-top:#2a2438;--btn-secondary-bottom:#1c1828;--ghost-bg:rgba(28,24,40,.78);--footer-bg:rgba(7,6,15,.9);--footer-edge:hsla(40,55%,62%,.16);--focus-ring:hsla(40,55%,62%,.28);--brand-shadow:rgba(0,0,0,.55);--radius:10px;--radius-lg:14px;--radius-sm:8px;--border-w:1px;--lift:0px;--lift-sm:0px;--font-display:"Cinzel","Times New Roman",serif;--font-body:"Source Sans 3",system-ui,sans-serif;--brand-stroke:0;--brand-letter:0.08em;--brand-transform:none;--bg-blobs:radial-gradient(1.5px 1.5px at 12% 18%,hsla(43,62%,87%,.55),transparent),radial-gradient(1px 1px at 28% 62%,hsla(43,62%,87%,.4),transparent),radial-gradient(1.5px 1.5px at 72% 28%,hsla(43,62%,87%,.45),transparent),radial-gradient(1px 1px at 88% 70%,hsla(43,62%,87%,.35),transparent),radial-gradient(ellipse at 50% 0%,rgba(90,70,140,.22),transparent 50%),radial-gradient(ellipse at 20% 90%,rgba(40,30,70,.45),transparent 45%);--bg-base:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 48%,var(--sky-bottom) 100%)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background-color:var(--sky-mid);background-image:var(--bg-blobs),var(--bg-base);background-attachment:fixed}[data-theme=circuit] body{background-size:28px 28px,28px 28px,auto,auto}a{color:var(--hud);text-decoration:none;font-weight:700;transition:color .12s ease,transform .12s ease}a:hover{color:var(--link-hover)}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-main{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:2rem 1.25rem 2.5rem;max-width:720px;margin:0 auto;width:100%}.brand{font-family:var(--font-display);font-weight:400;font-size:clamp(3.2rem,12vw,5.5rem);letter-spacing:var(--brand-letter);line-height:.95;margin:0;color:var(--brand-fill);text-transform:var(--brand-transform);-webkit-text-stroke:var(--brand-stroke) var(--panel-edge);paint-order:stroke fill;text-shadow:0 4px 0 var(--panel-edge),0 10px 0 var(--brand-shadow);animation:brand-pop .55s cubic-bezier(.34,1.4,.64,1) both}[data-theme=circuit] .brand,[data-theme=veil] .brand{text-shadow:0 2px 24px var(--brand-shadow);-webkit-text-stroke:0}[data-theme=veil] .brand{text-shadow:0 0 40px hsla(40,55%,62%,.18),0 8px 28px rgba(0,0,0,.55)}.mission{margin:1.15rem 0 0;font-size:1.15rem;font-weight:700;line-height:1.45;color:var(--ink);max-width:32ch;padding:.85rem 1rem;background:var(--panel);border:var(--border-w) solid var(--panel-edge);border-radius:var(--radius);box-shadow:0 var(--lift) 0 var(--panel-edge);animation:slide-up .45s ease .08s both}[data-theme=circuit] .mission,[data-theme=veil] .mission{box-shadow:0 12px 40px rgba(0,0,0,.35)}.actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;animation:slide-up .45s ease .14s both}.btn{font-family:var(--font-body);font-size:1rem;font-weight:800;border-radius:var(--radius);padding:.85rem 1.35rem;cursor:pointer;border:var(--border-w) solid var(--panel-edge);box-shadow:0 var(--lift) 0 var(--panel-edge);transition:transform .1s ease,box-shadow .1s ease,filter .1s ease,background .15s ease;display:inline-block;text-align:center;text-decoration:none}[data-theme=circuit] .btn,[data-theme=veil] .btn{box-shadow:none;font-weight:700}[data-theme=circuit] .btn{letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}a.btn{color:inherit}a.btn-primary{color:var(--accent-ink)}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(3px);box-shadow:0 calc(var(--lift) - 2px) 0 var(--panel-edge)}[data-theme=circuit] .btn:active,[data-theme=veil] .btn:active{transform:translateY(1px);box-shadow:none}.btn-primary{background:linear-gradient(180deg,var(--accent-hover) 0,var(--accent) 55%,var(--accent-deep) 100%);color:var(--accent-ink);border-color:var(--accent-edge);box-shadow:0 var(--lift) 0 var(--accent-edge)}.btn-primary:active{box-shadow:0 calc(var(--lift) - 2px) 0 var(--accent-edge)}[data-theme=circuit] .btn-primary,[data-theme=veil] .btn-primary{box-shadow:none}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}.btn-secondary{background:linear-gradient(180deg,var(--btn-secondary-top) 0,var(--btn-secondary-bottom) 100%);color:var(--ink)}.btn-ghost{background:var(--ghost-bg);color:var(--ink);box-shadow:0 var(--lift-sm) 0 var(--panel-edge);padding:.55rem .9rem}.btn-ghost:active{box-shadow:0 1px 0 var(--panel-edge)}[data-theme=circuit] .btn-ghost,[data-theme=veil] .btn-ghost{box-shadow:none}.status{margin-top:1.5rem;padding:1.15rem 1.2rem;background:var(--panel);border:var(--border-w) solid var(--panel-edge);border-radius:var(--radius-lg);box-shadow:0 var(--lift) 0 var(--panel-edge);display:grid;grid-gap:.4rem;gap:.4rem;font-size:.98rem;font-weight:700;animation:slide-up .45s ease .2s both}[data-theme=circuit] .status,[data-theme=veil] .status{box-shadow:0 16px 48px rgba(0,0,0,.35)}.status dt{color:var(--ink-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin:0}.status dd{margin:0 0 .7rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error{color:var(--danger);font-size:.92rem;font-weight:800;margin-top:.75rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;flex-wrap:wrap}.topbar-left,.topbar-right{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.topbar-right{margin-left:auto;justify-content:flex-end}.theme-switcher{display:inline-flex;flex-wrap:wrap;gap:.3rem;padding:.25rem;background:var(--ghost-bg);border:var(--border-w) solid var(--panel-edge);border-radius:var(--radius);box-shadow:0 var(--lift-sm) 0 var(--panel-edge)}[data-theme=circuit] .theme-switcher,[data-theme=veil] .theme-switcher{box-shadow:none}.theme-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-muted);font-family:var(--font-body);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.4rem .55rem;border-radius:calc(var(--radius) - 4px);cursor:pointer;display:grid;grid-gap:.05rem;gap:.05rem;line-height:1.15;transition:background .12s ease,color .12s ease}.theme-chip-blurb{font-size:.62rem;font-weight:600;letter-spacing:0;text-transform:none;opacity:.85}.theme-switcher--compact .theme-chip{padding:.35rem .5rem}.theme-chip:hover{color:var(--ink);background:hsla(0,0%,100%,.08)}.theme-chip--active{background:var(--accent);color:var(--accent-ink)}.theme-chip--active .theme-chip-blurb{color:var(--accent-ink);opacity:.75}.footer{padding:1.1rem 1.5rem 1.75rem;text-align:center;color:var(--ink);font-size:.82rem;font-weight:700;line-height:1.5;background:var(--footer-bg);border-top:var(--border-w) solid var(--footer-edge)}.login-wrap{min-height:100vh;flex-direction:column;align-items:center;padding:1.5rem;gap:1.25rem}.login-theme,.login-wrap{display:flex;justify-content:center}.login-panel,.login-theme{width:100%;max-width:22.5rem}.login-panel h1{font-family:var(--font-display);font-weight:400;font-size:2.6rem;letter-spacing:var(--brand-letter);text-transform:var(--brand-transform);margin:0;text-align:center;color:var(--brand-fill);-webkit-text-stroke:var(--brand-stroke) var(--panel-edge);paint-order:stroke fill;text-shadow:0 4px 0 var(--panel-edge);animation:brand-pop .55s cubic-bezier(.34,1.4,.64,1) both}[data-theme=circuit] .login-panel h1,[data-theme=veil] .login-panel h1{-webkit-text-stroke:0;text-shadow:0 2px 24px var(--brand-shadow)}.login-panel p{margin:.55rem 0 1.25rem;text-align:center;color:var(--ink);font-size:1rem;font-weight:800}.login-panel form{display:grid;grid-gap:.9rem;gap:.9rem;padding:1.35rem;background:var(--panel);border:var(--border-w) solid var(--panel-edge);border-radius:var(--radius-lg);box-shadow:0 var(--lift) 0 var(--panel-edge);animation:slide-up .45s ease .1s both}[data-theme=circuit] .login-panel form,[data-theme=veil] .login-panel form{box-shadow:0 16px 48px rgba(0,0,0,.4)}.login-panel label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:.35rem}.login-panel input{width:100%;padding:.8rem .95rem;border-radius:var(--radius-sm);border:var(--border-w) solid var(--panel-edge);background:var(--input-bg);color:var(--ink);font:inherit;font-weight:700}.login-panel input:focus{outline:none;border-color:var(--hud);box-shadow:0 0 0 3px var(--focus-ring)}.pixel-canvas{display:grid;grid-gap:1px;gap:1px;width:min(100%,420px);aspect-ratio:1;background:var(--panel-edge);border:var(--border-w) solid var(--panel-edge);border-radius:var(--radius-sm);overflow:hidden;margin:0 auto}.pixel-cell{margin:0;padding:0;border:none;border-radius:0;cursor:pointer;box-shadow:none;min-width:0;min-height:0}.pixel-cell--pending,.pixel-cell--selected{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.pixel-cell--pending{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.35)}.brush-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:center}.brush-label{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-right:.15rem}.brush-btn{padding:.4rem .7rem!important;min-width:3.1rem}.brush-btn--active{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent-edge)!important}.stamp-library{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.stamp-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-w) solid var(--panel-edge);background:var(--input-bg);border-radius:var(--radius-sm);padding:.4rem .45rem .35rem;cursor:pointer;display:grid;grid-gap:.3rem;gap:.3rem;justify-items:center;min-width:4.4rem;color:var(--ink);font-family:var(--font-body);transition:border-color .12s ease,background .12s ease}.stamp-card:hover{border-color:var(--hud)}.stamp-card--active{border-color:var(--accent-edge);background:color-mix(in srgb,var(--accent) 22%,var(--panel));box-shadow:0 var(--lift-sm) 0 var(--accent-edge)}[data-theme=circuit] .stamp-card--active,[data-theme=veil] .stamp-card--active{box-shadow:none;outline:2px solid var(--accent);outline-offset:1px}.stamp-thumb{display:grid;width:2.75rem;grid-gap:1px;gap:1px;background:color-mix(in srgb,var(--panel-edge) 35%,transparent);border-radius:2px;overflow:hidden}.stamp-thumb>span{min-width:0;min-height:0;aspect-ratio:1}.stamp-card-label{font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.palette-swatch{width:28px;height:28px;border-radius:calc(var(--radius-sm) - 2px);padding:0;cursor:pointer;border:2px solid color-mix(in srgb,var(--panel-edge) 45%,transparent);box-shadow:none}.palette-swatch--active{border:var(--border-w) solid var(--panel-edge);box-shadow:0 var(--lift-sm) 0 var(--panel-edge)}[data-theme=circuit] .palette-swatch--active,[data-theme=veil] .palette-swatch--active{box-shadow:none;outline:2px solid var(--accent);outline-offset:1px}@keyframes brand-pop{0%{opacity:0;transform:scale(.86) translateY(8px)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.actions,.brand,.login-panel form,.login-panel h1,.mission,.status{animation:none}}