/* Иллюстрации Stop, Note, Day, Play, Build и Crew. Управление — в slideshow.css. */
.slideshow--story .feature-slide__scene{background:radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--a) 14%,transparent),transparent 70%),linear-gradient(140deg,#193039,#102028);color:#d9e8e9}
.slideshow--story .feature-slide__scene>.story-window,.slideshow--story .feature-slide__scene>.story-columns{margin-block:.8em}
.slideshow--story .feature-slide__scene .ico{width:1.3em;height:1.3em;flex:none}
.slideshow--story .feature-slide__scene b{font-weight:600}
.story-window,.story-card,.story-file{min-width:0;border:1px solid #ffffff24;border-radius:.9em;background:#142a33;box-shadow:0 1em 2.5em -.8em #0005}
.story-window__bar{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.8em 1.2em;border-bottom:1px solid #ffffff12;font-size:.84em}
.story-window__bar>span:first-child{font-weight:600}
.story-pad{padding:1.2em}
.story-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1em}
.story-card{padding:1.4em}
.story-label{color:#a4bfc7;font-size:.75em;font-weight:400}
.story-list{display:flex;flex-direction:column;gap:1.1em;min-width:0}
.story-row{display:flex;align-items:center;justify-content:space-between;gap:.8em;font-size:.85em}
.story-tag{display:inline-flex;align-items:center;justify-content:center;padding:.35em .7em;border-radius:.5em;background:color-mix(in srgb,var(--a) 12%,transparent);color:var(--a);font-size:.72em;white-space:nowrap}
.story-tags{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.story-meter{height:.4em;border-radius:1em;background:#ffffff0d;overflow:hidden;margin-top:.6em}
.story-meter i{display:block;width:var(--fill);height:100%;border-radius:inherit;background:var(--a)}
.story-action{display:inline-flex;align-items:center;align-self:flex-start;justify-content:center;gap:.8em;padding:.6em .9em;border:1px solid color-mix(in srgb,var(--a) 45%,transparent);border-radius:.5em;background:color-mix(in srgb,var(--a) 12%,transparent);font-size:.8em;color:var(--a)}
.story-search{display:flex;align-items:center;gap:.8em;padding:.7em 1em;border:1px solid color-mix(in srgb,var(--a) 50%,transparent);border-radius:.6em;background:#0d2028}
.story-search>span:first-child{color:var(--a);font-size:1.4em;line-height:1}
.story-search>.story-label,.story-search>.story-tag{margin-left:auto}
.story-transfer{display:flex;align-items:center;justify-content:center;gap:1.6em;margin:1em 0}
.story-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;width:40%;min-height:12em;padding:1.4em .8em;text-align:center}
.story-file b{font-size:.95em}
.story-file>span:last-child{font-size:.75em;color:#afc8ce}
.slideshow--story .story-file>.ico{width:3em;height:3em;color:var(--a);stroke-width:1.3}
.story-file__type{display:grid;place-items:center;width:3em;height:3.8em;border:1px solid color-mix(in srgb,var(--a) 45%,transparent);border-radius:.3em 1em .3em .3em;background:color-mix(in srgb,var(--a) 10%,transparent);color:var(--a);font-size:1.2em;font-weight:600}
.story-link{flex:none;font-size:2em;color:var(--a)}
.story-card.is-accent,.story-file.is-accent{border-color:color-mix(in srgb,var(--a) 50%,transparent)}
.story-paper-lines{display:grid;gap:.45em;width:80%}
.story-paper-lines i{height:.3em;background:#afc8ce40;border-radius:.2em}
.story-paper-lines i:last-child{width:65%}

/* Stop: статистика, правила и устройства. */
.stop-usage{display:flex;align-items:center;gap:2em;padding:1.4em}
.stop-usage>.story-list{flex:1}
.stop-usage__ring{display:grid;place-items:center;flex:none;width:10em;height:10em;border-radius:50%;background:conic-gradient(var(--a) 0 50%,#74c8ba 50% 83.33%,#efc67b 83.33% 100%)}
.stop-usage__ring>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:8.3em;height:8.3em;border-radius:50%;background:#142a33}
.stop-usage__ring b{font-size:2em;color:#fff}
.stop-usage__ring span{font-size:.7em;color:#a4bfc7}
.stop-limit{display:grid;grid-template-columns:9em minmax(0,1fr) 3em;align-items:center;gap:1em;font-size:.85em;padding:.4em 0}
.stop-limit .story-meter{margin:0}
.stop-limit b{text-align:right;color:var(--a)}
.stop-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5em}
.stop-week span{display:grid;place-items:center;padding:.8em .1em;border-radius:.5em;background:#ffffff08;font-size:.85em}
.stop-week .is-weekend{background:color-mix(in srgb,var(--a) 18%,transparent);color:var(--a)}
.stop-hours{display:flex;align-items:center;justify-content:space-between;height:2.4em;border:1px solid #ffffff12;border-radius:.4em;overflow:hidden;background:#ffffff04;font-size:.8em}
.stop-hours i{height:100%;width:25%;background:color-mix(in srgb,var(--a) 40%,transparent)}
.stop-hours i:last-child{width:16%}
.stop-domains{display:flex;flex-direction:column;align-items:center;gap:1em;padding:1.4em .5em}
.stop-domains>b,.slideshow--story .stop-domains>.ico{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;background:#ffffff08;color:var(--a);font-size:1.8em;padding:.3em}
.stop-domains>span:not(.story-label){font-family:ui-monospace,monospace;font-size:.85em}
.stop-family{margin-block:1em}
.stop-family__devices{display:flex;align-items:center;justify-content:center;gap:3em;margin-bottom:1.4em}
.stop-family__devices>div{display:flex;align-items:center;flex-direction:column;gap:.65em;font-size:.8em}
.slideshow--story .stop-family__devices .ico{width:3em;height:3em;color:var(--a);stroke-width:1.2}

/* Note: редактор, библиотека и история. */
.note-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.note-editor>div{display:flex;flex-direction:column;gap:.8em;padding:1.3em 1.2em;min-width:0}
.note-editor>div+div{border-left:1px solid #ffffff14;background:#ffffff03}
.note-editor code{font: .8em/1.9 ui-monospace,monospace;color:#afc9cf;white-space:nowrap}
.note-editor b{font-size:1.2em}
.note-editor p,.note-editor strong{font-size:.8em}
.note-editor strong{margin-top:.5em;color:var(--a)}
.note-library{display:grid;grid-template-columns:34% minmax(0,1fr)}
.note-library__folders{display:flex;flex-direction:column;gap:.45em;padding:1.3em .8em;border-right:1px solid #ffffff14}
.note-library__folders>span:not(.story-label){display:flex;justify-content:space-between;padding:.6em .8em;border-radius:.5em;font-size:.85em}
.note-library__folders>.story-label{margin:0 .8em .6em}
.note-library__folders .is-chosen{background:#34d39918;color:var(--a)}
.note-entry{display:flex;flex-direction:column;gap:.4em;padding-bottom:.8em;border-bottom:1px solid #ffffff12}
.note-entry:last-child{padding-bottom:0;border:0}
.note-entry b{font-size:.95em}
.note-entry span{font-size:.75em;color:#a4bfc7}
.note-entry mark{background:#34d39925;color:#afffe0;border-radius:.2em}
.note-history{display:grid;grid-template-columns:35% minmax(0,1fr);gap:1.2em;padding:1.2em}
.note-history__versions{display:flex;flex-direction:column;gap:.5em}
.note-history__versions>span{display:flex;flex-direction:column;gap:.3em;padding:.7em .9em;border-left:2px solid #ffffff26;font-size:.85em}
.note-history__versions small{font-size:.75em;color:#a4bfc7}
.note-history__versions .is-chosen{border-color:var(--a);background:#34d39912}
.note-history>.story-list{justify-content:center;font-size:.9em}
.note-history p{color:#afc8ce;font-size:.85em;line-height:1.7}

/* Day: бумажный дневник, календарь и приватность. */
.day-journal{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;margin:1em 0;padding:1.4em;border-radius:.4em .9em .9em .4em;background:#f4eddd;color:#3a4241;box-shadow:0 1em 3em -.5em #0005}
.day-journal__text{display:flex;flex-direction:column;gap:.8em;min-width:0}
.day-journal__text .story-label{color:#7c725e}
.day-journal__text b{font-size:1.2em}
.day-journal__text p{font-size:.82em;line-height:1.8}
.day-journal__text>span:last-child{margin-top:auto;color:#8c6334;font-size:.8em}
.day-journal__photo{display:flex;flex-direction:column;justify-content:center;gap:.8em;padding:.5em;background:#fff;box-shadow:0 .3em 1em #483e3420;transform:rotate(3deg)}
.slideshow .day-journal__photo img{height:9em;border-radius:.15em}
.day-journal__photo span{padding:0 .4em .2em;font-size:.65em;text-align:center;color:#7b6b57}
.day-calendar{width:80%;align-self:center}
.day-calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.2em;padding:.8em 1.2em 1em}
.day-calendar__grid>*{position:relative;display:grid;place-items:center;height:1.75em;font-size:.85em}
.day-calendar__grid>b{color:#a4bfc7;font-size:.75em}
.day-calendar__grid .has-entry::after{content:"";position:absolute;bottom:0;width:.25em;height:.25em;background:var(--a);border-radius:50%}
.day-calendar__grid .is-chosen{border-radius:.5em;background:var(--a);color:#302617}
.day-result{display:flex;align-items:center;gap:1em;padding:.2em 0}
.day-result>span{flex:none;display:block;width:3.2em;padding:.45em;border-radius:.5em;background:#f2b24c12;color:var(--a);font-size:1.15em;text-align:center;line-height:1.1}
.day-result small{font-size:.5em}
.day-result b{font-size:.95em}
.day-result p{margin-top:.4em;font-size:.8em;color:#a4bfc7}
.day-lock{display:flex;align-items:center;justify-content:center;gap:3em;margin:1em 0}
.day-lock__phone{display:flex;flex-direction:column;align-items:center;gap:1em;width:13em;padding:1.3em;border:1px solid #e5cc9250;border-radius:1.5em;background:#142a33;box-shadow:0 1em 3em -.8em #0005}
.day-lock__phone>b{font-size:.85em}
.day-lock__icon{width:3.6em;height:3.6em;color:var(--a);margin:.5em}
.day-pin{display:flex;gap:.7em;margin:.6em 0}
.day-pin i{width:.65em;height:.65em;border-radius:50%;background:var(--a)}
.day-lock__copy{display:flex;flex-direction:column;gap:.8em}
.slideshow--story .day-lock__copy>.ico{width:2em;height:2em;color:var(--a)}
.day-lock__copy b{font-size:1.3em}
.day-lock__copy span{font-size:.8em;color:#a4bfc7}

/* Play: миниатюры настоящих игр каталога. */
.play-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8em;margin:1em 0}
.play-catalog>div{display:grid;grid-template-columns:3.4em minmax(0,1fr);column-gap:1em;padding:1.1em;border:1px solid #ffffff20;border-radius:.8em;background:#142a33}
.play-catalog>div>span{grid-row:span 2;display:grid;place-items:center;height:3.4em;border-radius:.6em;font-weight:600}
.play-catalog b{align-self:end;font-size:1em}
.play-catalog small{margin-top:.35em;font-size:.7em;color:#a4bfc7}
.play-catalog__word{color:#b9aaff;background:#8f86ff20}
.play-catalog__sudoku{color:#90d8f4;background:#38c6e820;line-height:1.3;text-align:center}
.play-catalog__pairs{color:#fda3cf;background:#f472b620}
.play-catalog__snake{color:#9ce071;background:#8be04e20}
.play-word{display:flex;align-items:center;justify-content:center;gap:2.4em;margin:1em 0}
.play-word__board{display:grid;grid-template-columns:repeat(5,2.6em);gap:.4em}
.play-word__board>span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #ffffff20;border-radius:.3em;background:#33434c;color:#dce7ea;font-size:1.2em;font-weight:600}
.play-word__board>.is-correct,.play-word__legend .is-correct{background:#287b65;color:#effff8}
.play-word__board>.is-present,.play-word__legend .is-present{background:#8b692e;color:#fff4d6}
.play-word__board>.is-empty{background:#142a33}
.play-word__legend{display:flex;flex-direction:column;gap:1em;font-size:.72em}
.play-word__legend>span{display:flex;align-items:center;gap:.7em;white-space:nowrap}
.play-word__legend i{width:1em;height:1em;border-radius:.2em;background:#33434c}
.play-sudoku{display:flex;align-items:center;justify-content:center;gap:2.5em;margin:.8em 0}
.play-sudoku__board{display:grid;grid-template-columns:repeat(9,1.5em);border:2px solid #a8c3ca;background:#142a33}
.play-sudoku__board>span{display:grid;place-items:center;height:1.5em;border-right:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;font-size:1em}
.play-sudoku__board>span:nth-child(3n){border-right-color:#a8c3ca80}
.play-sudoku__board>span:nth-child(n+19):nth-child(-n+27),.play-sudoku__board>span:nth-child(n+46):nth-child(-n+54){border-bottom-color:#a8c3ca80}
.play-sudoku__board>.is-chosen{background:#f472b638;color:#ffc5e3}
.play-sudoku__copy{display:flex;flex-direction:column;align-items:flex-start;gap:1em}
.play-sudoku__copy b{font-size:1.2em}
.play-sudoku__copy p{font-size:.8em;color:#a4bfc7;line-height:1.7}
.play-memory{display:grid;grid-template-columns:repeat(4,4.4em);gap:.7em;align-self:center;margin:1em 0}
.play-memory>span{display:grid;place-items:center;height:2.2em;border:1px solid #f472b635;border-radius:.4em;background:linear-gradient(135deg,#49354b,#283441);color:#a482a3;font-size:2em;font-weight:600}
.play-memory>.is-match{background:#f472b629;border-color:#f472b6;color:#ffc3e1}
.play-memory>.is-open{background:#ebd2a8;color:#4e3e54;border-color:#ebd2a8}
.play-snake{width:88%;align-self:center;margin:1em 0}
.play-snake__field{position:relative;width:100%;aspect-ratio:14 / 6;background:linear-gradient(#ffffff06 1px,transparent 1px) 0 0 / 7.142857% 16.666667%,linear-gradient(90deg,#ffffff06 1px,transparent 1px) 0 0 / 7.142857% 16.666667%}
.play-snake__field>i,.play-snake__food{position:absolute;left:calc(var(--x) * 100% / 14);top:calc(var(--y) * 100% / 6);width:calc(100% / 14);height:calc(100% / 6);border:2px solid #142a33;border-radius:.3em;background:#8be04e}
.play-snake__field>.is-head{background:#b8f38c}
.play-snake__field>.is-head::after{content:"";position:absolute;right:20%;top:25%;width:.18em;height:.18em;border-radius:50%;background:#142a33;box-shadow:0 .5em #142a33}
.play-snake__field>.play-snake__food{background:var(--a);border-radius:50%;transform:scale(.65)}

/* Build: данные → шаги → проверка → скрипт → комплект. */
.build-table>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;padding:.8em 1.2em;border-bottom:1px solid #ffffff10;font-size:.82em}
.build-table>div:first-child{color:var(--a);background:#ffffff03}
.build-table>div>*:last-child{text-align:right}
.build-flow{display:flex;flex-direction:column;align-self:center;width:85%;margin:.8em 0}
.build-flow>div{display:grid;grid-template-columns:2.8em 1fr;column-gap:1em;padding:.65em 1em;border:1px solid #ffffff24;border-radius:.7em;background:#142a33}
.build-flow>div>span{grid-row:span 2;align-self:center;display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:.5em;background:#8be04e12;color:var(--a);font-size:.85em}
.build-flow b{font-size:.9em}
.build-flow small{margin-top:.3em;color:#a4bfc7;font-size:.7em}
.build-flow>i{align-self:center;font-style:normal;line-height:1.1;color:var(--a)}
.build-flow>.is-accent{border-color:#8be04e80}
.build-check{display:flex;align-items:center;gap:1em}
.slideshow--story .build-check>.ico{padding:.3em;width:2em;height:2em;border-radius:50%;background:#8be04e15;color:var(--a)}
.build-check>div{display:flex;flex-direction:column;gap:.3em}
.build-check b{font-size:.9em}
.build-check span{font-size:.75em;color:#a4bfc7}
.build-code{padding:1.4em 1.6em;background:#0b1c24;border-radius:0 0 .9em .9em}
.build-code code{font:.84em/1.7 ui-monospace,monospace;white-space:nowrap;color:#d6e5e8}
.build-code code>span{color:#aeb2ff}
.build-code em{font-style:normal;color:#b0e780}
.build-code small{font-size:1em;color:#7e9ba7}
.build-bundle{display:flex;flex-direction:column;gap:1.2em;min-width:0}
.build-bundle>span{display:flex;align-items:center;gap:.7em;font-size:.8em;white-space:nowrap}
.build-bundle b{display:grid;place-items:center;width:2.5em;height:2em;border-radius:.3em;background:#8be04e12;color:var(--a);font: .9em/1.2 ui-monospace,monospace}

/* Crew: конвертер, профили, подбор и назначения. */
.crew-mapping{display:grid;grid-template-columns:minmax(0,1fr) 2.5em minmax(0,1fr);gap:1em;padding:1.3em}
.crew-mapping>div{display:flex;flex-direction:column;gap:.7em}
.crew-mapping b{padding:.65em .8em;border:1px solid #ffffff14;border-radius:.4em;background:#ffffff03;font-size:.8em}
.crew-mapping>div:last-child b{border-color:#5aa9ff40;color:#b5d7ff}
.crew-mapping>.crew-mapping__arrows{justify-content:flex-end;align-items:center;gap:.7em;color:var(--a)}
.crew-mapping__arrows>span{display:grid;place-items:center;height:2.55em;font-size:.8em}
.crew-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2em;width:90%;align-self:center;margin:1em 0}
.crew-profiles>.story-card{display:flex;flex-direction:column;align-items:center;gap:.65em;padding:1.1em}
.crew-avatar{display:grid;place-items:center;flex:none;width:2.6em;height:2.6em;border:1px solid #5aa9ff50;border-radius:50%;background:#5aa9ff15;color:#a9d1ff;font-size:1em}
.crew-profiles .story-label{margin-top:.3em}
.crew-profile__foot{margin-top:.5em;padding-top:.8em;border-top:1px solid #ffffff12;font-size:.65em;color:#a4bfc7;width:100%;text-align:center}
.crew-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;padding:1em}
.crew-variants>div{display:flex;flex-direction:column;align-items:center;gap:1.1em;padding:1.2em .4em;border:1px solid #ffffff14;border-radius:.6em;font-size:.8em}
.crew-variants>div>span{color:#a4bfc7;font-size:.9em}
.crew-variants>.is-chosen{background:#5aa9ff12;border-color:#5aa9ff90}
.crew-team{display:flex;gap:.25em;margin:.7em 0}
.crew-team i{position:relative;width:1.6em;height:1.8em;border-radius:.6em .6em .2em .2em;background:#5aa9ff66}
.crew-team i::before{content:"";position:absolute;width:.9em;height:.9em;left:.35em;top:-.65em;border-radius:50%;border:2px solid #142a33;background:#8abdf7}
.crew-slot{display:flex;align-items:center;gap:1em;font-size:.85em}
.crew-slot>div{display:flex;flex-direction:column;gap:.3em}
.crew-slot>div>span{color:#a4bfc7;font-size:.8em}
.crew-slot>.ico{margin-left:auto;color:var(--a)}
.crew-slot--empty>.crew-avatar{border-style:dashed;background:transparent;color:#a4bfc7}