/* The Summoning (web/features/intro/index.js) and the Directives list (directives.js). Performance first: no
   backdrop blur; only opacity and transform animate. */
#briefing{width:100%;margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;border-color:#ffb34088;color:#ffd9a0}
#briefing:hover:not(:disabled){border-color:#ffb340;background:#2a2116}
#briefing span{font-size:10px;letter-spacing:1.5px;color:#ffb340}

.briefing{position:fixed;inset:0;z-index:50;background:#020306;color:#eef3f6;overflow:hidden}
.briefing-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.briefing-title{position:absolute;left:0;right:0;top:40%;text-align:center;font:600 clamp(28px,6vw,72px)/1 'Space Grotesk',sans-serif;letter-spacing:.42em;color:#ffb340;text-shadow:0 0 24px #ff9a2e88;opacity:0;pointer-events:none}

.briefing-subs{position:absolute;left:50%;bottom:96px;width:min(860px,calc(100vw - 32px));transform:translate(-50%,12px);opacity:0;transition:opacity .35s,transform .35s;text-align:center;pointer-events:none}
.briefing-subs.on{opacity:1;transform:translate(-50%,0)}
.briefing-speaker{display:block;font-size:10px;letter-spacing:3px;font-weight:700;color:#ff8a3c;margin-bottom:8px}
.briefing-subs p{margin:0;min-height:2.6em;font:500 clamp(16px,2.1vw,23px)/1.35 'Space Grotesk',sans-serif;color:#f4f7fa;text-shadow:0 2px 8px #000,0 0 2px #000}

.briefing-caption{position:absolute;left:50%;top:12vh;transform:translate(-50%,8px);padding:7px 14px;border:1px solid #ffb34066;border-radius:4px;background:#06080bd9;color:#ffd9a0;font-size:12px;letter-spacing:.6px;opacity:0;transition:opacity .4s,transform .4s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
.briefing-caption.on{opacity:1;transform:translate(-50%,0)}

.briefing-card{position:absolute;left:6vw;top:22vh;padding:12px 18px 12px 16px;border-left:3px solid var(--race,#ffb340);background:#06080be6;opacity:0;transform:translateX(-24px);transition:opacity .25s,transform .25s;pointer-events:none}
.briefing-card.on{opacity:1;transform:none}
.briefing-card b{display:block;font:700 clamp(18px,2.6vw,30px)/1.1 'Space Grotesk',sans-serif;letter-spacing:.12em;color:var(--race,#ffb340)}
.briefing-card small{display:block;margin-top:5px;font-size:11px;letter-spacing:2.5px;color:#c9d3dd;text-transform:uppercase}

.briefing-chapters{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:4px;max-width:calc(100vw - 32px)}
.briefing-chapters button{position:relative;background:none;border:0;padding:12px 2px 4px;width:clamp(18px,4.6vw,56px);border-radius:0}
.briefing-chapters button i{display:block;height:3px;background:#ffffff2e;border-radius:2px}
.briefing-chapters button.done i{background:#ffb34099}
.briefing-chapters button.on i{background:#ffb340}
.briefing-chapters button span{position:absolute;left:50%;bottom:22px;transform:translate(-50%,4px);white-space:nowrap;font-size:10px;letter-spacing:.5px;color:#ffd9a0;background:#06080be6;padding:3px 7px;border-radius:3px;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none}
.briefing-chapters button:hover span,.briefing-chapters button:focus-visible span{opacity:1;transform:translate(-50%,0)}
.briefing-hint{position:absolute;right:20px;bottom:30px;font-size:10px;letter-spacing:1px;color:#8a96a3}
.briefing-skip{position:absolute;right:18px;top:18px;background:#06080bcc;border-color:#ffffff2a}
body.briefing-open .topbar,body.briefing-open #intro{visibility:hidden}

.directives{position:fixed;left:34px;top:186px;z-index:4;width:268px;background:#06131ee0;border-left:2px solid #ffb34088;padding:0 0 6px}
.directives[hidden]{display:none}
.directives-head{all:unset;display:flex;align-items:baseline;justify-content:space-between;width:100%;box-sizing:border-box;padding:9px 12px 6px;cursor:pointer}
.directives-head .eyebrow{color:#ffb340}
.directives-head small{font-size:9px;letter-spacing:1px;color:#9bb4bb}
.directives-head:focus-visible{outline:2px solid #ffb340;outline-offset:-2px}
.directives ol{list-style:none;margin:0;padding:0 12px}
.directives.folded ol{display:none}
.directives li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px;color:#9bb4bb}
.directives li i{flex:none;width:8px;height:8px;border:1px solid #6b7f86;transform:rotate(45deg)}
.directives li b{margin-left:auto;font-size:10px;font-weight:600;color:#c9d3dd}
.directives li.next{color:#f4f7fa}
.directives li.next i{border-color:#ffb340;background:#ffb34055}
.directives li.done{color:#6b7f86;text-decoration:line-through}
.directives li.done i{background:#66db91;border-color:#66db91}
@media(max-width:700px){.directives{left:8px;top:200px;width:220px}.briefing-subs{bottom:84px}.briefing-hint{display:none}.briefing-card{left:16px;top:16vh}}