:root {
      --bg:      #05080d;
      --bg2:     #0a1018;
      --panel:   #0a121c;
      --panel2:  #0c1626;
      --line:    #143a4d;
      --line2:   #1c6f8f;
      --ink:     #a9e8ff;   /* body phosphor */
      --phos:    #22e0ff;   /* bright phosphor */
      --dim:     #4aa6c8;   /* labels */
      --dimmer:  #2b7288;
      --amber:   #ff3d81;   /* alerts / jackpot */
      --red:     #ff5a66;
      --glow:    0 0 12px rgba(34,224,255,.45);
      --glow-amber: 0 0 12px rgba(255,61,129,.4);
      --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;
    }
    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    /* keep anchored sections clear of the sticky ticker when jumped to */
    #stats, #hazard, #plunge, #rounds, #mytables, #docs { scroll-margin-top: 54px; }
    body {
      background: var(--bg);
      color: var(--ink);
      font: 14px/1.55 var(--mono);
      -webkit-font-smoothing: antialiased;
      min-height: 100vh;
      position: relative;
      letter-spacing: .2px;
    }
    /* CRT scanlines + vignette, non-interactive */
    body::before {
      content: ""; position: fixed; inset: 0; z-index: 1; pointer-events: none;
      background: repeating-linear-gradient(0deg, rgba(0,0,0,.22) 0 1px, transparent 1px 3px);
      mix-blend-mode: multiply;
    }
    body::after {
      content: ""; position: fixed; inset: 0; z-index: 1; pointer-events: none;
      background: radial-gradient(120% 90% at 50% 40%, transparent 55%, rgba(0,0,0,.55) 100%);
    }
    .wrap { max-width: 1180px; margin: 0 auto; padding: 16px 18px 90px; position: relative; z-index: 2; }
    a { color: var(--phos); text-decoration: none; border-bottom: 1px dotted var(--line2); }
    code { color: var(--amber); background: rgba(255,61,129,.08); padding: 0 4px; border-radius: 3px; }
    ::selection { background: rgba(34,224,255,.28); }
    /* themed scrollbars — the default gray bar/corner reads like a stray dot */
    * { scrollbar-width: thin; scrollbar-color: var(--line2) transparent; }
    ::-webkit-scrollbar { width: 10px; height: 10px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: var(--line); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
    ::-webkit-scrollbar-thumb:hover { background: var(--line2); }
    ::-webkit-scrollbar-corner { background: transparent; }

    /* terminal window chrome */
    .term {
      border: 1px solid var(--line2); border-radius: 10px; background: linear-gradient(180deg, var(--bg2), var(--bg));
      box-shadow: 0 0 0 1px rgba(0,0,0,.6), inset 0 0 60px rgba(34,224,255,.03);
      overflow: hidden;
    }
    .term-bar {
      display: flex; align-items: center; gap: 12px; padding: 9px 14px;
      border-bottom: 1px solid var(--line); background: rgba(34,224,255,.03);
      color: var(--dim); font-size: 12px; letter-spacing: 2px;
    }
    .term-bar { gap: 0; }
    .term-bar .dots { order: -1; margin-right: 14px; display: flex; gap: 9px; }
    .term-bar .dots i { width: 11px; height: 11px; border-radius: 50%; display: block; }
    /* macOS-style traffic lights, blinking like status LEDs (staggered) */
    .term-bar .dots i:nth-child(1) { background: #ff5f56; box-shadow: 0 0 7px rgba(255,95,86,.8); animation: led 1.8s steps(1) infinite; }
    .term-bar .dots i:nth-child(2) { background: #febc2e; box-shadow: 0 0 7px rgba(254,188,46,.8); animation: led 1.8s steps(1) infinite .35s; }
    .term-bar .dots i:nth-child(3) { background: #28c840; box-shadow: 0 0 7px rgba(40,200,64,.8); animation: led 1.8s steps(1) infinite .7s; }
    @keyframes led { 0%,82% { opacity: 1; } 88% { opacity: .28; } 94% { opacity: 1; } }
    .term-body { padding: 20px; }

    /* header */
    header.top { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
    .logo { display: flex; align-items: center; gap: 12px; }
    .logo svg { height: 42px; width: auto; display: block; filter: drop-shadow(0 0 8px rgba(34,224,255,.5)); }
    .logo .word { font-size: 30px; font-weight: 800; color: var(--phos); letter-spacing: 3px; text-shadow: var(--glow); }
    .logo .cursor { display:inline-block; width: 14px; height: 26px; background: var(--phos); margin-left: 2px; box-shadow: var(--glow); animation: blink 1.1s steps(1) infinite; transform: translateY(3px); }
    @keyframes blink { 50% { opacity: 0; } }
    .logo .sub { color: var(--dim); font-size: 12px; letter-spacing: 4px; text-transform: uppercase; align-self: flex-end; padding-bottom: 4px; }
    .spacer { flex: 1; }

    /* sidebar layout */
    .shell { display: flex; min-height: 100vh; position: relative; z-index: 2; }
    .sidebar {
      flex: 0 0 214px; width: 214px; position: sticky; top: 0; align-self: flex-start;
      height: 100vh; display: flex; flex-direction: column;
      padding: 18px 14px; border-right: 1px solid var(--line2);
      background: linear-gradient(180deg, var(--bg2), var(--bg));
    }
    .side-logo { display: flex; align-items: center; gap: 8px; padding: 2px 6px 14px; border-bottom: 1px solid var(--line); margin-bottom: 10px; }
    .side-logo svg { height: 30px; width: auto; filter: drop-shadow(0 0 6px rgba(34,224,255,.5)); }
    .side-logo .word { font-size: 20px; font-weight: 800; color: var(--phos); letter-spacing: 2px; text-shadow: var(--glow); }
    .side-social { display: flex; gap: 10px; align-items: center; padding: 10px 6px; border-top: 1px solid var(--line); margin-top: 8px; }
    .xlink { color: var(--phos); opacity: .75; display: inline-flex; transition: opacity .15s, filter .15s; }
    .xlink:hover { opacity: 1; filter: drop-shadow(0 0 6px rgba(34,224,255,.6)); }
    .xlink svg { height: 20px; width: 20px; fill: currentColor; display: block; }
    footer .xlink { vertical-align: middle; margin-left: 4px; }
    .side-nav { display: flex; flex-direction: column; gap: 2px; flex: 1; }
    .side-nav a { color: var(--dim); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding: 9px 8px; border-radius: 5px; cursor: pointer; text-decoration: none; border: none; }
    .side-nav a::before { content: "▸ "; color: var(--line2); }
    .side-nav a:hover { color: var(--phos); background: rgba(34,224,255,.07); }
    .side-nav a:hover::before { color: var(--phos); }
    .side-nav a.active { color: var(--phos); background: rgba(34,224,255,.10); }
    .side-nav a.active::before { color: var(--phos); }
    .side-foot { display: flex; flex-direction: column; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
    .side-foot .btn { width: 100%; }
    .main { flex: 1; min-width: 0; }
    .main .wrap { padding-top: 18px; }

    /* ticker tape */
    .ticker { overflow: hidden; white-space: nowrap; position: sticky; top: 0; z-index: 5;
      background: var(--bg2); border-bottom: 1px dashed var(--line2);
      box-shadow: 0 6px 20px rgba(0,0,0,.4); }
    .ticker-track { display: inline-block; padding: 8px 0; animation: tick 46s linear infinite; will-change: transform; }
    .ticker:hover .ticker-track { animation-play-state: paused; }
    @keyframes tick { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    .ticker-track span { display: inline-block; color: var(--dim); font-size: 12px; letter-spacing: 1px;
      padding: 0 20px; border-right: 1px solid var(--line); }
    .ticker-track b { color: var(--phos); }
    .ticker-track .a { color: var(--amber); }
    .ticker-track .up { color: #35ffa0; }
    @media (max-width: 820px) {
      .shell { flex-direction: column; }
      .sidebar { flex: none; width: auto; height: auto; position: static; flex-direction: row; flex-wrap: wrap; align-items: center; border-right: none; border-bottom: 1px solid var(--line2); }
      .side-logo { border-bottom: none; margin: 0; padding: 2px 8px 2px 2px; }
      .side-nav { flex-direction: row; flex-wrap: wrap; flex: 1 1 100%; order: 3; margin-top: 8px; gap: 4px; }
      .side-foot { flex-direction: row; border-top: none; padding-top: 0; margin-left: auto; }
      .side-foot .btn { width: auto; }
    }

    /* buttons */
    .btn {
      background: var(--phos); color: #04121c; border: 1px solid var(--phos); border-radius: 6px;
      padding: 9px 16px; font-family: var(--mono); font-weight: 700; cursor: pointer; font-size: 13px;
      letter-spacing: 1px; text-transform: uppercase; box-shadow: var(--glow); transition: filter .12s, transform .06s;
    }
    .btn:hover { filter: brightness(1.12); }
    .btn:active { transform: translateY(1px); }
    .btn:disabled { opacity: .4; cursor: not-allowed; box-shadow: none; filter: grayscale(.3); }
    .btn.ghost { background: transparent; color: var(--phos); box-shadow: none; border-color: var(--line2); }
    .btn.ghost:hover { background: rgba(34,224,255,.08); }
    .btn.danger { background: transparent; color: var(--red); border-color: var(--red); box-shadow: none; }
    .btn.danger:hover:not(:disabled) { background: rgba(255,77,90,.12); }
    .btn.tiny { padding: 6px 11px; font-size: 12px; }
    .btn.connected { background: transparent; color: var(--dim); border-color: var(--line2); box-shadow: none; }

    .row { display: flex; align-items: center; }
    .row.gap { gap: 10px; } .row.wrap { flex-wrap: wrap; }
    .muted { color: var(--dim); } .small { font-size: 12.5px; }

    /* banners */
    .disclaimer {
      border: 1px solid var(--line2); border-left: 3px solid var(--phos); border-radius: 8px;
      padding: 12px 16px; margin: 18px 0; font-size: 13px; color: var(--ink);
      background: rgba(34,224,255,.04);
    }
    .disclaimer::before { content: "// "; color: var(--dim); }
    .disclaimer b { color: var(--phos); }
    .banner { border-radius: 8px; padding: 11px 15px; margin-bottom: 14px; font-size: 13px; letter-spacing: .4px; }
    .banner::before { content: "! "; font-weight: 800; }
    .banner.warn { border: 1px solid rgba(255,61,129,.4); color: var(--amber); background: rgba(255,61,129,.06); }
    .banner.err  { border: 1px solid rgba(255,77,90,.45); color: var(--red); background: rgba(255,77,90,.06); }

    /* grid + panels */
    .grid { display: grid; gap: 14px; }
    .cols-4 { grid-template-columns: repeat(4, 1fr); }
    .cols-3 { grid-template-columns: repeat(3, 1fr); }
    .cols-2 { grid-template-columns: repeat(2, 1fr); }
    @media (max-width: 900px) { .cols-4 { grid-template-columns: repeat(2,1fr); } .cols-3 { grid-template-columns: 1fr; } .cols-2 { grid-template-columns: 1fr; } }
    @media (max-width: 560px) { .cols-4 { grid-template-columns: 1fr; } }

    .panel {
      background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 16px;
      position: relative; box-shadow: inset 0 0 30px rgba(34,224,255,.02);
    }
    .panel h2 { margin: 0 0 6px; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; color: var(--dim); }
    .panel h2 .em { color: var(--phos); text-shadow: var(--glow); }
    .section-title { margin: 28px 0 12px; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: var(--dim); }
    .section-title::before { content: "> "; color: var(--phos); }

    .stat .label { color: var(--dim); font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; }
    .stat .val { font-size: 24px; font-weight: 800; margin-top: 6px; word-break: break-word; color: var(--ink); }
    .stat .val.hot  { color: var(--phos);  text-shadow: var(--glow); }
    .stat .val.cool { color: var(--phos); }
    .stat .val.gold { color: var(--amber); text-shadow: var(--glow-amber); }
    .stat .hint { color: var(--dim); font-size: 11.5px; margin-top: 6px; line-height: 1.5; }
    @keyframes skpulse { 0%,100% { opacity: .3; } 50% { opacity: .75; } }
    .val.sk { animation: skpulse 1.1s ease-in-out infinite; }

    .fill-bar { height: 6px; background: #0c2030; border: 1px solid var(--line); border-radius: 3px; overflow: hidden; margin-top: 10px; }
    .fill-bar > div { height: 100%; width: 0%; background: linear-gradient(90deg, var(--dimmer), var(--phos)); box-shadow: var(--glow); transition: width .5s; }

    /* two-asset hazard */
    .hazard { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: 8px; overflow: hidden; border: 1px solid var(--line2); }
    @media (max-width: 640px){ .hazard { grid-template-columns: 1fr; } }
    .hazard > div { padding: 16px; }
    .hazard .dark-side { background: rgba(34,224,255,.05); border-right: 1px solid var(--line); }
    .hazard .pow-side  { background: rgba(255,61,129,.05); }
    .hazard h3 { margin: 0 0 6px; font-size: 14px; letter-spacing: 1px; }
    .hazard .dark-side h3 { color: var(--phos); }
    .hazard .pow-side h3 { color: var(--amber); }
    .hazard p { margin: 0; font-size: 12.5px; color: var(--ink); }
    .hazard .tag { display:inline-block; font-size: 10.5px; font-weight:800; letter-spacing:1.5px; padding:2px 8px; border-radius: 4px; margin-bottom:8px; text-transform: uppercase; }
    .tag.floor { background: rgba(34,224,255,.14); color: var(--phos); border: 1px solid var(--line2); }
    .tag.nofloor { background: rgba(255,61,129,.14); color: var(--amber); border: 1px solid rgba(255,61,129,.4); }

    /* plunger steps */
    .steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 12px; }
    @media (max-width: 720px){ .steps { grid-template-columns: 1fr; } }
    .step { background: var(--panel2); border: 1px solid var(--line); border-radius: 6px; padding: 12px 14px; }
    .step .n { font-weight: 800; color: var(--amber); font-size: 11px; letter-spacing: 1.5px; }
    .step .t { font-weight: 700; margin: 4px 0; color: var(--phos); }
    .step .d { color: var(--dim); font-size: 12px; }

    input[type=number], input[type=text] {
      background: #05101a; border: 1px solid var(--line2); color: var(--phos);
      border-radius: 6px; padding: 10px 12px; font-size: 14px; width: 100%; font-family: var(--mono);
    }
    input::placeholder { color: var(--dimmer); }
    input:focus { outline: none; border-color: var(--phos); box-shadow: var(--glow); }
    label.field { display:block; font-size: 11px; color: var(--dim); text-transform: uppercase; letter-spacing:1.5px; margin-bottom:6px; }

    /* rounds */
    .round-card { background: var(--panel2); border:1px solid var(--line); border-radius: 6px; padding: 13px; margin-bottom: 10px; }
    .round-head { display:flex; justify-content: space-between; align-items:center; }
    .round-num { font-weight: 800; color: var(--phos); }
    .round-count { color: var(--dim); font-size: 12.5px; }
    .round-status { margin: 8px 0; font-size: 12.5px; color: var(--dim); }
    .round-status.ok { color: var(--phos); }
    .round-status.warn { color: var(--amber); }

    /* table cards */
    .mt-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
    .mt-controls input { width: 170px; flex: 0 1 170px; }
    .mt-controls .btn { flex: 0 0 auto; }
    .mt-summary { margin-top: 10px; }
    #tables-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }
    @media (max-width: 820px){ #tables-grid { grid-template-columns: repeat(2,1fr); } }
    @media (max-width: 520px){ #tables-grid { grid-template-columns: 1fr; } }
    .table-card { background: var(--panel2); border:1px solid var(--line2); border-radius: 8px; padding: 14px 14px 40px; position: relative; }
    .table-top { display:flex; justify-content: space-between; align-items:center; }
    .table-id { font-weight: 800; font-size: 18px; color: var(--phos); }
    .badge { font-size: 10.5px; font-weight: 800; letter-spacing:1.5px; padding: 3px 9px; border-radius: 4px; text-transform: uppercase; }
    .badge-dark { background: rgba(34,224,255,.14); color: var(--phos); border:1px solid var(--line2); }
    .badge-powered { background: rgba(255,61,129,.16); color: var(--amber); border:1px solid rgba(255,61,129,.45); }
    .table-img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; margin: 10px 0 2px; background: #05080d; }
    .table-tier { margin-top: 8px; font-weight:700; color: var(--ink); font-size: 13px; }
    .table-owner { color: var(--dim); font-size: 11.5px; margin-top: 2px; }
    .floor-box { margin-top: 12px; background: rgba(34,224,255,.06); border:1px solid var(--line2); border-radius: 6px; padding: 10px; }
    .nofloor-box { margin-top: 12px; background: rgba(255,61,129,.06); border:1px solid rgba(255,61,129,.35); border-radius: 6px; padding: 10px; }
    .pending-box { margin-top: 10px; background: rgba(34,224,255,.06); border:1px solid var(--line2); border-radius: 6px; padding: 10px; }
    .floor-label { font-size: 10px; letter-spacing:1.5px; text-transform: uppercase; color: var(--dim); }
    .floor-val { font-size: 18px; font-weight: 800; margin-top: 2px; color: var(--phos); }
    .floor-note { font-size: 11px; color: var(--dim); margin-top: 6px; }
    .warn-note { font-size: 11px; color: var(--amber); margin-top: 8px; }
    .card-remove { position: absolute; bottom: 10px; right: 12px; opacity: .55; }
    .card-remove:hover { opacity: 1; }
    .table-card .row.gap { margin-top: 12px; }

    /* confirm overlay */
    .overlay { position: fixed; inset: 0; background: rgba(2,6,4,.85); display:none; align-items:center; justify-content:center; z-index: 50; padding: 20px; backdrop-filter: blur(2px); }
    .overlay .box { max-width: 540px; width: 100%; background: var(--bg2); border: 1px solid var(--red); border-radius: 10px; padding: 24px; box-shadow: 0 0 40px rgba(255,77,90,.25); }
    .overlay h2 { margin: 0 0 6px; color: var(--red); font-size: 18px; letter-spacing:.5px; }
    .overlay .danger-list { border:1px solid rgba(255,77,90,.35); border-radius: 6px; padding: 12px 14px 12px 28px; margin: 14px 0; background: rgba(255,77,90,.05); }
    .overlay .danger-list li { margin: 6px 0; font-size: 13px; }
    .overlay .big { font-size: 15px; font-weight: 800; color: var(--ink); }
    .overlay label.field { margin-top: 14px; }

    /* toasts = terminal log */
    #toasts { position: fixed; right: 16px; bottom: 16px; display:flex; flex-direction: column; gap: 8px; z-index: 60; max-width: 400px; }
    .toast { padding: 11px 14px; border-radius: 6px; font-size: 12.5px; opacity: 0; transform: translateY(8px); transition: all .3s; border:1px solid var(--line2); background: var(--bg2); color: var(--ink); }
    .toast::before { content: "$ "; color: var(--dim); }
    .toast.show { opacity: 1; transform: none; }
    .toast.ok { border-color: var(--line2); }
    .toast.error { border-color: var(--red); color: #ffc9cf; }

    footer { margin-top: 40px; color: var(--dim); font-size: 11.5px; text-align:center; line-height: 1.8; }
    footer::before { content: "// "; }
    footer .doclink { cursor: pointer; color: var(--phos); border-bottom: 1px dotted var(--line2); }

    /* ---- intro: boot + terms/how-it-works gate ---- */
    #intro {
      position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center;
      padding: 20px; background: radial-gradient(120% 90% at 50% 30%, #05101a, #020403 80%);
    }
    #intro::after { /* scanlines over the intro too */
      content:""; position:absolute; inset:0; pointer-events:none;
      background: repeating-linear-gradient(0deg, rgba(0,0,0,.25) 0 1px, transparent 1px 3px);
      mix-blend-mode: multiply;
    }
    #intro-box {
      position: relative; z-index: 1; width: 100%; max-width: 760px; max-height: 88vh;
      display: flex; flex-direction: column;
      border: 1px solid var(--line2); border-radius: 10px; overflow: hidden;
      background: linear-gradient(180deg, var(--bg2), var(--bg));
      box-shadow: 0 0 0 1px rgba(0,0,0,.6), 0 0 60px rgba(34,224,255,.10), inset 0 0 60px rgba(34,224,255,.03);
    }
    /* boot phase */
    #boot { padding: 18px 20px; }
    #boot-out { font-size: 13px; line-height: 1.75; min-height: 320px; max-height: 60vh; overflow: auto; }
    .boot-line { white-space: pre-wrap; color: var(--ink); }
    .boot-line.hd { color: var(--phos); font-weight: 700; text-shadow: var(--glow); letter-spacing: 1px; }
    .boot-line.dim { color: var(--dim); }
    .boot-line.ok { color: var(--phos); }
    .boot-line.warn { color: var(--amber); }
    #boot-foot { display:flex; align-items:center; justify-content: space-between; margin-top: 10px; }
    .blink { color: var(--phos); text-shadow: var(--glow); animation: blink 1s steps(1) infinite; }
    /* gate phase */
    #gate { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
    .gate-scroll { padding: 20px 22px 8px; overflow: auto; flex: 1 1 auto; min-height: 0; }
    .gate-h { margin: 0 0 14px; font-size: 20px; letter-spacing: 2px; color: var(--phos); text-shadow: var(--glow); }
    .gate-h .dim { color: var(--dim); font-weight: 400; font-size: 15px; letter-spacing: 1px; }
    .gate-sec { margin: 14px 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 6px; background: rgba(34,224,255,.03); }
    .gate-sec.danger { border-color: rgba(255,77,90,.4); background: rgba(255,77,90,.05); }
    .gate-t { font-size: 12px; letter-spacing: 2px; color: var(--phos); margin-bottom: 8px; }
    .gate-t.red { color: var(--red); }
    .gate-sec p { margin: 0; font-size: 12.5px; color: var(--ink); }
    .gate-list { margin: 0; padding-left: 18px; }
    .gate-list li { margin: 7px 0; font-size: 12.5px; color: var(--ink); }
    .ph { color: var(--phos); letter-spacing: .5px; }
    .ph.amber { color: var(--amber); }
    .gate-foot { border-top: 1px solid var(--line); padding: 14px 22px; background: rgba(0,0,0,.25); }
    #agree-row { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; color: var(--dim); line-height: 1.5; margin-bottom: 12px; cursor: pointer; }
    #agree-row input { margin-top: 2px; accent-color: var(--phos); width: 16px; height: 16px; }
    #agree-btn { width: 100%; }

    /* glossary + docs */
    .gloss { width: 100%; border-collapse: collapse; font-size: 12.5px; }
    .gloss td { padding: 5px 8px; border-bottom: 1px solid var(--line); vertical-align: top; color: var(--ink); }
    .gloss td:first-child { white-space: nowrap; width: 130px; }
    .docs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    @media (max-width: 760px){ .docs-grid { grid-template-columns: 1fr; } }
    .faq dt { color: var(--phos); font-weight: 700; margin-top: 12px; font-size: 13px; }
    .faq dt::before { content: "? "; color: var(--dim); }
    .faq dt:first-child { margin-top: 0; }
    .faq dd { margin: 4px 0 0; color: var(--ink); font-size: 12.5px; }
    .flow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 4px 0 12px; font-size: 12.5px; }
    .flow .node { border: 1px solid var(--line2); border-radius: 6px; padding: 6px 10px; color: var(--phos); background: rgba(34,224,255,.05); }
    .flow .node.amber { color: var(--amber); border-color: rgba(255,61,129,.4); background: rgba(255,61,129,.05); }
    .flow .arw { color: var(--dim); }