@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.03f_1bxrvnkfd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.37g1whwfgt7kp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.1iqnhac4m3hwo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--c-ink:#14161a;--c-ink-2:#2a2e35;--c-muted:#5f6670;--c-line:#e3e0d8;--c-paper:#faf8f3;--c-paper-2:#f1eee6;--c-card:#fff;--c-on-dark:#f5f3ee;--c-on-dark-muted:#a9a59c;--c-brand:#0f766e;--c-brand-strong:#0b5d57;--c-brand-tint:#d7f0ec;--c-accent:#f5a524;--c-accent-tint:#fff1d6;--c-hunters:#e8590c;--c-hunters-tint:#ffe8d9;--c-runners:#7048e8;--c-runners-tint:#ece5ff;--c-zone:var(--c-brand);--c-zone-next:#c92a2a;--c-danger:#c92a2a;--c-danger-tint:#ffe3e3;--c-success:#2b8a3e;--c-success-tint:#e3f7e8;--font-display:"Bricolage Grotesque Variable", "Segoe UI", system-ui, sans-serif;--font-body:"Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.5rem;--fs-hero:clamp(3rem, 16vw, 5.5rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-pill:999px;--shadow-1:0 1px 2px #14161a0f, 0 2px 8px #14161a0f;--shadow-2:0 8px 28px #14161a29;--shadow-3:0 24px 60px #14161a38, 0 6px 16px #14161a1a;--tap:48px;--dur-feedback:.12s;--dur-state:.22s;--dur-overlay:.42s;--dur-focal:.7s;--dur-ping:1.6s;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--c-paper);color:var(--c-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}a{color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:#fff;border-radius:8px;padding:8px 12px;top:16px;left:16px}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line);background:#faf8f3eb;position:sticky;top:0}.site-header .wrap{align-items:center;gap:24px;min-height:64px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.site-nav{gap:22px;margin-left:auto;font-size:.95rem;font-weight:600;display:flex}.site-nav a{text-decoration:none}.site-nav a:hover{text-underline-offset:4px;text-decoration:underline}.menu-toggle{display:none}@media (max-width:760px){.site-nav{display:none}.site-nav[data-open=true]{background:var(--c-paper);border-bottom:1px solid var(--c-line);flex-direction:column;gap:0;padding:8px 16px 16px;display:flex;position:absolute;top:64px;left:0;right:0}.site-nav[data-open=true] a{border-bottom:1px solid var(--c-line);padding:12px 0}.menu-toggle{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;margin-left:auto;display:inline-grid}}.site-footer{background:var(--c-ink);color:#d9d6cf;margin-top:96px;padding:56px 0 40px;font-size:.95rem}.site-footer .grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;display:grid}.site-footer h2{color:#fff;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;font-size:.8rem}.site-footer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer .fine{color:#a19d95;border-top:1px solid #333;margin-top:40px;padding-top:20px;font-size:.85rem}@media (max-width:760px){.site-footer .grid{grid-template-columns:1fr 1fr}}.display{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-weight:800;line-height:.95}.display-xl{font-size:clamp(3rem,9vw,6.5rem)}.display-l{font-size:clamp(2.2rem,5.5vw,3.75rem)}.display-m{font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.05}.lede{color:var(--c-ink-2);max-width:38ch;font-size:clamp(1.1rem,2vw,1.3rem)}.muted{color:var(--c-muted)}.btn{cursor:pointer;min-height:52px;transition:transform .12s var(--ease), opacity .12s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ink{background:var(--c-ink);color:#fff}.btn-brand{background:var(--c-brand);color:#fff}.btn-light{color:var(--c-ink);background:#fff}.btn-outline{background:0 0;box-shadow:inset 0 0 0 2px}.btn-row{flex-wrap:wrap;gap:12px;display:flex}section{padding:88px 0}.hero{padding:56px 0 88px;overflow:clip}.hero .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;display:grid}.hero-art{aspect-ratio:1;width:100%}@media (max-width:860px){.hero .wrap{grid-template-columns:minmax(0,1fr);gap:40px}section{padding:64px 0}}.band{background:var(--c-brand);color:var(--c-on-dark)}.band-ink{background:var(--c-ink);color:#f5f3ee}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-radius:var(--r-lg);background:#ffffff14;padding:28px}.steps li:before{content:counter(step);background:var(--c-accent);width:44px;height:44px;color:var(--c-ink);border-radius:50%;place-items:center;margin-bottom:18px;font-weight:800;display:grid}.steps h3{margin:0 0 8px;font-size:1.25rem}.steps p{opacity:.85;margin:0}.cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.card{background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:28px}.card h3{margin:14px 0 8px;font-size:1.15rem}.card p{color:var(--c-muted);margin:0}.card .icon{background:var(--c-brand-tint);width:44px;height:44px;color:var(--c-brand-strong);border-radius:12px;place-items:center;display:grid}@media (max-width:860px){.steps,.cards{grid-template-columns:1fr}}@media (min-width:861px) and (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}.split{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (max-width:860px){.split{grid-template-columns:1fr}}.tick-list{gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.tick-list li{gap:12px;display:flex}.tick-list li:before{content:"";background:var(--c-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314161A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 14px no-repeat;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-top:3px}.price{border-radius:var(--r-lg);background:var(--c-card);box-shadow:var(--shadow-1);padding:32px}.price .amount{font-family:var(--font-display);letter-spacing:-.02em;font-size:2.4rem;font-weight:800}.chip{background:var(--c-accent-tint);color:#7a4a00;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.page-head{padding:64px 0 24px}.prose{max-width:72ch}.prose h2{font-family:var(--font-display);letter-spacing:-.02em;margin:48px 0 12px;font-size:1.6rem;line-height:1.15}.prose h3{margin:28px 0 8px;font-size:1.15rem}.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:6px}.prose table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--c-line);vertical-align:top;padding:10px 12px 10px 0}.notice{border-radius:var(--r-md);background:var(--c-accent-tint);color:#5c3900;margin:24px 0;padding:16px 20px}.notice-info{background:var(--c-brand-tint);color:var(--c-brand-strong)}details.faq{border-bottom:1px solid var(--c-line);padding:18px 0}details.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:1.1rem;font-weight:700;list-style:none;display:flex}details.faq summary:after{content:"+";font-size:1.4rem;line-height:1}details.faq[open] summary:after{content:"–"}details.faq p{color:var(--c-ink-2);margin:12px 0 0}.form{gap:16px;max-width:560px;display:grid}.field{gap:6px;font-size:.95rem;font-weight:600;display:grid}.input,.form select,.form textarea{border:1.5px solid var(--c-line);width:100%;min-height:50px;font:inherit;background:#fff;border-radius:12px;padding:12px 14px;font-weight:400}.form textarea{resize:vertical;min-height:120px}.input:focus,.form select:focus,.form textarea:focus{border-color:var(--c-ink);outline:none}.check{align-items:flex-start;gap:12px;font-weight:400;display:flex}.check input{width:20px;height:20px;accent-color:var(--c-brand);margin-top:3px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-status{border-radius:12px;padding:12px 16px}.form-status.ok{background:var(--c-success-tint);color:var(--c-success)}.form-status.err{background:var(--c-danger-tint);color:var(--c-danger)}.join-code{font-family:var(--font-display);letter-spacing:.14em;font-size:clamp(2.8rem,12vw,5rem);font-weight:800;line-height:1}.admin{padding:32px 0 64px}.admin-tabs{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.admin-tabs button{box-shadow:inset 0 0 0 1.5px var(--c-line);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:10px 18px;font-weight:700}.admin-tabs button[aria-selected=true]{background:var(--c-ink);color:#fff;box-shadow:none}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.stat{box-shadow:var(--shadow-1);background:#fff;border-radius:16px;padding:18px}.stat strong{font-family:var(--font-display);font-size:2rem;display:block}.table-wrap{box-shadow:var(--shadow-1);background:#fff;border-radius:16px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--c-line);vertical-align:top;padding:12px 14px}.table th{text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);font-size:.75rem}.btn-sm{min-height:36px;padding:0 14px;font-size:.85rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}::selection{background:var(--c-accent);color:var(--c-ink)}input,textarea{caret-color:var(--c-brand)}html{scrollbar-color:#14161a4d var(--c-paper)}a{text-underline-offset:3px}.hero-title{font-size:clamp(3.2rem,6.6vw,5.75rem)}.hero-title span{color:var(--c-brand);white-space:nowrap}.glossary{border-top:1px solid #ffffff24;margin:48px 0 0}.glossary__row{border-bottom:1px solid #ffffff24;grid-template-columns:minmax(220px,.9fr) 1.4fr;gap:12px 48px;padding:26px 0;display:grid}.glossary dt{gap:4px;display:grid}.glossary__term{font-family:var(--font-display);letter-spacing:-.03em;color:var(--c-accent);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1}.glossary__gloss{text-transform:uppercase;letter-spacing:.08em;color:#a19d95;font-size:.85rem;font-weight:700}.glossary dd{color:#e6e3dc;align-self:center;max-width:58ch;margin:0}@media (max-width:760px){.glossary__row{grid-template-columns:1fr}}.split__sticky{position:sticky;top:96px}@media (max-width:860px){.split__sticky{position:static}}.feature-list{border-top:1px solid var(--c-line);margin:0;padding:0;list-style:none}.feature-list li{border-bottom:1px solid var(--c-line);grid-template-columns:44px 1fr;gap:20px;padding:26px 0;display:grid}.feature-list--wide{margin-top:32px}.feature-list--wide li{grid-template-columns:1fr}.feature-list .icon{background:var(--c-brand-tint);width:44px;height:44px;color:var(--c-brand-strong);border-radius:12px;place-items:center;display:grid}.feature-list h3{margin:0 0 6px;font-size:1.2rem}.feature-list p{color:var(--c-ink-2);max-width:60ch;margin:0}.site-nav{order:2}.header-cta{order:3;min-height:42px;padding:0 18px;font-size:.92rem}.header-cta__short{display:none}@media (max-width:760px){.header-cta{order:0;min-height:40px;margin-left:auto;padding:0 14px;font-size:.85rem}.header-cta__long{display:none}.header-cta__short{display:inline}.menu-toggle{order:1;margin-left:0}}.venues{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:48px 0 0;padding:0;list-style:none;display:grid}.venue{border-radius:var(--r-lg);background:var(--c-paper);color:var(--c-ink);box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.venue__art{width:100%;height:auto}.venue__text{gap:6px;padding:16px 18px 20px;display:grid}.venue h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:800}.venue p{color:var(--c-ink-2);margin:0;font-size:.95rem;line-height:1.5}.venue__setup{color:var(--c-brand-strong);margin-top:6px;font-size:.82rem;font-weight:700}.band__more{margin:32px 0 0;font-weight:600}.band__more a{color:var(--c-accent);text-underline-offset:4px}@media (max-width:1000px){.venues{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.venues{grid-template-columns:1fr}}.split--center{align-items:center}.ticket{--notch:14px;border-radius:var(--r-lg);background:var(--c-card);box-shadow:var(--shadow-3);-webkit-mask:radial-gradient(circle var(--notch) at calc(100% - 170px) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at calc(100% - 170px) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at calc(100% - 170px) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at calc(100% - 170px) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;grid-template-columns:1fr 170px;display:grid;transform:rotate(-1.5deg)}.ticket__main{gap:12px;padding:28px;display:grid}.ticket__brand{font-family:var(--font-display);align-items:center;gap:8px;font-weight:800;display:inline-flex}.ticket__title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--c-brand);font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;line-height:.95}.ticket__terms{gap:8px;margin:4px 0 0;display:grid}.ticket__terms div{border-top:1px solid var(--c-line);grid-template-columns:72px 1fr;gap:12px;padding-top:8px;font-size:.95rem;display:grid}.ticket__terms dt{color:var(--c-muted);font-weight:600}.ticket__terms dd{margin:0;font-weight:600}.ticket__stub{border-left:2px dashed var(--c-line);background:var(--c-accent-tint);border-radius:0 var(--r-lg) var(--r-lg) 0;align-content:center;gap:6px;padding:24px 20px;display:grid}.ticket__stub span{color:#7a4a00;font-size:.8rem;font-weight:700}.ticket__stub strong{font-family:var(--font-display);font-size:1.4rem;font-weight:800;line-height:1.05}.ticket__stub em{color:var(--c-ink-2);font-size:.85rem;font-style:normal}@media (max-width:560px){.ticket{-webkit-mask:radial-gradient(circle var(--notch) at 0 calc(100% - 118px), #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% calc(100% - 118px), #0000 98%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 calc(100% - 118px), #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% calc(100% - 118px), #0000 98%, #000) right / 51% 100% no-repeat;grid-template-columns:1fr;transform:none}.ticket__main{padding:22px}.ticket__stub{border-left:0;border-top:2px dashed var(--c-line);border-radius:0 0 var(--r-lg) var(--r-lg);min-height:118px}}
.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arena{justify-self:center;gap:16px;width:100%;min-width:0;max-width:680px;display:grid}.arena__stage{aspect-ratio:640/520;border-radius:var(--r-xl);background:var(--c-paper-2);box-shadow:var(--shadow-3);isolation:isolate;outline:1px solid #14161a0f;position:relative;overflow:hidden;container-type:inline-size}.arena__map{width:100%;height:100%;position:absolute;inset:0}.arena .marker,.arena__tag-label,.arena__stamp{--px:calc(var(--x) * 1cqw);--py:calc(var(--y) * 1cqw);position:absolute;top:0;left:0}.arena .marker{transform:translate(var(--px), var(--py)) translate(-50%, -9px);pointer-events:none;z-index:2;will-change:transform;flex-direction:column;align-items:center;display:flex}.arena .marker__dot{background:var(--c-runners);border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:relative;box-shadow:0 2px 6px #14161a59}.arena .marker__label{border-radius:var(--r-pill);color:var(--c-ink);white-space:nowrap;background:#fff;margin-top:4px;padding:1px 8px;font-size:11px;font-weight:700;line-height:18px;box-shadow:0 1px 3px #14161a38}.arena .marker--hunters .marker__dot{background:var(--c-hunters);box-shadow:0 2px 6px #14161a59,0 0 0 7px #e8590c33}.arena .marker--me{transform:translate(var(--px), var(--py)) translate(-50%, -11px)}.arena .marker--me .marker__dot{background:var(--c-ink);width:22px;height:22px}.arena .marker--me .marker__label{background:var(--c-ink);color:#fff}.arena .marker--ping .marker__dot{background:#7048e8d9;border-style:dashed}.arena .marker--old{opacity:.38;z-index:1}.arena .marker--old .marker__dot{transform:scale(.7)}.arena .marker--out,.arena .marker--ping{transform:translate(var(--px), var(--py)) translate(-50%, calc(-100% + 9px));flex-direction:column-reverse}.arena .marker--out .marker__label,.arena .marker--ping .marker__label{margin:0 0 4px}.arena .marker--ping .marker__pulse{top:auto;bottom:0}.arena .marker--out .marker__dot{background:#9a9fa6}.arena .marker--out .marker__label{color:var(--c-muted)}.arena .marker__pulse{border:2px solid var(--c-runners);width:18px;height:18px;animation:arena-pulse var(--dur-ping) var(--ease-out) forwards;border-radius:50%;margin-left:-9px;position:absolute;top:0;left:50%}@keyframes arena-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(4.2)}}.arena__sweep{transform-box:fill-box;transform-origin:50%;animation:arena-sweep var(--dur-ping) var(--ease-out) forwards}@keyframes arena-sweep{0%{opacity:.9;transform:scale(.05)}to{opacity:0;transform:scale(1)}}.arena__next{animation:arena-fade var(--dur-state) var(--ease-out)}@keyframes arena-fade{0%{opacity:0}}.arena__tag-label{transform:translate(var(--px), var(--py)) translate(-50%, -50%);border-radius:var(--r-pill);background:var(--c-brand);color:#fff;white-space:nowrap;z-index:1;padding:2px 10px;font-size:11px;font-weight:700}.arena__hud{z-index:3;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.arena__hud-card{border-radius:var(--r-md);box-shadow:var(--shadow-2);background:#fffffff0;padding:8px 14px 9px;line-height:1.1;display:grid}.arena__hud-card span{color:var(--c-muted);font-size:11px;font-weight:700}.arena__hud-card strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(1.15rem,4.2cqw,1.6rem);font-weight:800}.arena__hud-card--ping{text-align:right}.arena__alert{z-index:4;border-radius:var(--r-pill);background:var(--c-ink);color:#fff;white-space:nowrap;max-width:calc(100% - 24px);box-shadow:var(--shadow-2);animation:arena-drop var(--dur-overlay) var(--ease-out);align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:82px;left:50%;transform:translate(-50%)}@keyframes arena-drop{0%{opacity:0;transform:translate(-50%,-10px)}}.arena i[data-team]{background:var(--c-runners);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.arena i[data-team=hunters]{background:var(--c-hunters)}.arena__blind{z-index:5;color:var(--c-on-dark);text-align:center;animation:arena-fade var(--dur-overlay) var(--ease-out);background:#14161adb;place-content:center;justify-items:center;gap:4px;padding:24px;display:grid;position:absolute;inset:0}.arena__blind span{color:var(--c-on-dark-muted);font-weight:700}.arena__blind strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(3rem,16cqw,6rem);font-weight:800;line-height:1}.arena__blind em{font-style:normal;font-family:var(--font-display);color:var(--c-accent);font-size:1.25rem;font-weight:800}.arena__stamp{z-index:6;transform:translate(var(--px), var(--py)) translate(-50%, -100%) rotate(-8deg);pointer-events:none;animation:arena-stamp var(--dur-focal) var(--ease-out) both;justify-items:center;display:grid}.arena__stamp strong{border:4px solid var(--c-danger);color:var(--c-danger);font-family:var(--font-display);letter-spacing:-.03em;background:#ffffffeb;border-radius:12px;padding:2px 14px 6px;font-size:clamp(1.8rem,8cqw,3rem);font-weight:800;line-height:1}.arena__stamp span{border-radius:var(--r-pill);background:var(--c-ink);color:#fff;margin-top:6px;padding:2px 10px;font-size:.8rem;font-weight:700}@keyframes arena-stamp{0%{opacity:0;transform:translate(var(--px), var(--py)) translate(-50%, -100%) rotate(-14deg) scale(1.9)}55%{opacity:1;transform:translate(var(--px), var(--py)) translate(-50%, -100%) rotate(-8deg) scale(.96)}to{transform:translate(var(--px), var(--py)) translate(-50%, -100%) rotate(-8deg) scale(1)}}.arena__demo{z-index:3;border-radius:var(--r-pill);color:var(--c-ink-2);background:#faf8f3eb;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;bottom:12px;left:12px}.arena__caption{align-content:start;gap:2px;min-height:5.4em;display:grid}.arena__caption strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:800;line-height:1.15}.arena__caption span{color:var(--c-ink-2);font-size:.98rem;line-height:1.45}.arena__controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmented{border-radius:var(--r-pill);background:var(--c-card);box-shadow:inset 0 0 0 1.5px var(--c-line);padding:4px;display:inline-flex}.segmented button{border-radius:var(--r-pill);min-height:44px;color:var(--c-ink);font:inherit;cursor:pointer;transition:background-color var(--dur-state) var(--ease), color var(--dur-state) var(--ease);background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;font-size:.92rem;font-weight:700;display:inline-flex}.segmented button:hover{background:var(--c-paper-2)}.segmented button[aria-pressed=true]{background:var(--c-ink);color:#fff}.arena__ping{min-height:52px}.arena__ping:disabled{opacity:.45}.icon-btn{width:52px;height:52px;color:var(--c-ink);box-shadow:inset 0 0 0 2px var(--c-line);cursor:pointer;transition:box-shadow var(--dur-feedback) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;margin-left:auto;display:inline-grid}.icon-btn:hover{box-shadow:inset 0 0 0 2px var(--c-ink)}.arena__timeline{gap:4px;display:grid}.arena__track{background:var(--c-line);border-radius:2px;height:4px;overflow:hidden}.arena__track span{background:var(--c-brand);transform-origin:0;height:100%;display:block}.arena__chapters{grid-template-columns:repeat(4,1fr);display:grid}.arena__chapters button{border-radius:var(--r-sm);min-height:40px;color:var(--c-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:.85rem;font-weight:600}.arena__chapters button:hover{color:var(--c-ink)}.arena__chapters button[aria-current=step]{color:var(--c-ink);font-weight:800}@media (max-width:480px){.segmented button{padding:0 12px}.arena__controls .arena__ping{flex:1}.icon-btn{margin-left:0}.arena__hud{top:8px;left:8px;right:8px}.arena__hud-card{padding:6px 10px 7px}.arena__alert{font-size:.78rem;top:66px}}@media (prefers-reduced-motion:reduce){.arena__sweep,.arena .marker__pulse{display:none}}
.phone{--phone-w:280px;width:var(--phone-w);aspect-ratio:9/19;box-shadow:var(--shadow-3), inset 0 0 0 2px #3a3d43;background:#1c1e22;border-radius:46px;flex-shrink:0;padding:10px}.phone__screen{background:var(--c-paper);height:100%;color:var(--c-ink);border-radius:36px;flex-direction:column;font-size:13px;line-height:1.35;display:flex;position:relative;overflow:hidden}.phone--dark .phone__screen{background:var(--c-ink);color:var(--c-on-dark)}.phone__status{z-index:3;flex-shrink:0;justify-content:space-between;align-items:center;height:34px;padding:0 22px;font-size:12px;font-weight:700;display:flex;position:relative}.phone__notch{background:#1c1e22;border-radius:12px;width:74px;height:20px}.phone__icons{gap:3px;display:flex}.phone__icons i{background:currentColor;border-radius:1px;width:4px;height:9px}.phone__icons i:nth-child(2){align-self:end;height:7px}.phone__icons i:nth-child(3){width:14px}.minimap{width:100%;height:100%;display:block}.minimap__zone{transition:r var(--dur-focal) var(--ease-in-out)}.scr{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scr--pad{gap:10px;padding:8px 16px 18px}.scr--center{text-align:center;justify-content:center;align-items:center;gap:8px;padding:16px 20px 28px}.scr__map{flex:1;min-height:0;position:relative}.scr__map--short{flex:1.1}.scr__pill{border-radius:var(--r-pill);background:var(--c-card);box-shadow:var(--shadow-1);padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}.scr__sheet{background:var(--c-card);border-radius:20px 20px 0 0;margin-top:-18px;padding:14px 16px 18px;position:relative;box-shadow:0 -6px 18px #14161a14}.scr__h{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800;display:block}.scr__h--sm{font-size:15px}.scr__rules{margin:8px 0 0;display:grid}.scr__rules div{border-bottom:1px solid var(--c-line);justify-content:space-between;padding:8px 0;display:flex}.scr__rules dt{color:var(--c-muted)}.scr__rules dd{margin:0;font-weight:700}.scr__label{color:var(--c-muted);font-size:11px;font-weight:700}.scr--dark .scr__label{color:var(--c-on-dark-muted)}.scr__code{font-family:var(--font-display);letter-spacing:.1em;font-size:40px;font-weight:800;line-height:1}.scr__row{gap:8px;display:flex}.scr__btn{border-radius:var(--r-pill);min-height:38px;box-shadow:inset 0 0 0 1.5px var(--c-line);background:var(--c-card);justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.scr__btn--ink{background:var(--c-ink);color:#fff;box-shadow:none}.scr__btn--ghost{color:var(--c-on-dark);background:0 0;margin-top:6px;box-shadow:inset 0 0 0 1.5px #ffffff4d}.scr__btn--block{text-align:center;width:100%;min-height:44px;margin-top:auto;padding:6px 14px;line-height:1.25}.scr__btn--off{opacity:.4}.scr__chat{background:var(--c-card);max-width:88%;box-shadow:var(--shadow-1);border-radius:14px 14px 14px 4px;align-self:flex-start;padding:8px 12px}.scr__chat p{margin:2px 0 0}.scr__chat--me{background:var(--c-brand-tint);border-radius:14px 14px 4px;align-self:flex-end}.scr__chat--me p{margin:0}.scr__chat-name{color:var(--c-hunters);font-size:11px;font-weight:700}.scr__chat-link{color:var(--c-brand);margin-top:6px;font-size:11px;font-weight:700;text-decoration:underline;display:block}.scr__players{margin:0;padding:0;list-style:none;display:grid}.scr__players li{border-bottom:1px solid var(--c-line);grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:9px 0;font-weight:600;display:grid}.scr__players em{color:var(--c-muted);font-style:normal;font-weight:500}.scr__players b{color:var(--c-muted);font-size:11px}.scr__players b.ok{color:var(--c-success)}.phone i[data-team],.story i[data-team]{background:var(--c-runners);border-radius:50%;width:10px;height:10px;display:inline-block}.phone i[data-team=hunters]{background:var(--c-hunters)}.phone i[data-team=random]{background:conic-gradient(var(--c-hunters) 0 50%, var(--c-runners) 50% 100%)}.scr__hint{color:var(--c-muted);margin:0;font-size:12px}.scr__big{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:72px;font-weight:800;line-height:1}.scr__count{font-family:var(--font-display);color:var(--c-accent);font-size:18px;font-weight:800}.scr__muted{color:var(--c-muted);margin:0;font-size:12px}.scr--dark .scr__muted{color:var(--c-on-dark-muted)}.scr__banner{z-index:2;background:var(--c-runners);color:#fff;box-shadow:var(--shadow-2);border-radius:14px;padding:10px 12px;font-size:12px;font-weight:700;position:absolute;top:8px;left:10px;right:10px}.scr__hud{z-index:2;justify-content:space-between;display:flex;position:absolute;top:8px;left:10px;right:10px}.scr__hud span{box-shadow:var(--shadow-2);font-family:var(--font-display);font-variant-numeric:tabular-nums;background:#fffffff2;border-radius:12px;padding:6px 10px;font-size:18px;font-weight:800;line-height:1.05;display:grid}.scr__hud span:last-child{text-align:right}.scr__hud small{font-family:var(--font-body);color:var(--c-muted);font-size:10px;font-weight:700}.scr__toast{z-index:2;border-radius:var(--r-pill);background:var(--c-ink);color:#fff;white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}.scr--stamp{background:var(--c-danger-tint)}.scr__stamp{border:5px solid var(--c-danger);color:var(--c-danger);font-family:var(--font-display);letter-spacing:-.03em;border-radius:14px;margin-bottom:4px;padding:2px 16px 8px;font-size:50px;font-weight:800;line-height:1;transform:rotate(-8deg)}.scr__caught{font-family:var(--font-display);font-size:22px;font-weight:800}.scr--results{background:var(--c-brand);color:var(--c-on-dark)}.scr--results .scr__label,.scr--results .scr__muted{color:#f5f3eebf}.scr__win{font-family:var(--font-display);letter-spacing:-.03em;margin-top:18px;font-size:44px;font-weight:800;line-height:.95}.scr__win-en{font-family:var(--font-display);color:var(--c-accent);font-size:18px;font-weight:800}.scr__stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.scr__stats span{font-family:var(--font-display);background:#ffffff1f;border-radius:14px;padding:10px 12px;font-size:22px;font-weight:800;display:grid}.scr__stats small{font-family:var(--font-body);opacity:.8;font-size:10px;font-weight:700}.scr--results .scr__btn--ink{background:var(--c-paper);color:var(--c-ink)}.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:56px;display:grid}.story__stage{align-self:start;justify-items:center;gap:20px;display:grid;position:sticky;top:96px}.story__phone-wrap{display:grid;position:relative}.story__screen{opacity:0;transition:opacity var(--dur-overlay) var(--ease-out), transform var(--dur-overlay) var(--ease-out);grid-area:1/1;transform:translateY(12px)scale(.98)}.story__screen[data-active=true]{opacity:1;transform:none}.story__clock{background:var(--c-line);border-radius:2px;width:280px;height:4px;overflow:hidden}.story__clock span{background:var(--c-brand);transform-origin:0;height:100%;transition:transform var(--dur-overlay) var(--ease-out);display:block}.story__steps{grid-area:1/1;margin:0;padding:0;list-style:none}.story__stage{grid-area:1/2}.story__steps li{opacity:.35;min-height:56vh;transition:opacity var(--dur-overlay) var(--ease-out);flex-direction:column;justify-content:center;padding:24px 0;display:flex}.story__steps li[data-active=true]{opacity:1}.story__steps li:first-child{justify-content:flex-start;min-height:40vh}.story__steps h3{font-family:var(--font-display);letter-spacing:-.03em;margin:8px 0 10px;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;line-height:1}.story__steps p{max-width:44ch;color:var(--c-ink-2);margin:0;font-size:1.08rem}.story__time{color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.story__time b{color:var(--c-brand);margin-right:6px}.story__inline{display:none}@media (max-width:899px){.story{margin-top:32px;display:block}.story__stage{display:none}.story__steps{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(300px,84%);grid-auto-flow:column;gap:16px;margin:0 -16px;padding:8px 16px 24px;display:grid;overflow-x:auto}.story__steps li,.story__steps li:first-child{opacity:1;scroll-snap-align:center;justify-content:flex-start;min-height:0;padding:0}.story__inline{margin-bottom:20px;display:block}.story__inline .phone{--phone-w:100%;max-width:280px}.story__steps h3{font-size:1.6rem}.story__steps p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.story__screen{transform:none}}
.demos{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.demo{border-radius:var(--r-xl);background:var(--c-card);box-shadow:var(--shadow-1);flex-direction:column;grid-column:span 5;gap:14px;min-width:0;padding:20px;display:flex}.demo--span-7{grid-column:span 7}.demo--span-5{grid-column:span 5}.demo--span-4{grid-column:span 4}.demo--span-12{grid-column:1/-1}.demo--full{grid-column:1/-1!important}.demo h3{font-family:var(--font-display);letter-spacing:-.02em;margin:4px 0 0;font-size:1.5rem;font-weight:800;line-height:1.1}.demo>p,.demo__privacy-text p{color:var(--c-ink-2);max-width:56ch;margin:0}.demo--ink{background:var(--c-ink);color:var(--c-on-dark)}.demo--ink>p{color:var(--c-on-dark-muted)}.demo--brand{background:var(--c-brand);color:var(--c-on-dark)}.demo--brand p{color:#f5f3eed9}.demo--brand a{color:var(--c-accent)}.demo__map{aspect-ratio:500/440;border-radius:var(--r-lg);background:var(--c-paper-2);position:relative;overflow:hidden}.demo__map--wide{aspect-ratio:560/340}.demo__chip{border-radius:var(--r-pill);background:var(--c-ink);color:#fff;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px}.demo__banner{border-radius:var(--r-md);background:var(--c-ink);color:#fff;box-shadow:var(--shadow-2);transition:background-color var(--dur-state) var(--ease);padding:10px 14px;font-size:.85rem;font-weight:700;line-height:1.35;position:absolute;top:12px;left:12px;right:12px}.demo__banner--danger{background:var(--c-danger)}.demo__range{gap:6px;font-size:.92rem;font-weight:700;display:grid}.demo__range span{justify-content:space-between;display:flex}.demo__range output{font-variant-numeric:tabular-nums;color:var(--c-runners)}.demo__range input{width:100%;accent-color:var(--c-runners);min-height:32px}.demo__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo__actions .btn-sm{min-height:44px;padding:0 18px}.demo__note{color:var(--c-muted);font-size:.85rem}.demo__note--dark{color:var(--c-on-dark-muted)}.who__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.who__head p{color:var(--c-ink-2);margin:6px 0 0}.who__tabs button{font-size:.88rem}.who__phones{grid-template-columns:1fr 1fr;gap:20px;display:grid}.who__phone{gap:10px;margin:0;display:grid}.who__phone figcaption{border-radius:var(--r-pill);justify-self:start;align-items:center;gap:8px;padding:6px 14px;font-size:.9rem;font-weight:800;display:inline-flex}.who__phone--hunters figcaption{background:var(--c-hunters-tint);color:#9a3a06}.who__phone--runners figcaption{background:var(--c-runners-tint);color:#4a2bb3}.who__screen{aspect-ratio:520/420;background:var(--c-paper-2);box-shadow:var(--shadow-2);border:6px solid #2a1a10;border-radius:26px;position:relative;overflow:hidden}.who__phone--runners .who__screen{border-color:#1d1636}.who__toast{border-radius:var(--r-pill);background:var(--c-ink);color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 20px);animation:demo-drop var(--dur-overlay) var(--ease-out);padding:6px 12px;font-size:.78rem;font-weight:700;position:absolute;top:10px;left:50%;overflow:hidden;transform:translate(-50%)}.who__toast--danger{background:var(--c-danger);white-space:normal;border-radius:12px;width:calc(100% - 20px)}.who__phone p{min-height:3em;color:var(--c-ink-2);margin:0;font-size:.95rem}.who__legend{border-top:1px solid var(--c-line);color:var(--c-muted);flex-wrap:wrap;gap:8px 22px;margin:0;padding:12px 0 0;font-size:.85rem;list-style:none;display:flex}.who__legend li{align-items:center;gap:8px;display:inline-flex}.who__key{width:14px;height:14px;box-shadow:0 0 0 1px var(--c-line);border:2.5px solid #fff;border-radius:50%}.who__key--live{background:var(--c-runners)}.who__key--ping{background:#7048e8cc;border-style:dashed}.who__key--exposed{background:var(--c-danger)}@media (max-width:680px){.who__phones{grid-template-columns:1fr}.who__tabs{width:100%;overflow-x:auto}.who__tabs button{flex-shrink:0;padding:0 12px}}.demo__radio{border-radius:var(--r-lg);background:var(--c-paper-2);gap:12px;padding:16px;display:grid}.demo__channel{color:var(--c-runners);margin:0;font-size:.8rem;font-weight:700}.demo__msgs{align-content:end;gap:8px;min-height:188px;margin:0;padding:0;list-style:none;display:grid}.demo__msgs li{background:var(--c-card);max-width:85%;box-shadow:var(--shadow-1);animation:demo-in var(--dur-state) var(--ease-out);border-radius:14px 14px 14px 4px;justify-self:start;padding:8px 12px;font-size:.92rem}.demo__msgs li span{color:var(--c-runners);font-size:.75rem;font-weight:700;display:block}.demo__msgs li.me{background:var(--c-runners);color:#fff;border-radius:14px 14px 4px;justify-self:end}@keyframes demo-in{0%{opacity:0;transform:translateY(6px)}}.demo__quick{flex-wrap:wrap;gap:8px;display:flex}.demo__quick button{border-radius:var(--r-pill);background:var(--c-card);min-height:40px;box-shadow:inset 0 0 0 1.5px var(--c-line);font:inherit;cursor:pointer;transition:box-shadow var(--dur-feedback) var(--ease);border:0;padding:0 14px;font-size:.85rem;font-weight:600}.demo__quick button:hover{box-shadow:inset 0 0 0 1.5px var(--c-runners)}.demo__lock{border-radius:var(--r-lg);background:radial-gradient(120% 80% at 50% 0,#22403d 0%,#14161a 70%);justify-items:center;gap:2px;min-height:330px;padding:24px 16px 16px;display:grid;position:relative;overflow:hidden}.demo__lock-time{font-family:var(--font-display);font-size:3.4rem;font-weight:800;line-height:1}.demo__lock-day{color:var(--c-on-dark-muted);font-size:.9rem;font-weight:600}.demo__notes{gap:8px;width:100%;margin:18px 0 0;padding:0;list-style:none;display:grid}.demo__notes li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;animation:demo-drop var(--dur-overlay) var(--ease-out);background:#ffffff1f;border-radius:16px;grid-template-columns:28px 1fr;gap:10px;padding:10px 12px;font-size:.85rem;line-height:1.3;display:grid}.demo__notes li:nth-child(n+2){opacity:.6;animation:none}.demo__notes small{color:var(--c-on-dark-muted);font-size:.72rem;display:block}.demo__notes strong{display:block}.demo__notes span{color:#fffc}@keyframes demo-drop{0%{opacity:0;transform:translateY(-14px)}}.demo__buzz{border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-ink);padding:2px 10px;font-size:.72rem;font-weight:800;animation:.36s linear 2 demo-buzz;position:absolute;top:14px;right:14px}@keyframes demo-buzz{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.demo__safety{border-radius:var(--r-lg);background:var(--c-paper-2);min-height:330px;transition:background-color var(--dur-state) var(--ease);align-content:center;justify-items:center;gap:20px;padding:20px;display:grid;position:relative}.demo__safety.is-stopped{background:var(--c-danger-tint)}.demo__timer{justify-items:center;display:grid}.demo__timer small{color:var(--c-muted);font-size:.8rem;font-weight:700}.demo__timer strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1}.is-stopped .demo__timer strong{color:var(--c-danger)}.demo__ruko{border-radius:var(--r-pill);background:var(--c-danger);color:#fff;min-width:220px;min-height:88px;font:inherit;font-family:var(--font-display);cursor:pointer;transition:transform var(--dur-feedback) var(--ease);border:0;justify-items:center;gap:2px;padding:12px 28px;font-size:1.6rem;font-weight:800;display:grid;box-shadow:0 10px 24px #c92a2a4d}.demo__ruko:active{transform:scale(.97)}.demo__ruko small{font-family:var(--font-body);opacity:.9;font-size:.8rem;font-weight:600}.demo__paused{text-align:center;max-width:34ch;animation:demo-in var(--dur-overlay) var(--ease-out);justify-items:center;gap:8px;display:grid}.demo__paused strong{font-family:var(--font-display);color:var(--c-danger);font-size:1.8rem;font-weight:800}.demo__paused span{color:var(--c-ink-2);font-size:.92rem}.demo--full{grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;padding:28px;display:grid}.demo__privacy{grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;display:grid}.demo__privacy .demo__actions{grid-column:1/-1}.demo__trail{border-radius:var(--r-lg);background:#00000024;width:100%;height:auto}.demo__trail circle{transition:opacity var(--dur-overlay) var(--ease), transform var(--dur-overlay) var(--ease);transform-box:fill-box;transform-origin:50%}.demo__trail circle.gone{opacity:0;transform:scale(.2)}.demo__ledger{gap:10px;margin:0;display:grid}.demo__ledger div{border-bottom:1px solid #ffffff2e;padding-bottom:8px}.demo__ledger dt{color:#f5f3eebf;font-size:.8rem}.demo__ledger dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem;font-weight:800}.demo__privacy-text h3{font-size:clamp(1.8rem,3.6vw,2.6rem)}@media (max-width:980px){.demos>.demo{grid-column:span 6}.demos>.demo:first-child,.demos>.demo--span-12,.demos>.demo--full{grid-column:1/-1}.demo--full{grid-template-columns:1fr}}@media (max-width:680px){.demos{gap:16px;margin-top:32px}.demos>.demo{grid-column:1/-1}.demo{border-radius:var(--r-lg);padding:16px}.demo__privacy{grid-template-columns:1fr}.who{font-size:.85rem}.who thead th{white-space:normal}}