/* Opening animation after sign-in. The "boards" wordmark is built from 16:9 storyboard panels.
   Motion runs in js/intro.js (WAAPI); this file only sets the starting look. */
#intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;cursor:default;-webkit-user-select:none;user-select:none}
#intro .in-ground,#intro .in-dark{position:absolute;inset:0}
#intro .in-ground{background:var(--frame,#F3F3F1)}
#intro .in-dark{background:#0B0B0B}
/* Panels are placed in the wordmark SVG's own units (359 x 81, 16 x 9 panels) so the hand-off lands exactly */
#intro .in-word{position:relative;width:clamp(220px,46vw,500px);aspect-ratio:359/81;transform-origin:0 0}
#intro .ic{position:absolute;width:calc(16 / 359 * 100%);height:calc(9 / 81 * 100%)}
#intro .ic span{position:absolute;inset:0;border-radius:10%/18%;opacity:0}
#intro .ic-f{background:var(--ink,#111)}
#intro .ic-o{border:1px solid #FFC468;box-shadow:0 0 12px rgba(250,175,59,.6),inset 0 0 6px rgba(250,175,59,.3)}
#app.intro-wait{opacity:0}