/* PAGE 13 · ACTION STUDIO — strictly scoped to Page 13. */
.reveal .slides section#page13ActionStudio.action-studio-slide { position:absolute!important; top:0!important; left:0!important; display:block!important; width:100%; height:100%; box-sizing:border-box; margin:0; padding:8px 64px 72px; overflow:hidden; color:#17324d; background:radial-gradient(circle at 90% 8%,rgba(34,211,238,.1),transparent 25%),radial-gradient(circle at 7% 91%,rgba(20,184,166,.08),transparent 24%),#f7fbfe; }
#page13ActionStudio > .section-tag { display:none!important; }

#page13ActionStudio .page13-mission-header { display:flex; align-items:center; justify-content:space-between; height:58px; border-bottom:1px solid rgba(14,116,144,.2); }
#page13ActionStudio .page13-header-left { display:flex; align-items:center; gap:12px; min-width:0; }
#page13ActionStudio .page13-header-left > span,#page13ActionStudio .page13-header-left > b { padding:8px 13px; border:1px solid rgba(8,145,178,.28); border-radius:8px; color:#0e5f78; background:rgba(236,254,255,.78); font-size:20px; font-weight:850; line-height:1; white-space:nowrap; }
#page13ActionStudio .page13-header-left > b { font-size:18px; }
#page13ActionStudio .page13-header-left > small { color:#0f766e; font-size:18px; font-weight:800; white-space:nowrap; }
#page13ActionStudio .page13-mission-score { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:220px; height:54px; box-sizing:border-box; border:1px solid rgba(14,116,144,.3); border-radius:10px; background:rgba(255,255,255,.84); }
#page13ActionStudio .page13-mission-score strong { color:#0b4f6c; font-size:29px; line-height:1; white-space:nowrap; }
#page13ActionStudio .page13-mission-score > span { margin-top:4px; color:#527083; font-size:17px; font-weight:800; letter-spacing:1px; white-space:nowrap; }
#page13ActionStudio .page13-mission-score em { position:absolute; right:-4px; top:0; color:#0f9f8f; font-size:20px; font-style:normal; font-weight:900; opacity:0; }
#page13ActionStudio .page13-mission-score.is-awarded em { animation:page13ScorePop 1.2s ease both; }
@keyframes page13ScorePop { 20%{opacity:1;transform:translateY(-5px)} 100%{opacity:0;transform:translateY(-18px)} }

#page13ActionStudio .page13-title-zone { position:relative; height:88px; box-sizing:border-box; padding-top:9px; text-align:left; }
#page13ActionStudio .page13-task-label { color:#087f8c; font-size:17px; font-weight:900; letter-spacing:.6px; }
#page13ActionStudio .page13-title-zone > small { display:block; margin-top:2px; color:#0f766e; font-size:14px; font-weight:850; letter-spacing:1px; }
#page13ActionStudio .page13-title-zone h2 { margin:3px 0 1px; color:#123653; font-size:35px; line-height:1.04; letter-spacing:-.3px; }
#page13ActionStudio .page13-title-zone p { margin:0; color:#526b7c; font-size:20px; line-height:1.2; }
#page13ActionStudio .page13-system-break { position:absolute; right:0; top:11px; width:285px; height:34px; overflow:hidden; border:1px solid rgba(8,145,178,.18); border-radius:9px; color:#0e7490; background:rgba(236,254,255,.72); text-align:center; }
#page13ActionStudio .page13-system-break span,#page13ActionStudio .page13-system-break b,#page13ActionStudio .page13-system-break strong { position:absolute; inset:0; display:grid; place-items:center; font-size:16px; letter-spacing:1px; opacity:0; }
#page13ActionStudio .page13-system-break span { color:#9a6b2a; animation:page13BreakOne 1.6s ease both; }
#page13ActionStudio .page13-system-break b { animation:page13BreakTwo 1.6s .5s ease both; }
#page13ActionStudio .page13-system-break strong { color:#0f766e; animation:page13BreakFinal .5s 1.2s ease both; }
@keyframes page13BreakOne { 0%,10%{opacity:0} 25%,65%{opacity:1} 100%{opacity:0} }
@keyframes page13BreakTwo { 0%,10%{opacity:0} 30%,65%{opacity:1} 100%{opacity:0} }
@keyframes page13BreakFinal { to{opacity:1;box-shadow:inset 0 0 16px rgba(34,211,238,.12)} }

#page13ActionStudio .fun-vocab-header { position:absolute; z-index:2; top:112px; right:64px; display:block; margin:0; }
#page13ActionStudio .fun-vocab-header > div:first-child { display:none; }
#page13ActionStudio .vocab-progress-card { display:block; padding:7px 13px; border-color:rgba(14,116,144,.2); border-radius:9px; color:#607887; background:rgba(255,255,255,.88); font-size:16px; }
#page13ActionStudio .vocab-progress-card strong { color:#0f766e; }

#page13ActionStudio .word-puzzle-area { position:absolute; top:174px; left:64px; right:64px; width:auto; max-width:none; height:154px; box-sizing:border-box; margin:0; padding:11px 16px; overflow:hidden; border:1px solid rgba(14,116,144,.17); border-radius:14px; background:rgba(255,255,255,.92); font-size:0; line-height:normal; box-shadow:0 7px 20px rgba(15,23,42,.05); }
#page13ActionStudio .word-puzzle-label,#page13ActionStudio .word-discovery-label { color:#0e7490; font-size:18px; font-weight:900; letter-spacing:.8px; }
#page13ActionStudio .word-puzzle-label span,#page13ActionStudio .word-discovery-label span { margin-left:10px; color:#607887; font-size:17px; font-weight:750; letter-spacing:0; }
#page13ActionStudio .word-card-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin-top:10px; }
#page13ActionStudio .word-puzzle-card { min-height:54px; padding:9px 8px; font-size:22px; }
#page13ActionStudio .word-puzzle-feedback { min-height:19px; margin-top:9px; color:#526b7c; font-size:18px; line-height:1.25; }

#page13ActionStudio .word-discovery-area { position:absolute; top:335px; left:64px; right:64px; width:auto; max-width:none; height:88px; max-height:none; box-sizing:border-box; margin:0; padding:8px 12px; overflow:hidden; border:1px solid rgba(14,116,144,.15); border-radius:12px; background:rgba(255,255,255,.78); font-size:0; line-height:normal; opacity:0; pointer-events:none; transition:opacity .3s; }
#page13ActionStudio .word-discovery-area.is-visible { max-height:none; margin:0; opacity:1; pointer-events:auto; }
#page13ActionStudio .word-part-grid { gap:9px; margin-top:7px; }
#page13ActionStudio .word-part-card { min-height:42px; box-sizing:border-box; padding:5px 8px; border:1px solid rgba(14,116,144,.12); box-shadow:none; }
#page13ActionStudio .word-part { font-size:21px; }
#page13ActionStudio .word-part-meaning { font-size:16px; line-height:1.15; }

#page13ActionStudio .word-transfer-area { position:absolute; top:430px; left:64px; right:64px; width:auto; max-width:none; height:144px; max-height:none; box-sizing:border-box; margin:0; padding:8px 12px; overflow:clip; border:1px solid rgba(14,116,144,.15); border-radius:12px; background:rgba(255,255,255,.82); font-size:0; line-height:normal; opacity:0; pointer-events:none; transition:opacity .3s; }
#page13ActionStudio .word-transfer-area.is-visible { max-height:none; margin:0; opacity:1; pointer-events:auto; }
#page13ActionStudio .word-transfer-area > .word-discovery-label { position:absolute; top:8px; left:12px; z-index:1; }
#page13ActionStudio .word-building-row { gap:10px; margin-top:0; }
#page13ActionStudio .morpheme-block { min-width:150px; padding:6px 11px; box-shadow:none; border:1px solid rgba(14,116,144,.12); }
#page13ActionStudio .morpheme-block strong { font-size:22px; }
#page13ActionStudio .morpheme-block span { font-size:16px; }
#page13ActionStudio .new-word-box { padding:7px 12px; font-size:23px; }
#page13ActionStudio .unlock-word-button { margin-top:6px; padding:6px 14px; font-size:17px; }
#page13ActionStudio .telegraph-challenge { margin-top:2px; }
#page13ActionStudio .telegraph-question { font-size:18px; }
#page13ActionStudio .telegraph-options { gap:8px; margin-top:5px; }
#page13ActionStudio .telegraph-option { padding:6px 11px; font-size:17px; }
#page13ActionStudio .telegraph-feedback { min-height:17px; margin-top:4px; font-size:17px; }

#page13ActionStudio .word-formation-takeaway { position:absolute; top:580px; left:300px; right:300px; height:78px; max-width:none; min-height:0; box-sizing:border-box; margin:0; padding:8px 12px 10px; overflow:visible; border:1px solid rgba(20,184,166,.18); border-radius:10px; background:#f2fcfa; font-size:0; line-height:normal; opacity:0; text-align:center; transform:none; }
#page13ActionStudio .word-formation-takeaway.is-visible { opacity:1; transform:none; }
#page13ActionStudio .word-formation-takeaway small,#page13ActionStudio .word-formation-takeaway em { display:inline-block; color:#0f766e; font-size:14px; font-style:normal; font-weight:900; letter-spacing:.7px; }
#page13ActionStudio .word-formation-takeaway em { margin-left:10px; padding-left:10px; border-left:1px solid rgba(14,116,144,.2); color:#0e7490; }
#page13ActionStudio .word-formation-takeaway strong { margin-top:3px; color:#0f2f63; font-size:18px; line-height:1.15; }
#page13ActionStudio .word-formation-takeaway span { margin-top:2px; color:#607887; font-size:16px; line-height:1.15; }

#page13ActionStudio .page13-bottom-system { position:absolute; left:64px; right:64px; bottom:54px; display:grid; grid-template-columns:31% 43% 26%; grid-template-rows:minmax(0,1fr); height:181px; box-sizing:border-box; overflow:hidden; border:1px solid rgba(14,116,144,.18); border-radius:14px; background:linear-gradient(105deg,rgba(236,254,255,.82),rgba(255,255,255,.95)); }
#page13ActionStudio .page13-nova-zone { display:flex; align-items:center; gap:8px; min-width:0; padding:6px 13px; border-right:1px solid rgba(14,116,144,.15); }
#page13ActionStudio .page13-nova-core { position:relative; flex:0 0 136px; width:136px; height:174px; overflow:hidden; }
#page13ActionStudio .page13-nova-core .page3-nova-core { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:314px; height:314px; isolation:isolate; translate:-50% -50%; transform:scale(.44); transform-origin:center; }
#page13ActionStudio .page13-nova-core .nova-beam { position:absolute; z-index:0; bottom:18px; width:176px; height:230px; background:linear-gradient(to top,rgba(48,220,255,.29),rgba(48,220,255,.035) 72%,transparent); clip-path:polygon(32% 100%,68% 100%,88% 0,12% 0); filter:blur(7px); animation:novaBeam 5s ease-in-out infinite; }
#page13ActionStudio .page13-nova-core .nova-ball { position:relative; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; width:148px; height:148px; border:2px solid #54e9ff; border-radius:50%; color:#fff; background:radial-gradient(circle at 42% 35%,#7ff6ff 0 2%,#1bcbf5 3%,#0757be 22%,#041936 62%,#010817 100%); box-shadow:0 0 20px #35eaff,0 0 55px rgba(30,200,255,.78),0 0 110px rgba(30,94,255,.40),inset 0 0 30px rgba(80,239,255,.35); animation:novaBreathe 4.8s ease-in-out infinite; }
#page13ActionStudio .page13-nova-core .nova-ball::before { content:""; position:absolute; inset:9px; border:1px solid rgba(122,247,255,.42); border-radius:50%; }
#page13ActionStudio .page13-nova-core .nova-ball strong { font-size:34px; }
#page13ActionStudio .page13-nova-core .nova-ball span { color:#4ef3ff; font-size:18px; font-weight:800; }
#page13ActionStudio .page13-nova-core .nova-ball em { color:#7ff7ff; font-size:18px; font-style:normal; }
#page13ActionStudio .page13-nova-core .nova-orbit { position:absolute; z-index:2; border:1px solid rgba(81,233,255,.58); border-radius:50%; box-shadow:0 0 13px rgba(28,210,255,.54); }
#page13ActionStudio .page13-nova-core .nova-orbit i { position:absolute; top:50%; left:-4px; width:9px; height:9px; border-radius:50%; background:#b8fbff; box-shadow:0 0 8px #fff,0 0 18px #23dfff; }
#page13ActionStudio .page13-nova-core .orbit-a { width:205px; height:205px; animation:novaOrbitA 15s linear infinite; }
#page13ActionStudio .page13-nova-core .orbit-b { width:246px; height:120px; animation:novaOrbitB 11s linear infinite reverse; }
#page13ActionStudio .page13-nova-core .orbit-c { width:178px; height:262px; transform:rotate(56deg); animation:novaOrbitC 19s linear infinite; }
#page13ActionStudio .page13-nova-core .nova-scan-ring { position:absolute; z-index:1; width:272px; height:272px; border:1px dashed rgba(66,226,255,.28); border-radius:50%; animation:novaScan 18s linear infinite; }
#page13ActionStudio .page13-nova-core .nova-data-arc { position:absolute; z-index:1; width:286px; height:286px; border:2px solid transparent; border-radius:50%; }
#page13ActionStudio .page13-nova-core .arc-a { border-top-color:rgba(66,230,255,.70); border-right-color:rgba(66,230,255,.18); transform:rotate(24deg); animation:novaScan 13s linear infinite reverse; }
#page13ActionStudio .page13-nova-core .arc-b { width:232px; height:232px; border-bottom-color:rgba(105,111,255,.68); border-left-color:rgba(66,230,255,.15); animation:novaScan 9s linear infinite; }
#page13ActionStudio .page13-nova-core .nova-platform { position:absolute; z-index:4; bottom:8px; width:232px; height:58px; }
#page13ActionStudio .page13-nova-core .nova-platform i { position:absolute; left:50%; bottom:0; translate:-50% 0; border:2px solid rgba(68,231,255,.74); border-radius:50%; box-shadow:0 0 12px #20dfff; }
#page13ActionStudio .page13-nova-core .nova-platform i:nth-child(1) { width:224px; height:39px; }
#page13ActionStudio .page13-nova-core .nova-platform i:nth-child(2) { width:174px; height:29px; bottom:10px; opacity:.72; }
#page13ActionStudio .page13-nova-core .nova-platform i:nth-child(3) { width:116px; height:18px; bottom:21px; opacity:.6; }
#page13ActionStudio .page13-nova-copy { min-width:0; text-align:left; }
#page13ActionStudio .page13-nova-copy > strong { color:#0e7490; font-size:18px; }
#page13ActionStudio .page13-nova-copy p { margin:8px 0 0; color:#526b7c; font-size:18px; line-height:1.35; }
#page13ActionStudio .page13-nova-complete-title,#page13ActionStudio .page13-nova-complete { display:none; }
#page13ActionStudio .page13-bottom-system.is-complete .page13-nova-initial-title,#page13ActionStudio .page13-bottom-system.is-complete .page13-nova-initial { display:none; }
#page13ActionStudio .page13-bottom-system.is-complete .page13-nova-complete-title,#page13ActionStudio .page13-bottom-system.is-complete .page13-nova-complete { display:block; }
#page13ActionStudio .page13-tool-status,#page13ActionStudio .page13-next-task { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:0; padding:10px 15px; overflow:hidden; text-align:center; opacity:.3; transition:opacity .3s; }
#page13ActionStudio .page13-tool-status { border-right:1px solid rgba(14,116,144,.15); }
#page13ActionStudio .page13-tool-status > small,#page13ActionStudio .page13-next-task > small { color:#0e7490; font-size:14px; font-weight:900; letter-spacing:1px; }
#page13ActionStudio .page13-tool-status > strong { margin-top:5px; color:#174b63; font-size:24px; }
#page13ActionStudio .page13-tool-status > span { margin-top:7px; color:#587180; font-size:17px; font-weight:800; }
#page13ActionStudio .page13-tool-status > div { display:none; margin-top:8px; }
#page13ActionStudio .page13-tool-status b,#page13ActionStudio .page13-tool-status em { display:block; color:#0f766e; font-size:16px; font-style:normal; line-height:1.25; }
#page13ActionStudio .page13-next-task > strong { margin-top:5px; color:#174b63; font-size:24px; }
#page13ActionStudio .page13-next-task p { margin:6px 0 0; color:#587180; font-size:18px; line-height:1.3; }
#page13ActionStudio .page13-bottom-system.is-complete .page13-tool-status,#page13ActionStudio .page13-bottom-system.is-complete .page13-next-task { opacity:1; }
#page13ActionStudio .page13-bottom-system.is-complete .page13-tool-status > div { display:block; }

@media (max-width:1200px) {
    .reveal .slides section#page13ActionStudio.action-studio-slide { padding-inline:42px; }
    #page13ActionStudio .word-puzzle-area,#page13ActionStudio .word-discovery-area,#page13ActionStudio .word-transfer-area,#page13ActionStudio .page13-bottom-system { left:42px; right:42px; }
}

/* 2026-08-23 Page 14 visual refinement: lift Steps 1–3, expand Step 3, center Connections Found. */
#page13ActionStudio .fun-vocab-header{
  top:118px!important;
  right:64px!important;
}
#page13ActionStudio .word-puzzle-area{
  top:154px!important;
}
#page13ActionStudio .word-discovery-area{
  top:312px!important;
}
#page13ActionStudio .word-transfer-area{
  top:402px!important;
  height:166px!important;
  overflow:visible!important;
  padding-bottom:12px!important;
}
#page13ActionStudio .word-formation-takeaway{
  top:574px!important;
  height:74px!important;
  z-index:3!important;
}
#page13ActionStudio .page13-bottom-system{
  bottom:42px!important;
  height:181px!important;
}
/* Keep the completion counter visually centered in the gap between title/header and Step 1. */
#page13ActionStudio .vocab-progress-card{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}