:root{
  --bg:#020b10;--bg2:#06151c;--panel:#071922;--panel2:#0a2029;--ink:#e9f6f6;--muted:#8ba9ad;
  --line:#123642;--line2:#1a5361;--cyan:#65e7df;--cyan2:#2ebeb7;--cyanSoft:#0a2a30;
  --blue:#50b7ff;--teal:#49d6c4;--amber:#f3b64a;--red:#ff746f;--violet:#9a8cff;
  --chart:#020a10;--chartLine:#174854;--shadow:0 18px 46px rgba(0,0,0,.34);--glow:0 0 26px rgba(101,231,223,.11)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(41,142,153,.18),transparent 34%),linear-gradient(180deg,#020b10 0,#041117 58%,#02090d 100%);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(101,231,223,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(101,231,223,.025) 1px,transparent 1px);background-size:28px 28px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:999;background:#06151c;color:#fff;padding:9px 12px;border:1px solid var(--cyan)}a{color:inherit;text-decoration:none}.shell{width:min(1440px,calc(100% - 32px));margin:auto}
.sitebar{width:100%;padding:0 max(16px,calc((100vw - 1440px)/2));min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:50;background:rgba(2,11,16,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 10px 28px rgba(0,0,0,.2)}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand>span:last-child{display:grid}.brand b{font-size:1rem;letter-spacing:.03em}.brand small{font-size:.53rem;letter-spacing:.23em;color:var(--cyan)}.logo{width:40px;height:40px;border:1px solid var(--cyan2);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);display:grid;place-items:center;color:var(--cyan);background:linear-gradient(145deg,#0a2530,#031219);font-weight:900;box-shadow:var(--glow)}.sitebar nav{display:flex;gap:3px;align-items:center}.sitebar nav a{min-height:42px;display:flex;align-items:center;padding:0 15px;border-bottom:2px solid transparent;color:#b9c9cc;font-size:.72rem;font-weight:750;letter-spacing:.04em}.sitebar nav a:hover,.sitebar nav a:focus{color:#fff;background:linear-gradient(180deg,transparent,rgba(101,231,223,.05));border-color:rgba(101,231,223,.45)}body[data-page="weather"] .sitebar nav a[href="/"],body[data-page="science"] .sitebar nav a[href="/tiede"],body[data-page="time"] .sitebar nav a[href="/aikamatriisi"],body[data-page="matrix"] .sitebar nav a[href="/pallomatriisi"],body[data-page="contact"] .sitebar nav a[href="/yhteys"]{color:var(--cyan);border-color:var(--cyan);background:linear-gradient(180deg,transparent,rgba(101,231,223,.06))}
.hero{padding:48px 0 28px}.hero.compact{padding-top:36px}.hero h1{font-size:clamp(2.2rem,5.6vw,5.3rem);line-height:.92;letter-spacing:-.055em;margin:.18em 0 .24em;max-width:1050px;color:#f4fbfb;text-transform:none;text-shadow:0 0 30px rgba(101,231,223,.06)}.lead{font-size:clamp(.98rem,1.5vw,1.16rem);line-height:1.55;max-width:860px;color:#9fb5ba}.eyebrow,.kicker{font-size:.64rem;letter-spacing:.2em;font-weight:900;color:var(--cyan);text-transform:uppercase}.eyebrow.violet,.kicker.violet{color:#b1a8ff}.kicker.gold,.eyebrow.gold{color:var(--amber)}.kicker.coral{color:var(--red)}.kicker.mint,.eyebrow.mint{color:var(--teal)}.fresh{margin-top:18px;display:inline-flex;padding:7px 10px;border:1px solid var(--line2);border-radius:4px;color:#94bbc0;font-size:.68rem;background:#061821;box-shadow:inset 0 0 22px rgba(101,231,223,.03)}section{padding:36px 0;border-top:1px solid var(--line)}h2{font-size:clamp(1.32rem,2.7vw,2.35rem);line-height:1.08;letter-spacing:-.032em;margin:.26em 0 .48em;color:#eaf7f7}h3{font-size:1rem;margin:.3em 0;color:#d7eded}p{color:var(--muted)}.signalbar{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid var(--line2);border-radius:6px;background:linear-gradient(90deg,#071c24,#061219);box-shadow:var(--shadow),var(--glow);margin:2px 0 22px}.signalbar .signal-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(101,231,223,.09),0 0 14px rgba(101,231,223,.5)}.signalbar b{font-size:.78rem;color:#eafafa}.signalbar span{font-size:.72rem;color:#87a8ad}.signalbar .signal-class{color:var(--cyan);font-size:.58rem;letter-spacing:.11em;font-weight:800;white-space:nowrap}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:0;border-top:0}.weather-focus,.signal-card,.science-card,.matrix-copy,.three-explain article,.network-grid article,.sponsor-grid article,.contact-card,.route,.hotspot{border:1px solid var(--line);background:linear-gradient(180deg,rgba(8,26,34,.96),rgba(4,16,22,.98));box-shadow:var(--shadow)}.weather-focus{border-radius:8px;padding:18px;min-height:380px}.weather-focus:hover,.signal-card:hover,.science-card:hover{border-color:#246372;box-shadow:var(--shadow),var(--glow)}.focus-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.focus-title h2{font-size:1.62rem;margin:.22em 0}.pill{font-size:.56rem;letter-spacing:.11em;border:1px solid #2d776f;color:var(--cyan);background:#082521;padding:5px 7px;border-radius:4px;white-space:nowrap}.obs-range{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.metric{padding:10px;border:1px solid var(--line);border-radius:5px;background:#06141b}.metric b{display:block;font-size:1.1rem;color:#e6f9f9}.metric span{font-size:.58rem;color:#719297;letter-spacing:.08em}.station-list{display:grid;gap:4px;margin:10px 0 14px}.station-row{display:grid;grid-template-columns:minmax(150px,1.6fr) repeat(3,minmax(54px,.55fr));gap:8px;align-items:center;padding:7px 0;border-top:1px solid #0e2c35;font-size:.7rem}.station-row span:not(:first-child){text-align:right;color:#9db2b6}.forecast-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.forecast-card{padding:10px;border-radius:5px;background:#082028;border:1px solid #164753}.forecast-card b{display:block;color:#9ef0ea;font-size:.72rem}.forecast-card span{display:block;color:#769aa0;font-size:.64rem;margin-top:4px}.method-row{display:grid;grid-template-columns:1.05fr 1.5fr .55fr;gap:26px;align-items:start}.method-row p{margin:0}.textlink{color:var(--cyan);font-weight:800;font-size:.76rem}.textlink:hover{text-decoration:underline}
.science-summary{padding-top:0;border-top:0}.section-head{max-width:860px}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.signal-card{padding:15px;border-radius:6px;position:relative;overflow:hidden}.signal-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(var(--cyan),transparent)}.signal-card b{display:block;margin:5px 0 6px;font-size:.92rem;color:#eefafa}.signal-card p{font-size:.78rem;margin:0}.signal-card small{display:block;margin-top:9px;color:#6f959a;font-size:.61rem;letter-spacing:.06em}.science-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:0;border-top:0}.science-card{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);gap:18px;align-items:center;border-radius:7px;padding:10px;min-height:300px}.science-card.reverse img{order:0}.science-card img{width:100%;height:100%;min-height:260px;aspect-ratio:4/3;object-fit:cover;border-radius:4px;border:1px solid #18414d;background:#06151c;filter:saturate(1.06) contrast(1.04)}.science-card h2{font-size:clamp(1.15rem,2vw,1.8rem)}.science-card p{font-size:.82rem;margin:.55em 0;max-width:68ch}.why{padding:9px 11px;border-left:2px solid var(--cyan);background:#061b22}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.badges span{padding:4px 6px;border:1px solid #296c66;border-radius:4px;font-size:.55rem;letter-spacing:.06em;color:var(--cyan);background:#08251f}.badges .exp{border-color:#745a24;color:#efc56e;background:#211a0b}.badges .hyp{border-color:#713432;color:#ff9a94;background:#24100f}.route{border-radius:6px;padding:16px;margin:30px 0}.route p{font-size:.72rem;word-spacing:.14em;color:#91aaae}.matrix-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);gap:12px;align-items:stretch;padding-top:0;border-top:0}.matrix-stage{position:relative;min-height:610px;border:1px solid #17505f;border-radius:7px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(44,192,190,.15),transparent 38%),linear-gradient(180deg,#071c28,#020a10);box-shadow:var(--shadow),var(--glow)}.matrix-stage canvas{display:block;width:100%;height:100%;min-height:610px;touch-action:none;cursor:grab}.matrix-stage canvas:active{cursor:grabbing}.matrix-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 0 18px rgba(101,231,223,.36);color:#f6ffff}.matrix-label b{display:block;font-size:1.3rem;letter-spacing:.08em}.matrix-label span{display:block;color:#66e4dd;font-size:.64rem;letter-spacing:.16em}.matrix-label.wide b{font-size:.95rem;letter-spacing:.16em}.matrix-copy{border-radius:7px;padding:18px}.horizon-list{display:grid;gap:7px}.horizon-list>div{display:grid;grid-template-columns:15px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:4px;background:#06151c}.horizon-list i{width:8px;height:8px;border-radius:50%;background:var(--blue)}.horizon-list .c2{background:var(--teal)}.horizon-list .c3{background:#dba73e}.horizon-list .c4{background:#e35f54}.horizon-list .c5{background:var(--violet)}.horizon-list b{font-size:.74rem}.horizon-list span{font-size:.61rem;color:#78989c}.note{font-size:.76rem;margin-top:14px}.three-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.three-explain article,.network-grid article,.sponsor-grid article{border-radius:6px;padding:15px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stats-grid>div{padding:11px;border:1px solid var(--line);border-radius:4px;background:#06151c}.stats-grid b{display:block;font-size:1.7rem;color:var(--cyan)}.stats-grid span{font-size:.65rem;color:#789398}.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-list{display:grid;gap:6px;margin-top:11px}.mini-list span{padding:7px 8px;background:#06151c;border:1px solid #102f38;border-radius:4px;color:#8da6aa;font-size:.69rem}.hotspot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hotspot{border-radius:5px;padding:11px}.hotspot b{display:block;color:#def6f5}.hotspot span{font-size:.65rem;color:#78969a}.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:0;border-top:0}.sponsor-grid .n{font-size:1.75rem;font-weight:900;color:var(--cyan)}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-radius:7px;padding:18px;margin-bottom:42px}.loading{color:#6f9297;padding:18px 0}.footerline{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0;color:#67878c;font-size:.61rem;border-top:1px solid var(--line)}
body[data-page="science"] .hero{padding-bottom:18px}body[data-page="science"] .science-summary{position:relative}body[data-page="science"] .science-summary:after{content:"RESEARCH ATLAS · EVIDENCE LAYERS · OPEN QUESTIONS";display:block;margin-top:12px;padding:8px 10px;border:1px solid var(--line);background:#041118;color:#5f8f95;font:600 .55rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.science-card:nth-child(1){grid-column:span 2;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr)}.science-card:nth-child(1) img{min-height:390px}.science-card:nth-child(1):after{content:"SOLUATLAS / RAKENNE / MEKANISMI";position:absolute}.science-card{position:relative}.science-card:after{right:10px;top:9px;color:#4d858d;font:700 .5rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
@media(max-width:980px){.focus-grid,.science-card,.science-card:nth-child(1),.matrix-layout,.network-grid,.method-row{grid-template-columns:1fr}.science-list{grid-template-columns:1fr}.science-card:nth-child(1){grid-column:auto}.science-card img,.science-card:nth-child(1) img{min-height:260px;max-height:420px}.matrix-stage,.matrix-stage canvas{min-height:520px}.hotspot-grid{grid-template-columns:1fr 1fr}.method-row{gap:12px}.sponsor-grid{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr}.three-explain{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){body{font-size:14px}.shell{width:min(100% - 20px,1440px)}.sitebar{padding:0 10px;min-height:58px;gap:8px}.brand small{display:none}.brand b{font-size:.82rem}.logo{width:32px;height:32px}.sitebar nav{gap:0;overflow-x:auto;scrollbar-width:none}.sitebar nav::-webkit-scrollbar{display:none}.sitebar nav a{min-height:38px;padding:0 8px;font-size:.57rem;letter-spacing:.04em}.hero.compact{padding:28px 0 20px}.hero h1{font-size:clamp(2rem,11vw,3.2rem);line-height:.96}.lead{font-size:.92rem;line-height:1.48}.eyebrow,.kicker{font-size:.57rem}section{padding:28px 0}.signalbar{grid-template-columns:auto 1fr;padding:11px}.signalbar .signal-class{grid-column:2}.weather-focus{padding:13px;border-radius:6px;min-height:0}.focus-title h2{font-size:1.28rem}.pill{font-size:.5rem}.obs-range{grid-template-columns:1fr 1fr}.station-row{grid-template-columns:minmax(106px,1.35fr) repeat(3,minmax(42px,.55fr));font-size:.62rem}.forecast-strip{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr}.science-card{padding:8px;gap:12px}.science-card img,.science-card:nth-child(1) img{min-height:210px;aspect-ratio:16/10}.science-card p{font-size:.79rem}.matrix-stage,.matrix-stage canvas{min-height:390px}.matrix-copy{padding:14px}.stats-grid{grid-template-columns:1fr 1fr}.hotspot-grid{grid-template-columns:1fr 1fr}.three-explain{gap:7px}.route{margin:26px 0}.footerline{font-size:.56rem}.contact-card{padding:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.engine-section,.world-section{padding-top:34px}.engine-grid,.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.engine-card,.world-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(8,26,34,.97),rgba(4,16,22,.99));border-radius:8px;padding:18px;box-shadow:var(--shadow)}.engine-card.engine-b{border-color:#5a4b24}.engine-top,.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.engine-top h3{font-size:1.25rem;margin:.25em 0;color:#effafa}.pill.exp{border-color:#745a24;color:#efc56e;background:#211a0b}.engine-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.engine-numbers>div{padding:12px;border:1px solid var(--line);background:#06151c;border-radius:5px}.engine-numbers b{display:block;font-size:1.35rem;color:#eafafa}.engine-numbers span{font-size:.56rem;letter-spacing:.1em;color:#75969a}.engine-card p{font-size:.76rem;margin:.6em 0}.engine-card small{display:block;color:#749297;font-size:.61rem;line-height:1.5}.world-weather,.event-list{display:grid;gap:6px;margin-top:12px}.world-row,.event-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #10323b;background:#06151c;border-radius:5px}.world-row .rank{font:700 .6rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan)}.world-row b,.event-row b{display:block;font-size:.78rem;color:#e3f5f4}.world-row small,.event-row small{display:block;font-size:.62rem;color:#78979b;margin-top:2px}.evidence-tag{font-size:.5rem;letter-spacing:.09em;font-weight:800;color:#9bd9d5;border:1px solid #24545c;padding:3px 5px;border-radius:3px}.evidence-tag.observed{color:#9ce8bf;border-color:#286846}.event-icon{color:var(--red);font-size:.82rem}@media(max-width:980px){.engine-grid,.world-grid{grid-template-columns:1fr}}@media(max-width:680px){.engine-card,.world-panel{padding:13px}.engine-numbers{grid-template-columns:1fr 1fr 1fr}.engine-numbers b{font-size:1.08rem}.world-row,.event-row{grid-template-columns:auto 1fr}.evidence-tag{grid-column:2;justify-self:start}}