:root{--touch-target:52px;--panel-line:rgba(224,248,224,.2)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{color:#edf6ea;font-family:Avenir Next,Trebuchet MS,Noto Sans SC,PingFang SC,sans-serif;background:#13271f}.world-backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden}.bg-canopy,.bg-ground,.bg-sky{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;animation-timing-function:linear;animation-iteration-count:infinite}.bg-sky{background-image:url(/scene/layer-far.svg);animation-name:parallaxFar;animation-duration:90s}.bg-canopy{background-image:url(/scene/layer-mid.svg);animation-name:parallaxMid;animation-duration:52s}.bg-ground{background-image:url(/scene/layer-front.svg);animation-name:parallaxFront;animation-duration:34s;opacity:.95}@keyframes parallaxFar{0%{transform:translateX(0)}to{transform:translateX(-4%)}}@keyframes parallaxMid{0%{transform:translateX(0)}to{transform:translateX(-7%)}}@keyframes parallaxFront{0%{transform:translateX(0)}to{transform:translateX(-10%)}}.fog{position:absolute;width:48vw;height:24vh;border-radius:50%;background:radial-gradient(circle at center,rgba(186,230,205,.15),transparent 65%)}.fog1{top:12vh;left:8vw;animation:fogMove 14s ease-in-out infinite alternate}.fog2{bottom:21vh;right:10vw;animation:fogMove 16s ease-in-out infinite alternate-reverse}@keyframes fogMove{0%{transform:translateX(0)}to{transform:translateX(3vw)}}.giant-dino{position:absolute;border-radius:48% 52% 44% 56%/56% 51% 49% 44%;background:linear-gradient(180deg,rgba(7,17,14,.74),rgba(5,11,9,.9));filter:drop-shadow(0 18px 24px rgba(3,8,6,.5));opacity:.9}.giant-dino i{position:absolute;display:block;background:inherit}.dino-a{width:44vw;min-width:480px;height:21vh;left:-3vw;bottom:13vh;animation:strideA 18s ease-in-out infinite alternate}.dino-a .neck{width:14%;height:150%;left:62%;bottom:60%;border-radius:40px;transform:rotate(-8deg)}.dino-a .head{width:14%;height:28%;left:70%;bottom:188%;border-radius:50% 45% 60% 42%}.dino-a .tail{width:43%;height:20%;left:-32%;bottom:45%;border-radius:40px;transform:rotate(9deg)}.dino-a .leg{width:11%;height:48%;bottom:-38%;border-radius:20px}.dino-a .leg1{left:22%}.dino-a .leg2{left:43%}.dino-b{width:50vw;min-width:520px;height:20vh;right:-10vw;bottom:8vh;opacity:.64;transform:scaleX(-1);animation:strideB 22s linear infinite}.dino-b .neck{width:19%;height:112%;left:57%;bottom:72%;border-radius:42px;transform:rotate(-11deg)}.dino-b .head{width:11%;height:22%;left:68%;bottom:168%;border-radius:50%}.dino-b .tail{width:34%;height:16%;left:-25%;bottom:43%;border-radius:40px;transform:rotate(8deg)}.dino-b .leg{width:10%;height:42%;bottom:-33%;border-radius:18px}.dino-b .leg1{left:24%}.dino-b .leg2{left:48%}@keyframes strideA{0%{transform:translateX(0) translateY(0)}to{transform:translateX(3.2vw) translateY(-.8vh)}}@keyframes strideB{0%{transform:scaleX(-1) translateX(0)}to{transform:scaleX(-1) translateX(-3vw)}}.wrap{width:min(1240px,96vw);margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(213,236,215,.2);background:rgba(13,31,24,.6);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.site-header .wrap{min-height:70px;display:flex;align-items:center;justify-content:space-between}.brand{color:#e7ffe9;text-decoration:none;font-weight:900;font-size:1.22rem}nav{display:flex;gap:10px}nav a{color:#d7f5dc;text-decoration:none;font-weight:700;min-height:var(--touch-target);border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center}main.wrap{padding:18px 0 70px}button,input{min-height:var(--touch-target);border-radius:12px;border:1px solid rgba(197,232,201,.26);padding:10px 13px;font-size:16px}input{background:rgba(236,250,237,.95);color:#123123}button{cursor:pointer;background:linear-gradient(180deg,#ffb36f,#cf6f35);color:#1a110a;font-weight:900}.timeline-shell.cinematic{display:grid;grid-gap:14px;gap:14px}.cinematic-head{padding:18px;border-radius:24px;border:1px solid rgba(214,245,218,.26);background:radial-gradient(circle at 90% 20%,rgba(255,193,108,.3),transparent 32%),radial-gradient(circle at 12% 80%,rgba(128,233,178,.24),transparent 30%),linear-gradient(130deg,rgba(10,30,23,.8),rgba(8,22,18,.62))}.timeline-kicker{margin:0;color:#d4f8dc;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.cinematic-head h1{margin:8px 0 6px;font-size:clamp(2rem,4.8vw,3.3rem);line-height:1.05}.cinematic-head p{margin:0;color:#dceee0;font-size:1.06rem}.head-actions{margin-top:12px}.geo-entry-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;text-decoration:none;border-radius:999px;font-size:1rem;font-weight:900;color:#1b1208;background:linear-gradient(180deg,#ffd085,#d58a3a);border:1px solid rgba(180,108,35,.6)}.tier{border-radius:18px;border:1px solid rgba(214,245,218,.2);background:rgba(8,24,19,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:12px}.tier-clade,.tier-era{display:flex;gap:10px;flex-wrap:wrap}.era-chip{min-height:70px;min-width:220px;display:flex;align-items:center;gap:10px;border-radius:14px;border:1px solid rgba(214,245,218,.24);background:rgba(8,22,18,.68);color:#edf8f0}.era-chip .icon{font-size:1.3rem}.era-chip .text{display:grid;text-align:left}.era-chip .text span{color:#c2ddca;font-size:1rem}.era-chip .text strong{font-size:1rem}.era-chip.active{background:linear-gradient(180deg,#ffd085,#d58a3a);color:#1b1208;border-color:rgba(180,108,35,.6)}.clade-chip{min-height:46px;padding:0 14px;border-radius:999px;border:1px solid rgba(214,245,218,.22);background:rgba(8,21,17,.65);color:#ecf8ef}.clade-chip.active{background:linear-gradient(180deg,#ffd085,#d58a3a);color:#1b1208}.clear-chip{background:rgba(225,242,226,.92);color:#1d3328}.tier-dino{background:radial-gradient(circle at 88% 14%,color-mix(in oklab,var(--era-color),transparent 78%),transparent 26%),linear-gradient(155deg,rgba(10,28,22,.78),rgba(7,18,14,.78))}.era-banner{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.era-banner span{font-size:1.5rem}.era-banner h2{margin:0;font-size:clamp(1.2rem,3vw,1.7rem)}.era-banner small{color:#b7d7c1;font-weight:700}.dino-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:12px;gap:12px;padding-bottom:6px}.dino-card-v2{border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid rgba(210,244,216,.3);background:linear-gradient(180deg,rgba(17,42,32,.9),rgba(8,20,16,.95));box-shadow:0 12px 26px rgba(0,0,0,.3)}.dino-image{width:100%;height:220px;object-fit:cover;display:block;background:#33433d}.dino-content{padding:12px}.dino-content h3{margin:0;font-size:2rem;color:#effaf2}.dino-content p{margin:6px 0;color:#c8e4d0;font-size:1.22rem}.dino-content small{color:#aac7b3;font-weight:700}.empty-card{min-height:110px;min-width:300px;border-radius:14px;border:1px dashed rgba(214,245,218,.4);display:grid;place-items:center;color:#c5dbcb}.back-map-btn{display:inline-flex;min-height:56px;padding:0 24px;align-items:center;justify-content:center;font-size:1.05rem;font-weight:900;border-radius:999px;text-decoration:none;color:#0f2a21;background:linear-gradient(180deg,#ffe08f,#e9ad48);border:1px solid rgba(0,0,0,.15);box-shadow:0 10px 22px rgba(0,0,0,.25)}.detail .hero{width:100%;max-width:900px;border-radius:20px;border:1px solid rgba(209,236,206,.3);margin-top:12px}.voice-guide{margin-top:14px;padding:14px;border-radius:16px;background:rgba(10,28,21,.78);border:1px solid rgba(209,236,206,.24)}.voice-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.voice-actions .ghost{background:rgba(225,242,226,.92);color:#1d3328}.facts{margin-top:14px;border:1px solid rgba(209,236,206,.24);border-radius:16px;padding:14px;background:rgba(9,23,18,.66)}.facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.facts-grid p{margin:0;border-radius:12px;padding:12px;background:rgba(22,45,34,.75);display:grid;grid-gap:6px;gap:6px}.bilingual{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.bilingual>div{border-radius:16px;border:1px solid rgba(209,236,206,.24);background:rgba(9,23,18,.66);padding:14px}.ambient-toggle{position:fixed;right:16px;bottom:16px;min-height:54px;border-radius:999px;z-index:30;box-shadow:0 14px 28px rgba(0,0,0,.36)}.empty{margin-top:16px;border-radius:14px;padding:12px;background:rgba(18,39,30,.8);border:1px solid rgba(209,236,206,.24)}.geo-shell{display:grid;grid-gap:14px;gap:14px}.geo-head{border:1px solid rgba(214,245,218,.24);border-radius:20px;padding:16px;background:linear-gradient(145deg,rgba(8,27,20,.82),rgba(10,36,27,.74))}.geo-head h1{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.7rem)}.geo-head p{margin:0;font-size:1rem;color:#cbe0d1}.globe-wrap{border:1px solid rgba(214,245,218,.24);border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(19,64,48,.8),rgba(7,18,14,.85));min-height:520px;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.globe-sphere{width:min(76vw,560px);aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;border:1px solid rgba(201,240,211,.3);background:radial-gradient(circle at 32% 26%,rgba(148,227,178,.36),transparent 42%),radial-gradient(circle at 68% 64%,rgba(96,182,140,.28),transparent 36%),linear-gradient(160deg,#114635,#0a2f25 48%,#07221b);box-shadow:inset 0 -34px 80px rgba(3,10,8,.6),0 20px 48px rgba(0,0,0,.46)}.globe-atmos{inset:-8%;background:radial-gradient(circle at center,transparent 64%,rgba(149,226,181,.18) 78%,transparent 88%)}.globe-atmos,.globe-grid{position:absolute;border-radius:50%}.globe-grid{inset:0;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(210,247,220,.08) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(210,247,220,.08) 27px 28px);opacity:.6}.geo-marker{position:absolute;transform:translate(-50%,-50%);min-height:36px;min-width:36px;border-radius:999px;border:1px solid rgba(255,232,176,.75);background:rgba(255,181,90,.9);color:#1a1308;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px}.geo-marker i{width:8px;height:8px;border-radius:50%;background:#6d2f0e}.geo-marker.back{opacity:.3;pointer-events:none}.geo-marker.active{box-shadow:0 0 0 4px rgba(255,210,130,.25)}.geo-panel{border:1px solid rgba(214,245,218,.24);border-radius:20px;padding:14px;background:rgba(7,21,16,.78);display:grid;grid-gap:10px;gap:10px}.geo-panel h2{margin:0;font-size:1.8rem}.geo-panel p{margin:0;color:#cae3d0;font-size:1rem}.geo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:10px;gap:10px}.geo-dino-link{border-radius:14px;border:1px solid rgba(214,245,218,.24);background:rgba(13,37,29,.8);color:#e9f8ee;text-decoration:none;padding:10px;display:grid;grid-gap:6px;gap:6px}.geo-dino-link strong{font-size:1.02rem;line-height:1.28}.geo-dino-link span{font-size:1.02rem;color:#bdd7c4}.home-globe{width:100vw;height:calc(100dvh - 70px);margin-left:calc(50% - 50vw);display:block;position:relative;overflow:hidden}.home-overlay{position:absolute;left:20px;top:20px;z-index:7;border:1px solid rgba(214,245,218,.24);border-radius:18px;padding:12px 14px;background:rgba(7,24,18,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-overlay h1{margin:0 0 4px;font-size:1.8rem}.home-overlay p{margin:0;max-width:460px;color:#c9e2d0;font-size:1rem}.timeline-entry-btn{margin-top:10px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:0 16px;text-decoration:none;font-weight:900;color:#1a1108;background:linear-gradient(180deg,#ffd68d,#d68a3e)}.globe-stage{height:calc(100dvh - 70px);position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(7,36,28,.55),rgba(3,11,9,.92));touch-action:none}.globe-3d-wrap{position:relative;border-radius:20px;overflow:hidden}.globe-full{width:min(96dvh,98vw);aspect-ratio:1;border-radius:50%;position:relative;transform:scale(var(--globe-zoom,1));transition:transform .18s ease;background:radial-gradient(circle at 24% 28%,rgba(142,223,184,.12),transparent 36%),url(/scene/earth-texture.jpg),linear-gradient(165deg,#0d4a3a,#0a3429 48%,#08231d);background-size:auto,220% 180%,auto;background-position:50%,var(--map-x,50%) var(--map-y,50%),50%;background-repeat:no-repeat;border:1px solid rgba(208,242,218,.35);box-shadow:0 40px 90px rgba(0,0,0,.62),inset 0 -56px 110px rgba(2,10,8,.66)}.earth-atmos{inset:-9%;background:radial-gradient(circle at center,transparent 65%,rgba(148,226,181,.2) 80%,transparent 89%)}.earth-atmos,.earth-shadow{position:absolute;border-radius:50%}.earth-shadow{inset:0;background:radial-gradient(ellipse at 66% 72%,rgba(2,7,6,.46),transparent 52%);pointer-events:none}.continent-patch{position:absolute;transform:translate(-50%,-50%);border-radius:55% 45% 52% 48%/52% 43% 57% 48%;background:linear-gradient(160deg,rgba(124,204,149,.95),rgba(76,151,99,.92));border:1px solid rgba(191,243,195,.32)}.continent-patch.front{opacity:.16;mix-blend-mode:multiply}.continent-marker{position:absolute;transform:translate(-50%,-50%);border-radius:14px;border:1px solid rgba(255,233,184,.65);background:rgba(255,180,88,.9);color:#1a1308;min-height:42px;padding:4px 8px;display:grid;line-height:1.1;text-align:left;grid-gap:1px;gap:1px}.continent-marker strong{font-size:1.02rem}.continent-marker span{font-size:.78rem;white-space:nowrap}.continent-marker.back{opacity:.38;pointer-events:none}.continent-marker.active{box-shadow:0 0 0 4px rgba(255,206,123,.24)}.zoom-controls{position:absolute;right:20px;bottom:20px;display:grid;grid-gap:8px;gap:8px}.zoom-controls button{width:44px;min-height:44px;border-radius:12px;font-size:1.3rem;line-height:1}.continent-side{position:absolute;right:0;top:0;width:min(420px,38vw);height:calc(100dvh - 70px);border-left:1px solid rgba(208,242,218,.2);background:rgba(6,19,15,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:auto;padding:12px;z-index:8}.side-tabs{display:grid;grid-gap:8px;gap:8px;margin-bottom:10px}.side-tabs button{min-height:42px;border-radius:10px;text-align:left;background:rgba(19,44,34,.88);color:#e9f7ed}.side-tabs button.active{background:linear-gradient(180deg,#ffd68d,#d68a3e);color:#1b130a}.continent-list{display:grid;grid-gap:8px;gap:8px}.dino-row{min-height:56px;border-radius:12px;border:1px solid rgba(208,242,218,.25);text-align:left;background:rgba(11,30,23,.85);color:#e8f6ec;display:grid;grid-gap:3px;gap:3px}.dino-row strong{font-size:1rem}.dino-row span{font-size:.9rem;color:#c0d8c8}.dino-modal{position:fixed;inset:0;background:rgba(0,0,0,.58);display:grid;place-items:center;z-index:50;padding:18px}.dino-modal-card{width:min(760px,92vw);border-radius:20px;border:1px solid rgba(208,242,218,.26);background:rgba(7,20,16,.95);padding:14px;position:relative}.modal-close{position:absolute;right:10px;top:10px;width:40px;min-height:40px;border-radius:50%}.modal-image{width:100%;height:300px;border-radius:14px;object-fit:cover;border:1px solid rgba(208,242,218,.2)}.modal-image.placeholder{display:grid;place-items:center;background:rgba(21,42,34,.8);color:#d4e8db}.dino-modal-card h3{margin:10px 0 6px;font-size:1.65rem}.dino-modal-card p{margin:4px 0;font-size:1.02rem;color:#c7ddcf}@media (max-width:1080px){.era-chip{min-width:180px}.continent-side{width:min(440px,48vw)}}@media (max-width:760px){.site-header .wrap{min-height:64px}.brand{font-size:1rem}nav a{padding:8px 11px}.tier-clade,.tier-era{gap:8px}.era-chip{min-width:100%}.bilingual,.dino-rail,.facts-grid,.voice-actions{grid-template-columns:1fr}.globe-wrap{min-height:430px}.globe-sphere{width:min(90vw,480px)}.geo-list{grid-template-columns:1fr}.home-overlay{left:10px;top:10px;right:10px}.home-overlay h1{font-size:1.4rem}.home-overlay p{font-size:.92rem}.globe-stage{height:calc(100dvh - 70px)}.globe-full{width:98vw}.continent-marker span{display:none}.continent-marker{min-height:34px;border-radius:10px}.continent-side{position:absolute;top:auto;bottom:0;width:100vw;height:42dvh;border-left:none;border-top:1px solid rgba(208,242,218,.2)}}