@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Orbitron:wght@500;700;800&display=swap";:root{color:#eff9ff;font-family:Noto Sans SC,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:radial-gradient(circle at top,rgba(22,150,193,.22),transparent 32%),radial-gradient(circle at bottom,rgba(16,72,131,.16),transparent 30%),linear-gradient(180deg,#06101b,#02070f);margin:0;min-height:100vh}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;width:100%}.snapshot-shell{display:grid;gap:1.5rem;margin:0 auto;max-width:1480px;min-height:100vh;padding:2rem}.snapshot-copy{align-items:end;display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}.snapshot-copy-main{display:grid;gap:.45rem;justify-items:end;order:2;text-align:right}.snapshot-kicker,.overlay-kicker,.panel-title,.stat-label,.stage-badge{font-family:Orbitron,Noto Sans SC,sans-serif;letter-spacing:.18em;text-transform:uppercase}.snapshot-kicker{color:#72ecff;font-size:.78rem;margin:0 0 .4rem}.snapshot-copy h1{color:#f7fbff;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.95;margin:0;text-transform:uppercase}.snapshot-summary{color:#9ab4c5;font-size:1rem;margin:0;max-width:46rem;order:1}.author-button{align-items:center;background:#06182585;border:1px solid rgba(96,232,255,.18);border-radius:999px;box-shadow:none;color:#dbf7ff;cursor:pointer;display:inline-flex;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:.68rem;font-weight:600;justify-content:center;justify-self:end;letter-spacing:.08em;min-height:2rem;padding:.42rem .8rem;text-transform:uppercase;transition:border-color .16s ease,background .16s ease}.author-button:hover{background:#091f2fb8;border-color:#7cefff4d}.author-button:focus-visible{outline:2px solid #7af0ff;outline-offset:3px}.snapshot-stage-wrap{display:grid;gap:1rem}.snapshot-hud{display:grid;gap:.85rem;grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{background:linear-gradient(180deg,#081c2bf0,#060f1ae0);border:1px solid rgba(91,237,255,.18);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff0a;display:flex;flex-direction:column;gap:.4rem;min-height:5.2rem;padding:.95rem 1rem}.stat-card.emphasis{background:radial-gradient(circle at top,rgba(36,235,255,.22),transparent 58%),linear-gradient(180deg,#081c2bf0,#060f1ae0)}.stat-label{color:#6ddff0;font-size:.72rem}.stat-card strong{color:#f5fbff;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:1.55rem;font-weight:700}.snapshot-stage{background:radial-gradient(circle at top,rgba(44,190,255,.1),transparent 35%),linear-gradient(180deg,#06121cf5,#030810fa);border:1px solid rgba(75,227,255,.2);border-radius:30px;box-shadow:0 25px 80px #0000008c,inset 0 0 0 1px #ffffff0a;min-height:min(76vh,780px);overflow:hidden;position:relative}.snapshot-stage:fullscreen{border:0;border-radius:0;box-shadow:none;height:100vh;margin:0;min-height:100vh;width:100vw}.snapshot-stage:fullscreen .overlay-card{max-width:34rem}.snapshot-canvas{cursor:none;height:100%;inset:0;position:absolute;touch-action:none;width:100%}.snapshot-canvas canvas{display:block;height:100%;width:100%}.popup-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute}.score-popup{animation:float-up .9s ease-out forwards;color:#f6fbff;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:1.1rem;font-weight:800;left:0;position:absolute;text-shadow:0 0 16px currentColor;top:0;transform:translate(-50%,-50%)}.score-popup.positive{color:#84f5a4}.score-popup.negative{color:#ff859a}.score-popup.warning{color:#ff708f}.stage-overlay{left:1.2rem;position:absolute;right:1.2rem;z-index:3}.stage-overlay.top{align-items:center;display:flex;gap:1rem;justify-content:space-between;top:1rem}.stage-overlay.top p{color:#a9c2d0;margin:0}.stage-badge{background:#071b29d6;border:1px solid rgba(102,231,255,.24);border-radius:999px;color:#f5fbff;display:inline-flex;font-size:.7rem;padding:.4rem .8rem}.stage-overlay.center{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#01060c33,#01060c8c);bottom:0;display:flex;justify-content:center;top:0}.overlay-card{background:radial-gradient(circle at top,rgba(57,227,255,.16),transparent 42%),linear-gradient(180deg,#06131df0,#040a12f5);border:1px solid rgba(95,231,255,.22);border-radius:26px;box-shadow:0 20px 80px #0006;max-width:30rem;padding:2rem;text-align:center}.overlay-kicker{color:#72ecff;font-size:.72rem;margin:0 0 .8rem}.overlay-card h2{color:#f7fbff;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;margin:0}.overlay-card p{color:#aac4d4;margin:1rem 0 0}.overlay-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.4rem}.launch-button{background:linear-gradient(135deg,#3af4ffeb,#78faaaeb);border:0;border-radius:999px;box-shadow:0 10px 30px #47e9ff40;color:#032237;cursor:pointer;display:inline-flex;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:.95rem;font-weight:800;justify-content:center;letter-spacing:.08em;min-width:12rem;padding:.95rem 1.4rem;text-decoration:none;text-transform:uppercase}.launch-button.secondary{background:#0a1927eb;border:1px solid rgba(121,220,255,.26);box-shadow:none;color:#dff7ff}.launch-button:hover{border-color:transparent;filter:brightness(1.02)}.launch-button:focus-visible{outline:2px solid #7af0ff;outline-offset:3px}.snapshot-panels{display:grid;gap:1rem;grid-template-columns:1.1fr 1.4fr .8fr}.info-panel{background:linear-gradient(180deg,#071622f0,#040a12f0);border:1px solid rgba(77,225,255,.16);border-radius:22px;min-height:9rem;padding:1.15rem 1.2rem}.panel-title{color:#71e6f7;font-size:.72rem;margin:0 0 .85rem}.info-panel p{color:#a5bece;margin:0}.legend-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.legend-item{align-items:start;display:grid;gap:.8rem;grid-template-columns:auto 1fr}.legend-item strong{color:#f3fbff;display:block;margin-bottom:.25rem}.legend-item p{color:#90acbc;font-size:.92rem}.legend-dot{border-radius:50%;box-shadow:0 0 14px #5febff3d;height:1rem;margin-top:.2rem;width:1rem}.info-panel.compact{display:flex;flex-direction:column;gap:.35rem}.author-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01070dad;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:40}.author-modal{background:radial-gradient(circle at top,rgba(54,231,255,.18),transparent 46%),linear-gradient(180deg,#06131dfa,#040a12fa);border:1px solid rgba(95,231,255,.22);border-radius:28px;box-shadow:0 24px 90px #00000073;max-width:32rem;padding:2rem;position:relative;width:min(100%,32rem)}.author-modal h2{color:#f7fbff;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05;margin:0}.author-modal p{color:#aac4d4;margin:1rem 0 0}.author-version{color:#72ecff;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.author-modal strong{color:#f7fbff}.author-modal-close{align-items:center;background:transparent;border:0;color:#d9f7ff;cursor:pointer;display:inline-flex;font-size:2rem;height:2.5rem;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;width:2.5rem}.author-modal-close:focus-visible{outline:2px solid #7af0ff;outline-offset:3px}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-15%)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-180%)}}@media(max-width:1080px){.snapshot-hud{grid-template-columns:repeat(3,minmax(0,1fr))}.snapshot-panels{grid-template-columns:1fr}}@media(max-width:720px){.snapshot-shell{padding:1rem}.snapshot-copy{align-items:flex-start;gap:.8rem}.snapshot-copy-main{justify-items:start;order:1;text-align:left;width:100%}.snapshot-stage{min-height:70vh}.snapshot-summary{order:2}.snapshot-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.legend-grid{grid-template-columns:1fr}.overlay-card{margin:0 1rem;padding:1.5rem}.author-modal{padding:1.5rem}.author-button{justify-self:start}.stage-overlay.top{align-items:flex-start;flex-direction:column}}