:root{color-scheme:dark;--bg:#090e19;--ink:#f1f7ff;--sub:#aab7cb;--line:#20354b;--cyan:#50dfc9;--blue:#152438}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% -20%,#162842,transparent 60%),var(--bg);font:15px/1.5 system-ui,Segoe UI,sans-serif;color:var(--ink)}header{display:flex;align-items:center;gap:14px;max-width:1480px;margin:auto;padding:28px 24px;border-bottom:1px solid var(--line)}header .mark{font-size:38px;color:var(--cyan)}h1{font-size:21px;line-height:1;margin:0;letter-spacing:.09em}h1 em{font-size:12px;font-style:normal;color:var(--cyan);border:1px solid #3a988d;border-radius:4px;padding:3px 5px;vertical-align:middle}p{margin:9px 0;color:var(--sub)}header p{font-size:12px;margin:6px 0 0}.pill{margin-left:auto;border-radius:999px;padding:6px 12px;background:#12282b;color:#69ead0;font-size:12px;white-space:nowrap}main{max-width:1480px;padding:24px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.9fr);gap:22px;margin:auto}.world,.card{background:rgba(15,25,41,.88);border:1px solid var(--line);border-radius:16px}.world{padding:20px}.world-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.world-head h2,.card h2{margin:0;font-size:23px}.world-head small{color:var(--sub)}.counter{white-space:nowrap;color:var(--cyan);border:1px solid #275e59;border-radius:100px;padding:6px 12px;font-size:12px}canvas{display:block;width:100%;aspect-ratio:1.5;background:#0d1a27;border:1px solid #284057;border-radius:12px;margin:20px 0 8px;image-rendering:pixelated;cursor:crosshair}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:#9bb0c7}.dot{display:inline-block;border-radius:50%;width:9px;height:9px;margin-right:3px}.dot.mcp{background:#ffdf61}.dot.sim{background:#fc82a5}h3{font-size:15px;margin:25px 0 10px}h3 small{color:var(--sub);font-weight:normal}.selected{background:var(--blue);padding:12px;border:1px solid #284057;border-radius:10px;min-height:49px;font-size:13px}.events{display:grid;gap:8px;max-height:260px;overflow-y:auto}.event{padding:9px 12px;border-left:2px solid #287a87;background:#122138;border-radius:4px;color:#dbe6f7;font-size:12px}.event time{color:#7896b6;margin-right:8px}.side{display:grid;align-content:start;gap:18px}.card{padding:23px}.glow{box-shadow:0 0 60px #145d5f1c}.eyebrow{color:var(--cyan);letter-spacing:.16em;font-size:11px;font-weight:700;margin-bottom:9px}.card p{font-size:13px;margin:12px 0 20px}label{display:block;font-weight:700;font-size:12px;margin-bottom:7px}input{width:100%;background:#07111f;border:1px solid #3a536b;color:white;padding:15px;border-radius:10px;outline:none;font:inherit}input:focus{border-color:var(--cyan)}button{background:linear-gradient(120deg,#3bd4be,#8cf1db);color:#062020;border:none;border-radius:10px;padding:15px 12px;font-size:13px;letter-spacing:.025em;font-weight:850;cursor:pointer;width:100%;margin-top:11px}button:hover{filter:brightness(1.12)}button.secondary{background:#244656;color:#a4f0e2}.error{color:#ff9f9f;font-size:12px;margin-top:8px}.pair{padding:13px;margin-top:18px;border-radius:12px;border:1px solid #3d8a7a;background:#0b252b}.pair[hidden]{display:none}.pair h3{margin:0 0 6px}.pair strong{font-family:monospace;font-size:21px;letter-spacing:1px;color:#baffea;overflow-wrap:anywhere}.pair small{display:block;color:#aad2ca;font-size:11px;margin-top:6px}.instruction{display:grid;gap:7px;margin-top:20px;color:#cfebea;font-size:12px}.instruction code,.url{display:block;font-family:ui-monospace,Consolas,monospace;color:#7ce4d3;overflow-wrap:anywhere;background:#061620;border:1px solid #21484b;padding:10px;border-radius:7px}.features{display:grid;gap:7px;font-size:12px;color:#b4e4d7}.note{border:1px solid #77542f;border-radius:10px;padding:14px;background:#30251e;color:#f2cf9f;font-size:12px}footer{max-width:1480px;margin:15px auto;padding:18px 24px;color:#6f8ca5;font-size:11px}@media(max-width:930px){main{display:block;padding:12px}.side{margin-top:15px}.world{padding:12px}header{padding:16px 12px}.pill{display:none}h1{font-size:16px}header p{font-size:11px}.counter{padding:4px 8px}.world-head h2{font-size:19px}}