/* Layout: a full-bleed live simulation; instruments float at the edges like an observatory console. Single dark world by design. */ :root{--sat:env(safe-area-inset-top,0px); --void:#03040a; --ink:#ece6d8; /* warm starlight */ --mute:rgba(236,230,216,.58); --faint:rgba(236,230,216,.32); --line:rgba(236,230,216,.13); --ha:#ff6283; /* hydrogen-alpha 656.3 nm */ --oiii:#62e3d2; /* doubly-ionised oxygen 500.7 nm */ --glass:rgba(8,10,20,.58); --f-display:"Noto Serif SC","Songti SC","STSong",serif; --f-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif; --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace; color-scheme:dark; } /* each language gets faces that actually carry its script */ :root[lang="ja"]{--f-display:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;--f-body:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;} :root[lang="ko"]{--f-display:"Noto Serif KR","AppleMyungjo","Batang",serif;--f-body:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;} :root[lang="ar"]{--f-display:"Noto Kufi Arabic","Geeza Pro","Segoe UI",sans-serif;--f-body:"Noto Sans Arabic","Geeza Pro","Segoe UI",system-ui,sans-serif;} :root:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="pt"],[lang="ru"]){--f-display:"Cormorant","Cormorant Garamond",Georgia,serif;--f-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;} :root:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="pt"],[lang="ru"]) .brand .h1{letter-spacing:.04em;font-size:32px;} :root:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="pt"],[lang="ru"]) .caption h2{letter-spacing:.01em;font-size:30px;line-height:1.1;} :root:is([lang="ko"],[lang="ar"]) .caption h2{letter-spacing:.02em;font-size:28px;} :root:is([lang="ko"],[lang="ar"]) .brand .h1{font-size:24px;letter-spacing:.04em;} :root[lang="ar"] *{letter-spacing:0!important;} :root[lang="ar"] .caption p{line-height:1.9;} html,body{height:100%;} body{background:var(--void);color:var(--ink);font-family:var(--f-body);overflow:hidden;-webkit-font-smoothing:antialiased;} #gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;} #gl.dragging{cursor:grabbing;} #gl.placing{cursor:crosshair;} .ui{position:fixed;inset:0;pointer-events:none;padding:calc(var(--sat) + 18px) 20px calc(env(safe-area-inset-bottom,0px) + 18px);transition:opacity .4s;} .ui.hidden{opacity:0;} .ui.hidden *{pointer-events:none!important;} .panel{pointer-events:auto;background:var(--glass);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--line);border-radius:10px;} .brand{position:absolute;top:calc(var(--sat) + 18px);inset-inline-start:20px;display:flex;flex-direction:column;gap:4px;} .brand .h1{margin:0;font-family:var(--f-display);font-weight:900;font-size:28px;letter-spacing:.14em;line-height:1;} .brand .row{display:flex;align-items:center;gap:8px;} .site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--faint);pointer-events:auto;margin-top:2px;} .site-nav a{color:var(--mute);text-decoration:none;padding:2px 0;}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink,#fff);text-decoration:underline;} #chan-m .chan-info{order:99;border-top:1px solid rgba(255,255,255,.08);margin-top:4px;padding:8px 10px 4px;} .brand p{margin:0;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--mute);text-transform:uppercase;} .scenes{position:absolute;inset-inline-start:20px;top:110px;width:236px;padding:6px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;} .scene{all:unset;cursor:pointer;display:grid;grid-template-columns:10px 1fr;column-gap:10px;row-gap:2px;padding:9px 10px;border-radius:7px;transition:background .2s;} .scene:hover{background:rgba(236,230,216,.06);} .scene:focus-visible{outline:1px solid var(--oiii);} .scene .dot{grid-row:1 / span 2;align-self:center;width:6px;height:6px;border-radius:50%;border:1px solid var(--faint);} .scene .cat{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;color:var(--faint);} .scene .nm{font-family:var(--f-display);font-weight:600;font-size:15px;letter-spacing:.06em;} .scene[aria-pressed="true"]{background:rgba(236,230,216,.08);} .scene[aria-pressed="true"] .dot{background:var(--ha);border-color:var(--ha);box-shadow:0 0 10px var(--ha);} .scene[aria-pressed="true"] .cat{color:var(--ha);} .side{position:absolute;inset-inline-end:20px;top:calc(var(--sat) + 18px);display:flex;flex-direction:column;align-items:flex-end;gap:12px;} .tele{padding:12px 14px;min-width:208px;font-family:var(--f-mono);font-size:12px;display:grid;grid-template-columns:auto auto;column-gap:18px;row-gap:5px;font-variant-numeric:tabular-nums;} .tele dt{color:var(--mute);font-family:var(--f-body);font-size:12px;} .tele dd{margin:0;text-align:end;color:var(--ink);} .tele dd b{font-weight:500;color:var(--oiii);} .caption{position:absolute;inset-inline-start:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);max-width:min(440px,calc(100% - 40px));display:flex;flex-direction:column;gap:6px;transition:opacity .6s, transform .6s;} .caption.swap{opacity:0;transform:translateY(6px);} .caption .cat{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--ha);} .caption h2{margin:0;font-family:var(--f-display);font-weight:900;font-size:34px;letter-spacing:.08em;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.6);} .caption p{margin:0;font-size:13.5px;line-height:1.75;color:var(--mute);text-shadow:0 1px 10px rgba(0,0,0,.8);} .bar{position:absolute;left:20px;right:20px;margin-inline:auto;width:fit-content;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;align-items:center;gap:4px;padding:6px;flex-wrap:wrap;justify-content:center;} .btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:7px;font-size:13px;color:var(--ink);white-space:nowrap;transition:background .2s,color .2s;} .btn.hx{flex:none;width:44px;height:44px;padding:0;justify-content:center;font-size:20px;line-height:1;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);box-sizing:border-box;} .btn.hx:hover{background:rgba(255,255,255,.18);} .btn svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;} .btn:hover{background:rgba(236,230,216,.08);} .btn:focus-visible{outline:1px solid var(--oiii);} .btn[aria-pressed="true"]{color:var(--oiii);background:rgba(98,227,210,.1);} .btn[aria-disabled="true"]{opacity:.38;} .btn.hot{color:var(--void);background:var(--ha);} #tb-chest{position:fixed;z-index:55;inset-inline-end:16px;top:50%;transform:translateY(-50%);width:68px;height:68px;border-radius:50%;border:1px solid rgba(245,200,107,.7);background:radial-gradient(circle at 50% 40%,rgba(245,200,107,.38),rgba(20,16,6,.88) 70%);color:#f5c86b;display:grid;place-items:center;cursor:pointer;animation:tbGlow 1.6s ease-in-out infinite alternate;pointer-events:auto;padding:0;} #tb-chest[hidden]{display:none;}#tb-chest svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.4;} @keyframes tbGlow{from{box-shadow:0 0 10px rgba(245,200,107,.35);}to{box-shadow:0 0 34px rgba(245,200,107,.85);}} #tb-prog{margin:0;color:#f5c86b;font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;} #tb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;} .tb-i{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line,rgba(236,230,216,.14));border-radius:14px;background:rgba(10,12,24,.6);} .tb-i.done{border-color:rgba(245,200,107,.45);} .tb-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-mono);font-size:13px;border:1px solid rgba(245,200,107,.5);color:#f5c86b;} .tb-i.done .tb-n{background:#f5c86b;color:#111;} .tb-i p{margin:0;font-size:14px;line-height:1.55;}.tb-i .tb-w{margin-top:6px;color:#8fe3cf;font-size:13px;}.tb-i .tb-f{margin-top:6px;color:#f5c86b;font-size:13px;} .tb-i .btn{margin-top:8px;height:30px;padding:0 12px;font-size:12px;} .tb-tag{display:inline-block;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;padding:2px 7px;border-radius:6px;border:1px solid rgba(236,230,216,.4);color:var(--mute);margin-inline-end:6px;vertical-align:1px;} #tb-foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}#tb-foot a{text-decoration:none;} #shot-mask{position:fixed;inset:0;z-index:62;background:rgba(3,4,10,.78);display:grid;place-items:center;padding:max(16px,var(--sat)) 16px 16px;}#shot-mask[hidden]{display:none;} #shot-card{position:relative;box-sizing:border-box;width:min(560px,100%);max-height:100%;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;} #shot-card h3{margin:0 40px;font-family:var(--f-body);font-weight:500;font-size:16px;}#shot-x{position:absolute;top:10px;inset-inline-end:10px;} #shot-card.wait #shot-img{visibility:hidden;}#shot-card.wait{min-height:min(70vh,560px);} #shot-img{display:block;min-width:40px;min-height:40px;max-width:100%;max-height:min(58vh,520px);border-radius:10px;border:1px solid rgba(236,230,216,.18);background:#000;} #rec-pill{position:fixed;z-index:63;top:calc(var(--sat) + 10px);left:50%;transform:translateX(-50%);border:0;border-radius:999px;padding:8px 16px;background:#e2445f;color:#fff;font:600 14px var(--f-mono);cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.5);}#rec-pill[hidden]{display:none;} #jrn-shot{flex:none;} #tb-mask{position:fixed;inset:0;z-index:60;background:rgba(3,4,10,.72);display:grid;place-items:center;padding:max(16px,var(--sat)) 16px 16px;}#tb-mask[hidden]{display:none;} #tb-card{box-sizing:border-box;width:min(440px,100%);max-height:100%;overflow-y:auto;padding:22px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;} #tb-card .tb-k{margin:0;color:#f5c86b;font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;} #tb-card h3{margin:0;font-family:var(--f-body);font-weight:500;font-size:17px;line-height:1.6;} #tb-card .tb-big svg{width:72px;height:72px;fill:none;stroke:#f5c86b;stroke-width:1.2;} .tb-spon{box-sizing:border-box;width:100%;border:1px solid rgba(236,230,216,.18);border-radius:12px;padding:12px 14px;text-align:start;display:flex;flex-direction:column;gap:6px;} .tb-spon b{font-size:15px;}.tb-spon p{margin:0;font-size:13px;color:var(--mute);line-height:1.55;} .tb-code{font-family:var(--f-mono);font-size:15px;letter-spacing:.1em;color:#f5c86b;} .tb-spon a{color:#8fe3cf;font-size:13px;}.tb-pz{border-color:rgba(245,200,107,.55);background:rgba(245,200,107,.06);}.tb-pz b{color:#f5c86b;}.tb-pzt{display:inline-block;font-size:12px;color:#f5c86b;margin-top:6px;}.tb-pzt i{font-style:normal;color:var(--mute);margin-inline-start:6px;}.tb-cp{height:26px;padding:0 10px;font-size:12px;margin-inline-start:8px;vertical-align:1px;} .tb-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;} .nr-b{pointer-events:auto;border:1px solid var(--line,rgba(236,230,216,.18));}.nr-b svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none;} .nr-b.on{border-color:rgba(245,200,107,.6);color:#f5c86b;}.nr-b.on.talk svg{animation:nrPulse 1.1s ease-in-out infinite alternate;} @keyframes nrPulse{from{opacity:.45;}to{opacity:1;}} #caption .nr-b,#exo-cap .nr-b{margin-top:8px;width:max-content;align-self:flex-start;} #jrn .nr-b{width:36px;height:36px;padding:0;justify-content:center;border-radius:50%;flex:none;}#jrn .nr-b .nl{display:none;} .btn.hot[aria-pressed="true"]{color:var(--void);background:var(--ha);box-shadow:0 0 18px rgba(255,98,131,.55);} #b-rec[aria-pressed="true"]{color:var(--void);background:var(--ha);} .sharebox{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));padding:16px;display:flex;flex-direction:column;gap:10px;z-index:5;font-size:13px;color:var(--mute);} .sharebox input{font-family:var(--f-mono);font-size:12px;color:var(--ink);background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:6px;padding:8px 10px;width:100%;box-sizing:border-box;} .sharebox .btn{align-self:flex-end;} .sharebox[hidden]{display:none;} .photo-btn{all:unset;pointer-events:auto;cursor:pointer;align-self:flex-start;display:flex;align-items:center;gap:10px;margin-top:4px;padding:4px 12px 4px 4px;border:1px solid var(--line);border-radius:8px;background:var(--glass);font-size:12px;color:var(--mute);} .photo-btn:hover{color:var(--ink);} .photo-btn:focus-visible{outline:1px solid var(--oiii);} .photo-btn img{width:44px;height:44px;object-fit:cover;border-radius:5px;} .photo-btn[hidden],.photo[hidden]{display:none;} .photo{position:fixed;inset:0;margin:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:rgba(3,3,6,.86);cursor:zoom-out;} .photo img{max-width:100%;max-height:calc(100% - 64px);object-fit:contain;border-radius:6px;box-shadow:0 10px 60px rgba(0,0,0,.6);} .photo figcaption{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--mute);} @media (min-width:821px) and (max-height:900px){ .scene{padding:6px 10px;} } @media (min-width:821px) and (max-height:760px){ .scene .cat{display:none;} .scene{padding:5px 10px;} } .sep{width:1px;height:20px;background:var(--line);margin:0 4px;} .speed{display:inline-flex;align-items:center;gap:8px;padding:0 10px;font-size:12px;color:var(--mute);} .speed output{font-family:var(--f-mono);font-size:11px;color:var(--ink);min-width:74px;font-variant-numeric:tabular-nums;} input[type=range]{-webkit-appearance:none;appearance:none;width:110px;height:20px;background:transparent;cursor:pointer;} input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line);border-radius:2px;} input[type=range]::-moz-range-track{height:2px;background:var(--line);} input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--ink);border:none;} input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ink);border:none;} input[type=range]:focus-visible{outline:1px solid var(--oiii);} select{appearance:none;-webkit-appearance:none;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:6px;height:28px;padding:0 10px;font-family:var(--f-mono);font-size:11px;cursor:pointer;} #lang{margin-inline-start:4px;} select option{background:#0b0d16;color:var(--ink);} .hint{padding-inline:2px;font-size:11.5px;color:var(--faint);text-align:end;line-height:1.7;} .hint kbd{font-family:var(--f-mono);font-size:10.5px;border:1px solid var(--line);border-radius:4px;padding:0 5px;color:var(--mute);} .labels{position:fixed;inset:0;pointer-events:none;overflow:hidden;} .lbl{position:absolute;left:0;top:0;font-size:11.5px;color:var(--mute);white-space:nowrap;transform:translate(-50%,-50%);transition:opacity .3s;display:flex;align-items:center;gap:6px;} .lbl::before{content:"";width:18px;height:1px;background:var(--faint);} .lbl.bh{color:var(--ha);} .lbl.bh::before{background:var(--ha);} /* event notices sit at the edge of the frame, never over the action */ .toasts{position:absolute;inset-inline-end:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 86px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:calc(100% - 40px);} .toast{padding:6px 12px;font-size:12px;animation:toast 3.6s forwards;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;} .toast b{color:var(--ha);font-weight:500;} @keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%{opacity:1;transform:none}82%{opacity:1}100%{opacity:0}} .intro{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;animation:intro 5.2s ease forwards;} .intro .h1{margin:0;font-family:var(--f-display);font-weight:900;font-size:clamp(48px,10vw,120px);letter-spacing:.32em;padding-left:.32em;text-shadow:0 0 60px rgba(255,98,131,.35);} .intro p{margin:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.3em;color:var(--mute);} .intro .h1{text-align:center;} .intro{padding:0 16px;} body:not(.ready) .ui{visibility:hidden;} body:not(.ready) .intro{animation:none;} body:not(.ready) .intro p{animation:introLd 1.2s ease-in-out infinite alternate;} @keyframes introLd{from{opacity:.35}to{opacity:1}} @keyframes intro{0%,55%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(8px);visibility:hidden}} .fail{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:0 24px;text-align:center;font-size:15px;line-height:1.8;color:var(--mute);} /* secondary toggles go icon-only before the bar would wrap; their names stay in the tooltip */ @media (max-width:1560px){ .btn.sec .t{display:none;} .btn.sec{padding:0 10px;} } @media (max-width:820px){ .brand .h1{font-size:22px;} .scenes{inset-inline:16px;top:calc(var(--sat) + 108px);width:auto;flex-direction:row;overflow-x:auto;scrollbar-width:none;} .scenes::-webkit-scrollbar{display:none;} .scene{flex:none;} .side{top:calc(var(--sat) + 14px);inset-inline-end:16px;max-width:54vw;} .tele{grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:8px 10px;font-size:10.5px;row-gap:2px;column-gap:10px;} .tele dt{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .tele dd{white-space:nowrap;} .brand .h1{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15;} .tele .opt{display:none;} .brand{inset-inline-start:16px;} .brand p{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} :root:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="pt"],[lang="ru"],[lang="ja"],[lang="ko"],[lang="ar"],[lang="zh"]) .brand .h1{white-space:normal;word-break:keep-all;max-width:36vw;line-height:1.1;} :root[lang="ja"] .brand .h1{max-width:48vw;font-size:20px;letter-spacing:.06em;} :root[lang="ru"] .brand .h1#brand{font-size:20px;} .caption{inset-inline-start:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);} .caption h2{font-size:24px;} :root:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="pt"],[lang="ru"]) .caption h2{font-size:22px;} :root:is([lang="ko"],[lang="ar"]) .caption h2{font-size:21px;} :root:is([lang="ko"],[lang="ar"]) .brand .h1{font-size:19px;} :root:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="pt"],[lang="ru"]) .brand .h1{font-size:23px;} .caption p{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .hint{display:none;} .toasts{inset-inline:16px;align-items:flex-start;bottom:auto;top:calc(var(--sat) + 180px);} .speed .t{display:none;} .toast{font-size:11.5px;padding:4px 10px;} .bar{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);} .btn .t{display:none;} #b-full,.bar .sep{display:none;} .btn{padding:0 10px;} input[type=range]{width:84px;} } @media (max-height:500px) and (orientation:landscape){ .brand .h1{font-size:20px;} .brand p,.hint,.side{display:none;} body.sol .brand,body.exo .brand{display:none;} #scenes{inset-inline:16px;top:calc(var(--sat) + 50px);width:auto;flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:4px;} #scenes::-webkit-scrollbar{display:none;} #scenes .scene{flex:none;padding:4px 10px;} #scenes .scene .cat{display:none;} .caption{bottom:calc(env(safe-area-inset-bottom,0px) + 70px);max-width:min(520px,60vw);} .caption h2{font-size:20px;} .caption p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .bar{bottom:calc(env(safe-area-inset-bottom,0px) + 10px);flex-wrap:nowrap;max-width:calc(100% - 32px);overflow-x:auto;scrollbar-width:none;} .btn .t{display:none;} #b-full,.bar .sep,.speed .t{display:none;} .btn{padding:0 10px;} input[type=range]{width:84px;} .toasts{bottom:auto;top:calc(var(--sat) + 96px);} } @media (prefers-reduced-motion:reduce){ .intro{animation-duration:.01s;} .toast{animation-duration:6s;} } /* Milky Way explorer: its own canvas and console, laid out like the solar system */ #exo{position:fixed;inset:0;z-index:5;} #exo[hidden]{display:none!important;} #exo-cv{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;background:#030407;} #exo-cv.dragging{cursor:grabbing;} body.exo #gl,body.exo #labels{display:none!important;} body.exo .ui{z-index:6;} body.exo .ui>:not(#toasts):not(#chan):not(#chan-m):not(#lang-ph):not(#me):not(#me-wb){display:none!important;} #exo-lbl{z-index:1;} .mw-l{font-size:12px;} .mw-l.nofn{cursor:default;} .mw-l.sel{color:var(--oiii);font-weight:600;} .mw-l.sel::before{width:18px;background:var(--oiii);} .mw-l.ring,.mw-l.hz{font-family:var(--f-mono);font-size:10.5px;color:var(--faint);} .mw-l.ring::before,.mw-l.hz::before{display:none;} .mw-l.hz{color:rgba(120,220,160,.75);} #exo-nav{inset-inline-start:auto;inset-inline-end:20px;top:calc(var(--sat) + 18px);max-height:calc(100% - 120px);z-index:2;} #exo-nav .scene[aria-pressed="true"] .dot{background:var(--oiii);border-color:var(--oiii);box-shadow:0 0 10px var(--oiii);} #exo-nav .scene[aria-pressed="true"] .cat{color:var(--oiii);} #exo-nav .scene .nm{font-size:14px;} #exo-list{display:contents;} .mw-hd{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;color:var(--oiii);padding:8px 10px 2px;border-top:1px solid var(--line);margin-top:3px;} #exo-q{all:unset;box-sizing:border-box;font-size:13px;color:var(--ink);padding:7px 10px;margin:0 0 4px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.04);flex:none;position:sticky;top:0;z-index:1;backdrop-filter:blur(8px);} #exo-q::placeholder{color:var(--faint);} #exo-q:focus{border-color:var(--oiii);} #exo-cap{bottom:calc(env(safe-area-inset-bottom,0px) + 76px);max-width:min(470px,calc(100% - 300px));pointer-events:none;z-index:2;} #exo-cap .cat{color:var(--oiii);} #exo-cap h2,#exo-cap p,#exo-cap .cat,#exo-cap .date{text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.7);} #exo-cap .date{font-family:var(--f-mono);font-size:11px;color:var(--mute);letter-spacing:.03em;} #exo-cap [hidden]{display:none!important;} #exo-cap .credit{font-size:10px;color:var(--faint);font-family:var(--f-mono);letter-spacing:.02em;pointer-events:auto;cursor:pointer;} #exo-flt{display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto;} #exo-flt button{all:unset;cursor:pointer;font-size:12px;padding:4px 10px;border:1px solid var(--line);border-radius:99px;color:var(--mute);background:rgba(5,6,10,.5);} #exo-flt button[aria-pressed="true"]{color:var(--void);background:var(--oiii);border-color:var(--oiii);} #exo-flt button:focus-visible{outline:1px solid var(--oiii);} #exo-count{font-family:var(--f-mono);font-size:11px;color:var(--mute);} #exo-stats{pointer-events:auto;} #exo-chips{display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto;} .mw-chip{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:4px 10px;border:1px solid var(--line);border-radius:99px;background:rgba(5,6,10,.55);color:var(--ink);} .mw-chip i{width:8px;height:8px;border-radius:50%;} .mw-chip[aria-pressed="true"]{border-color:var(--oiii);background:rgba(98,227,210,.16);} .mw-chip:focus-visible{outline:1px solid var(--oiii);} #exo-size{pointer-events:none;} #exo-leg .li{cursor:default;} #exo-leg .li.hz i{background:rgba(77,217,140,.5);border-radius:2px;width:12px;} .exo-o{margin:0;font-size:12px;line-height:1.6;color:var(--mute);text-shadow:0 1px 8px rgba(0,0,0,.9);} .exo-o.yes{color:var(--ink);} .exo-o strong{color:var(--oiii);font-weight:600;} .exo-o small{display:block;margin-top:3px;font-family:var(--f-mono);font-size:10px;color:var(--faint);} #eb-play .pl{display:none;} #eb-play.paused .pl{display:block;} #eb-play.paused .pa{display:none;} #exo-bar{z-index:2;} #exo-bar .btn[hidden]{display:none;} [dir="rtl"] #eb-back svg{transform:scaleX(-1);} .scene.exo-entry .dot{border-color:var(--oiii);} .scene.exo-entry .cat{color:var(--oiii);} @media (max-width:820px){ #exo-nav{inset-inline:12px;top:calc(var(--sat) + 12px);width:auto;flex-direction:row;overflow-x:auto;scrollbar-width:none;max-height:none;} #exo-nav::-webkit-scrollbar{display:none;} #exo-nav .scene{flex:none;padding:6px 10px;} #exo-nav .scene .dot{display:none;} #exo-nav .scene{grid-template-columns:1fr;} .mw-hd{display:none;} #exo-q{min-width:120px;width:120px;margin:0 4px 0 0;position:static;} #exo-cap{bottom:calc(env(safe-area-inset-bottom,0px) + 62px);inset-inline:12px;max-width:none;max-height:46%;overflow-y:auto;scrollbar-width:none;gap:5px;} #exo-cap.scroll{pointer-events:auto;} #exo-cap p{-webkit-line-clamp:4;} #exo-cap .credit:not(.open){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #exo-bar .btn .t{display:none;} #exo-bar #eb-in .t,#exo-bar #eb-out .t{display:inline;} } /* solar-system explorer: its own canvas and console; the galaxy UI steps aside */ #sol{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;} #sol.dragging{cursor:grabbing;} #sol[hidden],.sol-only{display:none!important;} body.sol .sol-only{display:flex!important;} body.sol #sol-labels{display:block!important;} body.sol #gl,body.sol #labels,body.sol #scenes,body.sol .side,body.sol #caption,body.sol .bar:not(#sol-bar){display:none!important;} .scene.sol-entry{border-bottom:1px solid var(--line);border-radius:7px 7px 0 0;margin-bottom:3px;} .scene.sol-entry .dot{border-color:var(--oiii);background:radial-gradient(circle,var(--oiii) 30%,transparent 70%);} .scene.sol-entry .cat{color:var(--oiii);} #sol-nav .scene[aria-pressed="true"] .dot{background:var(--oiii);border-color:var(--oiii);box-shadow:0 0 10px var(--oiii);} #sol-nav .scene[aria-pressed="true"] .cat{color:var(--oiii);} #sol-cap{bottom:calc(env(safe-area-inset-bottom,0px) + 76px);max-width:min(460px,calc(100% - 40px));} #sol-cap .cat{color:var(--oiii);} .stats{margin:6px 0 0;padding:10px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:8px 22px;} .stats[hidden]{display:none;} #sol-cap .date{font-family:var(--f-mono);font-size:11px;color:var(--mute);letter-spacing:.04em;} body.solwalk #sol-nav,body.solwalk #s-stats,body.solwalk #s-credit,body.solwalk #s-date{display:none!important;} body.solwalk #sol-cap{max-width:min(380px,calc(100% - 40px));text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.75);padding:12px 14px;border-radius:12px;background:rgba(3,4,10,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);} body.solwalk #brand,body.solwalk #sub{text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.6);} #sol-cap .credit{font-size:10px;color:var(--faint);font-family:var(--f-mono);letter-spacing:.02em;} .stats div{display:flex;flex-direction:column;gap:2px;min-width:0;} .stats dt{font-size:11px;color:var(--mute);} .stats dd{margin:0;font-family:var(--f-mono);font-size:12.5px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;} .sol-lbl{all:unset;pointer-events:auto;cursor:pointer;position:absolute;left:0;top:0;font-size:12px;color:var(--mute);white-space:nowrap;display:flex;align-items:center;gap:6px;transition:opacity .3s,color .2s;} .sol-lbl::before{content:"";width:12px;height:1px;background:var(--faint);} .sol-lbl:hover{color:var(--ink);} #sol-nav .scene.moon{padding-inline-start:22px;} #sb-play .pl{display:none;} #sb-play.paused .pl{display:block;} #sb-play.paused .pa{display:none;} #sol-q{all:unset;box-sizing:border-box;font-size:13px;color:var(--ink);padding:7px 10px;margin:0 0 4px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.04);flex:none;position:sticky;top:0;z-index:1;backdrop-filter:blur(8px);} #sol-q::placeholder{color:var(--faint);} #sol-q:focus{border-color:var(--oiii);} .leg[hidden]{display:none!important;} .leg{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;pointer-events:auto;} .leg .li{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mute);} .leg .li i{width:7px;height:7px;border-radius:50%;} .leg .li:nth-child(1) i{background:#dcc7a8;} .leg .li:nth-child(2) i{background:#f2a366;} .leg .li:nth-child(3) i{background:#8cdba3;} .leg .li:nth-child(4) i{background:#8cb3ff;} .leg .li:nth-child(5) i{background:#f5c86b;} @media (max-width:820px){#sol-cap .credit:not(.open){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}} .leg .li.off{opacity:.4;text-decoration:line-through;} .leg .li:focus-visible{outline:1px solid var(--oiii);} .leg small{flex-basis:100%;font-size:10.5px;color:var(--faint);} #sol-cap.tight2 .leg small{display:none;} #sol-cap.tight .credit:not(.open){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sol-cap .credit{pointer-events:auto;cursor:pointer;} .btn[hidden]{display:none!important;} button,select,input,.lbl,.sol-lbl{touch-action:manipulation;} #hunt-pick>.panel{position:relative;} #hunt-px{position:absolute;top:14px;inset-inline-end:14px;z-index:1;} #hunt-live h2{padding-inline-end:54px;} /* fingers: bigger slider thumbs and selects; small chips and legend rows get an invisible margin that still catches the tap */ @media (pointer:coarse){ input[type=range]{height:34px;} input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-10px;} input[type=range]::-moz-range-thumb{width:22px;height:22px;} select{height:34px;} .leg .li,.mw-chip,#exo-flt button{position:relative;} .leg .li::after,.mw-chip::after,#exo-flt button::after{content:"";position:absolute;inset:-5px -3px;} #sz-prev,#sz-next{min-width:44px;justify-content:center;} } #sol-cap .credit:not(.open),#exo-cap .credit:not(.open){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sol-cap.tight2 #s-fact{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} #sol-cap.tight2 #s-date{display:none;} .stats div.wrap dd{white-space:normal;overflow:visible;} #sol-nav.tight3 .scene .cat{display:none;} #sol-nav.tight3 .scene{padding:4px 10px;} #sol-cap.tight4 #s-stats{display:none;} #sol-nav.rside{inset-inline-start:auto;inset-inline-end:20px;max-height:calc(100% - 200px);} #sol-nav .scene[hidden]{display:none;} #sol-nav .scene.moon .nm{font-size:12px;} .sol-lbl:focus-visible{outline:1px solid var(--oiii);} [dir="rtl"] .sol-lbl{flex-direction:row-reverse;} #sol-bar .btn[hidden]{display:none;} body.solwalk #sol-labels,body.exocine #exo>:not(#exo-cv),body.exocine .ui>*,body.solcine #ui>*,body.solcine .sol-only,body.solcine #sol-labels,body.solcine .toast{display:none!important;} #sol-cine{position:fixed;inset:0;z-index:30;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:0 max(28px,6vw) max(40px,9vh);color:#f3e9da;} #sol-cine[hidden]{display:none;} #hunt{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,#101833 0%,#060814 55%,#03040a 100%);padding:max(14px,var(--sat)) max(16px,3vw) max(10px,env(safe-area-inset-bottom,0px));gap:10px;} #hunt[hidden]{display:none;} #lg{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;gap:10px;overflow-y:auto;color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,#16123a 0%,#070816 55%,#03040a 100%);padding:max(14px,var(--sat)) max(16px,3vw) max(12px,env(safe-area-inset-bottom,0px));} #lg[hidden]{display:none;} body.lgon #ui,body.lgon .bar,body.lgon #toasts{visibility:hidden;} #lg .hh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;} #lg h2{font-family:var(--f-display);font-weight:400;font-size:clamp(20px,2.6vw,28px);letter-spacing:.12em;margin:0;} #lg-sub{margin:4px 0 0;font-size:13px;color:var(--mute);} #lg-ev{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:none;} #lg-ev .btn{flex-direction:column;align-items:flex-start;gap:1px;padding:6px 12px;flex:none;} #lg-ev .btn small{font-size:10.5px;color:var(--mute);} #lg-ev .btn[aria-pressed="true"]{border-color:#b99cff;box-shadow:0 0 0 1px #b99cff inset;} #lg-ev .btn[aria-pressed="true"] b{color:#cdb8ff;} #lg-main{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:12px;} #lg-l{padding:10px;display:flex;flex-direction:column;gap:8px;} #lg-orb{width:100%;aspect-ratio:1/1;max-height:44vh;border-radius:10px;display:block;} #lg-ani{margin:0;font-size:10.5px;color:var(--faint);} #lg-facts{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0;font-size:12.5px;} #lg-facts dt{color:var(--mute);} #lg-facts dd{margin:0;font-family:var(--f-mono);font-size:12px;} #lg-r{display:flex;flex-direction:column;gap:10px;min-width:0;} .lg-w{position:relative;padding:6px;} .lg-w span{position:absolute;inset-inline-start:12px;top:7px;font-size:11px;color:var(--mute);font-family:var(--f-mono);} .lg-w canvas{width:100%;height:clamp(110px,19vh,180px);display:block;} #lg-ctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center;} #lg-ctl label{font-size:12.5px;color:var(--mute);display:flex;gap:6px;align-items:center;} #lg-leg,#lg-p{margin:0;font-size:13.5px;line-height:1.65;} #lg-leg{color:var(--mute);font-size:12.5px;} #lg-cred{margin:0;font-size:10.5px;color:var(--faint);font-family:var(--f-mono);} @media (max-width:820px){#lg-main{grid-template-columns:1fr;} #lg-orb{max-height:36vh;}} .ov{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;gap:12px;overflow-y:auto;color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,#141a3a 0%,#070816 55%,#03040a 100%);padding:max(14px,var(--sat)) max(16px,3vw) max(12px,env(safe-area-inset-bottom,0px));} .ov[hidden]{display:none;} body.ovon #ui,body.ovon .bar,body.ovon #toasts{visibility:hidden;} .ov .hh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;} .ov h2{font-family:var(--f-display);font-weight:400;font-size:clamp(20px,2.6vw,28px);letter-spacing:.12em;margin:0;} .ov .sub{margin:4px 0 0;font-size:13px;color:var(--mute);max-width:640px;} .ov .note{margin:0;font-size:10.5px;color:var(--faint);font-family:var(--f-mono);max-width:820px;} #yb-f{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;} #yb-f label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--mute);} #yb-f select{height:auto;min-height:40px;line-height:1.3;background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px;} #yb-f select option{background:#0b0d1a;} #yb-r{max-width:640px;display:flex;flex-direction:column;gap:10px;} .yb-dot{width:120px;height:120px;margin:4px 0 -6px;} .yb-big{font-family:var(--f-display);font-size:clamp(19px,2.4vw,24px);line-height:1.45;margin:0;} .yb-dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:13px;} .yb-dl dt{color:var(--mute);} .yb-dl dd{margin:0;font-family:var(--f-mono);font-size:12.5px;} .yb-b{display:flex;gap:10px;flex-wrap:wrap;} .yb-o{margin:0;font-size:13px;color:var(--mute);line-height:1.6;} .yb-chips{display:flex;gap:6px;flex-wrap:wrap;} #sz-cv{width:100%;flex:1;min-height:300px;border-radius:12px;display:block;touch-action:pan-y;cursor:grab;} #sz-i{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;} #sz-n{font-family:var(--f-display);font-size:clamp(20px,2.6vw,28px);margin:0;} #sz-k{margin:2px 0 0;color:#62e3d2;font-size:12px;letter-spacing:.06em;} #sz-dl{display:grid;grid-template-columns:auto auto;gap:5px 14px;margin:0;font-size:13px;} #sz-dl dt{color:var(--mute);} #sz-dl dd{margin:0;font-family:var(--f-mono);font-size:12.5px;} #sz-c{display:flex;gap:8px;direction:ltr;} #snd-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;max-width:1180px;} #snd-d{display:flex;flex-direction:column;gap:8px;min-width:0;} .snd-k{margin:0;color:#8fb8ff;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;} #snd-n{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(20px,2.6vw,30px);letter-spacing:.04em;} .snd-m{margin:0;color:var(--mute);font-size:13px;} #snd-sp{position:relative;direction:ltr;border-radius:10px;overflow:hidden;background:#000;cursor:pointer;border:1px solid var(--line);aspect-ratio:1024/180;min-height:90px;} #snd-img{display:block;width:100%;height:100%;object-fit:fill;} #snd-ph{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 10px #fff;pointer-events:none;} .snd-f{margin:-2px 0 0;font-family:var(--f-mono);font-size:10.5px;color:var(--faint);} .snd-c{display:flex;gap:8px;flex-wrap:wrap;align-items:center;} #snd-t{font-family:var(--f-mono);font-size:12px;color:var(--mute);} #snd-d h4{margin:8px 0 0;font-size:12px;letter-spacing:.08em;color:#f5c86b;font-weight:500;} #snd-d p{margin:0;font-size:14px;line-height:1.7;max-width:720px;} #snd-d p.note{font-size:10.5px;} #snd-l{display:flex;flex-direction:column;gap:4px;} .snd-g{margin:6px 0 2px;font-size:11px;letter-spacing:.12em;color:var(--mute);text-transform:uppercase;} .snd-i{all:unset;cursor:pointer;display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;border:1px solid transparent;} .snd-i:hover{background:rgba(255,255,255,.05);} .snd-i[aria-pressed="true"]{border-color:var(--line);background:rgba(143,184,255,.08);} .snd-tx{display:flex;flex-direction:column;gap:1px;min-width:0;} .snd-tx b{font-weight:500;font-size:13.5px;} .snd-tx small{font-size:11px;color:var(--mute);} .snd-ic{flex:none;width:8px;height:8px;border-radius:50%;border:1.5px solid #8fb8ff;} .snd-i.on .snd-ic{background:#8fb8ff;box-shadow:0 0 10px #8fb8ff;animation:sndP 1s ease-in-out infinite alternate;} @keyframes sndP{to{transform:scale(1.5);}} #s-hear{align-self:flex-start;pointer-events:auto;border:1px solid rgba(143,184,255,.45);background:linear-gradient(90deg,rgba(143,184,255,.28) var(--p,0%),rgba(8,10,20,.45) var(--p,0%));color:#dbe7ff;margin:2px 0;} #s-hear:not(.on){--p:0%;} #snd-t{direction:ltr;unicode-bidi:isolate;} [dir="rtl"] .snd-k,[dir="rtl"] .snd-f,[dir="rtl"] .snd-g,[dir="rtl"] #snd-d h4{letter-spacing:0;font-family:inherit;text-transform:none;} @media (max-width:820px){#snd-main{grid-template-columns:1fr;} #snd-d p{font-size:13.5px;}} .scene.snd-entry .dot{border-color:#8fb8ff;background:radial-gradient(circle,#8fb8ff 30%,transparent 70%);} .scene.snd-entry .cat{color:#8fb8ff;} .scene.yb-entry .dot{border-color:#ff9ec7;background:radial-gradient(circle,#ff9ec7 30%,transparent 70%);} .scene.yb-entry .cat{color:#ff9ec7;} .scene.sz-entry .dot{border-color:#ffb36b;background:radial-gradient(circle,#ffb36b 30%,transparent 70%);} .scene.sz-entry .cat{color:#ffb36b;} @media (max-width:820px){#sol-nav,#exo-nav,#scenes,#lg-ev{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);} [dir="rtl"] #sol-nav,[dir="rtl"] #exo-nav,[dir="rtl"] #scenes,[dir="rtl"] #lg-ev{-webkit-mask-image:linear-gradient(270deg,#000 88%,transparent);mask-image:linear-gradient(270deg,#000 88%,transparent);}} .scene.lg-entry .dot{border-color:#b99cff;background:radial-gradient(circle,#b99cff 30%,transparent 70%);} .scene.lg-entry .cat{color:#b99cff;} body.hunting #ui,body.hunting .bar,body.hunting #toasts{visibility:hidden;} #hunt .hh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;} #hunt h2{font-family:var(--f-display);font-weight:400;font-size:clamp(20px,2.6vw,28px);letter-spacing:.12em;margin:0;} #hunt-star{margin:4px 0 0;font-family:var(--f-mono);font-size:11.5px;color:var(--mute);letter-spacing:.04em;} #hunt .hb{display:flex;gap:6px;flex-shrink:0;} #hunt .btn{border:1px solid var(--line);} #hunt .btn:not(.hot):not(.on):hover{background:rgba(236,230,216,.08);} #hunt .btn.hot{border-color:transparent;} #hunt .btn.on{color:var(--void);background:var(--oiii);} #hunt-lc{position:relative;flex:1 1 46%;min-height:170px;border:1px solid var(--line);border-radius:10px;background:rgba(3,4,10,.55);overflow:hidden;} #hunt-lc canvas,#hunt-plw canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;} #hunt-lc canvas{cursor:crosshair;} #hunt .htools{position:absolute;top:8px;inset-inline-end:8px;display:flex;gap:6px;} #hunt .htools .btn{height:28px;font-size:12px;background:rgba(8,10,20,.7);} #hunt-tip{position:absolute;inset-inline-start:10px;top:8px;margin:0;font-size:11px;color:var(--mute);pointer-events:none;} #hunt-low{flex:1 1 54%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:10px;} #hunt-plw{position:relative;min-height:150px;} #hunt-panel{padding:14px 16px;overflow-y:auto;font-size:13.5px;line-height:1.65;} #hunt-panel p{margin:6px 0;} #hunt-panel h3{margin:4px 0;font-size:15px;font-weight:600;} #hunt .hsteps{display:flex;gap:6px;list-style:none;margin:0 0 8px;padding:0;flex-wrap:wrap;} #hunt .hsteps li{font-size:11px;padding:2px 9px;border-radius:99px;border:1px solid var(--line);color:var(--mute);} #hunt .hsteps li.on{color:var(--void);background:#f5c86b;border-color:transparent;} #hunt .hsteps li.done{color:var(--oiii);border-color:rgba(98,227,210,.4);} #hunt .hper{font-family:var(--f-mono);font-size:22px;letter-spacing:.04em;margin:6px 0;} #hunt input[type=range]{width:100%;accent-color:#f5c86b;} #hunt .hrow{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0;} #hunt .hm2{color:#ff6283;font-family:var(--f-mono);font-size:12px;} #hunt .hmeter{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mute);} #hunt .hmeter i{flex:1;height:6px;border-radius:3px;background:rgba(236,230,216,.1);overflow:hidden;} #hunt .hmeter b{display:block;height:100%;background:linear-gradient(90deg,#f5c86b,#62e3d2);transition:width .2s;} #hunt .hmsg{min-height:1.6em;color:var(--mute);} #hunt .hmsg.ok{color:var(--oiii);font-weight:600;} #hunt .hchk{list-style:none;padding:0;margin:6px 0;display:grid;gap:4px;} #hunt .hchk li{font-size:12px;color:var(--mute);padding-inline-start:20px;position:relative;} #hunt .hchk li::before{content:'○';position:absolute;inset-inline-start:0;} #hunt .hchk li.on{color:var(--ink);} #hunt .hchk li.on::before{content:'◉';color:#f5c86b;} #hunt .hchk li.hok::before{content:'✓';color:var(--oiii);} #hunt .hchk li.hbad{color:#ff6283;} #hunt .hchk li.hbad::before{content:'✕';} #hunt .hcur{border-top:1px solid var(--line);margin-top:8px;padding-top:6px;} #hunt .hres.hok b{color:var(--oiii);} #hunt .hres.hbad b{color:#ff6283;} #hunt .hbig{font-family:var(--f-display);font-size:19px!important;font-weight:400!important;color:#f5c86b;} #hunt .hname{font-family:var(--f-mono);font-size:16px;margin:2px 0 8px!important;} #hunt .hdl{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:6px 0;} #hunt .hdl dt{color:var(--mute);font-size:12px;} #hunt .hdl dd{margin:0;font-family:var(--f-mono);font-size:13px;} #hunt .hfact{color:var(--ink);} #hunt .hnote{color:var(--mute);font-size:12px;} #hunt-cred{margin:0;font-size:10.5px;color:rgba(236,230,216,.38);text-align:center;} #hunt-pick{position:absolute;inset:0;display:grid;place-items:center;background:rgba(3,4,10,.72);padding:max(16px,var(--sat)) 16px 16px;z-index:2;} #hunt-pick[hidden]{display:none;} #hunt-pick>.panel{width:min(760px,100%);max-height:100%;overflow-y:auto;padding:22px;} #hunt-pick-p{color:var(--mute);margin:6px 0 14px;font-size:13px;} #hunt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;} #hunt .hcard{all:unset;cursor:pointer;display:grid;gap:2px;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:rgba(236,230,216,.03);} #hunt .hcard:hover{border-color:#f5c86b;} #hunt .hcard .hn{font-family:var(--f-mono);font-size:11px;color:#f5c86b;} #hunt .hcard .hm{font-family:var(--f-mono);font-size:13px;} #hunt .hcard .hs{font-size:11px;color:var(--mute);} #hunt .hcard.done{border-color:rgba(98,227,210,.45);} #hunt .hcard.done .hs{color:var(--oiii);} @media (max-width:820px){#hunt{gap:8px;overflow-y:auto;} #hunt-low{flex:none;grid-template-columns:1fr;grid-template-rows:170px auto;} #hunt-lc{flex:0 0 34vh;} #hunt-panel{overflow:visible;} #hunt-tip{display:none;} #hunt .hh .btn#hunt-list{height:32px;padding:0 10px;font-size:12px;}} #hunt-plw{overflow:hidden;} #hunt-gl{position:absolute;inset:0;width:100%;height:100%;} #hunt-gl[hidden]{display:none;} #hunt-live h2{color:#62e3d2;} #hunt-live h3{margin:16px 0 2px;font-size:14px;font-weight:600;} #hunt .hlp{color:var(--mute);margin:6px 0 10px;font-size:13px;line-height:1.6;} #hunt-live .hrow{align-items:center;} #hunt-tic{flex:1 1 140px;min-width:0;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:rgba(3,4,10,.6);color:var(--ink);font:13px var(--f-mono);} #hunt-tic:focus{outline:none;border-color:#62e3d2;} #hunt .hstat{font-family:var(--f-mono);font-size:12px;color:#f5c86b;margin:4px 0;} #hunt .hcands{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;} #hunt-cand .hcard .hn{color:#62e3d2;} #hunt .hday{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 4px;padding:12px 14px;border-radius:10px;border:1px solid rgba(245,200,107,.45);background:linear-gradient(90deg,rgba(245,200,107,.12),rgba(98,227,210,.06));} #hunt .hday b{color:#f5c86b;font-weight:600;} #hunt .hday .hm{font-family:var(--f-mono);font-size:13px;} #hunt .hday .hlp{margin:4px 0 0;font-size:12px;} #hunt .hdr{display:flex;align-items:center;gap:10px;} #hunt-more{margin-top:8px;} #hunt .hcard[hidden]{display:none;} #hunt .hpat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin:0 0 8px;border-radius:8px;background:rgba(98,227,210,.1);border:1px solid rgba(98,227,210,.35);color:#62e3d2;font-size:12.5px;} @media (max-width:820px){#hunt-low{grid-template-rows:240px auto!important;}} #hunt .htut{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:17px!important;} #hunt-pick-h{display:none;} .scene.hunt-entry .dot{border-color:#62e3d2;background:radial-gradient(circle,#62e3d2 30%,transparent 70%);} .scene.hunt-entry .cat{color:#62e3d2;} body.jrn #sol-labels{display:none!important;} body.jrn #exo #exo-lbl{display:block!important;} #jrn{position:fixed;inset:0;z-index:40;pointer-events:none;color:#f3e9da;} #jrn[hidden]{display:none;} #jrn-dip{position:absolute;inset:0;background:#000;opacity:0;} #jrn-d{position:absolute;top:max(22px,calc(var(--sat) + 14px));inset-inline:0;text-align:center;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.22em;color:rgba(243,233,218,.72);text-transform:uppercase;} #jrn .jt{position:absolute;inset-inline-start:max(28px,6vw);bottom:max(48px,10vh);max-width:min(640px,calc(100% - 56px));} #jrn h2{font-family:var(--f-display);font-weight:300;font-size:clamp(28px,5.4vw,60px);letter-spacing:.14em;margin:0;opacity:0;transition:opacity 1.6s ease;text-shadow:0 0 24px rgba(0,0,0,.7);} #jrn .jt p{font-size:clamp(13px,1.6vw,16px);line-height:1.7;color:rgba(243,233,218,.78);margin:12px 0 0;opacity:0;transition:opacity 1.6s ease .4s;text-shadow:0 0 14px rgba(0,0,0,.8);} #jrn h2.on,#jrn .jt p.on,#jrn.end h2{opacity:1;} #jrn.end h2{font-size:clamp(22px,3.6vw,40px);} #jrn .jb{position:absolute;inset-inline-start:max(28px,6vw);bottom:max(24px,6vh,calc(env(safe-area-inset-bottom,0px) + 16px));display:none;gap:10px;flex-wrap:wrap;} #jrn.end .jb{display:flex;pointer-events:auto;} #jrn .jc{position:absolute;left:50%;transform:translateX(-50%);bottom:max(14px,calc(env(safe-area-inset-bottom,0px) + 10px));width:min(520px,calc(100% - 40px));display:flex;align-items:center;gap:12px;pointer-events:auto;opacity:.55;transition:opacity .4s;} #jrn .jc:hover,#jrn.paused .jc{opacity:1;} #jrn.end .jc{display:none;} #jrn .jc .btn{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;background:rgba(8,10,20,.55);border:1px solid rgba(243,233,218,.25);color:#f3e9da;font-size:12px;} #jrn-bar{position:relative;flex:1;height:3px;border-radius:2px;background:rgba(243,233,218,.18);} #jrn-bar i{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:2px;background:linear-gradient(90deg,#f5c86b,#62e3d2);} #jrn-ticks b{position:absolute;top:-3px;width:1px;height:9px;background:rgba(243,233,218,.45);} #jrn.paused .jt h2,#jrn.paused .jt p{opacity:1;} #jrn.end .jt{bottom:calc(max(24px,6vh,calc(env(safe-area-inset-bottom,0px) + 16px)) + 62px);} #jrn-hint{position:absolute;inset-inline-end:max(20px,4vw);top:max(22px,calc(var(--sat) + 14px));margin:0;font-size:11.5px;color:rgba(243,233,218,.45);animation:jrnH 6s ease forwards;} @keyframes jrnH{0%,70%{opacity:1}100%{opacity:0}} @media (max-width:820px){#jrn-d{top:max(56px,calc(var(--sat) + 48px));}#jrn-hint{top:max(22px,calc(var(--sat) + 14px));}} .scene.jrn-entry .dot{border-color:#f5c86b;background:radial-gradient(circle,#f5c86b 30%,transparent 70%);} .scene.jrn-entry .cat{color:#f5c86b;} #sol-cine h2{font-family:var(--f-display);font-weight:300;font-size:clamp(30px,6vw,64px);letter-spacing:.18em;text-transform:uppercase;margin:0;opacity:0;transition:opacity 2.4s ease;text-shadow:0 0 24px rgba(0,0,0,.6);} #sol-cine p{font-size:13px;letter-spacing:.06em;color:rgba(243,233,218,.6);margin:10px 0 0;opacity:0;transition:opacity 1.2s ease;} #sol-cine.on h2,#sol-cine.on p{opacity:1;} #sb-fun{color:#f5c86b;} #sb-fun.new{animation:funP 1.6s ease-in-out infinite;} @keyframes funP{50%{background:rgba(245,200,107,.22);}} #s-run{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:min(500px,calc(100% - 32px));padding:12px 16px 12px;display:flex;flex-direction:column;gap:6px;z-index:6;} #s-run[hidden],#s-fun[hidden]{display:none!important;} #s-run{top:auto;left:auto;transform:none;inset-inline-start:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);width:min(460px,calc(100% - 40px));box-sizing:border-box;max-height:calc(100% - 120px);overflow-y:auto;} body.solrun #sol-cap{visibility:hidden;} #s-run .rk{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:#f5c86b;} #s-run h3{margin:0;font-family:var(--f-display);font-size:19px;letter-spacing:.04em;} #s-run p{margin:0;font-size:13.5px;line-height:1.7;color:var(--ink);} #s-run p:empty{display:none;} #s-run .ro{display:flex;flex-wrap:wrap;gap:8px;} #s-run .ro:empty{display:none;} #s-run .ro .btn{border:1px solid var(--line);height:auto;min-height:34px;padding:6px 12px;flex:1 1 0;justify-content:center;flex-direction:column;gap:2px;white-space:normal;text-align:center;} #s-run .ro .btn small{font-family:var(--f-mono);font-size:11px;color:var(--mute);} #s-run .ro .btn.ok{border-color:var(--oiii);background:rgba(98,227,210,.14);} #s-run .ro .btn.no{border-color:var(--ha);background:rgba(255,98,131,.12);} #s-run .rb{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;} #s-run .rb .btn{height:30px;font-size:12.5px;} #s-run .rb .btn.go{background:rgba(245,200,107,.18);color:#f5c86b;} #s-run .bar2{height:2px;background:var(--line);border-radius:1px;overflow:hidden;} #s-run .bar2 i{display:block;height:100%;background:#f5c86b;transition:width .3s;} #s-fun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));max-height:calc(100% - 140px);overflow:auto;padding:18px 20px;z-index:7;display:flex;flex-direction:column;gap:10px;} #s-fun h3{margin:0;font-family:var(--f-display);font-size:22px;letter-spacing:.06em;} #s-fun h4{margin:6px 0 0;font-size:12px;font-family:var(--f-mono);letter-spacing:.1em;color:#f5c86b;font-weight:400;} #s-fun .x{position:absolute;top:10px;inset-inline-end:10px;} #s-fun .tl{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;} #s-fun .tl .btn,#s-fun .qz{border:1px solid var(--line);height:auto;padding:10px 12px;flex-direction:column;align-items:flex-start;gap:3px;white-space:normal;} #s-fun .tl .btn b{font-family:var(--f-display);font-size:15px;font-weight:600;} #s-fun .tl .btn small{font-size:11.5px;color:var(--mute);} #s-fun .tl .btn.done b::after{content:" ✓";color:var(--oiii);} #s-fun .qz{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;} #s-fun .qz small{display:block;font-size:11.5px;color:var(--mute);} #s-fun .qz.dl{border-color:rgba(245,200,107,.45);background:rgba(245,200,107,.06);} #s-fun .qz.dl b{color:#f5c86b;} .rg{display:flex;gap:5px;margin-top:6px;} .rg i{width:16px;height:16px;border-radius:4px;background:#ff6283;} .rg i.ok{background:#62e3d2;} #s-fun .pg{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mute);} #s-fun .pg i{display:block;height:3px;background:var(--line);border-radius:2px;overflow:hidden;} #s-fun .pg i b{display:block;height:100%;background:var(--oiii);} body.solwalk #s-run,body.solwalk #s-fun{display:none!important;} body.sol #sub,body.exo #sub{visibility:hidden;} @media (max-width:820px){ #s-run{inset-inline-start:16px;width:calc(100% - 32px);padding:10px 12px;} #s-run h3{font-size:16px;} #s-run p{font-size:12.5px;line-height:1.6;} } [dir="rtl"] #sb-back svg{transform:scaleX(-1);} @media (max-width:820px){ #sol-q{min-width:120px;margin:0 4px 0 0;position:static;} #sol-cap{bottom:calc(env(safe-area-inset-bottom,0px) + 62px);inset-inline:16px;max-width:none;} .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;padding:8px 10px;} .stats dt{font-size:10px;} .stats dd{font-size:11px;overflow:hidden;text-overflow:ellipsis;} #sb-land .t,#sb-wx .t{display:inline;} .sol-lbl{font-size:11px;} } @media (max-height:500px) and (orientation:landscape){#hunt{overflow-y:auto;} #hunt-lc{flex:0 0 210px;} #hunt-low{flex:none;grid-template-rows:280px;} #hunt-panel{overflow:visible;} #exo-cap,#sol-cap{max-height:calc(100% - 84px);overflow-y:auto;scrollbar-width:none;} #exo-cap p,#sol-cap p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}} #speed-o{white-space:nowrap;} /* channel bar: Solar System is home; Milky Way and galaxy collisions are the next scales out; Discover holds the activities */ .scenes{top:calc(var(--sat) + 118px);} .chan{position:absolute;top:calc(var(--sat) + 70px);inset-inline-start:20px;display:flex;align-items:center;gap:6px;padding:4px;max-width:calc(100% - 40px);z-index:3;} #chan-t{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0;} #chan-t::-webkit-scrollbar{display:none;} .ch{all:unset;box-sizing:border-box;cursor:pointer;white-space:nowrap;font-family:var(--f-body);font-size:13px;line-height:18px;padding:5px 11px;border-radius:7px;color:var(--mute);transition:background .2s,color .2s;} .ch:hover{color:var(--ink);background:rgba(255,255,255,.05);} .ch:focus-visible{outline:1px solid var(--oiii);} .ch[aria-current="page"]{color:var(--ink);background:rgba(255,255,255,.09);box-shadow:inset 0 -2px 0 var(--oiii);} #ch-more::after{content:"";display:inline-block;width:0;height:0;margin-inline-start:6px;vertical-align:2px;border:4px solid transparent;border-top-color:currentColor;border-bottom:0;} #ch-more{flex:none;} #lang-ph{position:absolute;top:calc(var(--sat) + 10px);inset-inline-end:12px;display:none;} #lang-ph,#lang-ph>*,#lang-ph #ch-me{pointer-events:auto!important;} #lang-ph #lang{background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);} #ch-more[aria-expanded="true"]{color:var(--ink);background:rgba(255,255,255,.09);} .chan #lang{flex:none;margin:0;} #chan-m{position:absolute;z-index:8;padding:6px;display:flex;flex-direction:column;gap:2px;width:260px;max-width:calc(100% - 24px);} #chan-m[hidden],#sb-back,body.ovon #labels,body.hunting #labels,body.lgon #labels{display:none!important;} body.exo .chan{top:calc(var(--sat) + 18px);} body.ovon #lang-ph,body.hunting #lang-ph,body.lgon #lang-ph,body.solcine #lang-ph,body.exocine #lang-ph,body.jrn #lang-ph,body.solwalk #lang-ph,body.ovon .chan,body.hunting .chan,body.lgon .chan,body.solcine .chan,body.exocine .chan,body.jrn .chan,body.solwalk .chan,body.ovon #chan-m,body.hunting #chan-m,body.lgon #chan-m,body.jrn #chan-m{display:none!important;} @media (max-width:820px){ .brand{top:calc(var(--sat) + 12px);} :root .brand .h1#brand{white-space:nowrap!important;max-width:calc(100vw - 140px)!important;font-size:20px!important;} .brand p{display:none;} .chan{top:calc(var(--sat) + 44px);inset-inline:12px;max-width:none;} body.exo .chan{top:calc(var(--sat) + 44px);} .ch{font-size:12.5px;padding:6px 10px;} .scenes{top:calc(var(--sat) + 92px);} #exo-nav{top:calc(var(--sat) + 92px);} .side{top:calc(var(--sat) + 150px);} .toasts{top:calc(var(--sat) + 236px);} #chan-m{width:auto;} } @media (max-width:820px) and (min-height:501px){#lang-ph{display:block;}} @media (max-height:500px) and (orientation:landscape){ .brand{display:none;} .chan,body.exo .chan{top:calc(var(--sat) + 8px);inset-inline-start:16px;inset-inline-end:auto;max-width:calc(100% - 32px);} body.exo .chan{max-width:calc(100% - 300px);} #scenes{top:calc(var(--sat) + 54px);} .ch{padding:5px 9px;} } /* My Universe (v58): the rank chip in the channel bar, its panel, and the welcome-back card */ #ch-me{all:unset;box-sizing:border-box;flex:none;cursor:pointer;white-space:nowrap;font-family:var(--f-mono);font-size:12px;line-height:18px;padding:4px 10px;border-radius:7px;color:#f5c86b;border:1px solid rgba(245,200,107,.35);background:rgba(245,200,107,.06);transition:background .2s;} #ch-me:hover,#ch-me[aria-expanded="true"]{background:rgba(245,200,107,.16);} #ch-me:focus-visible{outline:1px solid var(--oiii);} #me,#me-wb{position:absolute;z-index:9;box-sizing:border-box;} #me[hidden],#me-wb[hidden]{display:none!important;} #me{top:calc(var(--sat) + 124px);left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 24px));max-height:calc(100% - 124px - 96px - var(--sat));overflow:auto;padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;} #me .x,#me-wb .x{position:absolute;top:10px;inset-inline-end:10px;} #me h4{margin:10px 0 0;font-size:12px;font-family:var(--f-mono);letter-spacing:.1em;color:#f5c86b;font-weight:400;} .me-hd{display:flex;gap:14px;align-items:center;padding-inline-end:40px;} .me-lv{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-size:27px;color:#f5c86b;border:1.5px solid rgba(245,200,107,.6);background:radial-gradient(circle,rgba(245,200,107,.2),transparent 70%);} .me-hd>div:last-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;} .me-hd h3{margin:0;font-family:var(--f-display);font-size:23px;letter-spacing:.03em;line-height:1.15;} .me-hd small,.me-note,.me-ics small{font-size:11.5px;color:var(--mute);line-height:1.5;} .me-note{margin:0;} .me-bar,.me-cat i{display:block;height:4px;background:var(--line);border-radius:2px;overflow:hidden;} .me-bar b,.me-cat i b{display:block;height:100%;background:linear-gradient(90deg,var(--oiii),#f5c86b);} .me-ls{display:flex;flex-direction:column;font-size:13px;} .me-ls>div{display:flex;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);} .me-ls b{flex:none;width:7.5em;font-weight:500;color:var(--ink);} .me-ev b{width:10.5em;font-family:var(--f-mono);font-size:12px;color:#f5c86b;font-weight:400;padding-top:1px;} .me-ls span{color:var(--mute);min-width:0;} .me-ics{display:flex;align-items:center;gap:12px;margin-top:6px;} .me-ics .btn{flex:none;} .me-cat{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;} #me .me-cat .btn{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:9px 10px;border:1px solid var(--line);white-space:normal;text-align:start;} #me .me-cat .btn span{font-size:12.5px;line-height:1.3;} #me .me-cat .btn em{font-style:normal;font-family:var(--f-mono);font-size:12px;color:var(--oiii);} #me .me-cat .btn.full{border-color:rgba(98,227,210,.55);} #me .me-cat .btn.full em::after{content:" ✓";} #me-wb{top:calc(var(--sat) + 124px);left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 24px));padding:16px 18px;} #me-wb h3{margin:0 0 8px;padding-inline-end:36px;font-family:var(--f-display);font-size:20px;line-height:1.25;} #me-wb ul{margin:0 0 12px;padding-inline-start:18px;font-size:13px;color:var(--mute);display:flex;flex-direction:column;gap:5px;line-height:1.45;} body.ovon #me,body.hunting #me,body.lgon #me,body.jrn #me,body.solcine #me,body.exocine #me,body.solwalk #me, body.ovon #me-wb,body.hunting #me-wb,body.lgon #me-wb,body.jrn #me-wb,body.solcine #me-wb,body.exocine #me-wb,body.solwalk #me-wb{display:none!important;} @media (max-width:820px){ #me{top:auto;bottom:10px;transform:translateX(-50%);max-height:calc(100% - 100px);padding:16px 14px 18px;} #me-wb{top:calc(var(--sat) + 96px);} .me-ls b{width:6.2em;} .me-ev>div{flex-direction:column;gap:2px;} .me-ev b{width:auto;} .me-ics{flex-direction:column;align-items:flex-start;gap:6px;} .me-cat{grid-template-columns:1fr 1fr;} #ch-me{padding:5px 8px;} } @media (max-width:820px) and (min-height:501px){ #lang-ph{display:flex;align-items:center;gap:8px;} :root .brand .h1#brand{max-width:calc(100vw - 168px)!important;overflow:hidden;text-overflow:ellipsis;} #lang-ph #ch-me{padding:5px 8px;} #lang-ph #ch-me span{display:none;} } body.ovon #lang-ph #ch-me,body.hunting #lang-ph #ch-me,body.lgon #lang-ph #ch-me{display:none;} @media (max-height:500px) and (orientation:landscape){ #me{top:8px;bottom:8px;transform:translateX(-50%);max-height:none;} #me-wb{top:54px;} } @media (max-width:820px){ #sol-q,#exo-q{flex:0 0 104px;width:104px;min-width:0;height:32px;align-self:center;padding:5px 8px 5px 26px;font-size:12px;text-overflow:ellipsis; background:rgba(255,255,255,.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239aa3b2' stroke-width='1.6'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3Cpath d='M10.5 10.5L14 14'/%3E%3C/svg%3E") no-repeat 8px 50%/13px 13px;transition:flex-basis .2s,width .2s;} [dir="rtl"] #sol-q,[dir="rtl"] #exo-q{padding:5px 26px 5px 8px;background-position:calc(100% - 8px) 50%;} #sol-q:focus,#exo-q:focus{flex-basis:170px;width:170px;} } #sb-gd{color:#9fd6ff;} #sb-gd.new{animation:gdP 1.6s ease-in-out infinite;} @keyframes gdP{50%{background:rgba(143,200,255,.22);}} #s-gd{align-self:flex-start;pointer-events:auto;border:1px solid rgba(159,214,255,.4);background:rgba(8,10,20,.45);color:#dbefff;margin:2px 0;} #s-gd.on{background:rgba(159,214,255,.22);} #sol-cap .hear2{display:flex;gap:6px;flex-wrap:wrap;align-items:center;} #sol-cap .hear2 .btn{margin:2px 0;} .scene.gd-entry .dot{border-color:#9fd6ff;background:radial-gradient(circle,#9fd6ff 30%,transparent 70%);} .scene.gd-entry .cat{color:#9fd6ff;} #s-run.gd .rk{color:#9fd6ff;} #s-run.gd .bar2 i{background:#9fd6ff;} #s-run.gd .rb .btn.go{background:rgba(159,214,255,.18);color:#bfe3ff;} #s-run.gd .ro .btn{min-height:36px;} #s-run.gd .gd-lv{display:inline-block;width:14px;height:10px;margin-inline-end:6px;vertical-align:-1px;background:linear-gradient(#9fd6ff,#9fd6ff) 0 100%/3px 40% no-repeat,linear-gradient(#9fd6ff,#9fd6ff) 5px 100%/3px 100% no-repeat,linear-gradient(#9fd6ff,#9fd6ff) 10px 100%/3px 65% no-repeat;opacity:.35;} #s-run.gd.talk .gd-lv{opacity:1;animation:gdLv .9s ease-in-out infinite alternate;} @keyframes gdLv{to{background-size:3px 90%,3px 45%,3px 100%;}} #s-run.gd .gd-live{color:#bfe3ff;font-family:var(--f-mono);font-size:11.5px;} #s-run.gd .gd-no{font-size:11.5px;color:var(--mute);margin:0;} @media (max-width:820px){ #s-run.gd .rb .btn{height:30px;padding:0 9px;font-size:12px;} } @media (pointer:coarse){html.framed{--sat:max(env(safe-area-inset-top,0px),64px);}} #brand::before{content:"";display:inline-block;width:1.3em;height:1.3em;margin-inline-end:.38em;vertical-align:-.3em;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij48ZGVmcz48cmFkaWFsR3JhZGllbnQgaWQ9ImJnIiBjeD0iNTAlIiBjeT0iNDIlIiByPSI3MCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzBkMTIyNiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAzMDQwYSIvPjwvcmFkaWFsR3JhZGllbnQ+PGZpbHRlciBpZD0iZ2wiIHg9Ii01MCUiIHk9Ii01MCUiIHdpZHRoPSIyMDAlIiBoZWlnaHQ9IjIwMCUiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMuMiIvPjwvZmlsdGVyPjxyYWRpYWxHcmFkaWVudCBpZD0iYWciIGN4PSI2NCIgY3k9IjY0IiByPSI1MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjJjZiIvPjxzdG9wIG9mZnNldD0iLjMiIHN0b3AtY29sb3I9IiNmNWM4NmIiLz48c3RvcCBvZmZzZXQ9Ii42NSIgc3RvcC1jb2xvcj0iI2UwNzg0YSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhmZTNjZiIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJjciI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIuNCIgc3RvcC1jb2xvcj0iI2ZmZTJhOCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmYjA0YSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD48cmFkaWFsR3JhZGllbnQgaWQ9Imh6Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmNWM4NmIiIHN0b3Atb3BhY2l0eT0iLjI4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGZlM2NmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTggNjQgNjQpIj48ZWxsaXBzZSBjeD0iNjQiIGN5PSI2NCIgcng9IjUwIiByeT0iNDAiIGZpbGw9InVybCgjaHopIi8+PHBhdGggZD0iTTY4LjUgNjQuMCBMNjguNiA2NC4zIEw2OC43IDY0LjYgTDY4LjggNjQuOSBMNjguOCA2NS4zIEw2OC44IDY1LjYgTDY4LjcgNjYuMCBMNjguNyA2Ni4zIEw2OC41IDY2LjcgTDY4LjQgNjcuMSBMNjguMiA2Ny40IEw2Ny45IDY3LjggTDY3LjYgNjguMiBMNjcuMyA2OC41IEw2Ni45IDY4LjggTDY2LjUgNjkuMiBMNjYuMCA2OS41IEw2NS41IDY5LjcgTDY1LjAgNzAuMCBMNjQuNCA3MC4yIEw2My44IDcwLjQgTDYzLjEgNzAuNiBMNjIuNCA3MC43IEw2MS43IDcwLjcgTDYwLjkgNzAuOCBMNjAuMiA3MC43IEw1OS40IDcwLjYgTDU4LjYgNzAuNSBMNTcuNyA3MC4zIEw1Ni45IDcwLjEgTDU2LjEgNjkuOCBMNTUuMyA2OS40IEw1NC41IDY5LjAgTDUzLjggNjguNSBMNTMuMSA2Ny45IEw1Mi40IDY3LjMgTDUxLjcgNjYuNiBMNTEuMiA2NS45IEw1MC42IDY1LjEgTDUwLjIgNjQuMiBMNDkuOCA2My4zIEw0OS41IDYyLjQgTDQ5LjMgNjEuNCBMNDkuMiA2MC4zIEw0OS4yIDU5LjMgTDQ5LjMgNTguMiBMNDkuNSA1Ny4xIEw0OS44IDU1LjkgTDUwLjMgNTQuOCBMNTAuOSA1My42IEw1MS42IDUyLjUgTDUyLjQgNTEuNCBMNTMuNCA1MC4zIEw1NC42IDQ5LjIgTDU1LjkgNDguMiBMNTcuMyA0Ny4zIEw1OC44IDQ2LjQgTDYwLjUgNDUuNiBMNjIuMyA0NC45IEw2NC4yIDQ0LjMgTDY2LjIgNDMuOCBMNjguMyA0My40IEw3MC42IDQzLjIgTDcyLjkgNDMuMSBMNzUuMyA0My4xIEw3Ny43IDQzLjMgTDgwLjIgNDMuNyBMODIuNyA0NC4yIEw4NS4yIDQ0LjkgTDg3LjcgNDUuOCBMOTAuMiA0Ni45IEw5Mi42IDQ4LjIgTDk1LjAgNDkuNyBMOTcuMyA1MS40IEw5OS40IDUzLjIgTDEwMS41IDU1LjMgTDEwMy4zIDU3LjUgTDEwNS4wIDU5LjkgTDEwNi41IDYyLjUgTDEwNy44IDY1LjMgTDEwOC44IDY4LjIiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNhZykiIHN0cm9rZS13aWR0aD0iMTQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsdGVyPSJ1cmwoI2dsKSIgb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNNjguNSA2NC4wIEw2OC42IDY0LjMgTDY4LjcgNjQuNiBMNjguOCA2NC45IEw2OC44IDY1LjMgTDY4LjggNjUuNiBMNjguNyA2Ni4wIEw2OC43IDY2LjMgTDY4LjUgNjYuNyBMNjguNCA2Ny4xIEw2OC4yIDY3LjQgTDY3LjkgNjcuOCBMNjcuNiA2OC4yIEw2Ny4zIDY4LjUgTDY2LjkgNjguOCBMNjYuNSA2OS4yIEw2Ni4wIDY5LjUgTDY1LjUgNjkuNyBMNjUuMCA3MC4wIEw2NC40IDcwLjIgTDYzLjggNzAuNCBMNjMuMSA3MC42IEw2Mi40IDcwLjcgTDYxLjcgNzAuNyBMNjAuOSA3MC44IEw2MC4yIDcwLjcgTDU5LjQgNzAuNiBMNTguNiA3MC41IEw1Ny43IDcwLjMgTDU2LjkgNzAuMSBMNTYuMSA2OS44IEw1NS4zIDY5LjQgTDU0LjUgNjkuMCBMNTMuOCA2OC41IEw1My4xIDY3LjkgTDUyLjQgNjcuMyBMNTEuNyA2Ni42IEw1MS4yIDY1LjkgTDUwLjYgNjUuMSBMNTAuMiA2NC4yIEw0OS44IDYzLjMgTDQ5LjUgNjIuNCBMNDkuMyA2MS40IEw0OS4yIDYwLjMgTDQ5LjIgNTkuMyBMNDkuMyA1OC4yIEw0OS41IDU3LjEgTDQ5LjggNTUuOSBMNTAuMyA1NC44IEw1MC45IDUzLjYgTDUxLjYgNTIuNSBMNTIuNCA1MS40IEw1My40IDUwLjMgTDU0LjYgNDkuMiBMNTUuOSA0OC4yIEw1Ny4zIDQ3LjMgTDU4LjggNDYuNCBMNjAuNSA0NS42IEw2Mi4zIDQ0LjkgTDY0LjIgNDQuMyBMNjYuMiA0My44IEw2OC4zIDQzLjQgTDcwLjYgNDMuMiBMNzIuOSA0My4xIEw3NS4zIDQzLjEgTDc3LjcgNDMuMyBMODAuMiA0My43IEw4Mi43IDQ0LjIgTDg1LjIgNDQuOSBMODcuNyA0NS44IEw5MC4yIDQ2LjkgTDkyLjYgNDguMiBMOTUuMCA0OS43IEw5Ny4zIDUxLjQgTDk5LjQgNTMuMiBMMTAxLjUgNTUuMyBMMTAzLjMgNTcuNSBMMTA1LjAgNTkuOSBMMTA2LjUgNjIuNSBMMTA3LjggNjUuMyBMMTA4LjggNjguMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI2FnKSIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PHBhdGggZD0iTTU5LjUgNjQuMCBMNTkuNCA2My43IEw1OS4zIDYzLjQgTDU5LjIgNjMuMSBMNTkuMiA2Mi43IEw1OS4yIDYyLjQgTDU5LjMgNjIuMCBMNTkuMyA2MS43IEw1OS41IDYxLjMgTDU5LjYgNjAuOSBMNTkuOCA2MC42IEw2MC4xIDYwLjIgTDYwLjQgNTkuOCBMNjAuNyA1OS41IEw2MS4xIDU5LjIgTDYxLjUgNTguOCBMNjIuMCA1OC41IEw2Mi41IDU4LjMgTDYzLjAgNTguMCBMNjMuNiA1Ny44IEw2NC4yIDU3LjYgTDY0LjkgNTcuNCBMNjUuNiA1Ny4zIEw2Ni4zIDU3LjMgTDY3LjEgNTcuMiBMNjcuOCA1Ny4zIEw2OC42IDU3LjQgTDY5LjQgNTcuNSBMNzAuMyA1Ny43IEw3MS4xIDU3LjkgTDcxLjkgNTguMiBMNzIuNyA1OC42IEw3My41IDU5LjAgTDc0LjIgNTkuNSBMNzQuOSA2MC4xIEw3NS42IDYwLjcgTDc2LjMgNjEuNCBMNzYuOCA2Mi4xIEw3Ny40IDYyLjkgTDc3LjggNjMuOCBMNzguMiA2NC43IEw3OC41IDY1LjYgTDc4LjcgNjYuNiBMNzguOCA2Ny43IEw3OC44IDY4LjcgTDc4LjcgNjkuOCBMNzguNSA3MC45IEw3OC4yIDcyLjEgTDc3LjcgNzMuMiBMNzcuMSA3NC40IEw3Ni40IDc1LjUgTDc1LjYgNzYuNiBMNzQuNiA3Ny43IEw3My40IDc4LjggTDcyLjEgNzkuOCBMNzAuNyA4MC43IEw2OS4yIDgxLjYgTDY3LjUgODIuNCBMNjUuNyA4My4xIEw2My44IDgzLjcgTDYxLjggODQuMiBMNTkuNyA4NC42IEw1Ny40IDg0LjggTDU1LjEgODQuOSBMNTIuNyA4NC45IEw1MC4zIDg0LjcgTDQ3LjggODQuMyBMNDUuMyA4My44IEw0Mi44IDgzLjEgTDQwLjMgODIuMiBMMzcuOCA4MS4xIEwzNS40IDc5LjggTDMzLjAgNzguMyBMMzAuNyA3Ni42IEwyOC42IDc0LjggTDI2LjUgNzIuNyBMMjQuNyA3MC41IEwyMy4wIDY4LjEgTDIxLjUgNjUuNSBMMjAuMiA2Mi43IEwxOS4yIDU5LjgiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNhZykiIHN0cm9rZS13aWR0aD0iMTQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsdGVyPSJ1cmwoI2dsKSIgb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNNTkuNSA2NC4wIEw1OS40IDYzLjcgTDU5LjMgNjMuNCBMNTkuMiA2My4xIEw1OS4yIDYyLjcgTDU5LjIgNjIuNCBMNTkuMyA2Mi4wIEw1OS4zIDYxLjcgTDU5LjUgNjEuMyBMNTkuNiA2MC45IEw1OS44IDYwLjYgTDYwLjEgNjAuMiBMNjAuNCA1OS44IEw2MC43IDU5LjUgTDYxLjEgNTkuMiBMNjEuNSA1OC44IEw2Mi4wIDU4LjUgTDYyLjUgNTguMyBMNjMuMCA1OC4wIEw2My42IDU3LjggTDY0LjIgNTcuNiBMNjQuOSA1Ny40IEw2NS42IDU3LjMgTDY2LjMgNTcuMyBMNjcuMSA1Ny4yIEw2Ny44IDU3LjMgTDY4LjYgNTcuNCBMNjkuNCA1Ny41IEw3MC4zIDU3LjcgTDcxLjEgNTcuOSBMNzEuOSA1OC4yIEw3Mi43IDU4LjYgTDczLjUgNTkuMCBMNzQuMiA1OS41IEw3NC45IDYwLjEgTDc1LjYgNjAuNyBMNzYuMyA2MS40IEw3Ni44IDYyLjEgTDc3LjQgNjIuOSBMNzcuOCA2My44IEw3OC4yIDY0LjcgTDc4LjUgNjUuNiBMNzguNyA2Ni42IEw3OC44IDY3LjcgTDc4LjggNjguNyBMNzguNyA2OS44IEw3OC41IDcwLjkgTDc4LjIgNzIuMSBMNzcuNyA3My4yIEw3Ny4xIDc0LjQgTDc2LjQgNzUuNSBMNzUuNiA3Ni42IEw3NC42IDc3LjcgTDczLjQgNzguOCBMNzIuMSA3OS44IEw3MC43IDgwLjcgTDY5LjIgODEuNiBMNjcuNSA4Mi40IEw2NS43IDgzLjEgTDYzLjggODMuNyBMNjEuOCA4NC4yIEw1OS43IDg0LjYgTDU3LjQgODQuOCBMNTUuMSA4NC45IEw1Mi43IDg0LjkgTDUwLjMgODQuNyBMNDcuOCA4NC4zIEw0NS4zIDgzLjggTDQyLjggODMuMSBMNDAuMyA4Mi4yIEwzNy44IDgxLjEgTDM1LjQgNzkuOCBMMzMuMCA3OC4zIEwzMC43IDc2LjYgTDI4LjYgNzQuOCBMMjYuNSA3Mi43IEwyNC43IDcwLjUgTDIzLjAgNjguMSBMMjEuNSA2NS41IEwyMC4yIDYyLjcgTDE5LjIgNTkuOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI2FnKSIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+PGNpcmNsZSBjeD0iNTYuNyIgY3k9IjY4LjIiIHI9IjEuMyIgZmlsbD0iI2NmZTlmZiIvPjxjaXJjbGUgY3g9IjU0LjMiIGN5PSI2NC45IiByPSIxLjMiIGZpbGw9IiNlOGZmZjgiLz48Y2lyY2xlIGN4PSI0Ny42IiBjeT0iNTguOSIgcj0iMS4xIiBmaWxsPSIjY2ZlOWZmIi8+PGNpcmNsZSBjeD0iNDguNCIgY3k9IjUzLjIiIHI9IjEuNSIgZmlsbD0iI2NmZTlmZiIvPjxjaXJjbGUgY3g9IjYxLjUiIGN5PSI0Ny4yIiByPSIxLjMiIGZpbGw9IiNjZmU5ZmYiLz48Y2lyY2xlIGN4PSI3My4zIiBjeT0iNDIuNSIgcj0iMS42IiBmaWxsPSIjY2ZlOWZmIi8+PGNpcmNsZSBjeD0iOTAuNSIgY3k9IjQ0LjciIHI9IjEuMSIgZmlsbD0iI2U4ZmZmOCIvPjxjaXJjbGUgY3g9IjEwMi43IiBjeT0iNTguOCIgcj0iMS41IiBmaWxsPSIjY2ZlOWZmIi8+PGNpcmNsZSBjeD0iNjcuOSIgY3k9IjU4LjEiIHI9IjEuMCIgZmlsbD0iI2NmZTlmZiIvPjxjaXJjbGUgY3g9Ijc1LjkiIGN5PSI1OC4xIiByPSIwLjgiIGZpbGw9IiNjZmU5ZmYiLz48Y2lyY2xlIGN4PSI3OC43IiBjeT0iNjYuOCIgcj0iMS40IiBmaWxsPSIjZmZkNmU2Ii8+PGNpcmNsZSBjeD0iNzcuNyIgY3k9Ijc0LjEiIHI9IjEuMCIgZmlsbD0iI2NmZTlmZiIvPjxjaXJjbGUgY3g9IjcwLjQiIGN5PSI4MC4wIiByPSIxLjMiIGZpbGw9IiNlOGZmZjgiLz48Y2lyY2xlIGN4PSI1NS4xIiBjeT0iODQuMCIgcj0iMS4yIiBmaWxsPSIjZThmZmY4Ii8+PGNpcmNsZSBjeD0iNDAuNyIgY3k9Ijc4LjgiIHI9IjEuMSIgZmlsbD0iI2ZmZDZlNiIvPjxjaXJjbGUgY3g9IjIwLjkiIGN5PSI2OC4wIiByPSIwLjgiIGZpbGw9IiNlOGZmZjgiLz48L2c+PGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iMjEiIGZpbGw9InVybCgjY3IpIi8+PGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iNi41IiBmaWxsPSIjZmZmIi8+PC9zdmc+) center/contain no-repeat;filter:drop-shadow(0 0 6px rgba(255,190,110,.35));} /* v77 phone: the caption folds so the middle of the picture stays clear */ .cap-more{display:none;} #caption .hear2,#exo-cap .hear2{display:flex;gap:6px;flex-wrap:wrap;align-items:center;} #caption .hear2 .nr-b,#exo-cap .hear2 .nr-b{margin-top:0;} @media (max-width:600px){ .cap-more{display:inline-flex;pointer-events:auto;margin:2px 0;font-size:12px;padding:5px 10px;border:1px solid rgba(255,255,255,.22);background:rgba(8,10,20,.45);color:#dfe6f2;} .cap-more [data-t=capLess],.caption.open .cap-more [data-t=capMore]{display:none;} .caption.open .cap-more [data-t=capLess]{display:inline;} .caption:not(.open) :is(#s-fact,#s-date,#s-stats,#s-leg,#s-credit,#c-desc,#exo-fact,#exo-date,#exo-count,#exo-stats,#exo-chips,#exo-size,#exo-obs,#exo-leg,#exo-credit){display:none!important;} #sol-cap:not(.open){padding:8px 12px;} } /* v78 harder treasure hunt */ .tb-i.lock{opacity:.5;} .tb-i.lock .tb-n{border-style:dashed;} .tb-st{color:#f5c86b;font-size:12px;letter-spacing:.1em;margin-inline-start:6px;} .tb-hb{margin-top:8px;} .tb-hb[disabled]{opacity:.55;cursor:default;} #tb-note{margin:0;color:var(--mute);font-size:12px;} #tb-sp .tb-qs{display:flex;flex-direction:column;gap:8px;width:100%;} #tb-sp .tb-qs .btn{justify-content:center;height:auto;min-height:40px;padding:8px 12px;white-space:normal;border:1px solid rgba(245,200,107,.4);background:rgba(245,200,107,.06);border-radius:10px;} #tb-sp .tb-qs .btn[disabled]{opacity:.45;} .tb-wr{margin:0;color:#ff9d8a;font-size:13px;} /* v79 Pillars of Creation */ #pl{position:fixed;inset:0;z-index:46;background:#000;color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none;} #pl[hidden]{display:none;} #pl-cv{position:absolute;inset:0;width:100%;height:100%;cursor:grab;} #pl-cv:active{cursor:grabbing;} #pl .hh{position:absolute;top:0;inset-inline:0;padding:max(12px,var(--sat)) 16px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:linear-gradient(rgba(0,0,0,.6),transparent);pointer-events:none;} #pl .hh h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:22px;letter-spacing:.04em;} #pl .hh .sub{margin:4px 0 0;font-size:12px;color:var(--mute);max-width:560px;} #pl .hh .btn{pointer-events:auto;} #pl-cap{position:absolute;inset-inline:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);max-width:520px;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:rgba(3,4,10,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);} #pl-cat{margin:0;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:#f5c86b;text-transform:uppercase;} #pl-t{margin:0;font-size:14px;line-height:1.55;} #pl-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;} #pl-row .btn{height:32px;padding:0 10px;} #pl-eye{display:inline-flex;border:1px solid rgba(236,230,216,.25);border-radius:10px;overflow:hidden;} #pl-eye button{border:0;background:transparent;color:var(--mute);height:32px;padding:0 10px;font:inherit;font-size:12px;cursor:pointer;} #pl-eye button.on{background:rgba(245,200,107,.2);color:#f5c86b;} #pl-dots{display:flex;gap:5px;margin-inline-start:auto;} #pl-dots i{width:6px;height:6px;border-radius:50%;background:rgba(236,230,216,.3);} #pl-dots i.on{background:#f5c86b;} #pl-cred{margin:0;font-size:10px;color:var(--faint);font-family:var(--f-mono);line-height:1.4;} #pl-scale{position:absolute;inset-inline-end:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);font-family:var(--f-mono);font-size:11px;color:#ece6d8;text-shadow:0 1px 2px #000;text-align:center;pointer-events:none;} #pl-scale i{display:block;height:2px;background:#ece6d8;margin-bottom:4px;box-shadow:0 1px 2px #000;} @media (max-width:600px){ #pl-cap{inset-inline:10px;padding:10px 12px;} #pl-t{font-size:13px;} #pl .hh .sub{display:none;} #pl-scale{bottom:auto;top:calc(max(12px,var(--sat)) + 44px);} #pl-cred{display:none;} #pl-cap.open #pl-cred{display:block;} } /* v80 Second Earth */ #e2{position:fixed;inset:0;z-index:46;background:#000;color:var(--ink);} #e2[hidden]{display:none;} #e2-cv{position:absolute;inset:0;width:100%;height:100%;} #e2 .hh{position:absolute;top:0;inset-inline:0;padding:max(12px,var(--sat)) 16px 8px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;} #e2 .hh h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:22px;letter-spacing:.04em;} #e2 .hh .sub{margin:4px 0 0;font-size:12px;color:var(--mute);max-width:560px;} #e2-top{position:absolute;inset-inline:0;top:calc(max(12px,var(--sat)) + 62px);padding:0 16px;display:flex;flex-direction:column;gap:8px;} #e2-sort{display:inline-flex;align-self:flex-start;border:1px solid rgba(236,230,216,.25);border-radius:10px;overflow:hidden;} #e2-sort button{border:0;background:transparent;color:var(--mute);height:30px;padding:0 12px;font:inherit;font-size:12px;cursor:pointer;} #e2-sort button.on{background:rgba(245,200,107,.2);color:#f5c86b;} #e2-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);} #e2-list::-webkit-scrollbar{display:none;} #e2-list button{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 10px;border-radius:10px;border:1px solid rgba(236,230,216,.18);background:rgba(255,255,255,.04);color:var(--ink);font:inherit;font-size:12px;cursor:pointer;text-align:start;} #e2-list button b{font-weight:500;} #e2-list button i{font-style:normal;font-family:var(--f-mono);font-size:10px;color:var(--mute);} #e2-list button.on{border-color:#f5c86b;background:rgba(245,200,107,.12);} #e2-list button.on i{color:#f5c86b;} #e2-cap{position:absolute;inset-inline:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);max-width:560px;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:rgba(3,4,10,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);} #e2-hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;} #e2-rk{margin:0;font-size:12px;color:#f5c86b;} #e2-nm{margin:0;font-size:18px;font-weight:500;} #e2-esi{margin:0;margin-inline-start:auto;font-size:13px;color:#f5c86b;white-space:nowrap;} #e2-tb{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:3px 12px;margin:0;font-size:12.5px;line-height:1.45;} #e2-tb dt{color:var(--mute);} #e2-tb dd{margin:0;} #e2-tb .h{color:var(--faint);font-size:11px;} #e2-ln{margin:0;font-size:13px;line-height:1.55;} #e2-ln span{display:block;} #e2-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;} #e2-row .btn{height:32px;padding:0 10px;} #e2-note,#e2-cred{margin:0;font-size:11px;color:var(--mute);line-height:1.45;} #e2-cred{font-size:10px;color:var(--faint);font-family:var(--f-mono);} #e2-more{display:none;} @media (min-width:900px){ #e2-cap{inset-inline-start:auto;inset-inline-end:16px;width:460px;max-height:calc(100% - 200px);overflow-y:auto;} } #e2-cap.open{max-height:46%;overflow-y:auto;} @media (max-width:600px){ #e2 .hh .sub{display:none;} #e2-top{top:calc(max(12px,var(--sat)) + 40px);padding:0 10px;} #e2-cap{inset-inline:10px;padding:10px 12px;} #e2-nm{font-size:16px;} #e2-more{display:inline-flex;} #e2-cap:not(.open) :is(#e2-tb,#e2-ln,#e2-note,#e2-cred){display:none;} #e2-tb{font-size:12px;} } /* v82 Earth's orbit */ #orb{position:fixed;inset:0;z-index:46;background:#000;color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none;} #orb[hidden]{display:none;} #orb-cv{position:absolute;inset:0;width:100%;height:100%;cursor:grab;} #orb-cv:active{cursor:grabbing;} #orb .hh{position:absolute;top:0;inset-inline:0;padding:max(12px,var(--sat)) 16px 8px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none;background:linear-gradient(rgba(0,0,0,.55),transparent);} #orb .hh h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:22px;letter-spacing:.04em;} #orb .hh .sub{margin:4px 0 0;font-size:12px;color:var(--mute);max-width:560px;} #orb .hh .btn{pointer-events:auto;} #orb-top{position:absolute;inset-inline:0;top:calc(max(12px,var(--sat)) + 62px);padding:0 16px;display:flex;flex-direction:column;gap:6px;pointer-events:none;} #orb-feat,#orb-leg{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;pointer-events:auto;} #orb-feat::-webkit-scrollbar,#orb-leg::-webkit-scrollbar{display:none;} #orb-feat button{flex:none;height:30px;padding:0 12px;border-radius:15px;border:1px solid rgba(236,230,216,.22);background:rgba(10,12,20,.55);color:var(--ink);font:inherit;font-size:12.5px;cursor:pointer;} #orb-feat button.on{border-color:#f5c86b;color:#f5c86b;} #orb-leg button{flex:none;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:12px;border:0;background:rgba(6,8,14,.72);color:var(--ink);font:inherit;font-size:11px;cursor:pointer;} #orb-leg button b{font-weight:400;color:var(--faint);font-family:var(--f-mono);} #orb-leg button i{width:7px;height:7px;border-radius:50%;} #orb-leg button.off{opacity:.4;} #orb-leg button.off i{background:transparent!important;border:1px solid var(--mute);} #orb-msg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(80vw,420px);text-align:center;font-size:14px;line-height:1.5;padding:12px 16px;border-radius:12px;background:rgba(3,4,10,.65);pointer-events:none;} #orb-lb{position:absolute;inset:0;pointer-events:none;overflow:hidden;} #orb-lb span{position:absolute;left:0;top:0;font-size:11px;color:#f5c86b;text-shadow:0 1px 3px #000;white-space:nowrap;} #orb-mk{position:absolute;left:0;top:0;width:22px;height:22px;border:1.5px solid #f5c86b;border-radius:50%;pointer-events:none;box-shadow:0 0 8px rgba(245,200,107,.6);} #orb-cap{position:absolute;inset-inline:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);max-width:480px;display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-radius:12px;background:rgba(3,4,10,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);} #orb-kd{margin:0;font-size:11px;color:#f5c86b;letter-spacing:.04em;} #orb-kd:empty{display:none;} #orb-nm{margin:0;font-size:17px;font-weight:500;} #orb-st{margin:0;font-size:13px;line-height:1.55;} #orb-st:empty{display:none;} #orb-live{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:12.5px;} #orb-live dt{color:var(--mute);} #orb-live dd{margin:0;font-family:var(--f-mono);font-size:12px;} #orb-live:empty{display:none;} #orb-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;} #orb-rate{display:inline-flex;border:1px solid rgba(236,230,216,.25);border-radius:10px;overflow:hidden;} #orb-rate button{border:0;background:transparent;color:var(--mute);height:30px;padding:0 9px;font:inherit;font-size:12px;cursor:pointer;} #orb-rate button.on{background:rgba(245,200,107,.2);color:#f5c86b;} #orb-row .btn{height:30px;padding:0 10px;} #orb-utc{font-family:var(--f-mono);font-size:11px;color:var(--mute);margin-inline-start:auto;} #orb-age,#orb-acc,#orb-cred{margin:0;font-size:11px;color:var(--mute);line-height:1.45;} #orb-cred{font-size:10px;color:var(--faint);font-family:var(--f-mono);} #orb-age:empty{display:none;} #orb-more{display:none;} @media (min-width:900px){ #orb-cap{inset-inline-start:auto;inset-inline-end:16px;width:400px;} } @media (max-width:600px){ #orb .hh .sub{display:none;} #orb-top{top:calc(max(12px,var(--sat)) + 40px);padding:0 10px;} #orb-cap{inset-inline:10px;padding:10px 12px;} #orb-nm{font-size:15px;} #orb-more{display:inline-flex;} #orb-cap:not(.open) :is(#orb-st,#orb-acc,#orb-cred,#orb-age){display:none;} #orb-cap:not(.open) #orb-live dt:nth-of-type(n+3),#orb-cap:not(.open) #orb-live dd:nth-of-type(n+3){display:none;} #orb-cap.open{max-height:52%;overflow-y:auto;} } /* v83 sky calendar */ #sky{position:fixed;inset:0;z-index:46;color:var(--ink);background:radial-gradient(120% 70% at 50% -10%,#141a3a 0%,#070816 55%,#03040a 100%);} #sky[hidden],#sky [hidden]{display:none!important;} #sky .hh{position:absolute;top:0;inset-inline:0;z-index:2;padding:max(12px,var(--sat)) 16px 8px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none;} #sky .hh h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:22px;letter-spacing:.04em;} #sky .hh .sub{margin:4px 0 0;font-size:12px;color:var(--mute);max-width:560px;} #sky .hh .btn{pointer-events:auto;} #sky-cal{position:absolute;inset:0;overflow-y:auto;padding:calc(max(12px,var(--sat)) + 70px) 16px calc(env(safe-area-inset-bottom,0px) + 24px);} #sky-in{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;} @media (min-width:900px){ #sky-in{grid-template-columns:380px minmax(0,1fr);align-items:start;} #sky-left{position:sticky;top:0;} } #sky-mon{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;} #sky-mt{font-size:17px;font-weight:500;} #sky-mon button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(236,230,216,.22);background:rgba(10,12,20,.55);color:var(--ink);font-size:18px;cursor:pointer;} #sky-mon button:disabled{opacity:.3;cursor:default;} #sky-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;} #sky-grid .wd{font-size:11px;font-weight:400;color:var(--faint);text-align:center;padding:2px 0;} #sky-grid .dc{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0 6px;border-radius:8px;border:1px solid transparent;background:rgba(255,255,255,.03);color:var(--ink);font:inherit;cursor:pointer;min-height:54px;} #sky-grid .dc span{font-size:12px;font-family:var(--f-mono);} #sky-grid .dc.td{border-color:#f5c86b;} #sky-grid .dc.td span{color:#f5c86b;} #sky-grid .dc em{display:flex;gap:2px;height:5px;} #sky-grid .dc em i{width:5px;height:5px;border-radius:50%;} #sky-grid .dc:not(.has){cursor:default;} #sky-grid .dc.has:hover{background:rgba(255,255,255,.07);} #sky-list{display:flex;flex-direction:column;gap:8px;} .sk-e{display:flex;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(6,8,16,.6);border:1px solid rgba(255,255,255,.06);scroll-margin:90px;} .sk-e.past{opacity:.55;} .sk-e.hl{animation:skHl 1.6s ease;} @keyframes skHl{0%{background:rgba(245,200,107,.22);}100%{background:rgba(6,8,16,.6);}} .sk-d{flex:none;width:46px;display:flex;flex-direction:column;align-items:center;border-inline-start:3px solid;padding-inline-start:6px;} .sk-d b{font-size:22px;font-weight:400;font-family:var(--f-display);line-height:1.1;} .sk-d span{font-size:11px;color:var(--mute);} .sk-b{min-width:0;flex:1;} .sk-t{margin:0 0 4px;font-size:14.5px;font-weight:500;} .sk-x{margin:0;font-size:13px;line-height:1.55;color:#c9cfdd;} .sk-w{margin:4px 0 0;font-size:11.5px;color:var(--mute);} html:not([dir=rtl]) .sk-w{font-family:var(--f-mono);} .sk-bt{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;} .sk-bt .btn{height:30px;padding:0 12px;font-size:12.5px;} .sk-bt .sk-go{border-color:#f5c86b;color:#f5c86b;} #sky-note{margin:14px 0 0;font-size:11px;line-height:1.5;color:var(--faint);} #sky-v{position:absolute;inset:0;background:#000;touch-action:none;user-select:none;-webkit-user-select:none;} #sky-cv,#sky-ov{position:absolute;inset:0;width:100%;height:100%;} #sky-ov{cursor:grab;} #sky-ov:active{cursor:grabbing;} #sky-vt{position:absolute;top:calc(max(12px,var(--sat)) + 56px);inset-inline-start:16px;display:flex;gap:10px;align-items:flex-start;pointer-events:none;max-width:calc(100% - 32px);} #sky-vt .btn{pointer-events:auto;height:30px;padding:0 12px;flex:none;} #sky-vk{margin:0;font-size:11px;color:#f5c86b;} #sky-vn{margin:2px 0 0;font-size:15px;font-weight:500;text-shadow:0 1px 4px #000;} #sky-vb{position:absolute;inset-inline:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);max-width:480px;display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-radius:12px;background:rgba(3,4,10,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);} #sky-vw{margin:0;font-size:13px;line-height:1.55;} #sky-step{display:flex;flex-wrap:wrap;gap:5px;} #sky-step button{height:30px;padding:0 10px;border-radius:10px;border:1px solid rgba(236,230,216,.22);background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer;} #sky-more{display:none!important;} #sky-step button[data-s="0"]{border-color:#f5c86b;color:#f5c86b;} #sky-vtime{margin:0;font-size:11px;color:var(--mute);} html:not([dir=rtl]) #sky-vtime{font-family:var(--f-mono);} #sky-vnote{margin:0;font-size:10.5px;color:var(--faint);line-height:1.45;} @media (min-width:900px){ #sky-vb{inset-inline-start:auto;inset-inline-end:16px;width:400px;} } @media (max-width:600px){ #sky .hh .sub{display:none;} #sky-cal{padding-top:calc(max(12px,var(--sat)) + 50px);padding-inline:10px;} #sky-vt{top:calc(max(12px,var(--sat)) + 44px);inset-inline-start:10px;} #sky-vb{inset-inline:10px;padding:10px 12px;} #sky-vb:not(.open) :is(#sky-vw,#sky-vnote){display:none;} #sky-step #sky-more{display:inline-flex!important;} #sky-grid .dc{min-height:48px;} } /* v84 life on another planet */ #lf{position:fixed;inset:0;z-index:46;overflow-y:auto;color:var(--ink);background:radial-gradient(120% 70% at 50% -10%,#141a3a 0%,#070816 55%,#03040a 100%);padding:max(12px,var(--sat)) 16px calc(env(safe-area-inset-bottom,0px) + 24px);} #lf[hidden]{display:none;} #lf .hh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;max-width:1000px;margin:0 auto;} #lf .hh h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:22px;letter-spacing:.04em;} #lf .hh .sub{margin:4px 0 0;font-size:12.5px;color:var(--mute);max-width:620px;} #lf-in{max-width:1000px;margin:14px auto 0;display:flex;flex-direction:column;gap:14px;} #lf-form{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;} #lf-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mute);} #lf-form input{height:38px;padding:0 10px;border-radius:10px;border:1px solid rgba(236,230,216,.25);background:rgba(6,8,16,.7);color:var(--ink);font:inherit;font-size:15px;color-scheme:dark;} #lf-kg{width:110px;} #lf-w{display:flex;gap:6px;align-items:center;} #lf-u{display:inline-flex;border:1px solid rgba(236,230,216,.25);border-radius:10px;overflow:hidden;} #lf-u button{height:38px;padding:0 12px;border:0;background:transparent;color:var(--mute);font:inherit;font-size:13px;cursor:pointer;} #lf-u button.on{background:rgba(245,200,107,.2);color:#f5c86b;} #lf-priv{margin:0;font-size:11px;color:var(--faint);flex-basis:100%;} #lf-ws{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;} #lf-ws::-webkit-scrollbar{display:none;} #lf-ws button{flex:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px 0 6px;border-radius:20px;border:1px solid rgba(236,230,216,.2);background:rgba(10,12,20,.55);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;} #lf-ws button canvas{width:28px;height:28px;} #lf-ws button.on{border-color:#f5c86b;color:#f5c86b;} #lf-card{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:16px;border-radius:14px;background:rgba(6,8,16,.6);border:1px solid rgba(255,255,255,.06);} @media (min-width:760px){ #lf-card{grid-template-columns:300px minmax(0,1fr);align-items:start;} } #lf-gl{display:flex;flex-direction:column;align-items:center;gap:6px;} #lf-cv{width:min(260px,60vw);aspect-ratio:1;} #lf-nm{margin:0;font-family:var(--f-display);font-size:24px;} #lf-kd{margin:0;font-size:12px;color:var(--mute);text-align:center;} #lf-res{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;} .lf-r{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.035);} .lf-r dt{font-size:12px;color:var(--mute);} .lf-r dd{margin:3px 0 0;display:flex;flex-direction:column;gap:2px;} .lf-r dd b{font-size:20px;font-weight:500;color:#f5c86b;} .lf-r dd span{font-size:11.5px;color:var(--mute);line-height:1.45;} #lf-f{margin:0;font-size:13.5px;line-height:1.6;grid-column:1/-1;} #lf-f:empty{display:none;} #lf-bt{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;} #lf-bt .btn{height:34px;padding:0 14px;} #lf-go{border-color:#f5c86b;color:#f5c86b;} #lf-sh:disabled{opacity:.4;} #lf-src{margin:0;font-size:10.5px;color:var(--faint);line-height:1.5;} @media (max-width:600px){ #lf .hh .sub{font-size:12px;} #lf-res{grid-template-columns:1fr 1fr;gap:8px;} .lf-r dd b{font-size:17px;} #lf-cv{width:min(180px,46vw);} } /* v85 cosmic calendar */ #cc{position:fixed;inset:0;z-index:46;overflow-y:auto;color:var(--ink);background:radial-gradient(120% 70% at 50% -10%,#1a1636 0%,#080716 55%,#03040a 100%);padding:max(12px,var(--sat)) 16px calc(env(safe-area-inset-bottom,0px) + 24px);} #cc[hidden]{display:none;} #cc .hh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;max-width:1000px;margin:0 auto;} #cc .hh h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:22px;letter-spacing:.04em;} #cc .hh .sub{margin:4px 0 0;font-size:12.5px;color:var(--mute);max-width:640px;} #cc-in{max-width:1000px;margin:12px auto 0;display:flex;flex-direction:column;gap:12px;} #cc-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;} #cc-tabs{display:inline-flex;border:1px solid rgba(236,230,216,.22);border-radius:10px;overflow:hidden;max-width:100%;overflow-x:auto;scrollbar-width:none;} #cc-tabs button{flex:none;height:34px;padding:0 12px;border:0;background:transparent;color:var(--mute);font:inherit;font-size:13px;cursor:pointer;} #cc-tabs button.on{background:rgba(245,200,107,.2);color:#f5c86b;} #cc .btn:not(.hx){border:1px solid rgba(236,230,216,.25);box-sizing:border-box;} #cc-play{height:34px;padding:0 14px;color:#f5c86b;border-color:rgba(245,200,107,.6)!important;} #cc-sc{margin:0;font-size:12px;color:var(--mute);} #cc-g{display:grid;gap:6px;} #cc-g.v-y{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;} @media (min-width:700px){ #cc-g.v-y{grid-template-columns:repeat(4,minmax(0,1fr));} } @media (min-width:960px){ #cc-g.v-y{grid-template-columns:repeat(6,minmax(0,1fr));} } .cc-m>b{display:block;font-size:11.5px;font-weight:500;color:var(--mute);margin:0 0 3px;letter-spacing:.04em;} .cc-dg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;} .cc-c{position:relative;min-width:0;border:0;border-radius:4px;background:rgba(255,255,255,.04);color:var(--faint);font:inherit;padding:0;cursor:default;text-align:start;overflow:hidden;} .cc-dg .cc-c{aspect-ratio:1;} .cc-dg .cc-c i{display:none;} .cc-c.ev{background:rgba(245,200,107,.35);cursor:pointer;} .cc-c.on{background:#f5c86b;box-shadow:0 0 0 2px rgba(245,200,107,.45),0 0 12px rgba(245,200,107,.6);} #cc-g.v-dec,#cc-g.v-d31{grid-template-columns:repeat(7,minmax(0,1fr));} #cc-g.v-d31{grid-template-columns:repeat(6,minmax(0,1fr));} #cc-g.v-min{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;} #cc-g:not(.v-y) .cc-c{min-height:54px;padding:4px 5px;display:flex;flex-direction:column;gap:2px;} #cc-g.v-min .cc-c{min-height:40px;padding:3px;} #cc-g:not(.v-y) .cc-c i{font-style:normal;font-size:10.5px;color:var(--mute);} #cc-g:not(.v-y) .cc-c span{font-size:10px;line-height:1.2;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} #cc-n{direction:ltr;unicode-bidi:isolate;} #cc-g .cc-c.on i,#cc-g .cc-c.on span{color:#1a1206;} #cc-card{padding:14px 16px;border-radius:14px;background:rgba(6,8,16,.65);border:1px solid rgba(245,200,107,.2);display:flex;flex-direction:column;gap:6px;} #cc-top{display:flex;align-items:center;gap:8px;} #cc-when{flex:1;margin:0;font-size:13px;color:#f5c86b;font-variant-numeric:tabular-nums;} #cc-n{font-size:11.5px;color:var(--faint);} #cc-pv,#cc-nx{width:32px;height:32px;padding:0;justify-content:center;font-size:18px;} #cc-t{margin:0;font-family:var(--f-display);font-weight:400;font-size:21px;} #cc-ago{margin:0;font-size:12px;color:var(--mute);} #cc-p{margin:2px 0 0;font-size:13.5px;line-height:1.6;} #cc-bt{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;} #cc-bt .btn{height:34px;padding:0 14px;} #cc-go{border-color:rgba(245,200,107,.6)!important;color:#f5c86b;} #cc-me{margin:0;font-size:12.5px;color:var(--ink);opacity:.85;} #cc-src{margin:0;font-size:10.5px;color:var(--faint);line-height:1.5;} @media (max-width:600px){ #cc .hh .sub{font-size:12px;} #cc-g.v-min .cc-c span{display:none;} #cc-g.v-min{grid-template-columns:repeat(6,minmax(0,1fr));} #cc-g:not(.v-y) .cc-c{min-height:48px;} #cc-g.v-dec .cc-c span{font-size:9px;} #cc-g.v-d31{grid-template-columns:repeat(4,minmax(0,1fr));} } /* v86 landing on real terrain */ #ld{position:fixed;inset:0;z-index:47;background:#000;color:var(--ink);touch-action:none;} #ld[hidden]{display:none;} #ld-cv{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity .8s;} #ld.fade #ld-cv{opacity:0;} #ld-top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:max(12px,var(--sat)) 16px 30px;background:linear-gradient(rgba(0,0,0,.55),transparent);pointer-events:none;} #ld-top>*{pointer-events:auto;} #ld-h{margin:0;font-family:var(--f-display);font-weight:400;font-size:20px;letter-spacing:.03em;text-shadow:0 1px 6px #000;} #ld-sub{margin:4px 0 0;font-size:12px;line-height:1.5;color:rgba(236,230,216,.78);max-width:560px;text-shadow:0 1px 4px #000;} #ld-bot{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:30px 16px calc(env(safe-area-inset-bottom,0px) + 12px);background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none;} #ld-bot>*{pointer-events:auto;} #ld-alt{font-size:13px;font-variant-numeric:tabular-nums;color:#f5c86b;min-width:110px;} #ld-re{height:32px;padding:0 12px;border:1px solid rgba(236,230,216,.3);box-sizing:border-box;font-size:12.5px;} #ld-src{flex-basis:100%;margin:0;font-size:10.5px;line-height:1.45;color:rgba(236,230,216,.55);} #ld-ld{position:absolute;left:0;right:0;bottom:30%;text-align:center;font-size:13px;color:var(--mute);} #ld-ld[hidden]{display:none;} @media (max-width:600px){ #ld-sub{font-size:11.5px;} #ld-h{font-size:18px;} }