:root { color-scheme:light; font-family:ui-rounded,"Avenir Next",system-ui,sans-serif; color:#26314d; background:#fffdf8; --ink:#26314d; --muted:#667087; --violet:#5d50bd; --violet-soft:#f2efff; --sun:#ffca4b; --sky:#5ac7e8; --paper:#fffdf8; --line:#ece8dc; --shadow:0 14px 34px rgba(51,49,90,.10); }
    * { box-sizing:border-box }
    body { margin:0; min-height:100vh; display:flex; justify-content:center; padding:calc(26px + env(safe-area-inset-top, 0px)) 18px 56px; background:radial-gradient(ellipse at 8% 0%,#fff2c8 0,transparent 32rem),radial-gradient(ellipse at 100% 30%,#e9f7fb 0,transparent 30rem),var(--paper); }
    main { width:min(820px,100%) }
    .sticky-shell { position:sticky; top:0; z-index:30; width:100vw; margin:calc(-26px - env(safe-area-inset-top, 0px)) calc(50% - 50vw) 16px calc(50% - 50vw); padding:calc(26px + env(safe-area-inset-top, 0px)) max(18px, calc((100vw - 820px)/2)) 12px; background:rgba(255,253,248,.95); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-bottom:1px solid rgba(93,80,189,.10); }
    .app-header { position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(100%,820px); margin:2px auto 0; }
    .menu-toggle { display:none; width:42px; height:42px; flex:0 0 42px; padding:10px; border:1px solid var(--line); border-radius:13px; background:#fff; cursor:pointer; }
    .menu-toggle span { display:block; height:2px; margin:4px 0; border-radius:2px; background:var(--ink); }
    .discovery-nav { display:flex; align-items:center; gap:12px; margin-left:auto; }
    .discovery-nav a,.discovery-link-button { min-height:38px; padding:9px 11px; border:0; border-radius:12px; background:transparent; color:var(--muted); font-size:.86rem; font-weight:750; text-decoration:none; }
    .discovery-nav a[aria-current="page"] { background:var(--violet-soft); color:var(--violet); }
    .discovery-link-button { cursor:pointer; }
    .discovery-nav .hidden { display:none; }
    .brand { display:flex; align-items:center; gap:10px; min-width:0; color:var(--ink); text-decoration:none }
    .brand-copy { display:grid; gap:3px; min-width:0 }
    .brand-name { color:var(--ink); font-size:1.15rem; font-weight:850; line-height:1.05; letter-spacing:-.04em; white-space:nowrap }
    .brand-tagline { color:var(--muted); font-size:.72rem; font-weight:650; line-height:1.15; white-space:nowrap }
    .discovery-hero { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:230px; margin:22px 0 20px; padding:30px 34px; overflow:visible; border-radius:28px; background:linear-gradient(120deg,#7568df,#5f9ee8 62%,#66d5d1); color:#fff; box-shadow:0 14px 32px rgba(51,49,90,.12) }
    .discovery-hero-copy { position:relative; z-index:1; max-width:570px }
    .discovery-hero-kicker { color:#fff0a8; font-size:.7rem; font-weight:900; letter-spacing:.09em }
    .discovery-hero h1 { margin:10px 0 8px; color:#fff; font-size:clamp(2.15rem,5vw,3.35rem); line-height:1.02; letter-spacing:-.05em }
    .discovery-hero p { margin:0 0 17px; color:rgba(255,255,255,.9); font-size:1rem; line-height:1.5 }
    .hero-orbit { position:relative; width:150px; height:150px; flex:0 0 150px; margin-right:7px }
    .hero-orbit span { position:absolute; display:grid; place-items:center; width:54px; height:54px; border-radius:18px; background:#fff; color:#7568df; font-size:24px; box-shadow:0 10px 22px rgba(33,39,95,.17); transform:rotate(-9deg) }
    .hero-orbit span:nth-child(1) { left:0; top:42px }
    .hero-orbit span:nth-child(2) { right:0; top:5px; color:#ff7d69; transform:rotate(9deg) }
    .hero-orbit span:nth-child(3) { right:12px; bottom:0; color:#19a7b8; transform:rotate(-4deg) }
    .hero-orbit span:nth-child(4) { left:17px; bottom:-8px; color:#e5a213; transform:rotate(8deg) }
    .settings-toggle { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:9px 13px; border:1px solid rgba(255,255,255,.5); border-radius:14px; background:rgba(32,38,91,.18); color:#fff; font-size:.85rem; font-weight:800; box-shadow:0 5px 14px rgba(33,39,95,.1) }
    .settings-toggle:hover:not(:disabled) { border-color:#fff; background:rgba(32,38,91,.28) }
    .settings-chevron { font-size:1rem; transition:transform .16s ease }
    .settings-toggle[aria-expanded="true"] .settings-chevron { transform:rotate(180deg) }
    .settings-panel { display:flex; align-items:flex-end; flex-wrap:wrap; gap:14px; margin-top:12px; padding:13px 14px; border:1px solid rgba(38,49,77,.08); border-radius:17px; background:#fff; color:var(--ink); box-shadow:0 12px 26px rgba(33,39,95,.16) }
    .settings-panel[hidden] { display:none }
    .age-picker,.difficulty-picker { display:grid; gap:5px; min-width:0; color:var(--muted); font-size:.68rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase }
    .age-picker select { min-height:38px; padding:6px 31px 6px 10px; font-size:.86rem }
    .difficulty-picker { margin:0; border:0; padding:0 }
    .difficulty-picker legend { margin-bottom:7px; padding:0 }
    .difficulty-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px }
    .difficulty-options button { min-height:38px; padding:7px 9px; border-radius:11px; text-align:center; font-size:.78rem; font-weight:750 }
    .difficulty-options button[aria-pressed="true"] { border-color:#7568df; background:#efedff; color:#4c43a8; box-shadow:0 0 0 2px rgba(117,104,223,.12) }
    select,button { font:inherit }
    select { min-height:46px; border:1px solid #ddd8c9; border-radius:14px; padding:9px 36px 9px 13px; background:#fff; color:var(--ink); font-size:.95rem; font-weight:750; box-shadow:0 3px 10px rgba(51,49,90,.05) }
    select:focus-visible { outline:3px solid rgba(93,80,189,.32); outline-offset:2px; border-color:var(--violet) }
    .age-picker select:focus-visible,.difficulty-options button:focus-visible { outline:3px solid rgba(93,80,189,.38); outline-offset:3px }
    .profile-note { display:table; max-width:100%; margin:0 0 18px; padding:8px 13px; border:1px solid rgba(93,80,189,.12); border-radius:999px; background:rgba(255,255,255,.78); color:#5d50a7; font-size:.88rem; font-weight:700 }
    .status { min-height:0; margin:0; color:var(--muted); font-size:.92rem; font-weight:700 }
    .status:not(:empty) { margin:0 4px 12px }
    .feed { display:flex; flex-direction:column; gap:20px }
    .card { position:relative; overflow:hidden; padding:clamp(22px,5vw,38px); border:1px solid rgba(38,49,77,.07); border-radius:28px; background:rgba(255,255,255,.97); box-shadow:var(--shadow); scroll-margin-bottom:24px }
    .card::before { position:absolute; top:0; left:0; width:100%; height:5px; background:linear-gradient(90deg,var(--sun),#ff9f5a 38%,var(--sky) 72%,#8a7ce5); content:"" }
    .card.read-only { background:#fffefa; box-shadow:0 8px 22px rgba(51,49,90,.07) }
    .eyebrow { display:flex; align-items:center; gap:7px; color:var(--violet); font-size:.76rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase }
    h2 { margin:9px 0 12px; color:var(--ink); font-size:clamp(1.55rem,4.5vw,2.1rem); line-height:1.12; letter-spacing:-.035em }
    .card-intro { margin:0 0 22px; color:var(--muted); font-size:1rem; line-height:1.55 }
    .opening,.turn-text { max-width:62ch; font-size:1.14rem; line-height:1.65 }
    .opening { margin:20px 0 0; padding:18px 20px; border:1px solid #e9e3fc; border-radius:19px; background:linear-gradient(120deg,#f5f2ff,#f1fbfd); color:#38415c; font-weight:650 }
    .exploration-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:24px 0 10px; color:var(--muted); font-size:.9rem; font-weight:800 }
    .progress-track { height:8px; overflow:hidden; margin-bottom:18px; border-radius:99px; background:#f0ecdf }
    .progress-fill { height:100%; border-radius:inherit; background:linear-gradient(90deg,#ffb547,#7acb9d 58%,#61c4df); transition:width .28s ease }
    .turn-panel { padding:clamp(18px,4vw,25px); border:1px solid #e8e5f2; border-radius:22px; background:#fffefa }
    .turn-type-label { padding:7px 11px; border:1px solid #e5e0f7; border-radius:999px; background:var(--violet-soft); color:#594da8; font-size:.75rem; font-weight:850; letter-spacing:.025em }
    .turn-text { margin:0; color:#303b54 }
    .choices { display:grid; gap:11px; margin:18px 0 }
    button { min-height:54px; cursor:pointer; border:1px solid #e3dfd3; border-radius:16px; padding:14px 17px; background:#fff; color:var(--ink); text-align:left; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease }
    button:hover:not(:disabled) { transform:translateY(-2px); border-color:#b9b0ea; box-shadow:0 7px 16px rgba(51,49,90,.08) }
    button:focus-visible { outline:3px solid rgba(93,80,189,.38); outline-offset:3px; border-color:var(--violet) }
    button:disabled { cursor:default; opacity:.72 }
    .concept-choice { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:start; gap:13px; min-height:88px; padding:16px; border-color:#eae5d9; border-radius:19px; background:linear-gradient(105deg,#fff 0%,#fffefa 100%); box-shadow:0 3px 0 rgba(67,58,145,.04) }
    .concept-choice:hover:not(:disabled) { background:linear-gradient(105deg,#fffdf5,#f7f5ff) }
    .concept-number { display:grid; place-items:center; width:38px; height:38px; border-radius:13px; background:#fff0c2; color:#755411; font-size:.9rem; font-weight:900 }
    .concept-copy { display:grid; gap:5px; min-width:0 }
    .concept-title { color:var(--ink); font-size:1.08rem; font-weight:850; line-height:1.3 }
    .concept-description { color:#606b80; font-size:.94rem; font-weight:500; line-height:1.45 }
    .primary { border-color:#5d50bd; background:linear-gradient(135deg,#6b61d3,#554bb4); color:#fff; text-align:center; font-weight:850; box-shadow:0 6px 14px rgba(92,81,190,.18) }
    .primary:hover:not(:disabled) { border-color:#4e43a9; background:linear-gradient(135deg,#6258c9,#4c43a8); box-shadow:0 9px 18px rgba(92,81,190,.24) }
    .secondary { border-color:#dcd6f1; background:#f8f7ff; color:#554aa8; text-align:center; font-weight:800 }
    .continue-turn,.done-exploring { display:block; width:max-content; min-width:190px; margin:16px 0 0 auto; text-align:center }
    .actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:20px }
    .actions button { flex:1; text-align:center }
    .feedback { margin-top:14px; padding:18px; border:1px solid #e5e8f3; border-radius:19px; background:linear-gradient(120deg,#f8f6ff,#f4fbfd) }
    .feedback-group { margin:15px 0 }
    .feedback-group fieldset { border:0; padding:0; margin:0 }
    .feedback-group legend { margin-bottom:9px; color:var(--ink); font-weight:800 }
    .feedback-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px }
    .feedback-options button { display:flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:42px; padding:8px 10px; font-size:.84rem; line-height:1.3; text-align:center }
    .feedback-options button[aria-pressed="true"] { border-color:#7568df; background:#efedff; color:#4c43a8; box-shadow:0 0 0 2px rgba(117,104,223,.12) }
    .response { margin-top:12px; padding:12px 14px; border-radius:14px; background:#f5f5f8; color:#465168; line-height:1.5 }
    .response:empty { display:none }
    .options-card .response:not(:empty) { margin-top:8px; padding:7px 10px; border-radius:10px; font-size:.84rem; line-height:1.35 }
    .loading-message { display:flex; align-items:center; gap:15px; padding:18px 20px; border-radius:20px; background:#fff; color:var(--muted) }
    .story-progress-card { display:block; padding:15px 18px 14px; border-color:#e8e5d9; background:linear-gradient(135deg,#fffefa,#f8f7fc); }
    .story-progress-card::before { display:none; }
    .story-progress-row { display:flex; align-items:center; gap:12px; min-height:38px; }
    .story-progress-card .discovery-spark { flex:0 0 36px; color:#596dde; }
    .story-progress-copy { min-width:0; }
    .story-progress-heading { display:block; margin-bottom:2px; color:var(--muted); font-size:.8rem; font-weight:600; line-height:1.3; }
    .story-progress-message { min-height:1.3em; margin:0; color:#737b8a; font-size:.84rem; font-weight:400; line-height:1.4; text-align:left; }
    .story-progress-message.is-changing { animation:story-message-in .24s ease both; }
    .story-progress-track { position:relative; width:100%; height:5px; overflow:hidden; margin-top:13px; border-radius:99px; background:#efedf6; }
    .story-progress-fill { position:relative; display:block; width:4%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7568df,#68b994); transition:width .1s linear; }
    .story-progress-fill.is-holding::after { position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent); content:""; animation:story-progress-glint 1.8s ease-in-out infinite; }
    .discovery-spark { position:relative; display:block; width:36px; height:36px; flex:0 0 36px; color:#596dde }
    .discovery-spark::before { content:''; position:absolute; left:7px; top:5px; width:20px; height:20px; background:currentColor; clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); animation:sparkle-turn 1.8s ease-in-out infinite }
    .discovery-spark::after { content:''; position:absolute; right:1px; bottom:4px; width:7px; height:7px; border-radius:50%; background:#efad5c; animation:sparkle-orbit 1.8s ease-in-out infinite }
    .loading-inline { display:flex; align-items:center; gap:10px; padding:8px 2px; color:var(--muted); font-size:.96rem }
    .loading-inline .discovery-spark { transform:scale(.8); transform-origin:center }
    .read-only .turn-panel { background:#fffefa }
    @keyframes sparkle-turn { 0%,100% { transform:rotate(-12deg) scale(.88); opacity:.72 } 50% { transform:rotate(12deg) scale(1.08); opacity:1 } }
    @keyframes sparkle-orbit { 0%,100% { transform:translate(0,0) } 50% { transform:translate(-5px,-5px) } }
    @keyframes story-message-in { from { opacity:.35; transform:translateY(2px) } to { opacity:1; transform:translateY(0) } }
    @keyframes story-progress-glint { to { transform:translateX(120%) } }
    @media(max-width:720px) {
      .discovery-hero { gap:14px; padding:25px 24px }
      .hero-orbit { width:125px; height:125px; flex-basis:125px }
      .hero-orbit span { width:48px; height:48px }
    }
    @media(max-width:680px) {
      .app-header { gap:8px }
      .menu-toggle { display:block; }
      .discovery-nav { display:none; position:absolute; top:calc(100% + 10px); right:0; z-index:50; width:min(230px,calc(100vw - 36px)); flex-direction:column; align-items:stretch; gap:4px; margin:0; padding:8px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 14px 32px rgba(51,49,90,.16); }
      .app-header.menu-open .discovery-nav { display:flex; }
      .discovery-nav a,.discovery-link-button { width:100%; padding:10px 12px; text-align:left; font-size:.86rem; }
    }
    @media(max-width:560px) {
      body { padding:calc(18px + env(safe-area-inset-top, 0px)) 12px 36px }
      .sticky-shell { margin-top:calc(-18px - env(safe-area-inset-top, 0px)); padding-top:calc(18px + env(safe-area-inset-top, 0px)); }
      .discovery-hero { min-height:0; margin:8px 0 10px; padding:8px 10px; border-radius:15px }
      .discovery-hero-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:0 7px; max-width:none; width:100% }
      .discovery-hero-kicker,.discovery-hero p { display:none }
      .discovery-hero h1 { min-width:0; overflow:hidden; margin:0; font-size:clamp(.78rem,3.5vw,.96rem); line-height:1.15; letter-spacing:-.035em; white-space:nowrap; text-overflow:ellipsis }
      .settings-toggle { grid-column:2; grid-row:1; min-height:36px; max-width:160px; gap:5px; overflow:hidden; padding:6px 8px; border-radius:11px; font-size:.68rem; white-space:nowrap }
      .settings-toggle > span:nth-child(2) { overflow:hidden; text-overflow:ellipsis }
      .settings-chevron { flex:0 0 auto }
      .settings-panel { grid-column:1 / -1; margin-top:8px; padding:10px }
      .hero-orbit { display:none }
      .profile-note { margin:0 0 6px; padding:5px 10px; font-size:.72rem }
      .status:not(:empty) { margin:0 4px 6px; font-size:.8rem }
      .feed { gap:9px }
      .options-card { padding:14px; border-radius:18px }
      .options-card .eyebrow { font-size:.66rem }
      .options-card h2 { margin:5px 0 7px; font-size:1.12rem; line-height:1.15 }
      .options-card .card-intro { display:none }
      .options-card .choices { gap:7px; margin:7px 0 }
      .options-card .concept-choice { min-height:0; grid-template-columns:30px minmax(0,1fr); gap:8px; padding:9px; border-radius:14px }
      .options-card .concept-number { width:28px; height:28px; border-radius:10px; font-size:.78rem }
      .options-card .concept-copy { gap:3px }
      .options-card .concept-title { font-size:.91rem; line-height:1.18 }
      .options-card .concept-description { font-size:.78rem; line-height:1.25 }
      .options-card .response:empty { display:none }
      .options-card .actions { gap:7px; margin-top:7px }
      .options-card .actions button { min-height:40px; padding:8px 12px; border-radius:12px }
      .settings-panel { align-items:stretch; flex-direction:column; gap:12px }
      .difficulty-options { gap:6px }
      .difficulty-options button { min-height:44px; padding:8px 6px; font-size:.75rem }
      .age-picker { width:100%; min-width:0 }
      .age-picker select { width:100% }
      .card { border-radius:23px }
      .concept-choice { grid-template-columns:36px minmax(0,1fr); gap:10px; padding:14px }
      .concept-number { width:34px; height:34px }
      .actions { flex-direction:column }
      .feedback-options { grid-template-columns:repeat(2,minmax(0,1fr)) }
      .feedback-options button { padding:8px; font-size:.78rem }
    }
    @media(max-width:370px) {
      .app-header { align-items:center; flex-direction:row }
      .settings-toggle { width:auto; justify-content:space-between }
    }
    @media(prefers-reduced-motion:reduce) {
      *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important }
    }

.discovery-nav a { color:var(--muted); font-size:.88rem; font-weight:800; text-decoration:none; white-space:nowrap; }
.discovery-nav a[aria-current="page"],.discovery-nav a:hover { color:var(--violet); }

/* Editorial story activity card, following the selected story layout reference. */
.presentation-card { display:flex; flex-direction:column; padding:0; overflow:hidden; border-color:var(--line); border-radius:22px; background:var(--paper); box-shadow:0 12px 30px rgba(38,55,41,.08); }
.presentation-card::before { display:none; }
.presentation-header { flex:0 0 auto; padding:18px clamp(18px,4vw,30px) 16px; background:#f0f2e7; color:#263e2d; }
.presentation-header h2 { margin:10px 0 5px; color:#263e2d; font-size:clamp(1.35rem,4vw,1.8rem); line-height:1.16; letter-spacing:-.03em; }
.presentation-header .concept-description { margin:0; color:#4a694e; font-size:.98rem; line-height:1.45; }
.activity-art { position:relative; flex:0 0 auto; width:100%; aspect-ratio:1024 / 640; max-height:min(74svh,780px); margin:0; overflow:hidden; background:linear-gradient(145deg,#f5f1e5,#eef1e6 52%,#f4eee3); }
.activity-art[hidden] { display:none !important; }
.activity-art .art-layer { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; object-position:center; opacity:0; transition:opacity .32s ease,filter .32s ease; }
.activity-art .art-layer.is-loading { opacity:0 !important; transition:none !important; }
.activity-art .art-layer.is-active.is-loaded { opacity:1; }
.activity-art .art-layer.is-ghost { opacity:.25; filter:blur(1.5px) saturate(.72); transform:scale(1.035); }
.activity-art .art-layer.is-active.is-loaded.is-ghost { opacity:.25; }
.presentation-body { display:flex; flex:0 0 auto; flex-direction:column; padding:19px clamp(18px,4vw,30px) 20px; background:var(--paper); }
.presentation-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 13px; color:#45664b; font-size:.78rem; line-height:1.3; }
.presentation-type,.presentation-card .step-label { color:#45664b; font-size:inherit; font-weight:650; }
.presentation-type { text-transform:capitalize; }
.presentation-card .step-label { flex:0 0 auto; white-space:nowrap; text-align:right; }
.presentation-body .opening { max-width:70ch; margin:0 0 15px; padding:0; border:0; border-radius:0; background:none; color:#333832; font-size:1rem; font-weight:450; line-height:1.58; }
.presentation-card .turn-panel { padding:0; border:0; border-radius:0; background:transparent; }
.presentation-card .turn-text { max-width:70ch; color:#303832; font-size:1.05rem; line-height:1.58; }
.presentation-card .choices { gap:9px; margin:15px 0 0; }
.presentation-card .turn-choice { min-height:46px; border-radius:13px; }
.activity-footer { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:14px; width:100%; margin-top:22px; color:#6a6d69; font-size:.86rem; }
.activity-actions { display:flex; flex-wrap:wrap; justify-content:space-between; gap:9px; width:100%; }
.activity-actions.single-action { justify-content:flex-end; }
.presentation-card .continue-turn,.presentation-card .done-exploring { min-width:0; min-height:44px; margin:0; padding:9px 17px; border:1px solid #34764b; border-radius:999px; background:#34764b; color:#fff; font-size:.95rem; font-weight:700; white-space:nowrap; box-shadow:none; }
.presentation-card .continue-turn:hover:not(:disabled),.presentation-card .done-exploring:hover:not(:disabled) { border-color:#28633d; background:#28633d; box-shadow:0 5px 12px rgba(40,99,61,.16); }
.presentation-card .previous-turn { min-width:0; min-height:44px; margin:0; padding:9px 15px; border:1px solid #d5e0d3; border-radius:999px; background:#f4f8f2; color:#45664b; font-size:.9rem; font-weight:700; white-space:nowrap; }
.presentation-card .previous-turn:hover:not(:disabled) { border-color:#a9c3a5; background:#eaf3e7; }
@media(max-width:560px) {
  .story-progress-card { padding:12px 13px; }
  .story-progress-message { font-size:.8rem; }
  .story-progress-track { margin-top:11px; }
  .presentation-card { padding:0; border-radius:19px; }
  .presentation-header { padding:14px 14px 12px; }
  .presentation-meta { margin-bottom:10px; font-size:.72rem; }
  .presentation-header h2 { margin:7px 0 4px; font-size:1.2rem; }
  .presentation-header .concept-description { font-size:.86rem; }
  .presentation-body { padding:15px 15px 16px; }
  .presentation-body .opening { margin-bottom:12px; font-size:.95rem; line-height:1.48; }
  .presentation-card .turn-text { font-size:.98rem; line-height:1.48; }
  .presentation-card .choices { gap:7px; margin-top:11px; }
  .presentation-card .turn-choice { min-height:42px; padding:9px 12px; border-radius:12px; }
  .activity-footer { gap:8px; padding-top:14px; font-size:.76rem; }
  .presentation-card .continue-turn,.presentation-card .done-exploring { min-height:42px; padding:8px 13px; font-size:.86rem; }
  .presentation-card .previous-turn { min-height:42px; padding:8px 12px; font-size:.82rem; }
}