.xon-page{max-width:1480px;margin:auto;padding:35px 4%}.xon-page h1{font-size:clamp(40px,4.7vw,64px);margin:17px 0}.xon-page>.lead{max-width:800px;font-size:18px}.xon-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:28px 0 22px}#xon-score{margin-left:auto;font:12px Consolas,monospace;color:var(--muted)}#xon-lab{outline-offset:6px}.xon-demo{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:19px 22px;background:#edf3fa;border-radius:10px;margin-bottom:22px}.xon-demo>div{margin-right:auto}.xon-demo p{margin:2px 0;font-size:12px;color:var(--muted)}.xon-demo .eyebrow{color:var(--blue);font-size:10px;margin-bottom:4px}.xon-demo button{border:1px solid #b8cddd;border-radius:5px;background:white;padding:10px 13px;font-size:12px;color:#145d9e;cursor:pointer}.xon-views,.xon-analysis{display:grid;grid-template-columns:1fr 1fr;gap:20px}.xon-views article,.xon-analysis article{padding:22px;border:1px solid var(--line);border-radius:11px;background:white;min-width:0}.xon-views canvas{width:100%;aspect-ratio:1.5;margin:18px 0 12px;border-radius:7px;border:1px solid #d6e0e9;image-rendering:auto}.xon-legend{display:flex;flex-wrap:wrap;gap:12px;font:11px Consolas,monospace;color:#5b7286}.xon-legend .territory{color:#4173a0}.xon-legend .trail{color:#ae7900}.xon-legend .enemy{color:#087c79}.xon-legend .region{color:#138b88}#xon-message{font-size:13px;min-height:60px;margin:16px 0}.xon-controls{display:flex;align-items:center;gap:20px;padding:15px;border-radius:7px;background:#f0f5fa}.xon-pad{display:grid;grid-template-columns:repeat(3,38px);gap:5px}.xon-pad button{height:36px;border:1px solid #bccfdf;border-radius:4px;background:white;color:var(--blue);font-size:18px;touch-action:none;user-select:none;cursor:pointer}.xon-pad button.held{background:var(--blue);color:white}.xon-controls p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.xon-data-title{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:30px}.xon-data-title .eyebrow{margin:0}.xon-data-title label{font-size:10px;margin:0}.xon-data-title select{padding:6px;font-size:11px;max-width:175px}.wave-controls{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 15px}.wave-controls .button{font-size:12px;padding:11px 13px}.wave-controls button:disabled,.xon-toolbar button:disabled{opacity:.45;cursor:default}#xon-wave-state{font:12px/1.8 Consolas,monospace;min-height:44px;color:#1a6b76}.xon-analysis{margin-top:22px}.xon-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.xon-stats>div{padding:12px 8px;background:#edf5fa;border-radius:6px;text-align:center}.xon-stats span{font-size:10px;color:var(--muted);display:block}.xon-stats strong{font:500 30px 'Space Grotesk',sans-serif;color:#086e87;display:block}.xon-analysis pre{overflow:auto;background:#f4f7fa;padding:15px;border:1px solid #dbe5ed;border-radius:6px;font:12px/1.9 Consolas,monospace;color:#285a7b}.xon-table-scroll{overflow:auto}.xon-table-scroll table{width:100%;border-collapse:collapse;font-size:12px}.xon-table-scroll th,.xon-table-scroll td{padding:12px 8px;border-bottom:1px solid #dce5ec;text-align:left;white-space:nowrap}.xon-table-scroll th{color:var(--muted);font-weight:500}.xon-table-scroll tr.chosen{background:#fff0bd}.xon-table-scroll button{font:inherit;color:var(--blue);border:0;background:transparent;padding:0;cursor:pointer;text-decoration:underline}.xon-notes{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:55px 0 20px}.xon-notes p{font-size:14px;color:var(--muted)}.xon-notes h3{font-size:22px}.xon-notes a{color:var(--blue);font-size:13px}[hidden]{display:none!important}@media(max-width:1000px){.xon-views,.xon-analysis{grid-template-columns:1fr}.xon-demo>div{flex-basis:100%}}@media(max-width:600px){.xon-page{padding:25px 4%}.xon-views article,.xon-analysis article{padding:14px}.xon-data-title{align-items:start}.xon-data-title>.eyebrow{max-width:130px}.xon-data-title select{max-width:150px}.xon-demo{padding:16px}.xon-demo button{font-size:11px;padding:9px}.xon-controls{flex-wrap:wrap;justify-content:center;gap:13px}.xon-controls p{text-align:center}.xon-notes{grid-template-columns:1fr;gap:18px}#xon-score{margin-left:0;flex-basis:100%}.xon-stats strong{font-size:25px}.xon-stats span{font-size:9px}.xon-analysis pre{font-size:10px}.xon-toolbar .button{font-size:12px;padding:11px 13px}}

.xon-views article>.eyebrow{margin:0;min-height:44px;display:flex;align-items:center}.xon-data-title{min-height:44px}