/* Interactive demonstrations use only local game data and assets. */
.av-build{margin-top:44px;border:1px solid #cbd8e5;border-radius:24px;overflow:hidden;background:#fff}
.av-build-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:32px 34px 28px}
.av-build-heading h3{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin-top:12px}
.av-build-heading>p{font-size:13px;color:#586c80;line-height:1.8;max-width:260px}
.av-build-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d4dfe9}
.av-build-figure{margin:0;min-width:0;background-color:#eaf1f7;padding:20px;display:flex;flex-direction:column}
.av-build-selector{display:flex;gap:6px;position:relative;z-index:2}
.av-build-selector button,.av-preview-tabs button{font-family:inherit;font-weight:700;font-size:12px;line-height:1.5;background:#f8fbfd;border:1px solid #b7cbdc;color:#36556d;border-radius:9px;cursor:pointer;padding:11px 14px;min-height:44px}
.av-build-selector button[aria-pressed="true"],.av-preview-tabs button[aria-pressed="true"]{background:#183e56;border-color:#183e56;color:#fff}
.av-build-stage{position:relative;display:grid;place-items:center;min-height:330px;flex:1}
.av-build-stage>svg{display:block;width:100%;height:auto;max-height:360px}
.av-build-stage [hidden]{display:none!important}
#avBuildResult{width:min(100%,340px)}
#avBuildResult :is(img,.av-media){width:100%;height:auto;aspect-ratio:1;margin:auto}
.av-build-dimension{position:absolute;right:8px;bottom:18px;font:600 12px/1.5 'JetBrains Mono',monospace;color:#4b657b}
.av-build-figure figcaption{min-height:46px;font-size:12px;line-height:1.7;color:#536b81;padding:0 8px}
.av-build-instructions{padding:29px 30px}
.av-build-requirement{display:flex;align-items:center;gap:14px;font-size:13px;color:#314b60;min-height:44px}
.av-build-requirement>span{font:600 27px/1 'JetBrains Mono',monospace;color:#087da2}
.av-build-steps{list-style:none;padding:0;margin:22px 0}
.av-build-steps li+li{margin-top:6px}
.av-build-steps button{display:flex;gap:14px;width:100%;text-align:left;padding:14px 12px;background:transparent;border:1px solid transparent;border-radius:12px;color:#365269;cursor:pointer}
.av-build-steps button>span:first-child{flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid #aec6d7;border-radius:50%;font-size:12px;font-weight:800}
.av-build-steps button b{font-size:14px;line-height:1.6;display:block}
.av-build-steps button small{display:block;color:#52677b;font-size:12px;line-height:1.75;margin-top:4px}
.av-build-steps button[aria-pressed="true"]{background:#edf6fa;border-color:#bdd9e6}
.av-build-steps button[aria-pressed="true"]>span:first-child{background:#087fa5;color:#fff;border-color:#087fa5}
.av-build-note{font-size:12px;line-height:1.8;color:#355b71;padding-top:18px;border-top:1px solid #d9e5ed;min-height:83px}
.av-build-limit{font-size:11px;line-height:1.8;color:#68788a;margin-top:10px}
.av-build button:focus-visible,.av-preview-tabs button:focus-visible,.av-quest-explorer :is(button,select):focus-visible{outline:3px solid #087fa5;outline-offset:3px}
.av-build button:hover:not([aria-pressed="true"]){background:#f4f9fc;border-color:#bdd9e6}
.av-preview-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 20px}
.av-preview-tabs button{padding:12px 20px}
.av-ui-stage{position:relative;background:#dce6ee;border:1px solid #c6d6e4;border-radius:20px;overflow:hidden}
.av-ui-stage [hidden],.av-enhanced-control[hidden]{display:none!important}
.av-screen-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#182a3b}
.av-ui-caption{display:flex;align-items:start;justify-content:space-between;gap:24px;padding:20px 24px;background:#fff;font-size:12px;line-height:1.7;color:#5e7184}
.av-ui-caption b{display:block;color:#2b425a;font-size:14px;margin-bottom:4px}
.av-ui-caption .av-open-screen{flex:none;min-height:44px;padding:10px 14px;background:#e8f2f8;border:1px solid #bad4e1;border-radius:9px;color:#2e5a72;font-size:12px;font-weight:700;cursor:pointer}
.av-screen-dialog{width:min(1360px,96vw);padding:0;background:#101926;border:1px solid #567187;border-radius:16px}
.av-screen-dialog::backdrop{background:#111e32d9}
.av-screen-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:16px;color:#fff;font-size:14px}
.av-screen-dialog button{color:#fff;background:#2a435c;border:1px solid #62788c;border-radius:8px;padding:10px 14px;min-height:44px;cursor:pointer}
.av-screen-dialog img{width:100%;height:auto;max-height:80dvh;object-fit:contain}
@media(max-width:760px){.av-build-heading{padding:26px;align-items:start}.av-build-heading h3{font-size:24px}.av-build-heading>p{max-width:210px}.av-build-grid{grid-template-columns:1fr}.av-build-stage{min-height:300px}.av-build-instructions{padding:26px}.av-build-note{min-height:0}.av-build-selector{justify-content:center}.av-build-figure figcaption{min-height:0;text-align:center}.av-ui-caption{padding:18px}}
@media(max-width:480px){.av-build-heading{display:block;padding:24px}.av-build-heading>p{max-width:none;margin-top:14px}.av-build-figure{padding:16px}.av-build-selector button{font-size:11px;padding:10px}.av-build-stage{min-height:270px}.av-build-instructions{padding:23px 18px}.av-build-steps button{padding-inline:8px}.av-ui-caption{flex-direction:column;gap:12px}.av-preview-tabs{gap:6px}.av-preview-tabs button{font-size:12px;padding:10px 13px}}
@media(forced-colors:active){.av-build-steps button[aria-pressed="true"],.av-build-selector button[aria-pressed="true"],.av-preview-tabs button[aria-pressed="true"]{outline:2px solid Highlight}}