:root{--bg:#020812;--ink:#f4f7ef;--soft:#a8b8b2;--accent:#9bd8ff;--panel:#0b0c0cdd;--sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#field{background:radial-gradient(140% 100% at 50% 120%,#0b2e2650 0%,#020812 60%),radial-gradient(120% 90% at 50% -20%,#12345a66 0%,#020812 70%);width:100%;height:100%;display:block;position:fixed;inset:0}.veiled{opacity:0;transition:opacity 1.4s}.veiled.shown{opacity:1}.hidden{display:none}#gate{z-index:30;background:#020812;place-items:center;transition:opacity 1.3s;display:grid;position:fixed;inset:0;overflow:hidden}#gate:before,#gate:after{content:"";filter:blur(34px);opacity:.34;pointer-events:none;border-radius:45%;width:48rem;height:48rem;animation:24s linear infinite swirl;position:absolute}#gate:before{background:radial-gradient(circle at 35% 35%,#3b8fd9 0 12%,#0000 30%),radial-gradient(circle at 68% 42%,#6fbf9b 0 10%,#0000 32%),radial-gradient(circle at 48% 72%,#d6a85f 0 8%,#0000 28%);top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}#gate:after{opacity:.22;background:radial-gradient(circle at 34% 58%,#1d5f8d 0 16%,#0000 42%),radial-gradient(circle at 70% 35%,#7aa66e 0 12%,#0000 36%);width:34rem;height:34rem;animation-direction:reverse;top:48%;left:52%}#gate.gone{opacity:0;pointer-events:none}.gate-inner{z-index:1;text-align:center;max-width:48rem;padding:0 1.6rem;position:relative}@keyframes swirl{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}50%{transform:translate(-50%,-50%)rotate(180deg)scale(1.08)}to{transform:translate(-50%,-50%)rotate(360deg)scale(1)}}.gate-inner h1{color:var(--ink);letter-spacing:.055em;margin:0 0 1.25rem;font-size:clamp(3.8rem,8.8vw,7.8rem);font-weight:500;line-height:.9}.tag{color:#dce8e7;letter-spacing:.08em;text-transform:none;margin:0 0 2.1rem;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.35}.sub{color:var(--soft);text-transform:none;letter-spacing:.01em;margin:0 0 2.5rem;font-size:.9rem;line-height:1.5}#begin{color:var(--ink);font:inherit;letter-spacing:.04em;cursor:pointer;background:#f4f7ef0a;border:1px solid #f4f7ef66;border-radius:2px;padding:.72rem 2rem;font-size:.88rem;font-weight:520;transition:background .3s,color .3s,box-shadow .3s,transform .3s;animation:2.8s ease-in-out infinite begin-breathe}#begin:hover{color:#071018;background:#f4f7ef;transform:translateY(-1px);box-shadow:0 0 60px -8px #9bd8ff}#begin:disabled{opacity:.45;cursor:progress}@keyframes begin-breathe{0%,to{box-shadow:0 0 #9bd8ff00}50%{box-shadow:0 0 42px -18px #9bd8ff}}#brand{z-index:10;pointer-events:none;align-items:center;gap:.65rem;display:flex;position:fixed;top:1.2rem;left:1.2rem}.mini-planet{background:#d8c08a;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 18px #d8c08a55}#brand .sub-mark{color:var(--soft);letter-spacing:.08em;text-transform:uppercase;opacity:.78;font-size:.58rem}#live-beacon{z-index:12;max-width:min(28rem,100vw - 2.4rem);color:var(--ink);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#090909cc;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .7rem;font-size:.62rem;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:3rem;left:1.2rem;transform:translateY(.45rem);box-shadow:0 18px 50px #0009}#live-beacon.active{transform:none}.beacon-dot{background:#d8c08a;border-radius:50%;flex:none;width:.55rem;height:.55rem;animation:1.3s ease-out infinite beacon-pulse;box-shadow:0 0 #d8c08a55}@keyframes beacon-pulse{to{box-shadow:0 0 0 14px #d8c08a00}}#now{z-index:10;text-align:center;pointer-events:none;padding:0 1.5rem;position:fixed;bottom:4.4rem;left:0;right:0}.now-label{color:var(--accent);letter-spacing:.34em;text-transform:uppercase;opacity:.85;margin-bottom:.7rem;font-size:.6rem}.now-name{letter-spacing:.01em;text-shadow:0 2px 40px #000a;font-size:clamp(1.5rem,4.2vw,2.6rem);font-weight:600;line-height:1.1}.now-meta{color:var(--soft);letter-spacing:.05em;margin-top:.6rem;font-size:.82rem}.now-meta .sound{color:var(--soft)}#now.bump .now-name{animation:.7s cubic-bezier(.2,.7,.2,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}#inspect{z-index:11;background:linear-gradient(145deg,var(--panel),#050505e8);backdrop-filter:blur(18px);pointer-events:none;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:13rem 1fr;gap:1.2rem;width:min(42rem,100vw - 2.8rem);padding:.85rem;transition:opacity .25s,transform .25s;display:grid;position:fixed;top:6.2rem;left:1.4rem;transform:translateY(.5rem)scale(.98);box-shadow:0 30px 100px #000c,inset 0 0 0 1px #ffffff0d}#inspect.no-photo{grid-template-columns:1fr;width:min(34rem,100vw - 2.8rem)}#inspect.active{pointer-events:auto;transform:translateY(0)scale(1)}.inspect-photo{background-color:#111;background-position:50%;background-size:cover;border-radius:18px;width:13rem;min-height:13rem;box-shadow:inset 0 0 0 1px #ffffff18,0 16px 36px #0008}#inspect.no-photo .inspect-photo{display:none}.inspect-copy{grid-template-columns:1.05fr 1fr;align-content:start;column-gap:1rem;min-width:0;display:grid}.inspect-kicker{color:var(--soft);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:.85;grid-column:1/-1;font-size:.58rem}#inspect h2{grid-column:1/-1;margin:.2rem 0 .25rem;font-size:clamp(1.55rem,2.8vw,2.05rem);line-height:1.15}.inspect-meta{color:var(--soft);grid-column:1/-1;margin:0 0 1rem;font-size:.88rem;line-height:1.35}.inspect-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.inspect-grid div{background:#ffffff0b;border-radius:12px;min-width:0;padding:.62rem}.inspect-grid span{color:var(--soft);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;display:block}.inspect-grid b{overflow-wrap:normal;margin-top:.18rem;font-size:.86rem;font-weight:600;line-height:1.25;display:block}#intro{z-index:12;text-align:center;max-width:30rem;color:var(--ink);pointer-events:none;text-shadow:0 2px 30px #000c;opacity:0;padding:0 1.5rem;font-size:1.02rem;line-height:1.7;transition:opacity 1.6s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#intro.show{opacity:.92}#credit{z-index:10;color:var(--soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.62;pointer-events:none;font-size:.58rem;position:fixed;bottom:1.05rem;left:1.2rem;right:1.2rem}#source{position:absolute;bottom:0;left:0}#counter{color:var(--soft);position:absolute;bottom:0;right:0}@media(width<=640px){#brand{top:1.1rem;left:1.1rem}#now{bottom:5.2rem}#inspect{grid-template-columns:6.5rem 1fr;width:auto;inset:auto 1rem 7.6rem}#inspect.no-photo{grid-template-columns:1fr}.inspect-copy{display:block}.inspect-grid{grid-template-columns:1fr 1fr}.inspect-photo{width:6.5rem;min-height:8.5rem}#live-beacon{font-size:.56rem;bottom:3rem;left:1rem}#credit{font-size:.54rem;bottom:.9rem;left:1rem;right:1rem}}