:root{--bg-main: #f6f1e8;--bg-layer: #fffaf1;--ink: #1b1d21;--muted: #5a616a;--line: #d7cdbd;--panel: rgba(255, 252, 247, .84);--accent: #b24b2b;--accent-soft: #f3c8a8;--accent-cool: #2f5f83;--radius: 20px;--shadow: 0 18px 40px rgba(22, 28, 38, .12)}@view-transition{navigation:auto}::view-transition-old(root){animation:fadeOld .38s ease both}::view-transition-new(root){animation:slideComic .46s ease both}@keyframes fadeOld{0%{opacity:1;transform:translate(0)}to{opacity:.7;transform:translate(-20px)}}@keyframes slideComic{0%{opacity:0;transform:translate(24px) rotateY(-8deg);filter:saturate(.8)}to{opacity:1;transform:translate(0) rotateY(0);filter:saturate(1)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"PT Serif",Georgia,serif;color:var(--ink);background:radial-gradient(circle at 8% 0%,rgba(47,95,131,.18),transparent 42%),radial-gradient(circle at 84% 8%,rgba(178,75,43,.2),transparent 39%),linear-gradient(180deg,#f8f4ec,#f3ebe1 55%,#efe4d7);min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3{text-wrap:balance}.backdrop{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,black 60%,transparent 100%);z-index:-1}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:100;padding:.65rem .85rem;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}.skip-link:focus-visible{top:1rem}.wrap{width:min(1240px,92vw);margin:0 auto}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:#f8f3ebdb;border-bottom:1px solid rgba(215,205,189,.7)}.site-header .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;padding:.9rem 0}.logo{display:inline-flex;align-items:center;gap:.7rem;padding:.42rem .78rem .42rem .36rem;border-radius:24px;border:1px solid rgba(206,193,174,.74);background:linear-gradient(135deg,#ffffffdb,#f9f3e9d1),linear-gradient(135deg,#53b9df0d,#f06f4c0d);box-shadow:0 10px 22px #1f2c3a14;text-decoration:none;color:var(--ink);position:relative;min-width:0;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.logo:after{content:"";position:absolute;inset:5px;border-radius:18px;border:1px solid rgba(255,255,255,.44);pointer-events:none}.logo.is-spb{box-shadow:0 10px 22px #183f621f}.logo.is-msk{box-shadow:0 10px 22px #7a22181f}.logo:hover,.logo:focus-visible{transform:translateY(-1px);border-color:#b6a692d1;background:linear-gradient(135deg,#ffffffeb,#faf5ece6),linear-gradient(135deg,#53b9df14,#f06f4c14)}.logo-copy{display:grid;gap:.08rem;min-width:0}.logo-kicker{display:block;color:#6d746f;font-size:.52rem;line-height:1;letter-spacing:.16em;text-transform:uppercase}.logo-subline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.34rem}.logo-badge{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;filter:drop-shadow(0 8px 12px rgba(20,32,44,.14))}.brand-mark{width:48px;height:48px;display:block;overflow:visible;transform-origin:center;transition:transform .28s ease,filter .28s ease}.logo:hover .brand-mark,.logo:focus-visible .brand-mark{transform:rotate(-4deg) scale(1.06);filter:drop-shadow(0 6px 10px rgba(28,47,67,.18))}.logo-badge.is-spb .brand-mark{filter:saturate(1.04)}.logo-badge.is-msk .brand-mark{filter:saturate(1.08) contrast(1.02)}.logo strong{display:block;font-size:1.14rem;line-height:.96;letter-spacing:.01em}.logo small{color:var(--muted);font-size:.72rem}.logo-city{display:inline-flex;align-items:center;padding:.14rem .44rem;border-radius:999px;border:1px solid rgba(205,194,178,.85);background:#ffffffd1;color:#3a4751;font-size:.62rem;line-height:1;white-space:nowrap}.top-nav{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.top-nav a{text-decoration:none;color:var(--ink);padding:.44rem .78rem;border-radius:999px;border:1px solid transparent;transition:transform .24s ease,border-color .24s ease,background .24s ease;white-space:nowrap}.top-nav a:hover{border-color:var(--line);background:#fffc;transform:translateY(-1px)}.city-switcher{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.2rem;background:#ffffffbf}.city-link{color:var(--muted);text-decoration:none;padding:.4rem .78rem;border-radius:999px;font-size:.85rem;transition:background .22s ease,color .22s ease}.city-link.active{background:linear-gradient(125deg,var(--accent-cool),var(--accent));color:#fff}.page-shell{padding:1.4rem 0 3rem}section{margin-bottom:1.9rem}[id]{scroll-margin-top:6.5rem}.hero{padding:2.3rem;background:var(--panel);border:1px solid rgba(215,205,189,.85);border-radius:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.2rem;align-items:start}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:340px;height:340px;right:-160px;top:-170px;background:radial-gradient(circle,rgba(47,95,131,.3),transparent 70%)}.hero:after{width:280px;height:280px;left:-130px;bottom:-140px;background:radial-gradient(circle,rgba(178,75,43,.25),transparent 70%)}.hero h1{margin-top:0;font-size:clamp(2rem,4.6vw,3.8rem);line-height:1.06;max-width:18ch}.lead{font-size:clamp(1.05rem,2.2vw,1.24rem);max-width:62ch;color:#2f3640}.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.1rem}.btn{border:1px solid transparent;border-radius:14px;padding:.72rem 1.05rem;text-decoration:none;font-size:.96rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}a,button,select,input{-webkit-tap-highlight-color:rgba(47,95,131,.12)}.btn,.top-nav a,.city-link,.hero-card-link,.mission-card a,.guide-card a,.medal-grid button,.controls select,.controls input[type=search]{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(47,95,131,.34);outline-offset:3px}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(125deg,var(--accent-cool),var(--accent));color:#fff;box-shadow:0 12px 20px #2c3e5047}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.grid{display:grid;gap:1rem}.grid.heroes{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid.missions,.grid.guides{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero-card,.mission-card,.guide-card,.surface{background:var(--panel);border:1px solid rgba(215,205,189,.88);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card-link,.mission-card a,.guide-card a{display:block;text-decoration:none;color:inherit;padding:1rem}.hero-ribbon{margin:0 0 .7rem;display:inline-flex;padding:.25rem .58rem;border-radius:999px;background:#1b1d210f;border:1px solid rgba(27,29,33,.12);font-size:.75rem;color:#3f4852}.hero-card{transform-origin:center;transition:transform .3s ease,box-shadow .3s ease}.hero-card:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 24px 36px #1e283426}.hero-portrait{width:70px;height:70px;border-radius:16px;background:linear-gradient(145deg,#2f5f83d6,#b24b2bd6);color:#fff;display:grid;place-items:center;font-size:1.05rem;margin-bottom:.8rem;box-shadow:inset 0 0 0 1px #ffffff40}.hero-role{color:var(--muted);margin-top:0;font-size:.95rem}.hero-tags,.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.72rem}.hero-tags span,.tag-row span{font-size:.78rem;padding:.28rem .52rem;border-radius:999px;background:#2f5f831f;border:1px solid rgba(47,95,131,.24)}.mission-card{transition:transform .26s ease}.mission-card:hover{transform:translateY(-3px) rotate(.25deg)}.mission-card:before{content:"МЕДАЛЬ";position:absolute;right:.8rem;top:.6rem;font-size:.63rem;letter-spacing:.06em;color:#30364180}.museum-scene{position:relative;min-height:320px;padding:1rem;border-radius:24px;background:radial-gradient(circle at 10% 12%,rgba(255,255,255,.75),transparent 30%),radial-gradient(circle at 88% 14%,rgba(243,200,168,.6),transparent 30%),linear-gradient(145deg,#143a5cf2,#9a432aeb);box-shadow:inset 0 0 0 1px #ffffff29,0 20px 34px #1b233138;color:#fff;overflow:hidden}.museum-scene:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.18);border-radius:20px;pointer-events:none}.scene-frame{position:relative;z-index:1;padding:1rem;background:#ffffff14;backdrop-filter:blur(6px);border-radius:18px}.scene-frame h2{margin:.3rem 0 .55rem;font-size:clamp(1.3rem,2.4vw,2.2rem);line-height:1.08}.scene-badge{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#fff5e6db}.scene-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.scene-chips span{border-radius:999px;padding:.28rem .55rem;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;font-size:.76rem}.scene-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.9rem}.scene-card{min-height:108px;padding:.8rem;border-radius:18px;background:#fffaf3eb;color:#21262d;box-shadow:0 14px 22px #12182326;display:grid;gap:.38rem;align-content:start}.scene-card strong{font-size:.95rem}.scene-card span{font-size:.8rem;color:#5d6771}.tilt-a{transform:rotate(-4deg)}.tilt-b{transform:rotate(2deg) translateY(10px)}.tilt-c{transform:rotate(-2deg)}.story-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.scroll-scene{animation:riseIn .58s ease both}.story-panel{padding:1rem;border-radius:18px;border:1px solid rgba(215,205,189,.9);background:linear-gradient(180deg,#ffffffe6,#faf4eafa),linear-gradient(90deg,rgba(47,95,131,.06),transparent);box-shadow:0 12px 20px #161c2614}.panel-index{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,var(--accent-cool),var(--accent));color:#fff;font-size:.92rem;margin-bottom:.7rem}.guide-card{position:relative}.guide-card:before{content:"ПАМЯТКА";position:absolute;top:.9rem;right:1rem;font-size:.62rem;letter-spacing:.08em;color:#3036417a}.hall-banner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:1rem;padding:1.2rem;border-radius:30px;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.74),transparent 28%),radial-gradient(circle at 88% 16%,rgba(243,200,168,.7),transparent 30%),linear-gradient(145deg,#12304ef7,#75231bf0);color:#fff;box-shadow:0 26px 48px #161e2938;position:relative;overflow:hidden}.hall-banner.is-compact{gap:.8rem;padding:1rem}.hall-banner:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.16);border-radius:24px;pointer-events:none}.hall-copy,.hall-side{position:relative;z-index:1}.hall-copy{display:grid;gap:.9rem;align-content:start}.hall-badge{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#fff5e6d6}.hall-title{margin:0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.04;max-width:14ch}.hall-intro{margin:0;font-size:clamp(1rem,1.9vw,1.18rem);color:#fffbf5f0;max-width:60ch}.hall-chips{display:flex;flex-wrap:wrap;gap:.45rem}.hall-chips span{display:inline-flex;padding:.3rem .58rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;font-size:.76rem}.hall-points{display:grid;gap:.65rem}.hall-points article{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start;padding:.72rem .8rem;border-radius:18px;background:#ffffff14;backdrop-filter:blur(6px)}.hall-points p{margin:0}.hall-dot{width:11px;height:11px;margin-top:.28rem;border-radius:50%;background:linear-gradient(135deg,#fff,#f3c8a8f0)}.hall-side{display:grid;gap:.9rem}.hall-banner.is-compact .hall-side{gap:.72rem}.poster-card{border-radius:22px;padding:1rem;background:#fffaf3f0;color:#1f2430;box-shadow:0 18px 24px #0e141e29;transition:transform .28s ease,box-shadow .28s ease}.poster-card:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 24px 30px #0e141e33}.poster-primary{background:linear-gradient(180deg,#fff8effa,#fcf1e1f5),linear-gradient(140deg,#2f5f831f,#b24b2b1f)}.poster-seal{margin:0 0 .5rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#5f6875}.poster-primary h3,.poster-note p,.honor-item h3,.honor-item p{margin:0}.poster-stack{display:grid;gap:.72rem}.poster-note{display:grid;grid-template-columns:auto 1fr;gap:.68rem;align-items:start}.poster-index,.honor-count{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;color:#fff;background:linear-gradient(140deg,var(--accent-cool),var(--accent))}.tone-1{background:linear-gradient(180deg,#fff8effa,#faeee4f5)}.tone-2{background:linear-gradient(180deg,#f6fafffa,#e9f1f8f5)}.tone-3{background:linear-gradient(180deg,#fff6f1fa,#f8e8e0f5)}.honor-surface{display:grid;gap:1rem}.honor-head p{margin-bottom:0}.honor-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.honor-item{padding:1rem;border-radius:20px;border:1px solid rgba(215,205,189,.88);box-shadow:inset 0 0 0 1px #fff6;display:grid;gap:.7rem;align-content:start}.surface{padding:1.2rem}.columns{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.list-clean{list-style:none;margin:0;padding:0;display:grid;gap:.58rem}.list-clean li{background:#ffffffb3;border:1px solid var(--line);border-radius:12px;padding:.7rem .84rem}.panel-title{margin-top:0;font-size:1.25rem}.controls{display:grid;gap:.85rem}.controls label{font-size:.92rem;color:#37404a}.controls select,.controls input[type=search],.controls textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:.65rem .72rem;font:inherit;background:#fff}.checks{display:flex;flex-wrap:wrap;gap:.48rem}.checks label{border:1px solid var(--line);border-radius:999px;padding:.45rem .72rem;background:#ffffffd9;cursor:pointer;user-select:none}.checks input{margin-right:.36rem}.result-stack{display:grid;gap:.82rem}.result-card{border:1px solid var(--line);border-radius:12px;padding:.76rem;background:#fff}.result-hero-card{background:linear-gradient(180deg,#fffffff5,#f8f2e9f5),linear-gradient(120deg,#2f5f830f,#b24b2b0f)}.comic-frame-card{background:linear-gradient(180deg,#f8fafff5,#f1ebe4f5),linear-gradient(120deg,#2f5f830f,#b24b2b0f)}.vault-empty{padding:1.1rem;border-radius:20px;border:1px dashed rgba(47,95,131,.3);background:radial-gradient(circle at 12% 18%,rgba(47,95,131,.08),transparent 24%),radial-gradient(circle at 88% 22%,rgba(178,75,43,.08),transparent 24%),#ffffffb8}.vault-empty h3{margin-top:0}.vault-item-card{margin-top:.8rem}.vault-badge{margin:0 0 .55rem;display:inline-flex;padding:.26rem .56rem;border-radius:999px;background:#2f5f8314;border:1px solid rgba(47,95,131,.16);font-size:.76rem;color:#43505d}.medal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.65rem}.medal-grid button{border:1px solid var(--line);border-radius:14px;padding:.8rem;background:linear-gradient(140deg,#2f5f8324,#b24b2b26);cursor:pointer;font:inherit;transition:transform .24s ease,box-shadow .24s ease}.medal-grid button:hover,.medal-grid button.active{transform:translateY(-3px) rotate(-1deg);box-shadow:0 14px 24px #161d2529}.note{font-size:.88rem;color:var(--muted)}.site-footer{border-top:1px solid rgba(215,205,189,.9);background:#fbf7efd6;padding:1.8rem 0}.footer-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer h2{margin:0 0 .6rem;font-size:1rem}.site-footer ul{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}.site-footer a{color:#27313d}.hero-reveal,.mission-reveal,.guide-reveal{animation:riseIn .58s ease both}@keyframes riseIn{0%{opacity:.94;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero-split,.hall-banner,.site-header .wrap{grid-template-columns:1fr;gap:.7rem}.scene-cards{grid-template-columns:1fr}.top-nav{justify-content:flex-start}.columns,.footer-grid{grid-template-columns:1fr}}@media(max-width:720px){.site-header .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center}.logo{grid-column:1;gap:.55rem;padding:.32rem .46rem .32rem .22rem;min-width:0}.logo-kicker{display:none}.logo strong{font-size:1rem}.logo-subline{gap:.26rem}.logo-city{padding:.1rem .34rem;font-size:.56rem}.city-switcher{grid-column:2;justify-self:end}.top-nav{grid-column:1 / -1;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:.15rem;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.hero{padding:1.4rem}.museum-scene{min-height:0}.hall-banner{padding:.95rem;border-radius:22px}.hall-banner.is-compact{padding:.82rem;gap:.62rem}.hall-title{font-size:clamp(1.5rem,7vw,2rem)}.hall-intro{font-size:.97rem}.hall-points article:nth-child(n+3),.poster-stack .poster-note:nth-child(n+3){display:none}.hall-banner.is-compact .hall-chips span:nth-child(n+3){display:none}.hall-banner.is-compact .hall-points,.hall-banner.is-compact .poster-stack{display:none}.poster-card,.honor-item{padding:.85rem}.showcase-home-heroes>:nth-child(n+5){display:none}.showcase-home-missions>:nth-child(n+4){display:none}.btn{width:100%}.top-nav{gap:.4rem}.top-nav a{font-size:.85rem;padding:.35rem .54rem}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-card,.mission-card,.poster-card{transform:none!important}}@supports (animation-timeline: view()){.scroll-scene{animation:scrollLift linear both;animation-timeline:view();animation-range:entry 0% cover 36%}@keyframes scrollLift{0%{opacity:.72;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}