:root{--hover:#ffb02014;--accent2:#5fd4e8;--r:999px;--rc:24px;--ease:cubic-bezier(.16, 1, .3, 1);--ink:#efddb4;--cielo:1}html{scroll-behavior:auto}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.has-cur,.has-cur *{cursor:none!important}.sdot{width:9px;height:9px;box-shadow:0 0 0 2px var(--c), 0 0 10px 2px var(--c);background:#fff;border-radius:50%;flex:none;display:inline-block}.desig{font-family:inherit}.hero{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}#c{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:radial-gradient(140% 110%,#0000 60%,#0009 100%);position:absolute;inset:0}.chart{z-index:5;left:var(--gl);top:calc(env(safe-area-inset-top,0px) + 30px);max-width:calc(100% - var(--gl) - var(--gr) - 64px);font:400 11px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:0;flex-wrap:wrap;gap:6px 18px;transition:opacity .8s;display:flex;position:absolute}.chart b{color:var(--fg);font-weight:600}.ready .chart{opacity:var(--cielo)}.labels{z-index:3;pointer-events:none;position:absolute;inset:0}.lbl{border-radius:var(--r);-webkit-backdrop-filter:blur(6px);min-height:38px;font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;pointer-events:auto;opacity:0;will-change:transform;background:#05060a8c;border:1px solid #e9e7e029;align-items:center;gap:9px;padding:0 15px 0 12px;transition:opacity .6s,background .25s,border-color .25s,color .25s;display:inline-flex;position:absolute;top:0;left:0}.lbl .dot{box-shadow:0 0 12px var(--c)}.lbl b{color:var(--muted);font-weight:400}.lbl:hover,.lbl:focus-visible{background:var(--c);border-color:var(--c);color:var(--on-accent)}.lbl:hover b,.lbl:focus-visible b{color:var(--on-accent)}.lbl:hover .dot,.lbl:focus-visible .dot{background:var(--on-accent);box-shadow:none}.lbl[data-off]{pointer-events:none;opacity:0!important}.slbl{font:600 10px/1 var(--f-mono);letter-spacing:.08em;color:var(--fg);white-space:nowrap;pointer-events:none;opacity:0;will-change:transform;background:#05060a80;border-radius:6px;padding:3px 7px;transition:opacity .4s;position:absolute;top:0;left:0}.slbl.on{opacity:.9}.ret{z-index:4;pointer-events:none;width:54px;height:54px;color:var(--c,var(--accent));opacity:0;will-change:transform;margin:-27px 0 0 -27px;transition:opacity .2s;position:absolute;top:0;left:0}.ret.on{opacity:1}.ret svg{width:100%;height:100%;animation:16s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.burger{z-index:20;top:calc(env(safe-area-inset-top,0px) + 14px);right:var(--gr);border:1.5px solid var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0a0c1199;border-radius:50%;place-content:center;gap:5px;width:48px;height:48px;padding:0;transition:background .25s,border-color .25s;display:grid;position:fixed}.burger:hover{background:var(--accent);border-color:var(--accent)}.burger:hover i{background:var(--on-accent)}.burger i{background:var(--fg);width:20px;height:2px;transition:transform .4s var(--ease), opacity .25s;border-radius:2px;display:block}.burger[aria-expanded=true] i:first-child{transform:translateY(7px)rotate(45deg)}.burger[aria-expanded=true] i:nth-child(2){opacity:0}.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hint{z-index:5;left:var(--gl);bottom:calc(env(safe-area-inset-bottom,0px) + 30px);max-width:min(560px, calc(100% - var(--gl) - var(--gr)));opacity:0;pointer-events:none;transition:opacity .8s;position:absolute}.ready .hint{opacity:var(--cielo)}.kick{font:600 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.hint h1{font:900 clamp(44px, 5.6vw, 84px)/.88 var(--f-head);text-transform:uppercase;margin:0}.hint .how{font:400 12px/1.6 var(--f-mono);letter-spacing:.05em;color:var(--muted);margin:12px 0 0}.hint .how b{color:var(--fg);font-weight:600}.legend{z-index:6;right:var(--gr);bottom:calc(env(safe-area-inset-bottom,0px) + 30px);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);opacity:0;border-radius:20px;flex-direction:column;width:300px;max-height:calc(100% - 150px);transition:opacity .8s;display:flex;position:absolute;overflow:hidden}.ready .legend{opacity:var(--cielo)}.lg-top{cursor:pointer;text-align:left;width:100%;min-height:52px;font:600 11px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0 16px;display:flex}.lg-top em{color:var(--muted);font-style:normal;font-weight:400}.lg-top i{color:var(--accent);font-size:16px;font-style:normal;transition:transform .3s}.legend[data-open] .lg-top i{transform:rotate(45deg)}.lg-body{border-top:1px solid var(--line);padding:0 10px 12px;overflow:auto}.lg-h{font:600 10px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:14px 8px 6px}.lg-row{text-align:left;cursor:pointer;width:100%;min-height:36px;font:600 11px/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;border-radius:12px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 8px;transition:background .2s,opacity .2s;display:grid}.lg-row:hover,.lg-row:focus-visible{background:var(--hover)}.lg-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lg-row b{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.lg-row[aria-pressed=false]{opacity:.38}.lg-scale{font:400 11px/1.5 var(--f-mono);color:var(--muted);gap:4px;margin:10px 8px 0;display:grid}.lg-scale b{color:var(--fg);font-weight:600}.lg-act{flex-wrap:wrap;gap:8px;margin:12px 8px 2px;display:flex}.lg-act button{border-radius:var(--r);min-height:36px;font:600 10px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #e9e7e059;padding:0 14px;transition:color .2s,border-color .2s}.lg-act button:hover{color:var(--fg);border-color:var(--fg)}.focused .hint,.focused .legend{pointer-events:none;opacity:0!important}.gd{z-index:7;background:var(--fg);max-width:230px;color:var(--bg);font:600 12px/1.35 var(--f-body);pointer-events:none;opacity:0;will-change:transform;border-radius:14px;padding:10px 14px;transition:opacity .5s;position:absolute;top:0;left:0}.gd.on{opacity:1}.gd:before{content:"";background:var(--fg);width:10px;height:10px;position:absolute;top:14px;left:-5px;transform:rotate(45deg)}.gd small{font:400 11px/1.35 var(--f-body);opacity:.75;margin-top:3px;display:block}.tip{z-index:30;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);pointer-events:none;opacity:0;border-radius:20px;width:290px;padding:14px 14px 16px;transition:opacity .18s;position:fixed;top:0;left:0;transform:translate(-999px);box-shadow:0 20px 40px -18px #000c}.tip.on{opacity:1}.t-des{font:400 11px/1.3 var(--f-mono);letter-spacing:.06em;color:var(--muted);align-items:center;gap:10px;margin:0 0 12px;display:flex}.t-des b{white-space:nowrap;font:600 14px/1 var(--f-mono);color:var(--fg);letter-spacing:.04em}.tags{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.chip{border:1px solid var(--line);border-radius:var(--r);font:600 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;padding:5px 10px 5px 8px;display:inline-flex}.tip .t-ttl{font:900 25px/1 var(--f-head);text-transform:uppercase;text-wrap:balance;margin:0}.meta{font:400 11px/1.5 var(--f-mono);letter-spacing:.05em;color:var(--muted);margin:8px 0 0}.tip .open{display:none}.panel{z-index:8;top:calc(env(safe-area-inset-top,0px) + 84px);right:var(--gr);background:var(--panel);border:1px solid var(--line);border-radius:var(--rc);-webkit-backdrop-filter:blur(14px);flex-direction:column;width:min(450px,40vw);display:flex;position:absolute;bottom:30px;overflow:hidden}.p-head{border-bottom:1px solid var(--line);padding:22px 24px 16px}.back{border:1px solid var(--line);border-radius:var(--r);min-height:40px;font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:10px;margin-bottom:16px;padding:0 16px;transition:background .2s,color .2s;display:inline-flex}.back:hover{background:var(--fg);color:var(--bg)}.p-name{font:900 clamp(40px, 4vw, 60px)/.9 var(--f-head);text-transform:uppercase;align-items:center;gap:14px;margin:0;display:flex}.p-name .dot{width:16px;height:16px;box-shadow:0 0 18px var(--c)}.p-desc{color:var(--muted);margin:10px 0 0;font-size:15px}.p-meta{font:400 11px/1.6 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 0}.p-meta b{color:var(--fg);font-weight:600}.p-meta a{color:var(--fg);text-underline-offset:3px}.p-tipnote{font:400 11px/1.5 var(--f-mono);color:var(--muted);margin:10px 0 0}.p-list{flex:1;min-height:0;padding:6px 12px 12px;overflow:auto}.p-vacia{font:400 12px/1.6 var(--f-mono);color:var(--muted);margin:18px 10px}.p-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border-radius:14px;grid-template-columns:34px minmax(0,1fr) 74px;align-items:center;gap:12px;padding:13px 10px;text-decoration:none;transition:background .2s;display:grid}.p-row:hover,.p-row:focus-visible,.p-row.hl{background:var(--hover)}.p-row:hover .p-t,.p-row.hl .p-t{color:var(--c)}.p-g{font:600 18px/1 var(--f-mono);color:var(--muted);text-align:center}.p-t{font:900 20px/1.05 var(--f-head);text-transform:uppercase;transition:color .2s}.p-x{font:400 11px/1.3 var(--f-mono);letter-spacing:.04em;color:var(--muted);text-transform:none;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;display:flex}.p-x span{align-items:center;gap:6px;display:inline-flex}.p-d{font:400 11px/1.4 var(--f-mono);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.menu{z-index:15;background:var(--bg);padding:calc(env(safe-area-inset-top,0px) + 100px) var(--gr) 80px var(--gl);position:fixed;inset:0;overflow:auto}.menu-in{max-width:1100px;margin:0 auto}.menu .kick{margin-bottom:22px}.m-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1.35fr) 70px minmax(0,1fr);align-items:center;gap:16px;padding:16px 8px;text-decoration:none;transition:background .2s;display:grid}.m-row:hover{background:var(--hover)}.m-n{font:900 clamp(34px, 4.6vw, 64px)/.95 var(--f-head);text-transform:uppercase;transition:color .2s, transform .5s var(--ease);align-items:center;gap:18px;display:flex}.m-n .dot{width:14px;height:14px}.m-row:hover .m-n{color:var(--c);transform:translate(8px)}.m-c{font:600 13px/1 var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}.m-d{color:var(--muted);font-size:15px}.m-pages{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 28px;margin:34px 0 0;padding-top:22px;display:flex}.m-pages a{min-height:44px;color:inherit;font:800 clamp(22px, 2.6vw, 32px)/1 var(--f-head);text-transform:uppercase;align-items:center;padding:0;text-decoration:none;transition:color .2s;display:inline-flex}.m-pages a:hover{color:var(--accent)}.m-go{border:1.5px solid var(--fg);border-radius:var(--r);min-height:44px;font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:10px;margin-top:22px;padding:0 20px;display:inline-flex}.m-go:hover{background:var(--fg);color:var(--bg)}.logo{color:var(--fg);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo svg{width:34px;height:34px}.logo span{font:900 26px/1 var(--f-head);text-transform:uppercase}.cur{z-index:60;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.cur-b{background:var(--accent2);border:2px solid var(--fg);width:12px;height:12px;transition:width .4s var(--ease), height .4s var(--ease), background .25s, border-color .25s;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cur-l{font:600 10px/1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--on-accent);opacity:0;white-space:nowrap;transition:opacity .2s}.cur[data-s=hover] .cur-b{background:var(--accent);border-color:var(--accent);width:62px;height:62px}.cur[data-s=hover] .cur-l{opacity:1}.cur[data-s=star] .cur-b{background:var(--fg);border-color:var(--fg);width:6px;height:6px}.cur[data-s=drag] .cur-b{border-color:var(--accent2);background:0 0;width:34px;height:34px}.fallback{z-index:6;padding:calc(env(safe-area-inset-top,0px) + 100px) var(--gr) 60px var(--gl);background:var(--bg);position:absolute;inset:0;overflow:auto}.con-3d .fallback{display:none}.sin-3d .hint{opacity:1}.sin-3d #c,.sin-3d .legend,.sin-3d .chart,.sin-3d .zoom,.sin-3d .cue{display:none}.zoom{z-index:6;right:var(--gr);background:var(--panel);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(10px);opacity:0;flex-direction:column;align-items:center;gap:2px;padding:4px;transition:opacity .8s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ready .zoom{opacity:var(--cielo)}.zoom button{width:40px;height:40px;font:600 20px/1 var(--f-mono);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .2s,color .2s;display:grid}.zoom button:hover{background:var(--accent);color:var(--on-accent)}.zoom .zhome{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;width:42px;height:42px;margin-left:-21px;transition:opacity .35s,transform .35s,visibility 0s .35s,background .2s,color .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translateY(-4px)}.zoom .zhome.on{opacity:1;visibility:visible;transition:opacity .35s,transform .35s,visibility,background .2s,color .2s;transform:none}.zoom .zhome svg{width:18px;height:18px}.zoom span{font:600 10px/1 var(--f-mono);letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;padding:6px 0}.focused .zoom{right:auto;left:var(--gl)}.edge{z-index:2;pointer-events:none;opacity:0;position:absolute}.edge.l{background:linear-gradient(90deg,#ffb0202e,#0000);width:22vw;top:0;bottom:0;left:0}.edge.r{background:linear-gradient(-90deg,#ffb0202e,#0000);width:22vw;top:0;bottom:0;right:0}.edge.t{background:linear-gradient(#ffb02029,#0000);height:22vh;top:0;left:0;right:0}.edge.b{background:linear-gradient(#0000,#ffb02029);height:22vh;bottom:0;left:0;right:0}.chart .zhint,.chart .zhint b{color:var(--accent)}.descending .labels,.descending .legend,.descending .zoom,.descending .hint,.descending .chart,.descending .cue{pointer-events:none!important}.descending .ret,.descending .tip,.descending .annos{opacity:0!important}.cue{z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 36px);border:1px solid var(--line);border-radius:var(--r);min-height:44px;font:600 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(6px);background:#05060a80;align-items:center;gap:10px;padding:0 18px;transition:opacity .8s,border-color .2s;display:inline-flex;position:absolute;transform:translate(-50%)}.ready .cue{opacity:var(--cielo)}.cue:hover{border-color:var(--accent)}.cue i{color:var(--accent);font-style:normal;animation:2.4s ease-in-out infinite bob;display:inline-block}@keyframes bob{50%{transform:translateY(3px)}}.cue:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ff965a8c,#0000);width:min(70vw,900px);height:2px;position:absolute;bottom:-36px;left:50%;transform:translate(-50%)}.anno{color:var(--ink);pointer-events:none;opacity:0;white-space:nowrap;will-change:transform;align-items:flex-end;gap:2px;transition:opacity .6s;display:flex;position:absolute;top:0;left:0}.anno.on{opacity:.92}.anno svg{flex:none;width:36px;height:30px;overflow:visible}.anno span{font:600 22px/1 var(--hand);transform-origin:0 100%;text-shadow:0 1px 8px #000000e6;margin-bottom:22px;display:inline-block;transform:rotate(-4deg)}.page{z-index:1;pointer-events:none;position:relative}.sky-space{height:100svh}.veil{z-index:1;pointer-events:none;opacity:0;background:#05060a;position:absolute;inset:0}.earth{pointer-events:auto;padding:clamp(24px,4vw,56px) 0 0;position:relative}.earth-in{max-width:1320px;padding:0 var(--gr) 0 var(--gl);text-shadow:0 2px 18px #0009;margin:0 auto}.e-hd{font:900 clamp(46px, 6.6vw, 104px)/.9 var(--f-head);text-transform:uppercase;text-wrap:balance;margin:0}.e-lede{max-width:56ch;color:var(--muted);margin:16px 0 0;font-size:19px}.e-vacia{font:400 13px/1.6 var(--f-mono);letter-spacing:.05em;color:var(--muted);margin:44px 0 0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;margin-top:44px;display:grid}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);min-width:0;text-shadow:none;background:#090b12bd;border-radius:26px;flex-direction:column;gap:12px;padding:12px 12px 18px;display:flex;position:relative}.card>:not(.cthumb){margin-left:6px!important;margin-right:6px!important}.card:first-child{grid-column:span 2}.cthumb{aspect-ratio:16/10;border:1px solid var(--line);max-width:100%;transition:transform .9s var(--ease), border-color .3s;border-radius:20px;position:relative;overflow:hidden}.card:first-child .cthumb{aspect-ratio:33/10}.card:hover .cthumb{border-color:#e9e7e04d;transform:scale(1.015)}.cdes{font:600 12px/1 var(--f-mono);letter-spacing:.06em;background:#05060a8c;border-radius:9px;padding:5px 9px;position:absolute;bottom:12px;left:14px}.ctype{font:600 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:#05060a8c;border-radius:9px;align-items:center;gap:7px;padding:5px 9px;display:inline-flex;position:absolute;top:12px;right:14px}.card h3{margin:0}.cbtn{text-align:left;color:inherit;cursor:pointer;font:900 clamp(24px, 2.4vw, 34px)/1.02 var(--f-head);text-transform:uppercase;background:0 0;border:0;padding:0;text-decoration:none;transition:color .2s;display:block}.cbtn:after{content:"";border-radius:20px;position:absolute;inset:0}.card:hover .cbtn{color:var(--accent)}.card:first-child .cbtn{font-size:clamp(30px,3.4vw,52px)}.card .meta,.card .tags{margin:0}.cnote{font:600 21px/1.1 var(--hand);color:var(--ink);transform-origin:0;margin:0;transform:rotate(-1.5deg)}.sec2{margin-top:clamp(72px,9vw,130px)}.etemas{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.tchip{border:1.5px solid var(--line);border-radius:var(--r);min-height:46px;font:600 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:inherit;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0 20px;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.tchip .dot{box-shadow:0 0 10px var(--c)}.tchip b{color:var(--muted);font-weight:400}.tchip:hover{border-color:var(--c);background:#ffffff0a}.rv.pre{opacity:0;transform:translateY(40px)}.bar{z-index:18;height:calc(env(safe-area-inset-top,0px) + 76px);padding:env(safe-area-inset-top,0px) calc(var(--gr) + 64px) 0 var(--gl);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:transform .55s var(--ease);background:#0b0e16d6;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}.bar.on{transform:none}.bar-nav{gap:4px;display:flex}.bar-nav button,.bar-nav a{color:inherit;border-radius:var(--r);min-height:44px;font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 14px;text-decoration:none;transition:background .2s;display:inline-flex}.bar-nav button:hover,.bar-nav a:hover{background:var(--hover)}.bar-nav [aria-current]{background:var(--fg);color:var(--bg)}.intro{z-index:45;pointer-events:none;transition:opacity .5s;position:fixed;inset:0}.intro:before{content:"";background:radial-gradient(70% 80% at 14%,#05060a80,#05060a00 60%);transition:opacity .7s;position:absolute;inset:0}.intro:after{content:"";background:radial-gradient(120% 100% at 55%,#0000 55%,#0009 100%);position:absolute;inset:0}.intro.leaving:before{opacity:0}.i-tts{left:var(--gl);width:min(560px,44vw);position:absolute;top:50%;transform:translateY(-50%)}.i-tt{font:300 clamp(28px, 2.7vw, 42px)/1.25 var(--f-body);letter-spacing:-.005em;color:var(--fg);text-wrap:balance;opacity:0;text-shadow:0 2px 24px #05060ae6;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.i-tt.last{color:var(--accent);font-weight:400}.intro.play .i-tt:first-child{animation:3.4s .7s both iTT}.intro.play .i-tt:nth-child(2){animation:3.4s 4.2s both iTT}.intro.play .i-tt:nth-child(3){animation:3.4s 7.7s both iTT}@keyframes iTT{0%{opacity:0;transform:translateY(calc(12px - 50%))}20%,78%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(calc(-50% - 8px))}}.intro-in{left:var(--gl);opacity:0;width:min(560px,40vw);transition:opacity .6s,transform .6s;position:absolute;top:50%;translate:0 -50%}.i-line{font:300 clamp(20px, 1.6vw, 26px)/1.4 var(--f-body);color:#e9e7e0d6;text-wrap:balance;margin:0 0 .4em}.i-line.last{color:var(--accent);font-weight:400}.i-credit{font:300 clamp(22px, 1.7vw, 28px)/1 var(--f-head);letter-spacing:.34em;text-transform:uppercase;color:var(--fg);align-items:center;gap:18px;margin:30px 0 0;display:flex}.i-credit:before{content:"";background:var(--accent);width:44px;height:1px}.intro.play .intro-in{animation:1.4s 11.2s both iIn}@keyframes iIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.intro.shown .i-tt{opacity:0;animation:none!important}.intro.shown .intro-in{opacity:1;transform:none;animation:none!important}.intro.leaving .intro-in{transform:translateY(-10px);opacity:0!important}.i-door{opacity:0;transition:opacity .9s;position:absolute;inset:0}.intro-ready .i-door{opacity:1}.intro.leaving .i-door{opacity:0;transition-duration:.4s}.i-lsvg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.i-lsvg line{stroke:#e9e7e08c;stroke-width:1px}.i-ring{will-change:transform;border:1px solid #ffecc8e6;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;transition:scale .3s;position:absolute;top:0;left:0;box-shadow:0 0 0 6px #ffb0201a,0 0 26px #ffb02059}.i-ring:after{content:"";border:1px solid #ffecc8b3;border-radius:50%;animation:2.6s ease-out infinite iRing;position:absolute;inset:-1px}.i-ring.hot{border-color:var(--accent);box-shadow:0 0 0 8px #ffb0202e,0 0 34px #ffb0208c}@keyframes iRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.i-lab{min-height:44px;color:var(--fg);font:600 12px/44px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;cursor:pointer;pointer-events:auto;text-shadow:0 1px 12px #05060ae6;will-change:transform;background:0 0;border:0;padding:0 4px;transition:color .2s;position:absolute;top:0;left:0}.i-lab:hover,.i-lab:focus-visible,.i-lab.hot{color:var(--accent)}.i-skip{right:var(--gr);bottom:calc(env(safe-area-inset-bottom,0px) + 22px);border-radius:var(--r);min-height:44px;color:var(--muted);font:600 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #e9e7e04d;padding:0 18px;transition:opacity .4s,color .2s,border-color .2s;position:absolute}.i-skip:hover{color:var(--fg);border-color:var(--fg)}.intro.leaving .i-skip{opacity:0}.in-intro .chart,.in-intro .zoom{opacity:0;transition:opacity .9s}.in-intro.intro-ready .chart,.in-intro.intro-ready .zoom{opacity:1}.in-intro .burger{opacity:0;pointer-events:none;z-index:48;transition:opacity .9s}.in-intro.intro-ready .burger{opacity:1;pointer-events:auto}.in-intro .menu{z-index:47;-webkit-backdrop-filter:blur(18px)saturate(.8);background:#05060a80}.in-intro .m-pages{display:none}.in-intro.menu-open .intro{opacity:0}.flash{z-index:44;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff1d6 0,#ffb020 22%,#3a1e0a 48%,#05060a 72%);position:fixed;inset:0}@media (width<=1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card:first-child .cthumb{aspect-ratio:21/10}}@media (width<=820px){.intro:before{background:linear-gradient(0deg,#05060ae0 0,#05060a8c 42%,#05060a00 62%)}.i-tts{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);width:calc(100% - var(--gl) - var(--gr));height:0;transform:none}.i-tt{font-size:clamp(24px,6.6vw,30px)}.intro-in{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 86px);width:calc(100% - var(--gl) - var(--gr));translate:none}.i-line{font-size:17px}.i-credit{margin-top:18px;font-size:20px}.zoom{top:36%}.cue{display:none}.grid{grid-template-columns:minmax(0,1fr)}.card:first-child{grid-column:auto}.card:first-child .cthumb{aspect-ratio:16/10}.bar-nav{display:none}.chart{top:calc(env(safe-area-inset-top,0px) + 26px);font-size:10px}.chart .c-ext{display:none}.hint{bottom:calc(env(safe-area-inset-bottom,0px) + 88px)}.hint h1{font-size:44px}.legend{left:var(--gl);right:var(--gr);width:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);max-height:62svh}.panel{top:auto;left:var(--gl);right:var(--gr);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:auto;max-height:50svh}.p-head{padding:16px 18px 12px}.back{margin-bottom:10px}.p-name{font-size:36px}.p-desc,.p-tipnote{display:none}.lbl{letter-spacing:.08em;gap:6px;min-height:28px;padding:0 9px 0 8px;font-size:10px}.lbl b{display:none}.m-row{grid-template-columns:minmax(0,1fr) 44px}.m-d{display:none}.tip{right:var(--gr);width:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);pointer-events:auto;left:var(--gl)!important;top:auto!important;transform:none!important}.tip .open{background:var(--accent);min-height:40px;color:var(--on-accent);border-radius:var(--r);font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border:0;justify-content:center;align-items:center;margin-top:12px;padding:0 18px;text-decoration:none;display:inline-flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
