/* Standalone vertical experience. Old gallery assets remain available but unmounted. */
html:has(.ugc-fullscreen), body.ugc-fullscreen { height: 100%; overflow: hidden; }
.ugc-fullscreen { --paper: #f3f0e8; --ink: #2c3727; background: var(--paper); color: var(--ink); }
.ugc-fullscreen #top, .ugc-fullscreen .ugc-deck { width: 100%; height: 100dvh; margin: 0; padding: 0; max-width: none; }
.ugc-fullscreen .deck-stage { display: block; position: relative; width: 100%; height: 100dvh; perspective: none; overflow: hidden auto; scroll-snap-type: y mandatory; scrollbar-width: none; overscroll-behavior: contain; isolation: isolate; }
.ugc-fullscreen .deck-stage::-webkit-scrollbar { display: none; }
.ugc-fullscreen .ugc-slide, .ugc-fullscreen .ugc-slide.is-active { position: relative; inset: auto; grid-area: auto; height: 100dvh; min-height: 100dvh; width: 100%; padding: clamp(26px, 4vh, 52px) 86px 62px clamp(26px, 4vw, 72px); border: 0; border-radius: 0; box-shadow: none; transform: none; opacity: 1; visibility: visible; overflow: hidden; scroll-snap-align: start; scroll-snap-stop: always; transition: none; pointer-events: auto; }
.ugc-fullscreen .deck-cover, .ugc-fullscreen .deck-cover.is-active { --cover-note-width: clamp(210px, 18vw, 300px); --cover-note-left: calc(45% + 42px); --cover-note-accent: #bb713f; padding: 0; grid-template-columns: .9fr 1.1fr; }
.ugc-fullscreen .deck-cover-copy { padding: 50px 32px 65px clamp(35px, 5.8vw, 106px); }
.ugc-fullscreen .deck-cover h1 { font-size: clamp(65px, 7.6vw, 138px); line-height: .98; }
.ugc-fullscreen .deck-dek { font-size: clamp(13px, 1.05vw, 18px); max-width: none; margin-top: 24px; }
.ugc-fullscreen .deck-cover-quote { margin-block: clamp(20px, 4vh, 44px); }
.ugc-fullscreen .deck-cover-quote > p { font-size: clamp(23px, 2.1vw, 34px); }
.ugc-fullscreen .deck-cover-art { height: 100%; border-radius: 0; margin: 0; }
.ugc-fullscreen .deck-cover-art-top { inset: 36px 88px auto 30px; }
.ugc-fullscreen .deck-cover-art-bottom { bottom: 80px; left: 38px; right: 85px; text-align: right; }
.ugc-fullscreen .deck-cover-art-bottom .deck-style-dots { justify-content: flex-end; }
.ugc-fullscreen .deck-cover-art-bottom h2 { font-size: clamp(33px, 3.1vw, 54px); }
.ugc-fullscreen .deck-floating-note { --note-tilt: 3deg; --note-drift: 3px; --note-rise: -8px; --note-turn: -1.8deg; --note-speed: 7s; position: absolute; top: auto; right: auto; padding: 10px; border: 1px solid #fff9; border-radius: 10px; background: #eef1e4; box-shadow: 0 16px 40px #0d140b55; transform: rotate(var(--note-tilt)); animation: proxy-card-float var(--note-speed) ease-in-out infinite; animation-play-state: paused; }
.ugc-fullscreen .deck-proxy-note { width: var(--cover-note-width); left: var(--cover-note-left); bottom: 18%; z-index: 4; }
.ugc-fullscreen .deck-cover.is-active .deck-floating-note { animation-play-state: running; }
.ugc-fullscreen .deck-cover.is-active .deck-floating-note:hover { animation-play-state: paused; }
@keyframes proxy-card-float {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(var(--note-tilt)); }
  50% { transform: translate3d(var(--note-drift), var(--note-rise), 0) rotate(calc(var(--note-tilt) + var(--note-turn))); }
}
.ugc-fullscreen .deck-proxy-note img { width: 100%; height: auto; aspect-ratio: 1.8; }
.ugc-fullscreen .deck-proxy-note span { font: 10px/1.6 var(--mono); padding: 10px 6px 5px; color: #6b7a59; }
.ugc-fullscreen .deck-proxy-note b { display: inline-block; font: 600 17px/1.5 var(--sans); letter-spacing: -.02em; color: #344b28; margin-top: 3px; }
.ugc-fullscreen .deck-material-note { --note-tilt: -6deg; --note-drift: -3px; --note-rise: -6px; --note-turn: 1.4deg; --note-speed: 8.5s; width: clamp(156px, 12.8vw, 210px); left: calc(var(--cover-note-left) + var(--cover-note-width) + 10px); bottom: calc(18% + 110px); z-index: 3; animation-delay: -2s; background: #ece8df; }
.deck-material-crop { aspect-ratio: 1.3; border-radius: 5px; overflow: hidden; background: #252b26; }
.deck-material-crop img { width: 100%; height: 100%; object-fit: cover; object-position: var(--material-position, 12% 65%); transform: scale(1.5); transform-origin: var(--material-position, 12% 65%); }
.deck-note-label { display: block; padding: 10px 3px 3px; font: 9px/1.6 var(--mono); color: #787667; letter-spacing: .04em; }
.deck-note-label b { display: block; margin-top: 3px; font: 600 15px/1.4 var(--sans); letter-spacing: -.025em; color: #3c4236; }
.ugc-fullscreen .deck-palette-note { --note-tilt: -4deg; --note-drift: 2px; --note-rise: -5px; --note-turn: 1.2deg; --note-speed: 9.5s; width: clamp(172px, 14.2vw, 228px); left: calc(var(--cover-note-left) + 54px); bottom: calc(18% - 100px); z-index: 3; padding: 13px 15px; animation-delay: -4s; background: #e7e8db; }
.deck-note-eyebrow { display: block; color: #6b715d; font: 9px/1.4 var(--mono); letter-spacing: .065em; }
.deck-palette-swatches { display: flex; gap: 5px; margin-block: 9px 8px; }
.deck-palette-swatches i { display: block; flex: 1; height: 25px; border-radius: 3px; background: var(--swatch); box-shadow: inset 0 0 0 1px #00000008; }
#deck-palette-mood { display: block; color: #47513c; font: 500 12px/1.5 var(--sans); }
.ugc-fullscreen .deck-proxy-note span::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-right: 6px; background: var(--cover-note-accent); }
.cover-scroll-cue { display: flex; gap: 11px; align-items: center; margin: 38px 0 0; color: #909782; font: 8px var(--mono); letter-spacing: .08em; }
.cover-scroll-cue > span { width: 14px; height: 23px; border: 1px solid #a9b19b; border-radius: 10px; position: relative; }
.cover-scroll-cue > span::after { content: ''; position: absolute; width: 2px; height: 5px; background: #70805c; left: 5px; top: 4px; animation: scroll-cue 2s ease infinite; }
@keyframes scroll-cue { 80%, 100% { transform: translateY(7px); opacity: 0; } }
.chapter-rail.deck-tabs { position: fixed; z-index: 20; right: 22px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; }
.chapter-rail.deck-tabs button { min-width: 42px; min-height: 43px; justify-content: center; gap: 9px; padding: 9px 5px; border: 0; border-radius: 0; font: 10px var(--mono); color: #8a9581; background: transparent; }
.chapter-rail button i { width: 3px; height: 3px; border-radius: 3px; background: currentColor; transition: height .3s; }
.chapter-rail.deck-tabs button[aria-selected="true"] { color: #304e28; background: transparent; }
.chapter-rail button[aria-selected="true"] i { height: 22px; }
.chapter-foot { position: fixed; bottom: 21px; inset-inline: clamp(26px, 4vw, 72px) 36px; display: flex; align-items: center; justify-content: space-between; z-index: 20; pointer-events: none; font: 8px var(--mono); letter-spacing: .1em; color: #879177; }
.chapter-foot #deck-page-number { display: block; color: inherit; margin: 0; position: absolute; left: 50%; transform: translateX(-50%); font-size: 9px; }
.chapter-foot b { font-weight: 400; margin-left: 12px; font-size: 14px; }
body[data-chapter="0"] .chapter-rail.deck-tabs button { color: #eee9d5a8; }
body[data-chapter="0"] .chapter-rail.deck-tabs button[aria-selected="true"] { color: #f8ffe6; }
body[data-chapter="0"] .chapter-foot > span:last-child, body[data-chapter="0"] #deck-page-number { color: #edeed6; }
body[data-chapter="2"] .chapter-rail.deck-tabs button { color: #728367; }
body[data-chapter="2"] .chapter-rail.deck-tabs button[aria-selected="true"], body[data-chapter="2"] .chapter-foot { color: #becfaf; }
.ugc-fullscreen .deck-slide-heading { padding-bottom: clamp(18px, 2.6vh, 32px); }
.ugc-fullscreen .deck-slide-heading h2 { font-size: clamp(34px, 3.8vw, 66px); }
.ugc-fullscreen .deck-slide-heading > p { font-size: 11px; }
.ugc-fullscreen .deck-kicker { font-size: 9px; }
.ugc-fullscreen #castle-conversation { margin: 0; border: 1px solid #d4d9c8; background: #fcfcf6; border-radius: 12px; overflow: hidden; }
.ugc-fullscreen .designer-window-bar { padding: 14px 22px; }
.ugc-fullscreen .designer-demo-label { display: inline; font-size: 8px; }
.ugc-fullscreen .designer-columns { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(280px, 1fr); min-height: 0; }
.ugc-fullscreen .designer-output { display: flex; flex-direction: column; gap: 0; min-height: 0; padding: clamp(18px, 2.3vh, 30px) clamp(20px, 2.5vw, 40px) 17px; overflow: hidden; }
.ugc-fullscreen .designer-status { flex-shrink: 0; }
.ugc-fullscreen .designer-status b { font-size: 12px; color: #3d5135; }
.ugc-fullscreen .designer-status span:not(.designer-avatar) { font-size: 10px; max-width: none; color: #8a977d; line-height: 1.5; }
.design-stepper { display: flex; justify-content: space-between; gap: 9px; margin-block: 25px 19px; flex-shrink: 0; border-bottom: 1px solid #dfe4d6; padding-bottom: 12px; }
.design-stepper button { display: flex; align-items: center; gap: 6px; border: 0; background: transparent; padding: 5px 0; font: 8px var(--mono); color: #8d9881; cursor: pointer; }
.design-stepper button i { width: 4px; height: 4px; background: #c5cdbb; border-radius: 50%; }
.design-stepper button[aria-pressed="true"] { color: #355328; }
.design-stepper button[aria-pressed="true"] i { background: #6e8f48; box-shadow: 0 0 0 4px #cbd9b338; }
.design-stepper button.is-done i { background: #9fb285; }
.design-stage-area { min-height: 0; flex: 1; display: flex; flex-direction: column; position: relative; }
.design-pane { min-height: 0; flex: 1; display: flex; flex-direction: column; justify-content: center; animation: design-arrive .55s cubic-bezier(.2,.7,.2,1) both; }
.design-pane[hidden] { display: none !important; }
@keyframes design-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.design-eyebrow { font: 8px var(--mono); color: #8c9b7c; letter-spacing: .11em; margin: 0 0 17px; }
.design-pane h3 { font: 400 clamp(28px, 2.9vw, 47px)/1.05 var(--serif); letter-spacing: -.035em; color: #34482c; margin: 0 0 21px; }
.design-pane h3 em { font-weight: 400; color: #869673; }
.design-pane > p:not(.design-eyebrow):not(.design-caption) { font-size: 12px; line-height: 1.85; color: #7a876d; max-width: 545px; margin: 0; }
.design-pane .design-caption { font-size: 10px; line-height: 1.75; color: #87967a; margin: 15px 0 0; }
.design-pane .research-disclosure { font: 8px/1.7 var(--mono); color: #a1ac94; }
.design-wait { align-items: center; text-align: center; }
.design-seed { height: 108px; width: 108px; position: relative; margin-bottom: 26px; display: grid; place-items: center; }
.design-seed span { font: italic 44px var(--serif); color: #73875e; }
.design-seed i { position: absolute; inset: 0; border: 1px solid #d8e0cd; border-radius: 50%; }
.design-seed i:nth-of-type(2) { inset: -12px; border-style: dashed; border-color: #e8eddf; }
.design-seed i:nth-of-type(3) { inset: 14px; border-color: #e4e8db; }
.thinking-lines { display: grid; gap: 12px; margin: 10px 0 26px; }
.thinking-lines p { margin: 0; font-size: 12px; color: #7c8e6c; animation: design-arrive .55s both; }
.thinking-lines p:nth-child(2) { animation-delay: .25s; }.thinking-lines p:nth-child(3) { animation-delay: .5s; }
.thinking-lines i { display: inline-block; width: 6px; height: 6px; border: 1px solid #a0b489; transform: rotate(45deg); margin-right: 10px; }
.thinking-dots { display: flex; gap: 6px; }
.thinking-dots i { width: 5px; height: 5px; border-radius: 50%; background: #96aa7c; animation: designer-pulse 1.2s infinite; }
.thinking-dots i:nth-child(2) { animation-delay: .2s; }.thinking-dots i:nth-child(3) { animation-delay: .4s; }
.story-functions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; border-top: 1px solid #e1e7d7; margin-top: 28px; padding-top: 21px; }
.story-functions > div { display: flex; gap: 11px; }
.story-functions b { font: 10px var(--mono); color: #a7b596; padding-top: 3px; }
.story-functions span { font-size: 12px; color: #4c6540; }
.story-functions small { display: block; font-size: 9px; line-height: 1.6; color: #98a68a; margin-top: 5px; }
.route-paper { border: 1px solid #dce3d2; background: #f1f4e9; border-radius: 8px; overflow: hidden; min-height: 0; }
.route-paper svg { display: block; width: 100%; max-height: 34vh; }
.route-abyss { fill: #e3e8d9; stroke: #c1cdb2; stroke-dasharray: 4 5; }
.route-abyss-title { font: 10px var(--mono); fill: #97a38b; letter-spacing: 2px; }
.route-main { fill: none; stroke: #68834e; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; }
.route-return { fill: none; stroke: #b5aa83; stroke-width: 1.5; stroke-dasharray: 1; stroke-dashoffset: 1; }
[data-route-order] circle:first-child { fill: #f7f8ee; stroke: #839a66; stroke-width: 1.5; }
[data-route-order] circle:nth-child(2) { fill: #8da772; }
[data-route-order] text { font: 10px var(--mono); fill: #657650; }
[data-route-order] text.route-level { fill: #919e83; font-size: 9px; }
.route-paper > div { display: flex; align-items: center; gap: 18px; padding: 10px 14px; border-top: 1px solid #dfe5d5; color: #91a07f; font: 7px var(--mono); }
.route-paper > div > span:last-child { margin-left: auto; font-size: 6px; }
.route-paper > div i { display: inline-block; width: 12px; height: 2px; background: #68834e; margin-right: 5px; vertical-align: middle; }
.route-paper > div > span:nth-child(2) i { background: #b5aa83; }
.design-route h3 { font-size: clamp(24px, 2.1vw, 36px); margin-bottom: 14px; }
.reference-search { display: flex; align-items: center; gap: 10px; border: 1px solid #d6dec9; border-radius: 7px; padding: 12px 14px; background: #f4f7ed; font: 10px var(--mono); color: #718560; margin-bottom: 18px; min-height: 41px; }
.reference-search > span:first-child { color: #9aaa87; font-size: 17px; }
.research-results { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; min-height: 0; }
.research-results article { opacity: .04; transform: translateY(8px); transition: opacity .5s, transform .5s; min-width: 0; }
.research-results article.is-found { opacity: 1; transform: none; }
.research-results a { color: inherit; text-decoration: none; }
.research-results article > a { display: block; border: 1px solid #d5dec9; padding: 5px; border-radius: 8px; background: #f2f4ea; }
.research-results img { display: block; width: 100%; height: clamp(130px, 23vh, 285px); object-fit: cover; border-radius: 4px; }
.research-results article > a > span { display: flex; justify-content: space-between; gap: 4px; padding: 11px 4px 5px; font-size: 10px; color: #5c7050; }
.research-results b { font-weight: 400; }
.research-results article > p { font: 7px/1.7 var(--mono); color: #9da88f; margin: 8px 2px 0; }
.research-results article > p a { border-bottom: 1px solid #c3cbb7; }
.ugc-fullscreen .designer-reference-card { padding: 5px; }
.ugc-fullscreen .designer-reference-card img { width: 100%; height: clamp(110px, 23vh, 290px); aspect-ratio: auto; object-fit: cover; }
.ugc-fullscreen .designer-reference-card span { font-size: 9px; padding: 12px 4px 7px; }
.design-transport { display: flex; align-items: center; flex-shrink: 0; gap: 16px; padding-top: 17px; margin-top: 18px; border-top: 1px solid #e0e5d6; }
.design-transport button { min-width: 62px; border: 0; padding: 4px 0; text-align: left; background: none; font: 9px var(--mono); color: #6e855b; cursor: pointer; }
.design-transport input { accent-color: #83996d; min-width: 0; flex: 1; height: 3px; cursor: pointer; }
.design-transport output { font: 8px var(--mono); color: #96a387; white-space: nowrap; }
.ugc-fullscreen .designer-brief-panel { padding: clamp(24px, 3vh, 40px) clamp(20px, 2.3vw, 36px); }
.ugc-fullscreen .designer-user-bubble { padding: 21px 21px 14px; }
.ugc-fullscreen .designer-user-bubble p { min-height: 108px; font-size: clamp(12px, 1vw, 15px); line-height: 1.8; }
.ugc-fullscreen .designer-user-bubble.style-brief p { min-height: 0; font-size: 11px; }
#designer-message-status { display: block; margin-top: 15px; font: 7px var(--mono); color: #9ca98c; text-align: right; }
.typing-caret { display: inline-block; height: 13px; width: 1px; background: #6f8657; margin-left: 2px; transform: translateY(2px); }
.design-playing .typing-caret { animation: designer-pulse .7s infinite; }
.brief-sent .typing-caret { display: none; }
.ugc-fullscreen .designer-brief-summary { padding-top: 22px; }
.ugc-fullscreen .designer-brief-summary p { font-size: 11px; }
.ugc-fullscreen .deck-build { background: #1e271b; }
.ugc-fullscreen .deck-build .castle-design-workbench { min-height: 0; grid-template-columns: minmax(250px, .85fr) minmax(0, 1.65fr); }
.ugc-fullscreen .deck-build .castle-caption { flex-shrink: 0; }
.ugc-fullscreen .deck-preview-wrap { height: auto; min-height: 0; }
.ugc-fullscreen .deck-preview-note { font-size: 8px; flex-shrink: 0; }
@media (min-width: 761px) and (max-height: 800px) {
  .ugc-fullscreen .ugc-slide { padding-top: 23px; padding-bottom: 51px; }
  .ugc-fullscreen .deck-cover { padding: 0; }
  .ugc-fullscreen .deck-slide-heading { padding-bottom: 17px; }
  .ugc-fullscreen .deck-slide-heading h2 { font-size: 39px; }
  .ugc-fullscreen .designer-window-bar { padding-block: 10px; }
  .ugc-fullscreen .designer-output { padding-top: 17px; }
  .design-stepper { margin-block: 14px 12px; }
  .design-seed { height: 68px; width: 68px; margin-bottom: 25px; }
  .design-pane h3 { font-size: 32px; margin-bottom: 15px; }
  .design-pane .design-eyebrow { margin-bottom: 12px; font-size: 7px; }
  .design-route h3 { font-size: 26px; }
  .route-paper svg { max-height: 28vh; }
  .design-transport { margin-top: 12px; padding-top: 12px; }
  .ugc-fullscreen .designer-brief-panel { padding-top: 22px; }
  .ugc-fullscreen .designer-user-bubble { padding: 14px 16px; }
  .ugc-fullscreen .designer-user-bubble p { min-height: 92px; font-size: 12px; }
  .ugc-fullscreen .designer-user-bubble.style-brief p { min-height: 0; font-size: 10px; }
  .ugc-fullscreen .designer-brief-summary { padding-block: 8px 14px; }
  .ugc-fullscreen .deck-build .castle-phases button { padding-block: 10px; }
  .ugc-fullscreen .deck-build .castle-caption { padding-block: 8px; }
  .ugc-fullscreen .deck-build .castle-caption p { font-size: 9px; }
  .cover-scroll-cue { margin-top: 26px; }
}
@media (max-width: 1000px) and (min-width: 761px) {
  .ugc-fullscreen .designer-columns { grid-template-columns: minmax(0, 1.5fr) minmax(225px, 1fr); }
  .ugc-fullscreen .designer-output { padding-inline: 18px; }
  .ugc-fullscreen .designer-brief-panel { padding-inline: 15px; }
  .design-stepper { gap: 4px; }.design-stepper button { font-size: 7px; gap: 4px; }
  .ugc-fullscreen .deck-cover h1 { font-size: 7.4vw; }
  .ugc-fullscreen .deck-cover-copy { padding-left: 40px; }
  .ugc-fullscreen .deck-slide-heading > p { display: none; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .ugc-fullscreen .deck-palette-note { display: none; }
}
@media (max-width: 760px) {
  .ugc-fullscreen .ugc-slide, .ugc-fullscreen .ugc-slide.is-active { padding: 27px 37px 48px 18px; }
  .chapter-rail.deck-tabs { right: 3px; gap: 8px; }
  .chapter-rail.deck-tabs button { min-width: 29px; padding: 8px 3px; gap: 5px; font-size: 8px; display: flex; }
  .chapter-rail button[aria-selected="true"] i { height: 18px; }
  .chapter-foot { bottom: 16px; inset-inline: 18px; font-size: 6px; }
  .chapter-foot #deck-page-number { font-size: 7px; }
  .ugc-fullscreen .deck-cover, .ugc-fullscreen .deck-cover.is-active { padding: 0; display: block; }
  .ugc-fullscreen .deck-cover-art { position: absolute; inset: 0; height: 100%; }
  .ugc-fullscreen .deck-cover-art > img { object-position: 51% 50%; }
  .ugc-fullscreen .deck-cover-art::after { background: linear-gradient(90deg, #152010b8, #1520101a), linear-gradient(0deg, #121f10dc, #1622140a 70%, #18211750); }
  .ugc-fullscreen .deck-cover-copy { position: relative; height: 100%; padding: 20px 37px 82px 27px; justify-content: flex-end; }
  .ugc-fullscreen .deck-cover h1 { font-size: clamp(64px, 15vw, 104px); color: #fff9e8; }
  .ugc-fullscreen .deck-cover h1 em { color: #d1ddbb; }
  .ugc-fullscreen .deck-cover .deck-kicker { color: #d3d7c4; font-size: 7px; margin-bottom: 22px; }
  .ugc-fullscreen .deck-dek { color: #e0e4cd; font-size: 13px; margin-top: 18px; line-height: 1.7; max-width: 245px; }
  .ugc-fullscreen .deck-cover-quote { margin-block: 24px; border-color: #bcc8a66b; }
  .ugc-fullscreen .deck-cover-quote > span { color: #abbc93; }
  .ugc-fullscreen .deck-cover-quote > p { color: #edf0de; font-size: 23px; }
  .ugc-fullscreen .deck-cover-art-top { inset: 24px 37px auto 27px; font-size: 7px; }
  .ugc-fullscreen .deck-cover-art-bottom { top: 64px; bottom: auto; left: 27px; right: 37px; }
  .ugc-fullscreen .deck-cover-art-bottom > span, .ugc-fullscreen .deck-cover-art-bottom h2, .ugc-fullscreen .deck-floating-note { display: none; }
  .ugc-fullscreen .deck-cover .deck-primary { background: #edf2dc; color: #334c25; border-color: #edf2dc; }
  .cover-scroll-cue { margin-top: 24px; font-size: 6px; color: #b8c3a6; }
  body[data-chapter="0"] .chapter-foot { color: #c8d3b6; }
  .ugc-fullscreen .deck-slide-heading { flex-direction: column; gap: 10px; padding-bottom: 18px; }
  .ugc-fullscreen .deck-slide-heading h2 { font-size: 32px; line-height: 1.04; }
  .ugc-fullscreen .deck-kicker { font-size: 7px; line-height: 1.6; }
  .ugc-fullscreen .deck-slide-heading > p { display: none; }
  .ugc-fullscreen .deck-slide-heading > a { font-size: 8px; }
  .ugc-fullscreen #castle-conversation { overflow: auto; }
  .ugc-fullscreen .designer-window-bar { padding: 11px; font-size: 7px; gap: 8px; }
  .ugc-fullscreen .designer-demo-label { font-size: 5px; }
  .ugc-fullscreen .designer-columns { display: flex; flex-direction: column-reverse; flex: none; min-height: 0; }
  .ugc-fullscreen .designer-brief-panel { padding: 16px; flex-shrink: 0; overflow: visible; }
  .ugc-fullscreen .designer-user-label { font-size: 7px; margin-bottom: 8px; }
  .ugc-fullscreen .designer-user-bubble { padding: 12px 14px; margin-bottom: 10px; }
  .ugc-fullscreen .designer-user-bubble p { font-size: 11px; min-height: 76px; line-height: 1.6; }
  .ugc-fullscreen .designer-user-bubble.style-brief p { font-size: 10px; min-height: 0; }
  #designer-message-status { margin-top: 8px; font-size: 6px; }
  .ugc-fullscreen .designer-brief-summary { display: none; }
  .ugc-fullscreen .designer-brief-panel .deck-primary { font-size: 10px; padding: 11px 14px; }
  .ugc-fullscreen .designer-autonomy-note { font-size: 6px; margin: 8px 0 0; }
  .ugc-fullscreen .designer-output { flex: none; min-height: 510px; padding: 19px 14px 15px; overflow: visible; }
  .ugc-fullscreen .designer-status { gap: 8px; }
  .ugc-fullscreen .designer-status b { font-size: 10px; }
  .ugc-fullscreen .designer-status span:not(.designer-avatar) { font-size: 8px; }
  .ugc-fullscreen .designer-avatar { width: 25px; height: 25px; font-size: 10px; }
  .design-stepper { margin-block: 18px; gap: 4px; flex-wrap: wrap; justify-content: flex-start; column-gap: 13px; }
  .design-stepper button { font-size: 7px; gap: 5px; }
  .design-pane h3 { font-size: 28px; }
  .design-pane > p:not(.design-eyebrow):not(.design-caption) { font-size: 10px; }
  .design-eyebrow { font-size: 6px; line-height: 1.6; }
  .design-pane .design-caption { font-size: 9px; }
  .design-pane .research-disclosure { font-size: 6px; }
  .story-functions { gap: 6px; padding-top: 15px; }
  .story-functions > div { gap: 5px; }.story-functions b { font-size: 8px; }.story-functions span { font-size: 10px; }.story-functions small { font-size: 7px; }
  .route-paper svg { min-height: 200px; max-height: none; }
  .route-paper > div { gap: 6px; padding: 8px; font-size: 5px; }.route-paper > div > span:last-child { font-size: 4px; }
  .reference-search { font-size: 7px; padding: 10px; gap: 8px; }
  .research-results { gap: 8px; }.research-results img { height: 155px; }.research-results article > a > span { font-size: 8px; line-height: 1.5; }.research-results article > p { font-size: 6px; }
  .ugc-fullscreen .designer-reference-card { padding: 3px; }.ugc-fullscreen .designer-reference-card img { height: 150px; }.ugc-fullscreen .designer-reference-card span { font-size: 6px; padding: 8px 1px; }
  .design-transport { gap: 9px; }.design-transport button { min-width: 52px; font-size: 8px; }.design-transport output { font-size: 7px; }
  .ugc-fullscreen .deck-build #ugc-product-demo { overflow: auto; border-radius: 8px; }
  .ugc-fullscreen .deck-build #castle-demo { height: auto; }
  .ugc-fullscreen .deck-build .castle-design-workbench { flex: none; display: flex; flex-direction: column; }
  .ugc-fullscreen .deck-build .castle-map-panel { height: 480px; }
  .ugc-fullscreen .deck-build .castle-3d-panel { height: 340px; }
  .ugc-fullscreen .deck-build .castle-phases button { padding: 10px 6px; }.ugc-fullscreen .deck-build .castle-phases strong { font-size: 9px; }
  .ugc-fullscreen .deck-build .castle-caption { gap: 7px; padding: 12px; }
  .ugc-fullscreen .deck-build .castle-caption p { font-size: 9px; }
  .ugc-fullscreen .deck-preview-wrap { flex: 1; min-height: 0; height: auto; }
  .ugc-fullscreen .deck-preview-note { font-size: 6px; margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .ugc-fullscreen .deck-floating-note { animation: none; }
  .cover-scroll-cue > span::after, .design-pane, .thinking-lines p, .thinking-dots i, .typing-caret { animation: none; }
  .research-results article, .chapter-rail button i { transition: none; }
}

/* One canvas, one palette: the whitebox chapter's forest green, edge to edge. */
html:has(.ugc-fullscreen) { background: #1e271b; scroll-padding: 0; }
body.ugc-fullscreen { --paper: #1e271b; --ink: #f1f0e5; --muted: #a4b297; --line: #405039; --acid: #c7dba6; margin: 0; padding: 0; border: 0; background: #1e271b; color: var(--ink); color-scheme: dark; }
.ugc-fullscreen #top, .ugc-fullscreen .ugc-deck, .ugc-fullscreen .deck-stage { background: #1e271b; border: 0; border-radius: 0; }
.ugc-fullscreen .ugc-slide, .ugc-fullscreen .ugc-slide.is-active { background: #1e271b; color: #f1f0e5; outline: 0; border: 0; border-radius: 0; }
.ugc-fullscreen .ugc-deck h1, .ugc-fullscreen .ugc-deck h2 { color: #f2f0e5; }
.ugc-fullscreen .ugc-deck h1 em, .ugc-fullscreen .ugc-deck h2 em { color: #b8cd9c; }
.ugc-fullscreen .deck-kicker { color: #9eb38b; }
.ugc-fullscreen .deck-dek { color: #b8c3aa; }
.ugc-fullscreen .deck-cover-quote { border-color: #526547; }
.ugc-fullscreen .deck-cover-quote > span { color: #94aa7e; }
.ugc-fullscreen .deck-cover-quote > p { color: #d6dfc9; }
.ugc-fullscreen .deck-primary { background: #c0d5a3; border-color: #c0d5a3; color: #25371d; }
.ugc-fullscreen .deck-primary:hover { background: #d2e6b9; border-color: #d2e6b9; }
.ugc-fullscreen .deck-slide-heading > p { color: #9aae8a; }
.ugc-fullscreen .deck-slide-heading > a { color: #b7cda0; border-color: #687e55; }
.ugc-fullscreen .cover-scroll-cue { color: #a2b38f; }
.ugc-fullscreen .cover-scroll-cue > span { border-color: #768966; }
.ugc-fullscreen .cover-scroll-cue > span::after { background: #b6c9a0; }
.ugc-fullscreen .chapter-foot { color: #acbc9a; }
.ugc-fullscreen .chapter-rail.deck-tabs button { color: #829674; }
.ugc-fullscreen .chapter-rail.deck-tabs button[aria-selected="true"] { color: #d7e8be; }
.ugc-fullscreen #castle-conversation { background: #222e1e; border-color: #405237; box-shadow: none; }
.ugc-fullscreen .designer-window-bar { border-color: #3c4c33; color: #b7cba0; }
.ugc-fullscreen .designer-demo-label, .ugc-fullscreen .designer-window-bar button { color: #9bad8d; }
.ugc-fullscreen .designer-avatar { background: #bacf9e; color: #2d421f; }
.ugc-fullscreen .designer-status b { color: #d6e4c5; }
.ugc-fullscreen .designer-status span:not(.designer-avatar) { color: #9db48a; }
.ugc-fullscreen .design-stepper { border-color: #3e5134; }
.ugc-fullscreen .design-stepper button { color: #9aad88; }
.ugc-fullscreen .design-stepper button i { background: #546a45; }
.ugc-fullscreen .design-stepper button[aria-pressed="true"] { color: #dfebce; }
.ugc-fullscreen .design-stepper button[aria-pressed="true"] i { background: #c8dda9; }
.ugc-fullscreen .design-stepper button.is-done i { background: #91a977; }
.ugc-fullscreen .design-eyebrow { color: #9bb886; }
.ugc-fullscreen .design-pane h3 { color: #e9eddf; }
.ugc-fullscreen .design-pane h3 em { color: #9cb98a; }
.ugc-fullscreen .design-pane > p:not(.design-eyebrow):not(.design-caption), .ugc-fullscreen .thinking-lines p { color: #bdccb0; }
.ugc-fullscreen .design-pane .design-caption { color: #aabc9a; }
.ugc-fullscreen .design-pane .research-disclosure { color: #91a580; }
.ugc-fullscreen .design-seed span { color: #bdcfa7; }
.ugc-fullscreen .design-seed i { border-color: #5a704b; }.ugc-fullscreen .design-seed i:nth-of-type(2) { border-color: #3e5032; }.ugc-fullscreen .design-seed i:nth-of-type(3) { border-color: #405635; }
.ugc-fullscreen .story-functions { border-color: #415536; }
.ugc-fullscreen .story-functions b, .ugc-fullscreen .story-functions small { color: #99b083; }
.ugc-fullscreen .story-functions span { color: #d5e0c9; }
.ugc-fullscreen .route-paper { background: #283820; border-color: #4b613e; }
.ugc-fullscreen #route-grid path { stroke: #415734; }
.ugc-fullscreen .route-abyss { fill: #1c2817; stroke: #658350; }
.ugc-fullscreen .route-abyss-title { fill: #96ad80; }
.ugc-fullscreen .route-main { stroke: #bfd99c; }.ugc-fullscreen .route-return { stroke: #c2b287; }
.ugc-fullscreen [data-route-order] circle:first-child { fill: #23331c; stroke: #b2ce8e; }.ugc-fullscreen [data-route-order] circle:nth-child(2) { fill: #d0e4b3; }
.ugc-fullscreen [data-route-order] text { fill: #c5d9ae; }.ugc-fullscreen [data-route-order] text.route-level { fill: #91ac78; }
.ugc-fullscreen .route-paper > div { border-color: #415935; color: #b0c599; }
.ugc-fullscreen .route-paper > div i { background: #bfd99c; }.ugc-fullscreen .route-paper > div > span:nth-child(2) i { background: #c2b287; }
.ugc-fullscreen .reference-search { background: #1d2b17; border-color: #4d6440; color: #c1d3aa; }
.ugc-fullscreen .research-results article > a { background: #2b3b23; border-color: #4a603c; }
.ugc-fullscreen .research-results article > a > span { color: #cfddbf; }
.ugc-fullscreen .research-results article > p { color: #a9bc96; }.ugc-fullscreen .research-results article > p a { border-color: #667f53; }
.ugc-fullscreen .designer-reference-card { background: #2a3a23; border-color: #475d3a; }
.ugc-fullscreen .designer-reference-card span { color: #becfad; }
.ugc-fullscreen .designer-reference-card[aria-pressed="true"] { background: #394d2c; border-color: #b7d28e; }
.ugc-fullscreen .designer-reference-card b { border-color: #7b9860; }
.ugc-fullscreen .designer-reference-card[aria-pressed="true"] b { background: #bdd6a0; color: #24371c; }
.ugc-fullscreen .design-transport { border-color: #405635; }
.ugc-fullscreen .design-transport button, .ugc-fullscreen .design-transport output { color: #b5caa0; }
.ugc-fullscreen .design-transport input { accent-color: #b7cf9a; }
.ugc-fullscreen .designer-brief-panel { background: #273421; border-color: #415637; }
.ugc-fullscreen .designer-user-label { color: #a2b78d; }
.ugc-fullscreen .designer-user-bubble { background: #35482a; border-color: #475e39; }
.ugc-fullscreen .designer-user-bubble p { color: #dfebd4; }
.ugc-fullscreen .designer-user-bubble small, .ugc-fullscreen #designer-message-status { color: #adbf97; }
.ugc-fullscreen .designer-user-bubble.style-brief { background: #343a27; border-color: #4d5840; }
.ugc-fullscreen .designer-user-bubble.style-brief small { color: #c0c1a0; }
.ugc-fullscreen .designer-user-bubble.style-brief p { color: #d2d4ba; }
.ugc-fullscreen .designer-brief-summary > span { color: #98ad83; }.ugc-fullscreen .designer-brief-summary p { color: #bdcdad; }
.ugc-fullscreen .designer-autonomy-note { color: #94aa7f; }
.ugc-fullscreen .typing-caret { background: #c9dbae; }
.ugc-fullscreen .deck-preview-wrap { border: 0; }
.ugc-fullscreen .deck-preview-note { color: #a3b78e; }

/* Readable hierarchy: role, current task, and content headings are not microcopy. */
.ugc-fullscreen .deck-kicker { font: 500 14px/1.45 var(--mono); letter-spacing: .07em; color: #c5d8ac; }
.ugc-fullscreen .deck-slide-heading .deck-kicker { margin-bottom: 11px; }
.ugc-fullscreen .deck-slide-heading > p { font-size: 14px; line-height: 1.6; }
.ugc-fullscreen .deck-slide-heading > a { font-size: 12px; }
.ugc-fullscreen .designer-window-bar { font: 600 13px/1.4 var(--sans); letter-spacing: .035em; padding-block: 13px; }
.ugc-fullscreen .designer-demo-label { font: 10px var(--mono); letter-spacing: .015em; }
.ugc-fullscreen .designer-status { gap: 15px; align-items: center; }
.ugc-fullscreen .speaker-avatar { display: block; width: 56px; height: 56px; object-fit: cover; border-radius: 50%; border: 2px solid #789363; flex-shrink: 0; box-shadow: 0 3px 12px #111b1038; }
.ugc-fullscreen .speaker-avatar.user-avatar { border-color: #baa47b; }
.ugc-fullscreen .designer-status-text { min-width: 0; flex: 1; }
.ugc-fullscreen .designer-status .speaker-name { display: block; margin-bottom: 5px; font: 600 14px/1.3 var(--sans); color: #b9d59f; }
.ugc-fullscreen .designer-status #designer-status-title { font: 600 clamp(23px, 1.85vw, 30px)/1.15 var(--sans); letter-spacing: -.03em; color: #f1f4e8; }
.ugc-fullscreen .designer-status #designer-status-copy { font: 13px/1.5 var(--sans); color: #b7c9a7; margin-top: 6px; }
.ugc-fullscreen .designer-stage-count { flex-shrink: 0; align-self: center; padding: 10px 13px; border: 1px solid #60794d; border-radius: 8px; background: #2e4025; text-align: center; }
.ugc-fullscreen .designer-stage-count small { display: block; font: 10px var(--mono); color: #acc494; margin-bottom: 5px; letter-spacing: .1em; }
.ugc-fullscreen .designer-stage-count #designer-stage-number { font: 500 16px/1.2 var(--mono); color: #e0edcb; white-space: nowrap; }
.ugc-fullscreen .designer-user-identity { display: flex; align-items: center; justify-content: flex-end; gap: 13px; margin-bottom: 20px; }
.ugc-fullscreen .designer-user-identity > div { text-align: right; }
.ugc-fullscreen .designer-user-identity b { display: block; font: 600 20px/1.3 var(--sans); color: #f0efde; }
.ugc-fullscreen .designer-user-identity span { display: block; margin-top: 3px; font: 13px/1.4 var(--sans); color: #b8c8a6; }
.ugc-fullscreen .designer-user-bubble small, .ugc-fullscreen .designer-user-bubble.style-brief small { display: block; font: 700 18px/1.3 var(--sans); letter-spacing: -.01em; color: #e3ecd3; }
.ugc-fullscreen .designer-user-bubble.style-brief small { color: #e6dec2; }
.ugc-fullscreen .designer-user-bubble p { font-size: 15px; line-height: 1.75; }
.ugc-fullscreen .designer-user-bubble.style-brief p { font-size: 14px; line-height: 1.65; }
.ugc-fullscreen #designer-message-status { font-size: 11px; color: #b9cba6; }
.ugc-fullscreen .designer-brief-summary > span { font: 600 15px/1.4 var(--sans); letter-spacing: 0; color: #d3e0c2; }
.ugc-fullscreen .designer-brief-summary p { font-size: 13px; line-height: 1.7; }
.ugc-fullscreen .designer-autonomy-note { font: 10px/1.6 var(--sans); color: #a6ba93; }
.ugc-fullscreen .design-stage-area { display: block; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #5e784c #25341e; padding-right: 4px; }
.ugc-fullscreen .design-stage-area .design-pane { min-height: 100%; padding: 4px 0; }
.ugc-fullscreen .design-pane .design-eyebrow { font: 600 14px/1.45 var(--sans); letter-spacing: .035em; color: #c9dfad; margin-bottom: 16px; }
.ugc-fullscreen .design-pane > p:not(.design-eyebrow):not(.design-caption), .ugc-fullscreen .thinking-lines p { font-size: 15px; line-height: 1.7; }
.ugc-fullscreen .design-pane .design-caption { font-size: 13px; line-height: 1.65; }
.ugc-fullscreen .design-pane .research-disclosure { font: 10px/1.6 var(--sans); }
.ugc-fullscreen .story-functions b { font-size: 12px; }
.ugc-fullscreen .story-functions span { font-size: 15px; }
.ugc-fullscreen .story-functions small { font-size: 12px; }
.ugc-fullscreen .research-results article > a > span { font-size: 13px; line-height: 1.5; }
.ugc-fullscreen .research-results article > p { font: 10px/1.5 var(--sans); }
.ugc-fullscreen .reference-search { font-size: 12px; }
.ugc-fullscreen .designer-reference-card span { font-size: 13px; line-height: 1.4; padding-block: 10px 7px; }
.ugc-fullscreen .designer-reference-card b { width: 15px; height: 15px; font-size: 10px; }
.ugc-fullscreen .castle-player-top { font: 600 13px/1.4 var(--sans); }
.ugc-fullscreen .castle-player-top > b { font: 11px var(--mono); }
.ugc-fullscreen .deck-build .castle-panel-label { font: 600 14px/1.4 var(--sans); padding-block: 12px; }
.ugc-fullscreen .deck-build .castle-panel-label b { font: 10px/1.5 var(--mono); align-self: center; }
.ugc-fullscreen .deck-build .castle-caption small { font: 600 13px/1.4 var(--sans); letter-spacing: .02em; }
.ugc-fullscreen .deck-build .castle-caption h3 { font-size: 22px; margin-top: 5px; }
.ugc-fullscreen .deck-build .castle-caption p { font-size: 13px; line-height: 1.65; }
.ugc-fullscreen .deck-build .castle-caption { grid-template-columns: .55fr 1.45fr; padding-block: 14px; }
.ugc-fullscreen .chapter-rail.deck-tabs button { font-size: 12px; }
.ugc-fullscreen .chapter-foot, .ugc-fullscreen .chapter-foot #deck-page-number { font-size: 10px; }
.ugc-fullscreen .deck-cover-quote > span, .ugc-fullscreen .deck-cover-art-bottom > span { font-size: 11px; }
.ugc-fullscreen .deck-cover-art-top { font-size: 11px; }
@media (min-width: 761px) and (max-height: 800px) {
  .ugc-fullscreen .designer-output { padding: 17px 24px 15px; }
  .ugc-fullscreen .designer-status { gap: 12px; }
  .ugc-fullscreen .speaker-avatar { width: 48px; height: 48px; }
  .ugc-fullscreen .designer-status #designer-status-title { font-size: 23px; }
  .ugc-fullscreen .designer-status #designer-status-copy { font-size: 12px; }
  .ugc-fullscreen .designer-user-identity { margin-bottom: 14px; }
  .ugc-fullscreen .designer-user-bubble p { min-height: 0; font-size: 14px; line-height: 1.6; }
  .ugc-fullscreen .designer-user-bubble.style-brief p { font-size: 13px; }
  .ugc-fullscreen .designer-user-bubble { padding-block: 15px 12px; }
  .ugc-fullscreen .designer-brief-summary { padding-top: 12px; }
  .ugc-fullscreen .design-pane .design-eyebrow { font-size: 14px; margin-bottom: 12px; }
  .ugc-fullscreen .deck-build .castle-caption { padding-block: 10px; }
}
@media (max-width: 1000px) and (min-width: 761px) {
  .ugc-fullscreen .designer-stage-count { padding: 9px; }
  .ugc-fullscreen .designer-status #designer-status-title { font-size: 22px; }
  .ugc-fullscreen .designer-status #designer-status-copy { font-size: 12px; }
  .ugc-fullscreen .speaker-avatar { width: 44px; height: 44px; }
  .ugc-fullscreen .designer-stage-count #designer-stage-number { font-size: 13px; }
  .ugc-fullscreen .designer-user-bubble small { font-size: 17px; }
}
@media (max-width: 760px) {
  .ugc-fullscreen .deck-kicker, .ugc-fullscreen .deck-cover .deck-kicker { font-size: 11px; line-height: 1.5; letter-spacing: .035em; }
  .ugc-fullscreen .deck-slide-heading h2 { font-size: 31px; }
  .ugc-fullscreen .designer-window-bar { padding: 12px 11px; font-size: 12px; letter-spacing: 0; }
  .ugc-fullscreen .speaker-avatar { width: 44px; height: 44px; }
  .ugc-fullscreen .designer-user-identity { gap: 10px; margin-bottom: 15px; }
  .ugc-fullscreen .designer-user-identity b { font-size: 18px; }
  .ugc-fullscreen .designer-user-identity span { font-size: 12px; }
  .ugc-fullscreen .designer-status { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px 10px; align-items: center; }
  .ugc-fullscreen .designer-status .speaker-avatar { grid-column: 1; grid-row: 1; }
  .ugc-fullscreen .designer-status-text { grid-column: 2; grid-row: 1; }
  .ugc-fullscreen .designer-status .speaker-name { font-size: 13px; }
  .ugc-fullscreen .designer-status #designer-status-title { font-size: 23px; }
  .ugc-fullscreen .designer-status #designer-status-copy { font-size: 12px; line-height: 1.5; }
  .ugc-fullscreen .designer-stage-count { grid-column: 2; grid-row: 2; justify-self: start; margin-left: 0; padding: 6px 10px; display: flex; gap: 8px; align-items: center; }
  .ugc-fullscreen .designer-stage-count small { margin-bottom: 0; font-size: 10px; }
  .ugc-fullscreen .designer-stage-count #designer-stage-number { font-size: 13px; }
  .ugc-fullscreen .designer-user-bubble small, .ugc-fullscreen .designer-user-bubble.style-brief small { font-size: 17px; }
  .ugc-fullscreen .designer-user-bubble p { font-size: 14px; line-height: 1.65; min-height: 96px; }
  .ugc-fullscreen .designer-user-bubble.style-brief p { font-size: 13px; min-height: 0; }
  .ugc-fullscreen #designer-message-status { font-size: 10px; }
  .ugc-fullscreen .design-stage-area { overflow: visible; }
  .ugc-fullscreen .design-pane .design-eyebrow { font-size: 12px; line-height: 1.5; }
  .ugc-fullscreen .design-pane h3 { font-size: 30px; }
  .ugc-fullscreen .design-pane > p:not(.design-eyebrow):not(.design-caption), .ugc-fullscreen .thinking-lines p { font-size: 14px; }
  .ugc-fullscreen .design-pane .design-caption { font-size: 12px; }
  .ugc-fullscreen .design-pane .research-disclosure, .ugc-fullscreen .research-results article > p { font-size: 10px; }
  .ugc-fullscreen .designer-reference-card span { font-size: 11px; gap: 4px; align-items: flex-start; }
  .ugc-fullscreen .designer-reference-card b { width: 13px; height: 13px; font-size: 9px; }
  .ugc-fullscreen .research-results article > a > span { font-size: 12px; }
  .ugc-fullscreen .reference-search { font-size: 11px; }
  .ugc-fullscreen .story-functions { gap: 8px; }
  .ugc-fullscreen .story-functions > div { flex-direction: column; gap: 5px; }
  .ugc-fullscreen .story-functions span { font-size: 13px; }
  .ugc-fullscreen .story-functions small { font-size: 11px; }
  .ugc-fullscreen .castle-player-top { font-size: 11px; }
  .ugc-fullscreen .deck-build .castle-panel-label { font-size: 12px; gap: 8px; flex-wrap: wrap; }
  .ugc-fullscreen .deck-build .castle-panel-label b { font-size: 10px; }
  .ugc-fullscreen .deck-build .castle-caption { grid-template-columns: 1fr; }
  .ugc-fullscreen .deck-build .castle-caption small { font-size: 12px; }
  .ugc-fullscreen .deck-build .castle-caption h3 { font-size: 21px; }
  .ugc-fullscreen .deck-build .castle-caption p { font-size: 13px; }
  .ugc-fullscreen .chapter-rail.deck-tabs button { font-size: 10px; }
  .ugc-fullscreen .chapter-foot, .ugc-fullscreen .chapter-foot #deck-page-number { font-size: 8px; }
  .ugc-fullscreen .deck-cover-art-top { font-size: 10px; }
}