style(armada): set builder on paper — light theme, one family with the status page

Cream ground, warm brown ink, sage for OK, amber for WARN, terracotta for the
played-recently badge. Screenshot-verified over HTTP at 1400px.

armada/setbuilder.html

@@ -6,9 +6,9 @@
 <title>Set Builder — Thu 2026-09-24</title>
 <style>
   :root{
-    --bg:#0b0d10; --panel:#13171c; --panel2:#181d24; --line:#252c35;
-    --ink:#e6edf3; --dim:#8b98a5; --ok:#3fb950; --warn:#d29922;
-    --accent:#4ea3ff; --bad:#f85149;
+    --bg:#f6f1e5; --panel:#fffdf7; --panel2:#fbf7ec; --line:#ddd2bc;
+    --ink:#3b2f26; --dim:#8a7a68; --ok:#4f7a4f; --warn:#a06a14;
+    --accent:#b5533a; --bad:#a33a2c;
     --mono: "Geist Mono","GeistMono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
     --sans: "Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
   }
@@ -27,19 +27,19 @@
   .card{background:var(--panel2);border:1px solid var(--line);border-left:3px solid transparent;
         border-radius:8px;padding:12px 14px;margin-bottom:10px;cursor:pointer;
         min-height:56px;transition:border-color .12s,background .12s}
-  .card:hover{border-color:#3a4552}
-  .card.on{border-left-color:var(--accent);background:#17222e}
+  .card:hover{border-color:#c9b89c}
+  .card.on{border-left-color:var(--accent);background:#f5e7d6}
   .card .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
   .name{font-family:var(--mono);font-size:1rem;font-weight:600}
   .genre{font-size:.72rem;color:var(--dim);border:1px solid var(--line);
          border-radius:99px;padding:1px 8px}
   .pill{font-size:.68rem;font-weight:700;letter-spacing:.08em;border-radius:99px;
         padding:2px 9px;text-transform:uppercase}
-  .pill.ok{background:rgba(63,185,80,.14);color:var(--ok)}
-  .pill.warn{background:rgba(210,153,34,.16);color:var(--warn)}
-  .pill.played{background:rgba(78,163,255,.16);color:var(--accent)}
-  .note{color:#c2cdd9;font-size:.85rem;margin-top:6px}
-  .card.warnrow .note{color:#e8c46a}
+  .pill.ok{background:rgba(79,122,79,.16);color:var(--ok)}
+  .pill.warn{background:rgba(160,106,20,.16);color:var(--warn)}
+  .pill.played{background:rgba(181,83,58,.14);color:var(--accent)}
+  .note{color:#5a4a3c;font-size:.85rem;margin-top:6px}
+  .card.warnrow .note{color:#8a5a14}
   .path{font-family:var(--mono);font-size:.74rem;color:var(--dim);margin-top:6px;
         word-break:break-all}
   .added{float:right;font-size:.7rem;color:var(--accent);font-family:var(--mono)}
@@ -50,13 +50,13 @@
   .row .rname{font-family:var(--mono);font-size:.95rem;flex:1;min-width:0;
                overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
   .row.warnrow .rname{color:var(--warn)}
-  button{font-family:var(--sans);font-size:.95rem;color:var(--ink);background:#222a33;
+  button{font-family:var(--sans);font-size:.95rem;color:var(--ink);background:#efe7d7;
          border:1px solid var(--line);border-radius:7px;min-width:40px;min-height:40px;
          cursor:pointer;padding:0 10px}
-  button:hover{background:#2c3642}
+  button:hover{background:#e4d8c2}
   button:disabled{opacity:.3;cursor:default}
   button.x{color:var(--bad)}
-  input[type=number]{width:62px;min-height:40px;background:#0e1216;color:var(--ink);
+  input[type=number]{width:62px;min-height:40px;background:#efe8d8;color:var(--ink);
     border:1px solid var(--line);border-radius:7px;font-family:var(--mono);
     font-size:.95rem;text-align:center;padding:0 4px}
   .mins-u{font-size:.7rem;color:var(--dim);font-family:var(--mono)}
@@ -65,15 +65,15 @@
   .tnum{font-family:var(--mono);font-size:1.35rem;font-weight:700}
   .tmsg{font-family:var(--mono);font-size:.85rem;margin-top:2px}
   .under{color:var(--warn)} .over{color:var(--bad)} .good{color:var(--ok)}
-  .bar{height:14px;background:#0e1216;border:1px solid var(--line);border-radius:99px;
+  .bar{height:14px;background:#efe8d8;border:1px solid var(--line);border-radius:99px;
        margin-top:10px;overflow:hidden;position:relative}
   .fill{height:100%;width:0;background:var(--accent);transition:width .18s}
   .fill.good{background:var(--ok)} .fill.over{background:var(--bad)}
-  .target{position:absolute;top:0;bottom:0;width:2px;background:#5b6672}
+  .target{position:absolute;top:0;bottom:0;width:2px;background:#a3937e}
 
   .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
-  pre{background:#0e1216;border:1px solid var(--line);border-radius:8px;padding:12px;
-      font-family:var(--mono);font-size:.78rem;color:#c2cdd9;overflow-x:auto;
+  pre{background:#efe8d8;border:1px solid var(--line);border-radius:8px;padding:12px;
+      font-family:var(--mono);font-size:.78rem;color:#5a4a3c;overflow-x:auto;
       white-space:pre;margin:12px 0 0;min-height:2em}
   .empty{color:var(--dim);font-family:var(--mono);font-size:.85rem;padding:8px 0}
   .flash{font-family:var(--mono);font-size:.8rem;color:var(--ok);margin-left:4px}