:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#f5f2ed;background:#121212}*{box-sizing:border-box}html,body,#syntac-diorama{min-height:100%}body{margin:0;overflow-x:hidden}.diorama{max-width:1180px;margin:auto;padding:clamp(20px,5vw,72px) 24px}.diorama.embedded{max-width:none;padding:0}.diorama.embedded .world{margin-top:0;border:0;border-radius:0;box-shadow:none;background:#17191d}.diorama.embedded .viewport{height:clamp(420px,52vw,610px)}.diorama.embedded .controls{padding:clamp(22px,3vw,34px);background:linear-gradient(180deg,#191b20,#15171b)}.eyebrow{color:#ff9347;letter-spacing:.15em;font-size:12px;font-weight:700}h1{font-size:clamp(30px,4vw,54px);letter-spacing:-.045em;margin:14px 0}p{color:#adaeb5;line-height:1.6}.world{margin-top:32px;border:1px solid #343439;border-radius:24px;overflow:hidden;background:#1b1b1f;box-shadow:0 28px 80px #0008,inset 0 1px #ffffff08}.viewport{height:clamp(340px,49vw,560px);position:relative;background:radial-gradient(circle at 55% 40%,#283746,#10151e 72%)}.viewport:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -70px 80px #080b11a6,inset 0 0 90px #06080d80}.demo-badge{position:absolute;z-index:2;bottom:14px;left:18px;right:18px;font-size:11px;color:#b8b9c0;pointer-events:none}.controls{padding:clamp(18px,3vw,32px)}.scripts{display:flex;flex-wrap:wrap;gap:8px}button{font:inherit;font-size:14px;padding:12px 17px;border-radius:12px;border:1px solid #414148;color:#e3e3e6;background:#242429;cursor:pointer;transition:background .15s,border-color .15s;min-height:44px}button:hover:not(:disabled){background:#333036;border-color:#a66a41}button[aria-pressed=true]{border-color:#ff8938;color:#ffab70;background:#392a22}button:focus-visible{outline:3px solid #ffad6f;outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed}button small{display:block;font-size:10px;margin-top:4px}.actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid #35353c}.action-kicker{display:block;color:#f3904c;font-size:10px;letter-spacing:.13em;font-weight:800;margin-bottom:8px}.actions h2{font-size:21px;margin:0}.actions p{margin-bottom:0;font-size:14px}.scenario-progress{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.scenario-progress span{border:1px solid #35353c;border-radius:999px;color:#787980;font-size:10px;font-weight:750;letter-spacing:.05em;padding:6px 9px}.scenario-progress span[data-active=true]{border-color:#9a5228;background:#3b281e;color:#ff9d59}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.interaction-hint{display:inline-flex;align-items:center;min-height:44px;border:1px solid #9a5228;border-radius:12px;background:#3b281e;color:#ffad74;font-size:12px;font-weight:750;padding:0 14px}.speech-bubble{appearance:none;isolation:isolate;position:relative;display:grid;gap:3px;width:max-content;max-width:178px;min-height:0;border:1px solid #ffffff24;border-radius:12px;background:#12161efa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #000c,0 0 0 1px #0008;color:#f5f2ed;font:700 11px/1.32 Inter,system-ui,sans-serif;padding:8px 11px 9px;pointer-events:auto;text-align:center}.speech-bubble__role{color:#949ca8;font-size:7px;font-weight:850;letter-spacing:.14em;line-height:1.2}.speech-bubble--security{transform:translate(22px)}.speech-bubble--action{transform:translate(-12px)}.speech-bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;border-right:1px solid #ffffff24;border-bottom:1px solid #ffffff24;background:#12161eef;transform:translate(-50%) rotate(45deg)}.speech-bubble[data-action=true]{border-color:#e8792f;color:#ffad74;background:#17191ffa;box-shadow:0 12px 32px #000d,0 0 22px #e8792f20;cursor:pointer}.speech-bubble[data-action=true] .speech-bubble__role{color:#e8792f}.speech-bubble[data-action=true]:hover{background:#39261d}.speech-bubble:focus-visible{outline:3px solid #ffad6f;outline-offset:3px}button.primary{color:#19120d;background:#ff8b36;border-color:#ff9b51;font-weight:700}button.primary:hover:not(:disabled){background:#ffa65f}.loading{height:100%;display:flex;align-items:center;justify-content:center;gap:14px;padding:24px;color:#c7c5c3;text-align:center}.asset-loader{width:280px;background:#19191eef;border-radius:16px}.spinner{width:24px;height:24px;flex-shrink:0;border:2px solid #553924;border-top-color:#ff8b36;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.actions{align-items:flex-start;flex-direction:column}.scripts button{flex:1 1 130px}}@media(max-width:600px){.diorama.embedded .viewport{height:420px}.diorama.embedded .controls{padding:18px 14px 22px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}button{transition:none}}