*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e8e9e1;color:#263d32;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}#lab{position:relative;width:100vw;height:100svh;overflow:hidden}.scene-wrap{position:absolute;inset:0}#scene{display:block;width:100%;height:100%;outline:none}#scene:focus-visible{outline:2px solid #a77d35;outline-offset:-3px}header{position:absolute;top:0;left:0;right:0;min-height:92px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 30px;background:linear-gradient(#d9e0d85c,transparent);pointer-events:none;z-index:5}.brand,.header-right{pointer-events:auto}.brand{padding:9px 16px 9px 10px;border:1px solid #c8b88e;border-radius:14px;background:#d5cfbb;color:#203d2f;box-shadow:0 5px 18px #132b2440;display:flex;gap:11px;align-items:center;font-size:28px;letter-spacing:1.2px;font-weight:700}.brand-icon{display:block;width:46px;height:46px;object-fit:contain;border-radius:11px;flex:none}.brand-sub{display:block;font-size:12px;letter-spacing:.8px;font-weight:600;color:#53614b;margin-top:4px}.header-right{display:flex;align-items:center;gap:12px}#token-link,.dev-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #57715c;border-radius:12px;background:#203d2f;color:#f3f7ed;box-shadow:0 5px 15px #172a2940;font-size:14px}.dev-link span{color:#d8b967}#token-link{background:#b99a55;color:#152b20;border-color:#ddc28a}#token-link:hover{background:#c9ad69}.dev-link:hover{background:#2c503b}.token-symbol{font-weight:700;font-size:14px}.network{font:11px 'Courier New',monospace;letter-spacing:.7px;color:#284233}.arrow{font-size:17px;color:#294733}button:focus-visible,a:focus-visible{outline:2px solid #a77d35;outline-offset:3px}.fineprint{position:absolute;bottom:13px;left:39px;right:39px;display:flex;justify-content:space-between;font:9px 'Courier New',monospace;color:#68765e;pointer-events:none;z-index:5}#agent-labels{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.agent-task{position:absolute;top:0;left:0;white-space:nowrap;padding:0;max-width:180px;background:none;border:0;box-shadow:none;font:600 11px/1.2 Arial;color:#214334;text-shadow:0 1px 2px #ffffffe6,0 -1px 2px #ffffffe6,1px 0 2px #ffffffe6,-1px 0 2px #ffffffe6;will-change:transform}#failure{position:absolute;left:20%;right:20%;top:46%;text-align:center;font-size:15px;background:#fff;padding:22px;border-radius:15px;z-index:20}
@media(max-width:800px){header{padding:16px;gap:8px}.brand{font-size:18px;gap:8px}.brand-sub{font-size:9px}.brand-icon{display:block;width:46px;height:46px;object-fit:contain;border-radius:11px;flex:none}.header-right{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:205px}.dev-link,#token-link{padding:9px 11px;font-size:10px;gap:7px}.network{font-size:8px}.fineprint{left:19px;right:19px;font-size:7px}.fineprint span:last-child{display:none}.agent-task{position:absolute;top:0;left:0;white-space:nowrap;padding:0;max-width:180px;background:none;border:0;box-shadow:none;font:600 11px/1.2 Arial;color:#214334;text-shadow:0 1px 2px #ffffffe6,0 -1px 2px #ffffffe6,1px 0 2px #ffffffe6,-1px 0 2px #ffffffe6;will-change:transform}}


/* Embedded in the desk: the only chrome is the link to the specimen, and it
   sits bottom-right so it never stands in front of the crew. */
/* `contents` rather than `none`: the scene binds a listener to .brand, so
   these elements must stay in the document — only their boxes go away. */
header, .header-right { display: contents !important; }
.brand, .dev-link, .fineprint { display: none !important; }
#token-link {
  position: fixed; right: 14px; bottom: 14px; z-index: 5;
  display: inline-flex; align-items: center; gap: 9px;
  padding: 9px 14px; border-radius: 999px;
  background: linear-gradient(180deg, #f0d79a, #d9b969);
  border: 1px solid #b2913f; color: #3a2c0c;
  font: 700 13px/1 'Manrope', system-ui, sans-serif;
  box-shadow: 0 6px 18px #0c1a1240, inset 0 1px 0 #fff7;
  text-decoration: none; transition: transform .15s, box-shadow .15s;
}
#token-link:hover { transform: translateY(-1px); box-shadow: 0 9px 22px #0c1a1252, inset 0 1px 0 #fff7; }
#token-link .network { font-weight: 500; font-size: 11px; opacity: .72; }
#token-link .arrow { opacity: .8; }
