/* Isolated cinematic presentation only. No page, question or mobile layout selectors. */
.nq-battle-intro{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#eee8dc;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;font-family:"Source Sans 3","Segoe UI",sans-serif;opacity:1;transition:opacity 250ms ease;z-index:2147483000}
.nq-battle-intro:not([open]){display:none}
.nq-battle-intro::backdrop{background:#000;animation:nq-battle-intro-backdrop 250ms backwards;transition:background-color 250ms ease}
.nq-battle-intro[open]{display:grid;place-items:center;animation:nq-battle-intro-enter 250ms backwards}
.nq-battle-intro[data-stage="leaving"]{opacity:0;animation:none;transition-duration:250ms}
.nq-battle-intro[data-stage="leaving"]::backdrop{animation:none;background:transparent}
.nq-battle-intro__shell,.nq-battle-intro__footer,.nq-battle-intro__top{opacity:1;transition:opacity 450ms ease}
.nq-battle-intro[data-stage="closing"] .nq-battle-intro__shell,.nq-battle-intro[data-stage="closing"] .nq-battle-intro__footer,.nq-battle-intro[data-stage="closing"] .nq-battle-intro__top,.nq-battle-intro[data-stage="leaving"] .nq-battle-intro__shell,.nq-battle-intro[data-stage="leaving"] .nq-battle-intro__footer,.nq-battle-intro[data-stage="leaving"] .nq-battle-intro__top{opacity:0}
.nq-battle-intro *{box-sizing:border-box}
.nq-battle-intro [hidden]{display:none!important}
.nq-battle-intro__surround{width:min(1120px,calc(100vw - 88px),calc((100dvh - 208px)*16/9));min-width:0;margin:auto;display:grid;grid-template-rows:auto auto auto;gap:24px;padding:20px 0}
.nq-battle-intro__top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:32px;color:#9f9480;font-size:11px;font-weight:600;letter-spacing:.19em;line-height:1.5}
.nq-battle-intro button{font:600 14px/1.2 "Source Sans 3","Segoe UI",sans-serif;color:#ded7c8;min-height:44px;padding:10px 16px;border:1px solid #665940;background:#0c0b09;border-radius:3px;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease;color-scheme:dark;letter-spacing:.01em}
.nq-battle-intro button:hover{color:#fff4da;background:#19150e;border-color:#b29b6b}
.nq-battle-intro button:focus-visible{outline:2px solid #f0d493;outline-offset:4px}
.nq-battle-intro .nq-battle-intro__close{font-size:28px;font-weight:400;line-height:1;min-width:44px;padding:5px;background:transparent;border-color:transparent;color:#c2b9a7}
.nq-battle-intro__shell{position:relative;width:100%;aspect-ratio:16/9;background:#000;min-width:0;border:0;isolation:isolate}
.nq-battle-intro__card{position:relative;z-index:2;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px 8%;animation:nq-battle-intro-card 2400ms both}
.nq-battle-intro[data-stage="allies"] .nq-battle-intro__card{animation-name:nq-battle-intro-allies}
.nq-battle-intro[data-timeline-paused="true"] .nq-battle-intro__card{animation-play-state:paused}
.nq-battle-intro__eyebrow{font:600 11px/1.5 "Source Sans 3","Segoe UI",sans-serif;letter-spacing:.28em;color:#a38f65;margin:0 0 22px}
.nq-battle-intro__heading{font:400 clamp(34px,4.5vw,66px)/1.08 "Alegreya","Georgia",serif!important;letter-spacing:.025em;color:#eee8dc;margin:0;text-wrap:balance;max-width:100%;overflow-wrap:anywhere}
.nq-battle-intro__subtitle{font:400 clamp(18px,1.9vw,25px)/1.45 "Alegreya","Georgia",serif;color:#bdb4a5;letter-spacing:.025em;margin:24px 0 0;max-width:37em;text-wrap:balance}
.nq-battle-intro__subnote{font:400 13px/1.5 "Source Sans 3","Segoe UI",sans-serif;color:#8f8676;margin:16px 0 0;letter-spacing:.04em}
.nq-battle-intro__film{position:absolute;z-index:2;inset:0;overflow:hidden;background:#000;border:0;clip-path:inset(0 50%);opacity:0;transition:clip-path 600ms cubic-bezier(.22,.61,.36,1),opacity 250ms ease}
.nq-battle-intro[data-stage="loading"] .nq-battle-intro__film,.nq-battle-intro[data-stage="unavailable"] .nq-battle-intro__film,.nq-battle-intro[data-stage="opening"] .nq-battle-intro__film,.nq-battle-intro[data-stage="playing"] .nq-battle-intro__film,.nq-battle-intro[data-stage="paused"] .nq-battle-intro__film,.nq-battle-intro[data-stage="ready"] .nq-battle-intro__film{clip-path:inset(0);opacity:1}
.nq-battle-intro[data-stage="loading"] .nq-battle-intro__film{clip-path:inset(0 50%);opacity:1}
.nq-battle-intro__video{display:block;width:100%;height:100%;object-fit:contain;background:#000;border:0;outline:0}
.nq-battle-intro__message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;text-align:center;padding:32px 12%}
.nq-battle-intro__message h2{font:400 clamp(28px,3vw,44px)/1.15 "Alegreya","Georgia",serif;color:#e4dbc8;margin:0 0 16px}
.nq-battle-intro__message p{font:400 17px/1.55 "Source Sans 3","Segoe UI",sans-serif;color:#ada494;max-width:32em;margin:0}
.nq-battle-intro__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}
.nq-battle-intro__status{font:400 13px/1.4 "Source Sans 3","Segoe UI",sans-serif;color:#a59b89;margin:0;max-width:30em}
.nq-battle-intro__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}
.nq-battle-intro .nq-battle-intro__skip{border-color:#51462f;color:#d4c095}
.nq-battle-intro__volume-label{display:flex;align-items:center;gap:8px;color:#bdb4a5;font-size:12px;min-height:44px}
.nq-battle-intro__volume{width:88px;max-width:100%;accent-color:#ba9c62}
.nq-battle-intro__volume:focus-visible{outline:2px solid #f0d493;outline-offset:4px}
@keyframes nq-battle-intro-card{0%{opacity:0}14%,83%{opacity:1}100%{opacity:0}}
@keyframes nq-battle-intro-allies{0%{opacity:0}14%,83%{opacity:1}100%{opacity:0}}
@keyframes nq-battle-intro-enter{from{opacity:0}to{opacity:1}}
@keyframes nq-battle-intro-backdrop{from{background:transparent}to{background:#000}}
@media(prefers-reduced-motion:reduce){.nq-battle-intro,.nq-battle-intro *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.nq-battle-intro__card{opacity:1}.nq-battle-intro__film{clip-path:inset(0)!important}}
@media(min-width:769px) and (max-height:650px){.nq-battle-intro__surround{width:min(1120px,calc(100vw - 88px),calc((100dvh - 188px)*16/9));gap:24px;padding:12px 0}.nq-battle-intro__eyebrow{margin-bottom:12px}.nq-battle-intro__subtitle{margin-top:14px}.nq-battle-intro__card{padding:20px 7%}.nq-battle-intro__footer{gap:12px}.nq-battle-intro__status{font-size:12px}}


/* A3 reliquary. All metalwork is outside, and below, the opaque aperture. */
.nq-battle-intro__reliquary{position:absolute;z-index:1;inset:-12px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 200ms ease;isolation:isolate}
.nq-battle-intro[data-frame-visible="true"] .nq-battle-intro__reliquary{opacity:1;visibility:visible}
.nq-battle-intro__reliquary::before{content:"";position:absolute;inset:0;border:9px solid #3c3329;border-image:linear-gradient(135deg,#ae9360 0%,#4e4434 16%,#1c1a18 35%,#796344 51%,#28231d 74%,#9b8052 100%) 1;box-shadow:0 0 0 1px #0b0907,0 0 0 2px #715b354f,0 10px 28px #000b;pointer-events:none}
.nq-battle-intro__reliquary::after{content:"";position:absolute;inset:11px;border:1px solid #d5b87b;box-shadow:0 0 0 1px #110e09;opacity:.7;pointer-events:none}
.nq-battle-intro__corner{position:absolute;display:block;width:72px;height:72px;color:#c6ab76;line-height:0}
.nq-battle-intro__corner--nw{top:-7px;left:-7px}
.nq-battle-intro__corner--ne{top:-7px;right:-7px;transform:rotate(90deg)}
.nq-battle-intro__corner--se{bottom:-7px;right:-7px;transform:rotate(180deg)}
.nq-battle-intro__corner--sw{bottom:-7px;left:-7px;transform:rotate(270deg)}
.nq-battle-intro__corner svg{display:block;overflow:visible}
.nq-battle-intro__plate{fill:#302b24;stroke:#aa8d59;stroke-width:1.2;stroke-linejoin:bevel}
.nq-battle-intro__carving{fill:none;stroke:#c4a974;stroke-width:1;stroke-linecap:square}
.nq-battle-intro__edge{fill:none;stroke:#75603b;stroke-width:1;stroke-linecap:square}
.nq-battle-intro__etch{fill:none;stroke:#8b734c;stroke-width:.8}
.nq-battle-intro__gem{fill:#19131f;stroke:#ab8d5a;stroke-width:.8}
.nq-battle-intro__gem-cut{fill:#654579;stroke:#bc93cc;stroke-width:.6}
.nq-battle-intro__crest{position:absolute;top:-38px;left:50%;display:block;width:72px;height:50px;transform:translateX(-50%);overflow:visible}
.nq-battle-intro__crest-metal{fill:#211d1b;stroke:#997d4f;stroke-width:1.25;stroke-linejoin:bevel}
.nq-battle-intro__crest-edge{fill:#15121a;stroke:#5e4b30;stroke-width:.7}
.nq-battle-intro__crest-engraving{fill:none;stroke:#92764c;stroke-width:1}
.nq-battle-intro__renal{fill:#59326c;stroke:#c28bdc;stroke-width:1.05;stroke-linejoin:round}
.nq-battle-intro__renal-line{fill:none;stroke:#e0b8ed;stroke-width:.85;stroke-linecap:round;opacity:.85}
