:root{--bg:#0b0d0c;--paper:#f1eee5;--ink:#111412;--muted:#8d9088;--line:#353a35;--green:#8ab58e;--green2:#2e6b48;--gold:#c19a51;--red:#b65b52}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{color:inherit}

/* keyframes */
@keyframes ctaGlow{0%,100%{box-shadow:0 0 0 0 rgba(193,154,81,0)}50%{box-shadow:0 0 24px 3px rgba(193,154,81,.5)}}
@keyframes floatBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes floatBobSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pulseDot{0%,100%{opacity:1;box-shadow:0 0 0 5px rgba(138,181,142,.12)}50%{opacity:.5;box-shadow:0 0 0 10px rgba(138,181,142,.22)}}
@keyframes tickerScroll{0%{transform:translate(0,0)}100%{transform:translate(-50%,0)}}
@keyframes borderSweep{0%{background-position:0% 0}100%{background-position:200% 0}}
@keyframes dash{to{stroke-dashoffset:-400}}
@keyframes dashSlow{to{stroke-dashoffset:-300}}
@keyframes spinSlow{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes nodePulse{0%,100%{box-shadow:0 0 0 0 rgba(138,181,142,.28)}50%{box-shadow:0 0 0 9px rgba(138,181,142,0)}}
@keyframes coreGlowPulse{0%,100%{box-shadow:0 0 60px rgba(94,145,101,.14)}50%{box-shadow:0 0 92px rgba(94,145,101,.32)}}
@keyframes heroCoreGlow{0%,100%{filter:drop-shadow(0 0 26px rgba(138,181,142,.45))}50%{filter:drop-shadow(0 0 44px rgba(138,181,142,.7))}}

/* custom reactive cursor (desktop only) */
#cursor{position:fixed;top:0;left:0;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:radial-gradient(circle,rgba(138,181,142,.55),transparent 70%);pointer-events:none;z-index:60;mix-blend-mode:screen;opacity:0;transition:opacity .3s}
@media(hover:none),(pointer:coarse){#cursor{display:none}}

.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* nav + mobile menu + ticker */
.nav{height:72px;position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(11,13,12,.78);backdrop-filter:blur(14px);color:#eee}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.13em;font-size:12px}
.logo-atom{display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:9px}
.nav nav{display:flex;gap:28px}
.nav nav a,footer a{font:10px "DM Mono",monospace;text-decoration:none;letter-spacing:.1em;color:#b7bbb3}
.nav nav a:hover{color:#fff}
.menu{display:none;background:none;border:0;color:#fff;font-size:18px;cursor:pointer;width:36px;height:36px}
.nav-cta{display:flex;align-items:center;gap:16px}

.mobile-nav{position:fixed;top:106px;left:0;right:0;z-index:41;background:#0d0f0d;border-bottom:1px solid #262a26;display:none;flex-direction:column;padding:20px 7vw 26px;gap:18px}
.mobile-nav.open{display:flex}
.mobile-nav a{font:11px "DM Mono",monospace;letter-spacing:.1em;color:#e7e5dc;text-decoration:none}
.mobile-nav .cta-buy{align-self:flex-start;margin-top:4px}

.ticker{position:fixed;top:72px;left:0;right:0;z-index:39;height:34px;overflow:hidden;white-space:nowrap;background:#0d0f0d;border-bottom:1px solid #262a26;display:flex;align-items:center}
.ticker-track{display:inline-flex;animation:tickerScroll 22s linear infinite;font:10px "DM Mono",monospace;letter-spacing:.14em;color:#868c84}
.ticker-track span{margin:0 28px;display:inline-flex;align-items:center;gap:8px}
.ticker-track span:before{content:"◉";font-size:8px;color:var(--green)}
.ticker-track span.gold:before{color:var(--gold)}
.ticker-track span.gold{color:#d7b273}

.cta-buy{background-image:linear-gradient(100deg,var(--gold) 0%,#f4d999 45%,var(--gold) 65%);background-size:220% 100%;color:#161208;font:10px "DM Mono",monospace;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:11px 17px;border-radius:2px;animation:ctaGlow 2.4s ease-in-out infinite,borderSweep 3.2s linear infinite;transition:.2s}
.cta-buy:hover{background:#d9ae61;transform:translateY(-1px)}
.floating-buy{position:fixed;right:22px;bottom:22px;z-index:45;background-image:linear-gradient(100deg,var(--gold) 0%,#f4d999 45%,var(--gold) 65%);background-size:220% 100%;color:#161208;padding:15px 22px;border-radius:999px;font:10px "DM Mono",monospace;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;box-shadow:0 8px 26px rgba(0,0,0,.35);animation:floatBob 2.6s ease-in-out infinite,borderSweep 3.2s linear infinite;display:flex;align-items:center;gap:8px}
.floating-buy:hover{filter:brightness(1.05)}
.floating-buy b{background:#161208;color:var(--gold);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px rgba(22,18,8,.15)}
.floating-buy span.fb-short{display:none}

/* hero */
.hero{min-height:100vh;background:var(--bg);color:#f0eee6;position:relative;overflow:hidden;display:flex;align-items:center;padding:156px 8vw 120px}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(79,128,91,.26),transparent 48%),radial-gradient(circle at 78% 75%,rgba(193,154,81,.1),transparent 40%)}
#particles{position:absolute;inset:0;width:100%;height:100%;opacity:.75}
.hero-inner{position:relative;z-index:2;width:min(1300px,100%);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:4vw;align-items:center}
/* .hero-content is the actual container used in the markup — it had no
   rule at all, so it stayed position:static and rendered BEHIND the
   absolutely-positioned #particles canvas. Positioned elements always
   paint above static ones regardless of source order, so the canvas
   (transparent except for its dots) was silently blocking every click
   on the hero buttons underneath it. This puts hero-content in its own
   stacking layer above the canvas so those clicks land again. */
.hero-content{position:relative;z-index:2}
.eyebrow,.label{font:10px "DM Mono",monospace;letter-spacing:.14em;color:var(--green)}
.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(138,181,142,.1);margin-right:8px;animation:pulseDot 1.7s ease-in-out infinite}
.hero h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.055em;line-height:.91}
.hero h1{font-size:clamp(52px,7vw,124px);margin:26px 0}
.hero h1 em,h2 em{color:var(--green);font-style:italic}
.lead{font-size:17px;line-height:1.75;max-width:560px;color:#b7bbb3}
.actions{display:flex;gap:10px;margin-top:35px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 18px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font:10px "DM Mono",monospace}
.btn.solid{background:#eeeae0;color:#101310}
.btn.gold{background-image:linear-gradient(100deg,var(--gold) 0%,#f4d999 45%,var(--gold) 65%);background-size:220% 100%;color:#161208;font-weight:700;animation:ctaGlow 2.4s ease-in-out infinite,borderSweep 3.2s linear infinite}
.btn.gold:hover{background:#d9ae61}
.btn.line{border:1px solid #4b514b;color:#eee}
.btn b{margin-left:14px}
.status-row{border-top:1px solid #30352f;margin-top:64px;padding-top:16px;display:flex;gap:30px;flex-wrap:wrap;font:9px "DM Mono",monospace;color:#6f756e}
.status-row b{color:#d9ddd4;margin-left:7px}
.green{color:var(--green)!important}
.scroll{position:absolute;bottom:30px;right:7vw;z-index:3;font:9px "DM Mono",monospace;color:#666d65;writing-mode:vertical-rl}
.scroll span{color:var(--green);margin-top:12px}

.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;animation:floatBobSoft 6s ease-in-out infinite}
.hero-visual svg{width:min(420px,86vw);height:auto;overflow:visible}
.hv-orbit{fill:none;stroke:#5c6a5d;stroke-width:1.4;stroke-dasharray:5 7;opacity:.6;animation:dashSlow 26s linear infinite}
.hv-core{fill:#0d120d;stroke:var(--green);stroke-width:1.6;animation:heroCoreGlow 4s ease-in-out infinite}
.hv-node circle{fill:#0b0d0c;stroke:var(--green);stroke-width:2.4}
.hv-node.gold circle{fill:var(--gold);stroke:none}
.hv-node text{font:800 15px Georgia,serif;fill:#161208;text-anchor:middle;dominant-baseline:middle}
.hv-caption{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);font:9px "DM Mono",monospace;letter-spacing:.14em;color:#7e867d;text-align:center;white-space:nowrap}

/* shared section chrome */
.manifesto,.section{padding:120px 8vw;background-image:radial-gradient(rgba(17,20,18,.055) 1px,transparent 1.6px);background-size:28px 28px}
.manifesto{display:grid;grid-template-columns:1fr 2.1fr;gap:5vw;border-bottom:1px solid #d1cec4}
.manifesto h2{font-size:clamp(40px,5vw,78px);margin:0 0 35px}
.manifesto p,.section p{color:#5c5e58;line-height:1.8;max-width:680px}
.section{border-bottom:1px solid #d1cec4}
.two{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:50px}
.two h2,.section h2{font-size:clamp(44px,5.4vw,86px);margin:0 0 30px}
.equation{background:#e8e5db;border:1px solid #c9c6bb;padding:35px}
.eq-title,.calc-top,.card-head{font:9px "DM Mono",monospace;letter-spacing:.12em;color:#666b64}
.formula{font:24px "DM Mono",monospace;margin:35px 0}
.formula .num{display:block;text-align:center}
.formula .bar{height:1px;background:#1d211e;display:block;margin:11px 0}
.formula .den{display:block;text-align:center}
.defs{display:grid;grid-template-columns:1fr 1fr;gap:11px;font:10px "DM Mono",monospace;color:#6d7069}
.defs b{color:var(--green2);margin-right:5px}
.dark{background:var(--bg);color:#eee}
.dark p{color:#9da29a}
.dark .label{color:var(--green)}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:30px 0 50px}
.section-head p{max-width:420px}

/* periodic table */
.periodic{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.periodic article{position:relative;overflow:hidden;min-height:230px;border:1px solid #30352f;padding:18px;transition:.25s;background:linear-gradient(145deg,rgba(255,255,255,.03),transparent)}
.periodic article:hover{transform:translateY(-5px);border-color:var(--green);background:rgba(76,115,82,.09)}
.el-head{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.periodic small{font:9px "DM Mono",monospace;color:#697168}
.periodic .k{font:9px "DM Mono",monospace;color:var(--gold)}
.periodic strong{font:50px "Playfair Display",serif;display:block;margin-top:10px;position:relative;z-index:2}
.periodic b{font:9px "DM Mono",monospace;letter-spacing:.1em;color:var(--green)}
.periodic p{font-size:11px;line-height:1.55;position:relative;z-index:2}
.periodic .negative{border-top:2px solid var(--red)}
.periodic article::after{content:"";position:absolute;width:140px;height:140px;left:32px;top:60px;border-radius:50%;border:1px dashed rgba(138,181,142,.4);opacity:0;transition:opacity .4s}
.periodic article:hover::after{opacity:1;animation:spinSlow 7s linear infinite}

.engine{background:#ebe8df}
.engine-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;margin-top:55px}
.equation-mini{border-left:2px solid var(--green2);padding:15px 18px;font:12px "DM Mono",monospace;line-height:1.7;margin-top:30px;background:#e3e0d5}
.calculator{background:#111511;color:#eee;padding:30px;border:1px solid #2f342f}
.calc-top{display:flex;justify-content:space-between;color:#91978e}
.calc-top b{color:var(--green)}
#sliders{margin-top:25px}
.slider-row{display:grid;grid-template-columns:120px 1fr 45px;gap:15px;align-items:center;margin:14px 0;font:10px "DM Mono",monospace}
.slider-row input{accent-color:var(--green);width:100%}
.slider-row output{color:var(--green);text-align:right}
.score{border-top:1px solid #30352f;margin-top:28px;padding-top:25px;display:flex;gap:22px;align-items:center}
.ring{width:112px;height:112px;border-radius:50%;position:relative;flex:none}
.ring-fill{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--green) calc(var(--pct,0)*1%),#23281f 0);transition:background .5s ease}
.ring-hole{position:absolute;inset:7px;border-radius:50%;background:#111511;display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 20px rgba(138,181,142,.08)}
.ring-hole span{font:28px "DM Mono",monospace;color:var(--green)}
.ring-hole small{font:8px "DM Mono",monospace;color:#777}
.score b{font:14px "DM Mono",monospace}
.score p{font-size:11px;margin:7px 0;max-width:330px}

.mode-tabs{display:flex;gap:8px;margin-bottom:20px}
.mode-tabs button{background:#161a15;border:1px solid #2f342f;color:#9aa096;font:9px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;cursor:pointer;transition:.2s}
.mode-tabs button.active{border-color:var(--green);color:var(--green);background:#111511}
.pitch-intro{font-size:12px;color:#9aa096;line-height:1.6;margin:0 0 18px}
.pitch-hint{font:9px "DM Mono",monospace;color:#6f756e;margin-top:-4px}
.pitch-form{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}
.pitch-form input,.pitch-form textarea{background:#0b0d0c;border:1px solid #2f342f;color:#eee;font:12px "DM Mono",monospace;padding:12px;resize:vertical;width:100%;box-sizing:border-box}
.pitch-form input:focus,.pitch-form textarea:focus{outline:none;border-color:var(--green)}
.pitch-form button{align-self:flex-start;background:var(--green);border:0;color:#0d120d;font:10px "DM Mono",monospace;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:12px 22px;cursor:pointer;margin-top:4px}
.insufficient{font:11px "DM Mono",monospace;color:var(--gold);border:1px dashed #3a3f38;padding:14px;margin-top:16px}
.element-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:26px 0 18px}
.bar-row .bar-label{display:flex;justify-content:space-between;font:9px "DM Mono",monospace;color:#9aa096;margin-bottom:4px}
.bar-track{height:5px;background:#20241f}
.bar-fill{height:100%;background:var(--green)}
.bar-row.friction .bar-fill{background:var(--red)}
.signals{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 20px}
.signal-tag{font:9px "DM Mono",monospace;letter-spacing:.05em;padding:5px 10px;border:1px solid var(--green);color:var(--green);text-transform:uppercase}
.signal-tag.red{border-color:var(--red);color:var(--red)}
.pitch-disclaimer{font:10px "DM Mono",monospace;color:#7a8078;border-top:1px solid #2a2f29;padding-top:14px;margin:6px 0 0;line-height:1.7}

/* reflexivity molecule */
.reaction-stage{background:#0a0c0b;color:#eae9e2;padding:90px 8vw;text-align:center;overflow:hidden}
.stage-label{font:9px "DM Mono",monospace;color:var(--green);letter-spacing:.14em}
.molecule{height:500px;max-width:900px;margin:auto;position:relative}
.molecule svg{position:absolute;inset:0;width:100%;height:100%;opacity:.35}
.molecule path{fill:none;stroke:#6d9272;stroke-width:1;stroke-dasharray:7 9;animation:dash 18s linear infinite}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:145px;height:145px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;align-content:center;background:#0d120f;animation:coreGlowPulse 4.5s ease-in-out infinite}
.core:first-letter{font:46px "Playfair Display",serif}
.core small{font:8px "DM Mono",monospace;color:#8b948b}
.mol-node{position:absolute;width:50px;height:50px;border:1px solid #697168;border-radius:50%;display:grid;place-items:center;color:var(--green);font:13px "DM Mono",monospace;background:#0b0d0c;z-index:4;animation:nodePulse 3.2s ease-in-out infinite}
.mn1{left:19%;top:16%;animation-delay:.15s}
.mn2{right:19%;top:16%;animation-delay:.5s}
.mn3{left:7%;top:52%;animation-delay:.85s}
.mn4{right:7%;top:52%;animation-delay:1.2s}
.mn5{left:47%;bottom:4%;animation-delay:1.55s}
.loop-text{font:9px "DM Mono",monospace;color:#70776f;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.loop-text span{color:#b5c5b2}

/* research map */
.map h2{font-size:clamp(40px,5.4vw,74px)}
.map-card{position:relative;background:#fff;border:1px solid #ccc7bc;padding:14px;margin-top:45px}
.map-card img{width:100%;display:block}
.map-card::before,.map-card::after{content:"";position:absolute;width:22px;height:22px;pointer-events:none}
.map-card::before{top:-1px;left:-1px;border-top:2px solid var(--gold);border-left:2px solid var(--gold)}
.map-card::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold)}
.fig-cap{display:block;margin-top:16px;font:9px "DM Mono",monospace;letter-spacing:.12em;color:#8d9088;text-align:right}

/* lab / dashboard */
.address-bar{display:flex;margin:40px 0 12px;border:1px solid #333a34}
.address-bar input{flex:1;background:#111511;border:0;padding:16px;color:#eee;font:11px "DM Mono",monospace;outline:none}
.address-bar button{background:var(--green);border:0;padding:0 20px;font:9px "DM Mono",monospace;font-weight:700}
.notice{border:1px solid #343a34;background:#101410;color:#8f968e;padding:14px;font:10px "DM Mono",monospace}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.metrics>div{border:1px solid #30352f;padding:24px;background:#101410}
.metrics small{font:9px "DM Mono",monospace;color:#727a71}
.metrics strong{display:block;font:28px "DM Mono",monospace;color:#eee;margin:22px 0 6px}
.metrics span{font:9px "DM Mono",monospace;color:var(--green)}
.data-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:8px;margin-top:8px}
.data-card{border:1px solid #30352f;background:#101410;padding:22px}
.card-head{display:flex;justify-content:space-between}
.card-head b{color:var(--green)}
.chart{height:290px;margin-top:20px;position:relative;border-left:1px solid #323731;border-bottom:1px solid #323731}
.gridlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 57px,rgba(255,255,255,.045) 58px)}
#chart{position:absolute;inset:0;width:100%;height:100%}
.chart iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fieldlog{list-style:none;padding:0;margin:25px 0}
.fieldlog li{border-bottom:1px solid #2b302b;padding:15px 0;font-size:11px;line-height:1.5;color:#a5aaa2}

/* publication / social */
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:55px}
.social-actions{display:flex;gap:10px;margin-top:35px}
.posts article{border-top:1px solid #c8c5ba;padding:22px 0}
.posts small{font:9px "DM Mono",monospace;color:var(--green2)}
.posts b{display:block;font-family:"Playfair Display",serif;font-size:24px;margin:10px 0}
.posts p{font-size:12px}

/* launch */
.launch{padding-bottom:80px}
.launch-card{background:#101310;color:#eee;padding:55px;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;border:1px solid var(--gold);box-shadow:0 0 0 1px rgba(193,154,81,.15),0 0 60px rgba(193,154,81,.12);position:relative}
.launch-card h2{color:#eee}
.launch-card p{color:#a0a59e}
.launch-panel{align-self:center;border-left:1px solid #3a403a;padding-left:35px}
.launch-panel span{display:block;font:9px "DM Mono",monospace;color:#7e867d}
.launch-panel code{display:block;border:1px solid #343a34;padding:15px;margin:15px 0;word-break:break-all;color:#dfe4dc;font:10px "DM Mono",monospace}
.launch-panel button,.trade{display:inline-block;border:1px solid var(--gold);background:var(--gold);color:#161208;font-weight:700;padding:12px 16px;text-decoration:none;text-transform:uppercase;font:9px "DM Mono",monospace;cursor:pointer;margin-right:6px}
.launch-panel .trade{border-color:var(--green);background:transparent;color:var(--green)}
.warning{margin-top:10px;background:#f0ede4;color:#676960;border-color:#cfcbc0}
.warning b{color:var(--red)}
.warning.notice{display:flex;gap:25px}

footer{background:#0b0d0c;color:#aaa;display:flex;justify-content:space-between;gap:20px;padding:28px 5vw;font:9px "DM Mono",monospace;align-items:center}
footer .logo-atom{color:#eee}
footer a{margin-left:22px}

/* responsive */
@media(max-width:1000px){
  .hero-inner{grid-template-columns:1fr;text-align:left}
  .hero-visual{margin-top:46px;order:2}
  .hv-caption{display:none}
}
@media(max-width:850px){
  .nav nav{display:none}
  .menu{display:block}
  .hero{padding:150px 7vw 90px}
  .cta-buy{padding:9px 13px}
  .manifesto,.two,.engine-grid,.social-grid,.launch-card,.data-grid{grid-template-columns:1fr}
  .manifesto,.section{padding:85px 7vw}
  .periodic,.metrics{grid-template-columns:repeat(2,1fr)}
  .section-head{display:block}
  .section-head p{margin-top:20px}
  .molecule{height:400px}
  .launch-panel{border-left:0;border-top:1px solid #3a403a;padding:30px 0 0}
  .address-bar{display:block}
  .address-bar input{width:100%;height:50px}
  .address-bar button{width:100%;height:45px}
  .warning.notice{display:block}
  .warning.notice span{display:block;margin-top:8px}
  .slider-row{grid-template-columns:1fr 45px;row-gap:8px}
  .slider-row label{grid-column:1/2}
  .slider-row output{grid-column:2/3}
  .slider-row input{grid-column:1/3;width:100%}
  .ticker{top:72px}
  .floating-buy span.fb-full{display:none}
  .floating-buy span.fb-short{display:inline}
}
@media(max-width:520px){
  .hero h1{font-size:50px}
  .periodic,.metrics{grid-template-columns:1fr}
  .formula{font-size:17px}
  .defs{grid-template-columns:1fr}
  .status-row{margin-top:46px}
  .molecule{transform:scale(.78);margin:-45px -40px}
  .social-actions{flex-direction:column}
  .social-actions .btn{text-align:center}
  footer{flex-direction:column;align-items:flex-start}
  .element-bars{grid-template-columns:1fr}
  .mode-tabs button{flex:1}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ticker-track{animation:none!important}
  #particles{display:none}
  #cursor{display:none!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* v3 upgrades: product-like engine, comparison and local reaction history */
.compare-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:28px 0}
.compare-form input,.address-bar input{min-width:0}
.compare-form button,.history-actions button{border:1px solid #454b44;background:#171b17;color:#e7e5dc;padding:13px 16px;font:10px "DM Mono",monospace;letter-spacing:.08em;cursor:pointer}
.compare-grid{display:grid;grid-template-columns:1fr 80px 1fr;gap:18px;align-items:stretch}
.compare-card{border:1px solid #2b302b;background:#111411;padding:24px}
.compare-symbol{display:block;font:11px "DM Mono",monospace;color:#9aa198;letter-spacing:.12em;margin-bottom:12px}
.compare-card>strong{font:700 48px Inter,sans-serif;color:#eee;display:block}
.compare-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.compare-stats span{font:9px "DM Mono",monospace;color:#747b72;border-top:1px solid #282d28;padding-top:10px}
.compare-stats b{display:block;color:#ddd;margin-top:5px;font-size:12px}
.vs{display:grid;place-items:center;font:700 12px "DM Mono",monospace;color:var(--gold)}
.compare-result{margin-top:16px;border-left:2px solid var(--green);padding:14px 16px;background:#111411;color:#b9beb7;font:11px "DM Mono",monospace}
.history-actions{display:flex;align-items:center;gap:14px;margin:18px 0 12px}
.history-actions span{font:10px "DM Mono",monospace;color:#737a71}
.history-panel{margin-top:18px;border:1px solid #2b302b;background:#111411;padding:18px}
.history-list{display:grid;gap:7px;margin-top:12px}
.history-row{display:grid;grid-template-columns:110px 1fr 90px 90px 90px;gap:10px;border-top:1px solid #242924;padding:10px 0;font:10px "DM Mono",monospace;color:#929990}
.history-row b{color:#e0e2dd}
@media(max-width:800px){
 .compare-form{grid-template-columns:1fr}
 .compare-grid{grid-template-columns:1fr}
 .vs{height:30px}
 .compare-stats{grid-template-columns:1fr 1fr}
 .history-row{grid-template-columns:1fr 1fr}
 .history-row span:nth-child(n+3){display:none}
}


/* CoinChem V4 — shared public catalog */
.coin-catalog{position:relative}
.featured-coin{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;border:1px solid rgba(210,183,91,.35);padding:28px;background:linear-gradient(135deg,rgba(210,183,91,.08),rgba(255,255,255,.02));margin-top:30px}
.featured-copy h3{font-size:clamp(34px,5vw,72px);margin:8px 0 12px;line-height:.95}
.coin-kicker,.coin-card small{font:500 11px/1.3 "DM Mono",monospace;letter-spacing:.12em}
.coin-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}
.coin-meta span{border:1px solid rgba(210,183,91,.35);padding:7px 10px}
.coin-meta code,.coin-card code{font:12px "DM Mono",monospace;opacity:.72}
.coin-actions{display:flex;gap:10px;flex-wrap:wrap}
.featured-art{min-height:260px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);overflow:hidden}
.featured-art span{font:800 72px "DM Mono",monospace;opacity:.35}
.featured-art img{width:100%;height:100%;object-fit:cover}
.coin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.coin-card{border:1px solid rgba(255,255,255,.1);padding:20px;background:rgba(255,255,255,.025)}
.coin-card-top{display:flex;gap:13px;align-items:center}
.coin-card-top img,.coin-placeholder{width:52px;height:52px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:rgba(210,183,91,.12);font:700 12px "DM Mono",monospace}
.coin-card h3{margin:4px 0 2px;font-size:21px}
.coin-card p{min-height:50px;opacity:.72;line-height:1.55}
.coin-card code{display:block;margin:12px 0}
.coin-card-actions{display:flex;gap:13px;flex-wrap:wrap;font:500 11px "DM Mono",monospace}
.coin-card-actions a{opacity:.8}
.coin-card-actions a:hover{opacity:1}
.catalog-loading{padding:24px;border:1px dashed rgba(255,255,255,.14);font:12px "DM Mono",monospace;opacity:.7}
@media(max-width:800px){
  .featured-coin{grid-template-columns:1fr}
  .featured-art{min-height:190px;max-height:240px}
  .coin-grid{grid-template-columns:1fr}
}

/* CoinChem V5 — clearer product story + interactive hero */
.hero{isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,12,.96) 0%,rgba(11,13,12,.78) 48%,rgba(11,13,12,.25) 100%);z-index:1;pointer-events:none}
.hero-content{width:min(1300px,100%);margin:0 auto}.hero-content .lead{max-width:560px}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid #30352f;color:#7f877e;font:9px "DM Mono",monospace;letter-spacing:.08em}
.hero-proof span{display:inline-flex;gap:7px;align-items:center}
.hero-proof b{color:var(--gold)}
.hero-orbit{position:absolute;right:5vw;top:50%;width:min(430px,38vw);aspect-ratio:1;transform:translateY(-45%);z-index:1;pointer-events:none;opacity:.95}
.orbit{position:absolute;inset:10%;border:1px solid rgba(138,181,142,.25);border-radius:50%;animation:spinSlow 26s linear infinite}
.orbit-b{inset:22%;border-color:rgba(193,154,81,.3);animation-direction:reverse;animation-duration:19s}
.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border:1px solid var(--green);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(55,91,61,.48),rgba(11,13,12,.92) 68%);box-shadow:0 0 70px rgba(138,181,142,.16);animation:coreGlowPulse 4s ease-in-out infinite}
.orbit-core span{font:800 24px Inter,sans-serif;letter-spacing:.08em;color:#f0eee6}
.orbit-core small{margin-top:8px;font:8px "DM Mono",monospace;letter-spacing:.13em;color:var(--green)}
.orbit-node{position:absolute;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(138,181,142,.65);border-radius:50%;background:#101510;color:#dfe8df;font:700 12px "DM Mono",monospace;animation:nodePulse 2.8s ease-in-out infinite}
.node-i{left:9%;top:48%}.node-n{left:45%;top:4%;animation-delay:.4s}.node-m{right:8%;top:51%;animation-delay:.8s}.node-r{left:46%;bottom:4%;animation-delay:1.2s}
.orbit-caption{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:max-content;max-width:100%;font:8px "DM Mono",monospace;letter-spacing:.11em;color:#70786f;text-align:center}
.mission-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 8vw;background:#111511;color:#e9e8e0;border-top:1px solid #2e342f;border-bottom:1px solid #2e342f}
.mission-strip small{display:block;color:var(--green);font:9px "DM Mono",monospace;letter-spacing:.14em;margin-bottom:5px}
.mission-strip strong{font:600 14px Inter,sans-serif}
.mission-strip a{font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:#d9d6ca;text-decoration:none;border:1px solid #424941;padding:11px 14px}
.mission-strip a:hover{border-color:var(--gold);color:#fff}
.engine .section-head,.lab .section-head,.compare .section-head,.coin-catalog .section-head{margin-bottom:35px}
.section h2{font-size:clamp(46px,6vw,82px)}
.periodic article{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.periodic article:hover{transform:translateY(-5px);border-color:rgba(193,154,81,.7);background:rgba(193,154,81,.045)}
.calculator{box-shadow:0 24px 70px rgba(0,0,0,.16)}
.compare-card,.data-card,.history-panel,.coin-card{transition:border-color .25s ease,transform .25s ease}
.compare-card:hover,.data-card:hover,.history-panel:hover,.coin-card:hover{border-color:rgba(138,181,142,.45);transform:translateY(-2px)}
.featured-coin{overflow:hidden;position:relative}
.featured-coin:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;top:-120px;border:1px solid rgba(138,181,142,.18);box-shadow:0 0 100px rgba(138,181,142,.12);pointer-events:none}
.launch-card:before{content:"EXPERIMENT / LIVE";position:absolute;right:18px;top:18px;font:8px "DM Mono",monospace;letter-spacing:.14em;color:var(--green);border:1px solid rgba(138,181,142,.3);padding:7px 9px}
@media(max-width:1000px){.hero-orbit{right:2vw;width:330px;opacity:.48}.hero:before{background:linear-gradient(90deg,rgba(11,13,12,.98),rgba(11,13,12,.72))}}
@media(max-width:850px){.hero-orbit{position:relative;right:auto;top:auto;transform:none;width:min(360px,90vw);margin:50px auto 0;opacity:.8}.hero-content{width:100%}.mission-strip{padding:18px 7vw;align-items:flex-start;flex-direction:column}.mission-strip a{width:100%;text-align:center}.hero-proof{gap:12px}.launch-card:before{display:none}}
@media(max-width:520px){.hero-orbit{width:290px}.orbit-core{width:110px;height:110px}.orbit-core span{font-size:19px}.orbit-node{width:32px;height:32px;font-size:10px}.orbit-caption{font-size:6px}.hero-proof{display:grid;grid-template-columns:1fr}.hero-proof span{justify-content:flex-start}}

/* CoinChem V6 — culture layer: missions, receipts, shareable artifacts */
.mission-lab{background:#0f120f;color:#eee}
.mission-lab p{color:#969d94}
.mission-lab .section-head{margin-bottom:36px}
.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mission-card{position:relative;min-height:250px;padding:25px;border:1px solid #303630;background:linear-gradient(145deg,#151915,#0d100d);display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.mission-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(138,181,142,.12),transparent 45%);pointer-events:none}
.mission-card:hover{transform:translateY(-5px);border-color:rgba(193,154,81,.65);box-shadow:0 20px 55px rgba(0,0,0,.2)}
.mission-card.done{border-color:rgba(138,181,142,.65);background:linear-gradient(145deg,rgba(46,107,72,.18),#0d100d)}
.mission-card.done .mission-btn{background:var(--green);color:#0b100c}
.mission-no{font:9px "DM Mono",monospace;letter-spacing:.14em;color:var(--gold)}
.mission-card strong{font:600 27px Inter,sans-serif;margin:45px 0 10px;letter-spacing:-.03em}
.mission-card p{font-size:13px;line-height:1.65;margin:0 0 20px}
.mission-btn{margin-top:auto;align-self:flex-start;border:1px solid #454c45;background:transparent;color:#e8e7df;padding:11px 13px;font:9px "DM Mono",monospace;letter-spacing:.1em;cursor:pointer;transition:.2s}
.mission-btn:hover{border-color:var(--gold);color:#fff}
.receipt{margin-top:14px;border:1px solid #363c36;background:#e8e5db;color:#141714;padding:24px;position:relative;overflow:hidden}
.receipt:after{content:"CHEMISTRY LAB";position:absolute;right:-12px;bottom:8px;font:800 55px Inter,sans-serif;letter-spacing:-.06em;opacity:.035;transform:rotate(-7deg);pointer-events:none}
.receipt-top,.receipt-main,.receipt-line{position:relative;z-index:1}
.receipt-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px dashed #aaa89f;font:9px "DM Mono",monospace;letter-spacing:.12em;color:#666960}
.receipt-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;padding:24px 0}
.receipt-main small,.receipt-line span{display:block;font:9px "DM Mono",monospace;letter-spacing:.11em;color:#777a73;margin-bottom:7px}
.receipt-main strong{font:700 23px Inter,sans-serif;letter-spacing:-.03em}
.receipt-line{border-top:1px solid #c7c4ba;border-bottom:1px solid #c7c4ba;padding:15px 0;margin-bottom:16px}
.receipt-line b{font:600 12px/1.6 "DM Mono",monospace;max-width:800px;display:block}
.receipt-copy{cursor:pointer;border:0}
@media(max-width:850px){.mission-grid{grid-template-columns:1fr}.mission-card{min-height:210px}.receipt-main{grid-template-columns:1fr 1fr}.receipt-main>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.receipt-top{flex-direction:column}.receipt-main{grid-template-columns:1fr}.receipt-main>div:first-child{grid-column:auto}.receipt-main strong{font-size:20px}}

/* V7 — shareable reaction artifacts */
.receipt-actions{display:flex;flex-wrap:wrap;gap:9px;position:relative;z-index:2}
.receipt-actions .btn{cursor:pointer}
.share-row{display:flex;align-items:center;gap:15px;margin-top:15px;padding-top:13px;border-top:1px dashed #aaa89f;font:9px "DM Mono",monospace;letter-spacing:.1em;color:#777a73}
.share-row a{color:#252923;text-decoration:none;border-bottom:1px solid #8e9189;padding-bottom:2px}
.share-row a:hover{color:#000;border-color:var(--gold)}
.receipt-preview{position:absolute;width:1px;height:1px;overflow:hidden;left:-99999px;top:-99999px}
@media(max-width:650px){.receipt-actions{display:grid;grid-template-columns:1fr}.receipt-actions .btn{width:100%;text-align:center}.share-row{flex-wrap:wrap}}


/* V25 — launch polish, accessibility and mobile UX */
.skip-link{position:fixed;left:14px;top:10px;z-index:10000;padding:10px 14px;background:#72efbd;color:#0b0d0c;border-radius:999px;font:700 11px "DM Mono",monospace;transform:translateY(-160%);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #72efbd;outline-offset:3px}
.mobile-nav{z-index:9990}
.cc-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:10001;max-width:min(92vw,560px);padding:12px 16px;border:1px solid rgba(114,239,189,.35);border-radius:999px;background:rgba(11,13,12,.94);color:#eef4ee;font:700 10px "DM Mono",monospace;letter-spacing:.08em;text-align:center;transition:opacity .2s,transform .2s}
.cc-toast.show{opacity:1;transform:translate(-50%,0)}
.cc-command{position:fixed;inset:0;display:none;place-items:start center;padding:13vh 18px 24px;background:rgba(5,7,6,.68);backdrop-filter:blur(8px);z-index:10002}
.cc-command.open{display:grid}
.cc-command-card{width:min(620px,100%);padding:14px;border:1px solid rgba(114,239,189,.22);border-radius:20px;background:#0b0f0d;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.cc-command-head{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 14px;color:#72efbd;font:800 10px "DM Mono",monospace;letter-spacing:.14em}
.cc-command-head button{border:0;background:transparent;color:#eef4ee;font-size:25px;cursor:pointer}
.cc-command-card>button:not(.cc-command-head button){width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:4px 0;padding:15px;border:1px solid #202a24;border-radius:13px;background:#101511;color:#eef4ee;text-align:left;cursor:pointer}
.cc-command-card>button:hover{border-color:#72efbd}
.cc-command-card b{font:800 12px Inter,Arial,sans-serif}
.cc-command-card small{opacity:.55;font:10px "DM Mono",monospace}
.cc-command-hint{padding:14px 8px 4px;opacity:.4;font:9px "DM Mono",monospace}
kbd{border:1px solid #344039;border-radius:5px;padding:2px 5px;background:#151b17}
@media(max-width:700px){
  .cc-command{padding-top:9vh}
  .cc-toast{bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* V27 — CoinChem mascot identity integration */
.brand-logo{width:34px;height:34px;object-fit:cover;border-radius:50%;border:1px solid rgba(215,178,115,.75);box-shadow:0 0 0 2px rgba(82,111,84,.18),0 0 22px rgba(215,178,115,.16);flex:0 0 auto}
.footer-brand{display:flex;align-items:center;gap:9px}
.footer-logo{width:30px;height:30px;object-fit:cover;border-radius:50%;border:1px solid rgba(215,178,115,.55);vertical-align:middle}
.mascot-specimen{position:relative;display:flex!important;align-items:center;justify-content:center}
.mascot-specimen img{width:min(210px,68%);height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;position:relative;z-index:2;filter:drop-shadow(0 0 24px rgba(103,175,105,.28))}
.mascot-specimen .orbit-ring{z-index:1}
.mascot-specimen small{position:absolute;bottom:10px;right:12px;z-index:3;background:#0d0f0d;color:#d7b273;padding:5px 7px;border:1px solid #363c36;font:8px "DM Mono",monospace;letter-spacing:.12em}
@media(max-width:520px){
  .brand-logo{width:30px;height:30px}
  .footer-logo{width:26px;height:26px}
  .mascot-specimen img{width:170px}
}

/* V28 — dynamic reaction mascot */
.score-with-mascot{display:grid!important;grid-template-columns:116px 112px 1fr;gap:18px!important;align-items:center}
.mascot-score{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.mascot-score img{width:108px;height:108px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 8px 20px rgba(0,0,0,.22));transition:opacity .2s,transform .2s,filter .2s}
.mascot-score span{font:700 8px "DM Mono",monospace;letter-spacing:.12em;text-align:center;color:var(--green)}
.score-with-mascot[data-mascot-state="unstable"] .mascot-score span{color:#e74c3c}
.score-with-mascot[data-mascot-state="weak"] .mascot-score span{color:#e89b24}
.score-with-mascot[data-mascot-state="investigating"] .mascot-score span{color:#d8b52d}
.score-with-mascot[data-mascot-state="strong"] .mascot-score span{color:#78c941}
.score-with-mascot[data-mascot-state="peak"] .mascot-score span{color:#39e68b}
.reaction-legend{display:flex;flex-wrap:wrap;gap:7px 12px;margin:20px 0 18px;padding:11px 13px;border:1px solid #2c332c;background:#0c100d;font:8px "DM Mono",monospace;letter-spacing:.07em;color:#8d958c}
.reaction-legend b{width:100%;color:#d7b273}
.reaction-legend span{white-space:nowrap}
@media(max-width:650px){
  .score-with-mascot{grid-template-columns:92px 96px 1fr;gap:12px!important}
  .mascot-score img{width:84px;height:84px}
}

/* V29 — Culture Lab / mission system */
.mission-progress{margin:0 0 28px;padding:16px 18px;border:1px solid rgba(53,58,53,.18);background:rgba(255,255,255,.34);border-radius:12px}
.mission-progress-top{display:flex;justify-content:space-between;gap:15px;font:9px "DM Mono",monospace;letter-spacing:.12em;color:#777a73}
.mission-progress-top b{color:#141714}
.mission-progress-track{height:5px;margin-top:12px;background:#d7d4ca;border-radius:999px;overflow:hidden}
.mission-progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:999px;transition:width .45s ease}
.mission-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mission-card{min-height:205px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(53,58,53,.2);border-radius:14px;padding:20px;background:rgba(255,255,255,.32);transition:.25s}
.mission-card:hover{transform:translateY(-3px);border-color:rgba(46,107,72,.45);box-shadow:0 12px 32px rgba(17,20,18,.08)}
.mission-card.done{border-color:rgba(46,107,72,.55);background:rgba(138,181,142,.09)}
.mission-no{font:8px "DM Mono",monospace;letter-spacing:.15em;color:#8a8d85;margin-bottom:14px}
.mission-card strong{font:800 21px Inter,Arial,sans-serif;letter-spacing:-.02em}
.mission-card p{font-size:12px;line-height:1.55;color:#70746d;max-width:44ch;margin:9px 0 18px}
.mission-btn{margin-top:auto;border:1px solid rgba(46,107,72,.35);background:transparent;color:#2e6b48;border-radius:999px;padding:10px 13px;font:800 9px "DM Mono",monospace;letter-spacing:.08em;cursor:pointer}
.mission-card.done .mission-btn{background:#2e6b48;color:#fff;border-color:#2e6b48}
.mission-tip{margin-top:14px;border-left:2px solid var(--gold);padding:14px 16px;background:rgba(193,154,81,.08);display:grid;gap:5px}
.mission-tip span{font:8px "DM Mono",monospace;letter-spacing:.15em;color:#9a7a42}
.mission-tip b{font-size:13px}
.mission-tip small{color:#7d8079;font-size:10px}
@media(max-width:650px){.mission-grid{grid-template-columns:1fr}.mission-card{min-height:185px}}

/* V30 — final launch polish */
.launch-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin:18px 0 0;color:#8f978e;font:8px "DM Mono",monospace;letter-spacing:.1em}
.launch-proof span{display:inline-flex;align-items:center;gap:7px}
.launch-proof i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(138,181,142,.09)}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
button:disabled{cursor:not-allowed;opacity:.55}
.btn,.cta-buy,.floating-buy,.mission-btn,.v14-ai-btn,.v14-input button{touch-action:manipulation}
img{max-width:100%}
@media(max-width:650px){
  .launch-proof{gap:9px 13px;line-height:1.5}
  .score-with-mascot{grid-template-columns:82px 88px 1fr}
  .score-with-mascot .ring{width:88px;height:88px}
  .score-with-mascot .ring-hole{width:68px;height:68px}
}