:root{color-scheme:dark;--bg:#101010;--paper:#f7f5f1;--red:#f02b36;--muted:#a6a3a0}
*{box-sizing:border-box}html{min-width:280px;background:var(--bg)}body{margin:0;color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 90% 20%,#40191b55,transparent 48%),var(--bg)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #fff;outline-offset:5px}.card{max-width:480px;margin:0 auto;padding:calc(26px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));min-height:100svh;animation:arrive .65s ease-out both}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{font-size:23px;font-weight:950;letter-spacing:-1.3px;display:flex;align-items:center}.wordmark span{color:var(--red)}.wordmark i{width:6px;height:6px;background:var(--red);border-radius:50%;margin-left:5px;align-self:flex-start;margin-top:5px}.edition{font-size:8px;letter-spacing:1.4px;color:var(--muted);text-align:right;max-width:90px;line-height:1.5}
.intro{padding-top:35px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px;margin:0 0 15px}.eyebrow>span{width:6px;height:6px;border-radius:100%;background:var(--red);box-shadow:0 0 14px #f02b3670}h1{font-size:clamp(42px,12.6vw,61px);line-height:1.01;letter-spacing:-2.8px;font-weight:900;margin:0}h1>span{color:var(--red)}.subtitle{max-width:280px;font-size:14px;line-height:1.6;color:var(--muted);margin:17px 0 22px}
.mascot{position:relative;overflow:hidden;height:209px;margin:0 0 24px;border:1px solid #ffffff12;background:linear-gradient(135deg,#1b1b1b,#131313);border-radius:4px}.mascot-placeholder{position:absolute;inset:0;display:grid;place-content:center;isolation:isolate}.mascot-type{position:relative;font-size:58px;font-weight:950;letter-spacing:-5px;line-height:.8;transform:rotate(-9deg);color:#f7f5f120;user-select:none}.mascot-type b{font-weight:950;color:#f02b36b0}.mascot-dot{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:6px}.orbit{position:absolute;left:50%;top:45%;width:270px;height:125px;border:1px solid #ffffff0d;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg);z-index:-1}.orbit-two{transform:translate(-50%,-50%) rotate(35deg);border-color:#f02b3620}.mascot figcaption{position:absolute;bottom:13px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:end;gap:12px}.mascot figcaption>span{font-size:9px;letter-spacing:1.5px;font-weight:800}.mascot figcaption small{font-size:9px;max-width:115px;text-align:right;line-height:1.5;color:var(--muted)}.corner{width:13px;height:13px;position:absolute;border-color:var(--red);border-style:solid}.corner-tl{left:9px;top:9px;border-width:1px 0 0 1px}.corner-br{right:9px;bottom:9px;border-width:0 1px 1px 0}.mascot img{width:100%;height:100%;object-fit:contain;padding:8px 12px 35px}
.links{display:grid;gap:12px}.social{display:flex;gap:16px;align-items:center;min-height:83px;padding:16px 20px;border-radius:12px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.telegram{background:var(--red);color:#fff;box-shadow:0 9px 30px #f02b3617}.instagram{background:#f7f5f1;color:#151515}.social-icon{display:grid;place-items:center;flex:0 0 28px}.social-icon svg{width:28px;height:28px}.social-text{display:grid;gap:5px}.social-text strong{font-size:19px;font-weight:800;letter-spacing:-.3px}.social-text small{font-size:12px;opacity:.8;line-height:1.4}.arrow{margin-left:auto;font-size:26px;font-weight:400}.social:active{transform:scale(.98)}@media(hover:hover){.social:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0005}.telegram:hover{background:#ff3541}.instagram:hover{background:#fff}}
footer{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:14px}footer>span{font-size:8px;letter-spacing:1px;font-weight:700;white-space:nowrap}.footer-dot{color:var(--red);padding:0 4px}footer>small{color:#807e7b;font-size:9px;line-height:1.5;text-align:right;max-width:135px}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:350px){.card{padding-left:18px;padding-right:18px}.social{padding:16px;gap:12px}h1{letter-spacing:-2px}.mascot{height:180px}.intro{padding-top:28px}}@media(min-width:700px){.card{padding-top:48px;padding-bottom:36px}.intro{padding-top:40px}.mascot{height:230px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* NFC: официальный персонаж — главный элемент страницы. */
.card{max-width:480px;padding-top:calc(12px + env(safe-area-inset-top))}
.mascot{height:clamp(280px,46svh,460px);margin:0;overflow:visible;border:0;border-radius:0;background:none;display:flex;justify-content:center}
.mascot img{display:block;width:auto;max-width:100%;height:100%;padding:0;object-fit:contain;transform-origin:50% 85%;animation:sway 6s ease-in-out infinite;filter:drop-shadow(0 12px 22px #0005)}
.brand{text-align:center;margin:12px 0 24px}.brand .wordmark{justify-content:center;margin:0;font-size:42px;line-height:1.1;letter-spacing:-2px}.brand .wordmark span{color:var(--red)}.brand .wordmark i{margin-top:8px}.brand .subtitle{max-width:none;margin:10px 0 0;font-size:14px}
@keyframes sway{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@media(max-height:700px){.mascot{height:280px}.brand{margin:8px 0 18px}footer{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.mascot img{animation:none}}