:root{--f-display: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--f-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-canvas: #f6f4ef;--bg-surface: #ffffff;--bg-elevated: #eeeae0;--bg-rail: #e7e2d5;--text-primary: #141619;--text-secondary: #4a5058;--text-muted: #717882;--border-subtle: #d6d0c2;--border-strong: #141619;--exact-bg: #dcfce7;--exact-border: #15803d;--exact-text: #14532d;--exact-badge: #16a34a;--tension-bg: #fef3c7;--tension-border: #b45309;--tension-text: #78350f;--tension-badge: #d97706;--miss-bg: #f1f5f9;--miss-border: #64748b;--miss-text: #334155;--accent-primary: #0f172a;--accent-primary-fg: #f8fafc;--accent-signal: #2563eb;--accent-crown: #d97706;--accent-liar: #dc2626;--shadow-card: 0 2px 6px rgba(20, 22, 25, .06), 0 1px 2px rgba(20, 22, 25, .08);--shadow-dragging: 0 16px 32px rgba(20, 22, 25, .18), 0 4px 10px rgba(20, 22, 25, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}html[data-theme=dark]{--bg-canvas: #0b0e14;--bg-surface: #131822;--bg-elevated: #1c2331;--bg-rail: #0f131c;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: #263042;--border-strong: #e2e8f0;--exact-bg: rgba(22, 163, 74, .18);--exact-border: #22c55e;--exact-text: #bbf7d0;--exact-badge: #16a34a;--tension-bg: rgba(217, 119, 6, .18);--tension-border: #f59e0b;--tension-text: #fde68a;--tension-badge: #d97706;--miss-bg: #18202c;--miss-border: #475569;--miss-text: #cbd5e1;--accent-primary: #f8fafc;--accent-primary-fg: #0b0e14;--accent-signal: #38bdf8;--accent-crown: #fbbf24;--accent-liar: #f87171;--shadow-card: 0 2px 8px rgba(0, 0, 0, .35);--shadow-dragging: 0 20px 38px rgba(0, 0, 0, .6)}html[data-contrast=more]{--border-subtle: var(--text-primary);--exact-bg: #dbeafe;--exact-border: #1d4ed8;--exact-text: #1e3a8a;--exact-badge: #1d4ed8;--tension-bg: #ffedd5;--tension-border: #c2410c;--tension-text: #7c2d12;--tension-badge: #ea580c}html[data-theme=dark][data-contrast=more]{--bg-canvas: #000000;--bg-surface: #0a0d12;--text-primary: #ffffff;--text-secondary: #e2e8f0;--border-subtle: #94a3b8;--exact-bg: rgba(37, 99, 235, .32);--exact-border: #60a5fa;--exact-text: #eff6ff;--exact-badge: #2563eb;--tension-bg: rgba(234, 88, 12, .32);--tension-border: #fb923c;--tension-text: #fff7ed;--tension-badge: #ea580c}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--f-body);-webkit-font-smoothing:antialiased;line-height:1.45;min-height:100vh}button{font-family:inherit;cursor:pointer}.ordr-shell{max-width:720px;margin:0 auto;padding:12px 14px 48px;display:flex;flex-direction:column;gap:14px}.ordr-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--border-strong);padding-bottom:10px;gap:8px;flex-wrap:wrap}.ordr-brand{display:flex;align-items:baseline;gap:8px}.ordr-brand-title{font-family:var(--f-display);font-weight:800;font-size:1.55rem;letter-spacing:-.03em;margin:0}.ordr-brand-badge{font-family:var(--f-mono);font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--accent-primary);color:var(--accent-primary-fg);text-transform:uppercase}.ordr-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.icon-btn{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px;font-family:var(--f-mono);font-size:.76rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;transition:transform .12s ease,background .12s ease}.icon-btn:hover{background:var(--bg-elevated)}.icon-btn[aria-pressed=true]{border-color:var(--accent-signal);box-shadow:inset 0 0 0 1px var(--accent-signal)}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--bg-rail);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.mode-tab{border:none;background:transparent;color:var(--text-secondary);padding:8px 6px;border-radius:var(--radius-sm);font-family:var(--f-display);font-weight:700;font-size:.84rem;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background .15s ease,color .15s ease}.mode-tab-sub{font-family:var(--f-mono);font-size:.65rem;font-weight:500;opacity:.8}.mode-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-card)}.puzzle-banner{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.puzzle-meta-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:.74rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.puzzle-title{font-family:var(--f-display);font-size:1.22rem;font-weight:800;margin:0;letter-spacing:-.02em}.puzzle-metric-bar{display:flex;justify-content:space-between;align-items:center;background:var(--bg-elevated);padding:6px 10px;border-radius:var(--radius-sm);font-family:var(--f-mono);font-size:.75rem;font-weight:600}.telemetry-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;display:flex;flex-direction:column;gap:8px}.telemetry-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.harmony-readout{font-family:var(--f-mono);font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:8px}.harmony-track{width:100%;height:8px;background:var(--bg-rail);border-radius:999px;overflow:hidden}.harmony-fill{height:100%;background:linear-gradient(90deg,var(--accent-signal),var(--exact-badge));transition:width .35s cubic-bezier(.22,1,.36,1)}.probe-pips{display:flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:.74rem}.probe-pip{width:24px;height:10px;border-radius:99px;border:1px solid var(--border-subtle);background:var(--bg-elevated)}.probe-pip.used{background:var(--accent-signal);border-color:var(--accent-signal)}.clue-drawer{background:var(--bg-surface);border-left:4px solid var(--accent-signal);border-top:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;animation:clueSlideIn .28s cubic-bezier(.22,1,.36,1)}@keyframes clueSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.clue-headline{font-family:var(--f-mono);font-size:.7rem;font-weight:700;color:var(--accent-signal);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.clue-text{font-size:.86rem;margin:0;color:var(--text-primary)}.signal-rail{display:flex;flex-direction:column;gap:8px;position:relative;user-select:none}.signal-slot-row{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:stretch}.slot-index-badge{background:var(--bg-rail);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--f-mono);font-weight:700;font-size:.82rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.slot-index-badge.locked{background:var(--exact-badge);color:#fff;border-color:var(--exact-border)}.signal-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:space-between;gap:10px;touch-action:pan-y;transition:transform .2s cubic-bezier(.2,.9,.3,1.05),box-shadow .2s ease,border-color .2s ease,background-color .2s ease;cursor:grab;position:relative}.signal-card:focus-visible{outline:2px solid var(--accent-signal);outline-offset:2px}.signal-card[data-selected=true]{border-color:var(--accent-signal);box-shadow:0 0 0 2px var(--accent-signal)}.signal-card.is-dragging{cursor:grabbing;box-shadow:var(--shadow-dragging);z-index:30;border-color:var(--accent-signal)}.signal-card[data-status=exact]{background:var(--exact-bg);border-color:var(--exact-border);cursor:default;animation:mechanicalSnap .32s cubic-bezier(.34,1.56,.64,1)}@keyframes mechanicalSnap{0%{transform:scale(.97)}60%{transform:scale(1.015)}to{transform:scale(1)}}.signal-card[data-status=tension]{background:var(--tension-bg);border-color:var(--tension-border)}.card-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.card-title{font-family:var(--f-display);font-weight:700;font-size:.96rem;color:var(--text-primary);margin:0}.card-subtitle{font-size:.8rem;color:var(--text-secondary);margin:0}.card-citation{font-family:var(--f-mono);font-size:.67rem;color:var(--text-muted);margin-top:2px}.card-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.telemetry-badge{font-family:var(--f-mono);font-size:.72rem;font-weight:700;padding:3px 7px;border-radius:4px;white-space:nowrap}.telemetry-badge.exact{background:var(--exact-badge);color:#fff}.telemetry-badge.tension{background:var(--tension-badge);color:#fff;animation:tensionPulse 1.6s infinite ease-in-out}@keyframes tensionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.telemetry-badge.miss{background:var(--miss-bg);color:var(--miss-text);border:1px solid var(--miss-border)}.step-arrows{display:flex;flex-direction:column;gap:2px}.step-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;width:26px;height:22px;font-size:.7rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.step-btn:disabled{opacity:.3;cursor:not-allowed}.primary-action-btn{width:100%;padding:13px 18px;border-radius:var(--radius-md);border:none;background:var(--accent-primary);color:var(--accent-primary-fg);font-family:var(--f-display);font-weight:800;font-size:1rem;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,opacity .12s ease}.primary-action-btn:hover:not(:disabled){transform:translateY(-1px)}.primary-action-btn:disabled{opacity:.5;cursor:not-allowed}.anchor-stage{background:var(--bg-surface);border:2px solid var(--accent-signal);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:12px;animation:clueSlideIn .35s ease}.anchor-mystery-card{background:var(--bg-elevated);border:1.5px dashed var(--accent-signal);border-radius:var(--radius-md);padding:12px}.anchor-drop-zone-btn{width:100%;padding:7px 12px;border-radius:var(--radius-sm);border:1.5px dashed var(--border-subtle);background:var(--bg-canvas);color:var(--text-secondary);font-family:var(--f-mono);font-size:.76rem;font-weight:700;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:all .15s ease}.anchor-drop-zone-btn:hover,.anchor-drop-zone-btn.selected{border-style:solid;border-color:var(--accent-signal);background:var(--exact-bg);color:var(--text-primary)}.scale-bar-container{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:18px 12px 10px;position:relative}.scale-bar-line{height:4px;background:var(--border-strong);border-radius:2px;position:relative}.scale-node{position:absolute;top:-5px;width:14px;height:14px;border-radius:50%;background:var(--exact-badge);border:2px solid var(--bg-surface);transform:translate(-50%)}.scale-node.anchor-node{background:var(--accent-crown);width:16px;height:16px;top:-6px}.cross-grid-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cross-grid-cell{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.cross-grid-cell[data-selected=true]{border-color:var(--accent-signal);box-shadow:0 0 0 2px var(--accent-signal)}.cross-grid-cell[data-exact=true]{background:var(--exact-bg);border-color:var(--exact-border)}.logic-rules-list{display:flex;flex-direction:column;gap:6px}.logic-rule-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.85rem}.logic-rule-item[data-flagged-liar=true]{border-color:var(--accent-liar);background:#dc26261a}.modal-backdrop{position:fixed;inset:0;background:#0a0d12ad;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-card{background:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);max-width:560px;width:100%;max-height:85vh;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.archive-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.archive-item-btn{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-canvas);color:var(--text-primary);text-align:left}.archive-item-btn:hover{background:var(--bg-elevated)}@media(max-width:480px){.ordr-shell{padding:8px 10px 36px}.ordr-brand-title{font-size:1.3rem}.cross-grid-board{gap:6px}.cross-grid-cell{padding:8px;min-height:96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
