/* The syllabus, the path, the lesson and the garden (js/screens/learn.js). The path, lesson and garden grow with the
   child through js/grow.js: --g-* tokens (in cqw, percent of the screen's width) and data-stage = play | explore |
   learn | study. play and explore are a garden in daylight, pictures first and voice first; learn and study are the
   demo's forest look, text first and calmer. */

/* ── every board on the tablet (for the teacher or presenter: the demo's own look) ── */
.syl{display:flex;flex-direction:column;gap:1rem;height:100%}
.boards{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}
.bcard{position:relative;display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:.85rem .9rem .8rem;border-radius:var(--r);background:var(--s1);
  border:1px solid var(--hair2);box-shadow:0 .25rem 0 var(--d-shadow);transition:transform var(--t-press),background var(--t-fast)}
.bcard::before{content:"";position:absolute;left:.9rem;right:.9rem;top:0;height:.22rem;border-radius:0 0 .2rem .2rem;background:var(--bc)}
.bcard:active{transform:translateY(.15rem)}
.bcard.on{background:var(--s2);border-color:var(--bc)}
.bcard .bn{font-weight:800;font-size:1.05rem;margin-top:.15rem}
.bcard .bf{font-size:.66rem;color:var(--mut);line-height:1.3}
.bcard .bl{font-size:.72rem;color:var(--paper);opacity:.85;line-height:1.3;margin-top:.15rem}
.bcard .bs{font-size:.66rem;color:var(--mut);margin-top:auto;padding-top:.35rem}
.bcard .bs b{color:var(--paper)}
.grades{display:flex;gap:.35rem;flex-wrap:wrap}
.gchip{padding:.4rem .75rem;border-radius:99px;background:var(--s1);border:1px solid var(--hair2);font-weight:700;font-size:.78rem;color:var(--mut)}
.gchip.on{background:var(--gold);color:var(--ink-on-gold);border-color:var(--gold)}
.subjects{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.2rem,1fr));gap:.6rem;align-content:start;padding-bottom:.4rem}
.scard{display:grid;grid-template-columns:2.4rem 1fr;grid-template-rows:auto auto auto auto;column-gap:.7rem;row-gap:.1rem;text-align:left;padding:.8rem .9rem;border-radius:var(--r);
  background:var(--s1);border:1px solid var(--hair2);box-shadow:0 .25rem 0 var(--d-shadow);transition:transform var(--t-press)}
.scard:active{transform:translateY(.15rem)}
.scard img{grid-row:1 / span 2;width:2.4rem;height:2.4rem}
.scard .sn{font-weight:800;font-size:.95rem;line-height:1.2}
.scard .sb{font-size:.7rem;color:var(--mut);line-height:1.25;font-style:italic}
.scard .sm2{grid-column:1 / -1;font-size:.72rem;color:var(--paper);margin-top:.4rem}
.scard .sv{grid-column:1 / -1;font-size:.64rem;color:var(--mut);display:flex;align-items:center;gap:.25rem}
.scard .sv.ok{color:var(--green)}
.scard .sv .ic{width:.8rem;height:.8rem}
.scard.empty{opacity:.55}
.cov{margin:0}

/* ── shared: the top strip, sunlight, pills ── */
.lp,.ls,.gd{position:absolute;inset:0;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;
  font-size:calc(1.3cqw * var(--g-type,1));transition:background .4s}
.lp-top,.ls-top{display:flex;align-items:center;gap:1.2cqw;padding:1.1cqw 1.8cqw;flex:none}
.pill{display:inline-flex;align-items:center;gap:.6cqw;padding:.7cqw 1.2cqw;border-radius:99px;font-weight:700;font-size:.95em;background:var(--pill-bg);color:var(--pill-ink)}
.pill img{width:1.8cqw}
.pill .ic{width:1.6cqw;height:1.6cqw}
.ctx{font-size:1em;color:var(--soft)}
.ctx b{color:var(--ink);margin-right:.3em}
.subjs{flex:1;min-width:0;display:flex;gap:.5cqw;overflow-x:auto;scrollbar-width:none;padding:.2cqw}
.subjs::-webkit-scrollbar{display:none}
.sj{flex:none;display:inline-flex;align-items:center;gap:.5cqw;padding:.5cqw 1cqw .5cqw .5cqw;border-radius:99px;background:var(--pill-bg);color:var(--pill-ink);font-weight:700;font-size:.82em}
.sj img{width:2.2cqw}
.sj.on{background:var(--accent);color:var(--accent-ink)}
[data-words="none"] .sj span,[data-words="one"] .sj span{display:none}
[data-words="none"] .sj,[data-words="one"] .sj{padding:.6cqw}
[data-words="none"] .ctx span,[data-words="none"] .pill span{display:none}
.sun{display:inline-flex;align-items:center;gap:.5cqw;padding:.5cqw 1.1cqw .5cqw .6cqw;border-radius:99px;background:var(--pill-bg);font-weight:800;color:var(--ink)}
.sun img{width:2.4cqw}
.sun.pop{animation:sunpop .5s var(--pop)}
@keyframes sunpop{40%{transform:scale(1.2)}}
.sunfly{position:fixed;left:0;top:0;width:28px;height:28px;z-index:80;pointer-events:none}
.grow1{flex:1}

/* palettes by stage */
[data-stage="play"] .btn:not(.gold),[data-stage="explore"] .btn:not(.gold),.gd .btn:not(.gold){background:#FFFFFF;color:#1C3127;box-shadow:0 .35rem 0 #C9D8C2;border-color:#C9D8C2}
[data-stage="play"],[data-stage="explore"]{--ink:#1C3127;--soft:#4A6457;--pill-bg:rgba(255,255,255,.78);--pill-ink:#1C3127;--accent:#F6C445;--accent-ink:#3A2A06;
  --surf:rgba(255,255,255,.82);--line:rgba(28,49,39,.12);--node:#FFFFFF;--node-d:#C9D8C2;--node-ink:#3E6B52;color:var(--ink)}
[data-stage="play"]{background:linear-gradient(#CBE7F2 0%,#E4F0DD 55%,#EFE6C6 100%)}
[data-stage="explore"]{background:linear-gradient(#BCDDEB 0%,#E6EBD8 55%,#F1DEB2 100%)}
[data-stage="learn"],[data-stage="study"]{--ink:#F6F2E8;--soft:#A9BDB2;--pill-bg:#203A31;--pill-ink:#E6EDE8;--accent:#F0B94C;--accent-ink:#1A1408;
  --surf:#1B3029;--line:rgba(240,185,76,.14);--node:#2A4A3F;--node-d:#152620;--node-ink:#CFE0D6;color:var(--ink)}
[data-stage="learn"]{background:radial-gradient(70cqw 45cqw at 85% 105%,rgba(240,185,76,.10),transparent 60%),linear-gradient(#21413A,#152A24)}
[data-stage="study"]{background:var(--bg)}

/* ── the path ── */
.lp-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 33cqw;gap:2cqw;padding:0 1.8cqw 0 0}
[data-stage="study"] .lp-main{grid-template-columns:minmax(0,1fr) 30cqw}
.trail{position:relative;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:1cqw 0 8cqw}
.trail-in{position:relative}
.unit{display:flex;flex-direction:column;align-items:center;gap:calc(var(--g-gap) * .5cqw);padding-bottom:calc(var(--g-gap) * 1.2cqw)}
.banner{width:min(46cqw,92%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2cqw;text-align:left;padding:calc(var(--g-pad) * .55cqw) 1.8cqw;
  border-radius:calc(var(--g-radius) * .9cqw);background:var(--uc);color:#1C2A22;box-shadow:0 .5cqw 0 rgba(0,0,0,.18);margin:1cqw 0}
.banner .un{font-weight:800;font-size:.8em;opacity:.75;white-space:nowrap;display:flex;align-items:center;gap:.6cqw}
.banner .un img{width:4.4cqw}
.banner .ut{font-weight:800;font-size:1.1em;line-height:1.2}
.banner .ur{font-size:.72em;font-weight:800;background:rgba(255,255,255,.6);padding:.3cqw .8cqw;border-radius:99px;white-space:nowrap}
.unit.sel .banner{outline:.35cqw solid var(--ink);outline-offset:.3cqw}
[data-words="none"] .banner .ut,[data-words="none"] .banner .ur{display:none}
[data-words="none"] .banner{width:auto;grid-template-columns:auto}
.steps{display:flex;flex-direction:column;align-items:center;gap:calc(var(--g-gap) * .45cqw)}
.srow{position:relative;transform:translateX(calc(var(--x) * 1cqw));display:flex;align-items:center}
.lp .node{--s:calc(var(--g-target) * .58cqw);position:relative;width:var(--s);height:var(--s);border-radius:50%;background:var(--node);color:var(--node-ink);
  box-shadow:0 calc(var(--s) * .09) 0 var(--node-d);display:grid;place-items:center;transition:transform var(--t-press),box-shadow var(--t-press)}
.lp .node:active{transform:translateY(calc(var(--s) * .07));box-shadow:0 calc(var(--s) * .02) 0 var(--node-d)}
.lp .node .disc{width:58%;height:58%;display:grid;place-items:center}
.lp .node .disc img{width:100%}
.lp .node .disc .ic{width:80%;height:80%}
.lp .node.k-lesson{background:#F6C445;box-shadow:0 calc(var(--s) * .09) 0 #C8931C;color:#3A2A06}
.lp .node.k-garden{background:#BDE3C6;box-shadow:0 calc(var(--s) * .09) 0 #6FAE80}
.lp .node.k-topic,.lp .node.k-chapter{opacity:.9}
.lp .node.done{background:#F0B94C;box-shadow:0 calc(var(--s) * .09) 0 #9A6F13;color:#3A2A06}
.lp .node.at{outline:calc(var(--s) * .07) solid rgba(246,196,69,.45);outline-offset:calc(var(--s) * .08);animation:atpulse 2.2s ease-in-out infinite}
@keyframes atpulse{50%{outline-color:rgba(246,196,69,.1)}}
.lp .node .go{position:absolute;right:calc(100% + 1.4cqw);top:50%;transform:translateY(-50%);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:.9em;
  padding:.6cqw 1.3cqw;border-radius:99px;white-space:nowrap;box-shadow:0 .4cqw 1cqw rgba(0,0,0,.18);animation:gobob 1.6s ease-in-out infinite}
.lp .node .go .ic{width:2.4cqw;height:2.4cqw}
@keyframes gobob{50%{transform:translate(-.6cqw,-50%)}}
.lp .node.wiggle{animation:wiggle .5s var(--pop)}
@keyframes wiggle{30%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}}
.lp .nl{position:absolute;left:calc(100% + 1.4cqw);width:22cqw;font-size:.82em;font-weight:600;color:var(--soft);line-height:1.25}
.lp[data-words="none"] .nl,.lp[data-words="one"] .nl{display:none}
.mxslot{position:absolute;left:50%;transform:translate(calc(-100% - 14cqw),-66%);pointer-events:auto;z-index:2}
.lp[data-stage="study"] .mxslot,.lp[data-stage="learn"] .mxslot{transform:translate(calc(-100% - 11cqw),-62%)}
.lp-side{overflow:auto;display:flex;flex-direction:column;gap:1.2cqw;padding:1cqw 0 2cqw}
.lp-side .lcard{background:var(--surf);border:1px solid var(--line);border-radius:1.4cqw;padding:1.8cqw}
.lp-side .lcard.soft p{display:flex;gap:.8cqw;align-items:center;margin:0;font-weight:600}
.lp-side .lcard.soft .ic{width:2.4cqw;height:2.4cqw;flex:none}
.lchap h2{font-size:1.35em;margin:.3cqw 0 .8cqw;line-height:1.2}
.lchap .tl{margin:0 0 1.2cqw;padding-left:1.4em;color:var(--soft);font-size:.92em;line-height:1.5}
.lchap .lessonbtn{width:100%;justify-content:flex-start;margin-top:.6cqw}
.lchap .src{margin-top:1.2cqw;font-size:.75em;color:var(--soft);display:flex;align-items:center;gap:.5cqw}
.lchap .src .ic{width:1.5cqw;height:1.5cqw;color:var(--green)}
.lmini .eb{margin-bottom:.4cqw}
.gplants{display:flex;align-items:flex-end;justify-content:space-around;gap:.6cqw;height:12cqw;margin-top:.6cqw}
.gplants.sm{height:7cqw}
.gp{display:flex;flex-direction:column;align-items:center;gap:.3cqw;height:100%;justify-content:flex-end}
.gp svg{height:100%;width:auto;transform-origin:50% 100%;animation:sway calc(3.6s / max(.4,var(--g-motion,1))) ease-in-out infinite alternate}
.gp:nth-child(2n) svg{animation-delay:-1.4s}
.gp img{width:3cqw}
@keyframes sway{from{transform:rotate(calc(-2.5deg * var(--g-motion,1)))}to{transform:rotate(calc(2.5deg * var(--g-motion,1)))}}
.gcard{background:var(--surf);border-radius:2.4cqw;padding:2cqw;box-shadow:0 .6cqw 2cqw rgba(30,60,40,.12)}
.gcard .gplants{height:16cqw}
.gsun{display:flex;align-items:center;justify-content:center;gap:1cqw;margin-top:1cqw;font-weight:800;font-size:2em}
.gsun img{width:5cqw}
.bigplay{position:relative;display:grid;place-items:center;align-self:center;width:calc(var(--g-target) * 1.2cqw);aspect-ratio:1;border-radius:3cqw;background:#F6C445;box-shadow:0 1.2cqw 0 #C8931C;
  animation:gobob2 1.8s ease-in-out infinite}
.bigplay img{width:55%}
.bigplay .ic{position:absolute;right:1.4cqw;bottom:1.4cqw;width:4cqw;height:4cqw;color:#3A2A06;fill:#3A2A06}
@keyframes gobob2{50%{transform:translateY(-.8cqw)}}

/* ── the lesson ── */
.ls-top .pbar{flex:1;height:2cqw;border-radius:1cqw;background:var(--pill-bg);overflow:hidden}
.ls-top .pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7FCB93,#58CC68);border-radius:1cqw;transition:width .5s var(--ez)}
.ls-top .x .ic{width:2cqw;height:2cqw}
.ls-body{flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2cqw;align-items:center;padding:1cqw 6cqw 1cqw 4cqw}
[data-stage="study"] .ls-body,[data-stage="learn"] .ls-body{padding:1cqw 10cqw 1cqw 6cqw}
.ls-mx{align-self:end;margin-bottom:2cqw}
.ls-card{display:flex;flex-direction:column;gap:2.2cqw;max-height:100%;overflow:auto;padding:.4cqw}
.ls-card.in{animation:cardin .36s var(--ez)}
@keyframes cardin{from{opacity:0;transform:translateX(3cqw)}}
.ls-q{display:flex;align-items:center;gap:1.4cqw}
.ls-q h2{margin:0;font-size:1.6em;line-height:1.25;font-weight:800}
.spk{flex:none;width:calc(var(--g-target) * .32cqw);height:calc(var(--g-target) * .32cqw);border-radius:50%;background:#F6C445;color:#3A2A06;display:grid;place-items:center;box-shadow:0 .5cqw 0 #C8931C}
.spk .ic{width:55%;height:55%}
[data-words="none"] .ls-q h2{display:none}
[data-words="none"] .spk{width:9cqw;height:9cqw}
.ls .opts{display:grid;gap:calc(var(--g-gap) * .8cqw)}
.ls .opts.words{grid-template-columns:repeat(auto-fit,minmax(14cqw,1fr))}
.ls .opts.stack{grid-template-columns:1fr}
.ls .opts.two{grid-template-columns:1fr 1fr}
.ls .opts.nums{grid-template-columns:repeat(3,1fr)}
.ls .opts.pics{grid-template-columns:repeat(auto-fit,minmax(calc(var(--g-target) * .9cqw),1fr))}
.ls .opt{min-height:calc(var(--g-target) * .42cqw);padding:1.2cqw 1.6cqw;border-radius:calc(var(--g-radius) * .8cqw);background:var(--surf);color:var(--ink);border:.25cqw solid var(--line);
  box-shadow:0 .5cqw 0 var(--line);font-weight:700;font-size:1.1em;text-align:center;transition:transform var(--t-press),border-color var(--t-fast),background var(--t-fast)}
.ls .opt:active{transform:translateY(.4cqw);box-shadow:0 .1cqw 0 var(--line)}
.ls .opt.chosen{border-color:#5FA8E0;background:rgba(95,168,224,.2);background:color-mix(in srgb,var(--surf),#5FA8E0 18%)}
.ls .opt.right{border-color:#58CC68;background:rgba(88,204,104,.24);background:color-mix(in srgb,var(--surf),#58CC68 24%)}
.ls .opt.wrong{border-color:#E0A04F;background:rgba(224,160,79,.24);background:color-mix(in srgb,var(--surf),#E0A04F 22%);animation:shake .4s}
@keyframes shake{25%{transform:translateX(-.8cqw)}75%{transform:translateX(.8cqw)}}
.ls .opts.nums .ls .opt{font-size:2.6em;font-weight:800;min-height:calc(var(--g-target) * .55cqw)}
.ls .opt.pic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqw;aspect-ratio:1;padding:1.6cqw}
.ls .opt.pic img,.ls .opt.pic svg{width:62%;height:auto}
.ls .opt.pic .ol{font-size:.9em}
.ls[data-words="none"] .opt.pic .ol{display:none}
.ls .opt.grp{display:flex;flex-wrap:wrap;gap:.8cqw;align-content:center;justify-content:center;min-height:calc(var(--g-target) * 1cqw)}
.ls .opt.grp img{width:calc(var(--g-target) * .2cqw)}
.ls .qimg{display:flex;justify-content:center}.ls .qimg img{width:calc(var(--g-target) * .5cqw)}
.ls .cfield{position:relative;height:calc(var(--g-target) * 1.1cqw);border-radius:2cqw;background:var(--surf);border:.25cqw solid var(--line)}
.ls .cthing{position:absolute;width:calc(var(--g-target) * .26cqw);transform:rotate(var(--r));animation:drop .55s var(--pop) both}
.ls .cthing img,.ls .cthing svg{width:100%;display:block}
@keyframes drop{from{transform:translateY(-14cqw) rotate(0);opacity:0}70%{opacity:1}}
.ls .match{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}
.ls .mcol{display:flex;flex-direction:column;gap:1cqw}
.ls .mi{padding:1.2cqw 1.4cqw;border-radius:1.2cqw;background:var(--surf);color:var(--ink);border:.25cqw solid var(--line);box-shadow:0 .45cqw 0 var(--line);font-weight:700;text-align:left;font-size:.98em;line-height:1.25}
.ls .mi.on{border-color:#5FA8E0}
.ls .mi.ok{border-color:#58CC68;background:rgba(88,204,104,.24);background:color-mix(in srgb,var(--surf),#58CC68 22%);opacity:.75}
.ls .mi.no{animation:shake .4s;border-color:#E0A04F}
.ls .order{display:flex;flex-direction:column;gap:1.6cqw}
.ls .otarget{min-height:7cqw;border-radius:1.4cqw;border:.25cqw dashed var(--line);display:flex;flex-direction:column;gap:.8cqw;padding:1cqw;counter-reset:o}
.ls .otarget .ls .ochip{counter-increment:o}
.ls .otarget .ls .ochip::before{content:counter(o);display:inline-grid;place-items:center;width:2.4cqw;height:2.4cqw;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.8em;margin-right:1cqw}
.ls .opool{display:flex;flex-wrap:wrap;gap:.8cqw}
.ls .ochip{padding:1cqw 1.4cqw;border-radius:1.2cqw;background:var(--surf);color:var(--ink);border:.25cqw solid var(--line);box-shadow:0 .4cqw 0 var(--line);font-weight:700;text-align:left}
.ls .ochip.right{border-color:#58CC68}
.ls-foot{flex:none;display:flex;align-items:center;gap:2cqw;padding:1.6cqw 6cqw;min-height:9cqw;border-top:1px solid var(--line);transition:background .25s}
.ls-foot .fb{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4cqw 1.4cqw;font-size:1.05em}
.ls-foot .fb b{font-size:1.25em}
.ls-foot .fb em{font-style:normal;color:var(--soft);font-size:.85em;flex-basis:100%}
.ls-foot .plus{display:inline-flex;align-items:center;gap:.4cqw;font-weight:800}
.ls-foot .plus img{width:2.2cqw}
.ls-foot.good{background:rgba(88,204,104,.24);background:color-mix(in srgb,transparent,#58CC68 22%)}
.ls-foot.good .fb b{color:#2E8A3E}
[data-stage="learn"] .ls-foot.good .fb b,[data-stage="study"] .ls-foot.good .fb b{color:#7FE08E}
.ls-foot.warm{background:rgba(224,160,79,.24);background:color-mix(in srgb,transparent,#E0A04F 22%)}
.ls-foot.warm .fb b{color:#B8701A}
[data-stage="learn"] .ls-foot.warm .fb b,[data-stage="study"] .ls-foot.warm .fb b{color:#F5C07A}
.check{min-width:16cqw;justify-content:center;font-size:1.05em}
.ls-end{display:flex;flex-direction:column;align-items:center;gap:1.6cqw;text-align:center;padding:1cqw 0}
.ls-end h1{font-size:2.3em;margin:0}
.endstats{display:flex;gap:2cqw}
.endstats>div{display:flex;flex-direction:column;align-items:center;gap:.3cqw;padding:1.4cqw 2.4cqw;border-radius:1.6cqw;background:var(--surf);border:1px solid var(--line);min-width:13cqw}
.endstats img{width:4cqw}
.endstats b{font-size:1.8em}
.endstats span{font-size:.8em;color:var(--soft)}
.endplant{display:flex;flex-direction:column;align-items:center;gap:.6cqw;color:var(--soft);font-weight:600}
.sgrow{display:flex;flex-direction:column;gap:.3cqw;max-width:44cqw;padding:.9cqw 1.4cqw;border-radius:1.2cqw;background:var(--surf);border:1px solid var(--line);font-size:.82em;line-height:1.35}
.sgrow b{font-weight:700}
.sgrow span{color:var(--soft);font-size:.9em}
.ls[data-stage="play"] .sgrow,.ls[data-stage="explore"] .sgrow{font-size:.7em;opacity:.85}
/* with the screen note, the end card tightens so the buttons stay on screen (a class set by the lesson: Firefox 115, the last on Windows 7, has no parent selector) */
.ls-end.grew{gap:1cqw;padding-top:0}
.ls-end.grew h1{font-size:1.9em}
.ls-end.grew .endstats>div{padding:.9cqw 2cqw}
.ls-end.grew .endplant{flex-direction:row;gap:1cqw}
.ls-end.grew .endplant svg{height:6cqw}
.endplant svg{height:11cqw;width:auto;transform-origin:50% 100%;animation:plantup 1.4s var(--ez) both}
@keyframes plantup{from{transform:scaleY(.2);opacity:0}}

/* ── the garden ── */
.gd{background:linear-gradient(#CBE7F2,#E6F0DE 60%);--ink:#1C3127;--soft:#4A6457;--pill-bg:rgba(255,255,255,.78);--pill-ink:#1C3127;color:var(--ink)}
.gd-scene{position:relative;flex:1;min-height:0}
.gd .sunball{position:absolute;right:9cqw;top:3cqw;width:10cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#FFF7D9 0 34%,#FFE596 35% 52%,rgba(255,229,150,.35) 53% 64%,rgba(255,229,150,0) 65%)}
.gd .hill{position:absolute;left:-10%;right:-10%;bottom:-26cqw;height:44cqw;border-radius:50%;background:linear-gradient(#97D27B,#68AB55 40%)}
.gd-mx{position:absolute;left:3cqw;bottom:6cqw}
.beds{position:absolute;left:26cqw;right:4cqw;bottom:4cqw;display:flex;justify-content:space-around;align-items:flex-end;gap:1cqw;height:30cqw}
.bed{display:flex;flex-direction:column;align-items:center;gap:.6cqw;height:100%;justify-content:flex-end}
.bed svg{height:78%;width:auto;transform-origin:50% 100%;animation:sway 3.6s ease-in-out infinite alternate}
.bed:nth-child(2n) svg{animation-delay:-1.6s}
.bed .tag{display:inline-flex;align-items:center;gap:.5cqw;background:rgba(255,255,255,.85);padding:.4cqw 1cqw .4cqw .5cqw;border-radius:99px;font-weight:700;font-size:.82em;white-space:nowrap}
.bed .tag img{width:2.2cqw}
.gd-note{position:relative;z-index:2;flex:none;margin:0;padding:1.4cqw 3cqw 1.8cqw;font-size:.95em;color:var(--soft);font-weight:600;background:#68AB55;color:#F2FAEE}
@media (prefers-reduced-motion: reduce){.gp svg,.bed svg,.lp .node.at,.lp .node .go,.bigplay{animation:none}}