.fei-start{width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:1px solid #c8a96e;border-radius:30px;padding:28px 36px;color:#1a1d2b;background:radial-gradient(ellipse at 95% 0%,#a78bfa33 0,transparent 43%),radial-gradient(ellipse at 0% 95%,#c8a96e33 0,transparent 42%),#fafaf8;box-shadow:0 30px 100px #1a1d2b40;font-family:"Open Sans",sans-serif;box-sizing:border-box}.fei-start::backdrop{background:#1a1d2baa;backdrop-filter:blur(8px)}.fei-start header,.fei-start footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.fei-start header,.start-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800}.start-progress{display:flex;gap:7px;margin:20px 0}.start-progress i{height:5px;border-radius:5px;background:#f5f5f7;flex:1}.start-progress .lit{background:#a78bfa}.start-scene{display:flex;gap:24px;align-items:center;margin:26px 0}.start-guide{min-width:100px;text-align:center}.start-guide svg{width:100px;height:118px;overflow:visible;animation:artchi-float 3s ease-in-out infinite}.start-guide span{display:block;letter-spacing:3px;font-size:9px}.fei-start h1{font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(28px,4vw,43px);line-height:1.1;margin:10px 0 14px}.fei-start p{line-height:1.6}.fei-start main{min-height:220px}.start-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fei-start button,.fei-picks button{font-family:"Open Sans",sans-serif;cursor:pointer}.start-choice{position:relative;border:1px solid #a78bfa66;border-radius:18px;background:#ffffffbd;color:#1a1d2b;padding:18px 35px 18px 18px;text-align:left;transition:transform .2s,background .2s,box-shadow .2s;font-size:15px}.start-choice:hover{transform:translateY(-3px);box-shadow:0 7px 0 #a78bfa33}.start-choice.selected{background:#a78bfa33;border:2px solid #a78bfa;padding:17px 34px 17px 17px}.start-choice b{position:absolute;right:13px;top:15px;color:#1a1d2b}.start-choice small,.start-gallery small{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:#1a1d2ba6}.sparks{grid-template-columns:repeat(3,minmax(0,1fr))}.sparks .start-choice:nth-child(3n+1){background:#c8a96e33}.sparks .start-choice:nth-child(3n+2){background:#f9a8d433}.sparks .start-choice.selected{box-shadow:inset 0 0 0 2px #a78bfa}.start-name{display:block;font-size:18px;margin:40px auto 20px;max-width:490px}.start-name input{box-sizing:border-box;display:block;width:100%;margin-top:16px;padding:20px;border:2px solid #a78bfa;border-radius:16px;font:600 26px "Open Sans",sans-serif;color:#1a1d2b;background:#fff}.start-note{font-size:12px;color:#1a1d2ba6}.fei-start fieldset{border:0;padding:0;margin:25px 0 0}.fei-start legend{margin-bottom:12px;font-size:14px}.fei-start legend small{display:block;margin-top:5px;color:#1a1d2ba6}.compact .start-choice{font-size:12px;padding-top:12px;padding-bottom:12px}.start-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fei-start .start-gallery:has([data-field]){grid-template-columns:repeat(2,minmax(0,1fr))}.start-gallery img{width:100%;height:130px;object-fit:cover;border-radius:12px;margin-bottom:10px}.start-gallery a,.start-gallery article{display:block;padding:12px;background:#fff9f5;border:1px solid #c8a96e66;border-radius:18px;color:#1a1d2b;text-decoration:none}.start-gallery strong{display:block;font-size:15px}.fei-start footer{border-top:1px solid #a78bfa66;padding-top:20px;margin-top:20px}.fei-start footer button,.fei-picks button{border:0;border-radius:100px;padding:14px 23px;background:#a78bfa33;color:#1a1d2b;font-weight:700}.fei-start #start-next{background:#1a1d2b;color:#fff}.fei-start button:disabled{opacity:.4;cursor:default}.fei-start footer span{font-size:11px;color:#1a1d2ba6}.fei-start :focus-visible,.fei-picks :focus-visible{outline:3px solid #5e7a5e;outline-offset:4px}#start-error{color:#1a1d2b;font-size:13px}.fei-picks{padding:28px;margin:20px 0;background:#fafaf8;border-radius:24px}.fei-picks h2{font:700 28px Montserrat,sans-serif}.fei-picks button{margin-top:18px}@keyframes artchi-float{50%{transform:translateY(-8px) rotate(3deg)}}@media(max-width:600px){.fei-start{padding:20px;border-radius:22px}.start-scene{gap:12px}.start-guide{min-width:64px}.start-guide svg{width:64px;height:85px}.start-options,.sparks{grid-template-columns:repeat(2,minmax(0,1fr))}.start-gallery{grid-template-columns:1fr}.start-gallery img{height:130px}.fei-start footer span{display:none}.start-choice{font-size:13px}.fei-start header{font-size:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.start-guide svg{animation:none}.start-choice{transition:none}}

.fei-start h1,.fei-start header,.start-eyebrow,.start-gallery strong,.fei-picks h2{font-family:Montserrat,sans-serif}.fei-picks{font-family:"Open Sans",sans-serif}.fei-start .start-gallery:has([data-field]){grid-template-columns:repeat(3,minmax(0,1fr))}.start-gallery img{object-fit:contain;background:var(--paper-soft,#f5f5f7);height:150px}.start-motion-label{font-size:10px}#start-motion{background:transparent;border:1px solid var(--purple,#a78bfa);border-radius:20px;padding:8px 14px;margin-top:12px;color:var(--ink,#1a1d2b)}@media(max-width:600px){.fei-start .start-gallery:has([data-field]){grid-template-columns:repeat(2,minmax(0,1fr))}.start-gallery img{height:120px}.fei-start h1{font-size:26px}}

/* Explicitly restore dialog positioning after the host page's global margin reset. */
dialog.fei-start{position:fixed;inset:0;margin:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.fei-picks{background:transparent;padding:0;margin:0 0 28px;border-radius:0}
.start-recommend-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.fei-picks h2{font:700 18px Montserrat,sans-serif;margin:0 0 6px}.fei-picks p{font-size:13px;color:var(--ink-soft,#1a1d2ba6)}.fei-picks button{margin:0;padding:8px 12px;font-size:12px;white-space:nowrap}.start-course-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0}.start-course-list li{border-bottom:1px solid var(--ink-veryfaint,#1a1d2b26)}.start-course-list a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;color:var(--ink,#1a1d2b);text-decoration:none}.start-course-list strong{font:600 14px Montserrat,sans-serif}.start-course-list small{display:block;margin-top:5px;font:13px/1.5 "Open Sans",sans-serif;color:var(--ink-soft,#1a1d2ba6)}.start-course-list a:hover strong{text-decoration:underline}@media(max-width:600px){.start-recommend-heading{align-items:flex-start;flex-direction:column}dialog.fei-start{max-height:calc(100dvh - 24px)}}

/* Artchi speaks from a bubble pointing back toward the companion. */
.start-speech{position:relative;margin-top:18px;padding:16px 20px;border:1px solid var(--purple,#a78bfa);border-radius:20px;background:var(--paper,#fafaf8);box-shadow:0 4px 12px #1a1d2b0a;animation:artchi-speech-in .25s ease-out}
.start-speech::before{content:"";position:absolute;left:-9px;top:28px;width:16px;height:16px;background:var(--paper,#fafaf8);border-left:1px solid var(--purple,#a78bfa);border-bottom:1px solid var(--purple,#a78bfa);transform:rotate(45deg)}
.start-speech-name{display:block;font:700 10px Montserrat,sans-serif;letter-spacing:1.5px;color:var(--ink-soft,#1a1d2ba6);margin-bottom:5px}.fei-start .start-speech p{margin:0;font:400 15px/1.6 "Open Sans",sans-serif;color:var(--ink,#1a1d2b)}.start-scene:has(.start-speech){align-items:center}.start-scene:has(.start-speech) .start-guide{align-self:flex-end;padding-bottom:12px}
@keyframes artchi-speech-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.start-speech{padding:12px 14px;margin-top:12px}.fei-start .start-speech p{font-size:13px}.start-speech::before{top:24px}.start-scene:has(.start-speech) .start-guide{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.start-speech{animation:none}}

.start-batch-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;font:12px/1.5 "Open Sans",sans-serif}.start-batch-bar button{border:1px solid var(--purple,#a78bfa);border-radius:24px;padding:10px 16px;background:var(--paper,#fafaf8);color:var(--ink,#1a1d2b)}

.start-cathedral-image{display:block;width:100%;height:150px;margin-bottom:10px;border-radius:12px;background-image:url('../material-art/cardboard/assets/gothic/project-map.png');background-size:330% auto;background-position:100% 91%;background-repeat:no-repeat}.fei-start .start-gallery:has(>button:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}

.start-other{display:block;margin-top:20px;font:600 14px/1.5 "Open Sans",sans-serif}.start-other input{display:block;box-sizing:border-box;width:100%;margin:8px 0;padding:14px;border:1px solid var(--purple,#a78bfa);border-radius:14px;background:var(--paper,#fafaf8);color:var(--ink,#1a1d2b);font:400 15px "Open Sans",sans-serif}.start-other small{font-weight:400;color:var(--ink-soft,#1a1d2ba6)}