*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#a8a8ac;--bg2:#a0a0a4;--ink:#1a1a18;--dim:#3a3a38;--faint:#727274;--rule:rgba(255,255,255,.14);--panel-bg:#b8b8bc}html,body{width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:DM Mono,monospace;overflow:hidden}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#a8a8ac;display:flex;align-items:center;justify-content:center;transition:opacity .8s cubic-bezier(.4,0,.2,1)}#loader.fade{opacity:0;pointer-events:none}#loader-bar-wrap{width:min(240px,50vw);height:1px;background:#ffffff2e;position:relative}#loader-bar{height:100%;width:0%;background:#ffffffd9;transition:width .25s cubic-bezier(.4,0,.2,1)}#hdr{position:fixed;top:0;left:0;right:0;height:54px;z-index:100;background:#a8a8ac;display:flex;align-items:center;justify-content:space-between;padding:0 22px}#hdr-left{display:flex;flex-direction:column;justify-content:center;gap:0}#hdr-controls-left{display:flex;align-items:center;gap:14px}#hdr-top-row{display:flex;align-items:baseline;gap:0}#yr-display{font-size:7px;font-weight:400;letter-spacing:.12em;color:#fffffff2;line-height:1.65;transition:color .12s;text-transform:uppercase;flex-shrink:0}#yr-display:after{content:" \b7";color:#ffffff4d;margin-right:6px}#yr-display.changing{color:#fff}#yr-display.sweep{color:#ffffff8c!important;letter-spacing:.22em}#stats-line{font-size:7px;letter-spacing:.12em;color:#ffffffb3;text-transform:uppercase;line-height:1.65}#stats-line span{color:#fffffff2}#ev-lbl{font-size:7px;letter-spacing:.08em;color:#fff6;font-style:italic;line-height:1.65}#hdr-right{display:flex;align-items:center;gap:18px}#temp-toggle{display:flex;align-items:center}.tt-btn{padding:3px 8px;cursor:pointer;background:none;border:.5px solid rgba(255,255,255,.25);font-family:DM Mono,monospace;font-size:7px;letter-spacing:.1em;color:#ffffff8c;transition:all .18s cubic-bezier(.4,0,.2,1)}.tt-btn:first-child{border-right:none}.tt-btn.active{background:#ffffffe6;color:#1a1a18;border-color:transparent}.tt-btn:hover:not(.active){color:#ffffffe6;border-color:#fff9}#info-btn{font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;border:.5px solid rgba(255,255,255,.25);padding:3px 9px;cursor:pointer;background:none;font-family:DM Mono,monospace;transition:all .18s cubic-bezier(.4,0,.2,1)}#info-btn:hover{color:#fffffff2;border-color:#ffffffb3}#view-toggle{display:flex;align-items:center}.vt-btn{padding:3px 9px;cursor:pointer;background:none;border:.5px solid rgba(255,255,255,.25);font-family:DM Mono,monospace;font-size:7px;letter-spacing:.1em;color:#ffffff8c;transition:all .18s cubic-bezier(.4,0,.2,1);text-transform:uppercase}.vt-btn:first-child{border-right:none}.vt-btn.active{background:#ffffffe6;color:#1a1a18;border-color:transparent}.vt-btn:hover:not(.active){color:#ffffffe6;border-color:#fff9}#statsbar{display:none}#mapwrap{position:fixed;top:54px;left:0;right:0;bottom:76px;overflow:hidden;cursor:grab}#mapwrap:active{cursor:grabbing}#mapsvg{display:block;position:absolute;top:0;left:0}#globewrap{position:fixed;top:54px;left:0;right:0;bottom:76px;display:none;align-items:center;justify-content:center;overflow:hidden}#globewrap.active{display:flex}#globesvg{cursor:grab;display:block}#globesvg:active{cursor:grabbing}#globe-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;pointer-events:none;opacity:1;transition:opacity 1s}#globe-hint.gone{opacity:0}#panel{position:fixed;bottom:84px;right:20px;width:272px;background:var(--panel-bg);border:.5px solid rgba(255,255,255,.2);padding:15px 17px;opacity:0;pointer-events:none;transform:translate(12px);transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1);z-index:200;max-height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#panel::-webkit-scrollbar{display:none}#panel.show{opacity:1;pointer-events:all;transform:translate(0)}#panel-x{position:absolute;top:9px;right:10px;font-size:8px;color:var(--faint);cursor:pointer;background:none;border:none;font-family:DM Mono,monospace}#p-name{font-size:11px;font-weight:300;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;padding-right:20px;color:#1a1a18}#p-region{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:3px}.p-div{height:.5px;background:#1c1c1a1f;margin:10px 0}#p-health-label{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:5px}#p-health-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}#p-health-score{font-size:22px;font-weight:300;letter-spacing:.04em;color:var(--ink);min-width:36px;transition:all .4s ease}#p-health-bar-bg{flex:1;height:3px;background:#1c1c1a26}#p-health-bar-fill{height:100%;background:#1a1a18;transition:width .7s cubic-bezier(.4,0,.2,1)}#p-health-desc{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:3px}#p-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.pl{font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.pv{font-size:11px;color:var(--ink);margin-top:2px;letter-spacing:.03em}#p-status{margin-top:10px;font-size:7px;letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;border:.5px solid rgba(255,255,255,.3);display:inline-block;color:var(--ink)}#p-spark{width:100%;height:24px;margin-top:10px;display:block}#p-spark-lbl{font-size:6px;letter-spacing:.09em;color:var(--faint);margin-top:2px;text-transform:uppercase}.sec-head{font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}#p-recovery-bars{display:flex;flex-direction:column;gap:4px}.rec-bar-row{display:flex;align-items:center;gap:8px}.rec-bar-year{font-size:7px;letter-spacing:.06em;color:var(--faint);width:28px;flex-shrink:0;text-align:right}.rec-bar-track{flex:1;height:5px;background:#1c1c1a1a;position:relative;overflow:hidden}.rec-bar-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.rec-bar-fill.major{background:#1c1c1abf}.rec-bar-fill.minor{background:#1c1c1a66}.rec-bar-label{font-size:6px;letter-spacing:.08em;color:var(--faint);width:44px;flex-shrink:0;text-transform:uppercase}.p-human-stat{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;border-bottom:.5px solid var(--rule)}.p-human-stat:last-child{border-bottom:none}.p-human-key{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.p-human-val{font-size:8px;color:var(--ink);letter-spacing:.02em;text-align:right;max-width:55%;line-height:1.5}#p-conn-note{font-size:8px;letter-spacing:.03em;line-height:1.7;color:var(--dim);margin-top:4px}.p-eco-label{font-size:6px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:3px;margin-top:8px}.p-eco-list{font-size:8px;letter-spacing:.04em;color:var(--ink);line-height:1.8}.p-eco-list em{font-style:italic;color:var(--dim)}.p-fact{font-size:8px;letter-spacing:.03em;line-height:1.8;color:var(--dim);margin-top:6px;padding-top:6px;border-top:.5px solid var(--rule)}#coords{position:fixed;bottom:82px;left:22px;font-size:7px;letter-spacing:.1em;color:#ffffff73;pointer-events:none;z-index:50}#bottom{position:fixed;bottom:0;left:0;right:0;height:76px;background:#a8a8ac;padding:8px 22px 12px}#tl-lbl{display:none}#tl-track{height:32px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}#tl-bars{display:flex;align-items:flex-end;height:100%;gap:1px}.tbar{flex:1;min-height:2px;background:#ffffff47;cursor:pointer;transition:background .12s ease,height .4s cubic-bezier(.4,0,.2,1)}.tbar:hover{background:#ffffff8c}.tbar.active{background:#ffffffeb}.tbar.ev{background:#ffffff73}.tbar.ev.major{background:#ffffffb8}#tl-yrs{display:flex;justify-content:space-between;font-size:7px;color:#ffffff73;letter-spacing:.06em;margin-top:5px}#tl-top-row{display:none}#infobox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#a8a8aceb;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}#infobox::-webkit-scrollbar{display:none}#infobox.show{opacity:1;pointer-events:all}#info-close{position:fixed;top:20px;right:24px;z-index:251;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff80;cursor:pointer;background:none;border:none;font-family:DM Mono,monospace}#info-close:hover{color:#fffffff2}#info-inner{flex:1;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:0;height:100%;overflow:hidden}.info-col{padding:52px 36px 36px;border-right:.5px solid rgba(255,255,255,.12);overflow-y:auto;height:100%;scrollbar-width:none;-ms-overflow-style:none}.info-col::-webkit-scrollbar{display:none}.info-col:last-child{border-right:none}.info-h{font-size:7px;letter-spacing:.22em;text-transform:uppercase;color:#ffffff61;margin-bottom:14px}.info-body{font-size:10px;letter-spacing:.02em;line-height:1.85;color:#ffffffb8}.info-body strong{color:#ffffffeb;font-weight:400}.info-scale-list{display:flex;flex-direction:column;gap:12px}.info-scale-row{display:flex;align-items:center;gap:14px}.info-scale-dot{border-radius:50%;background:#ffffffd9;flex-shrink:0}.info-scale-text{display:flex;flex-direction:column;gap:2px}.info-scale-name{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9}.info-scale-desc{font-size:8px;letter-spacing:.02em;color:#ffffff6b}.info-def-list{display:flex;flex-direction:column;gap:0}.info-def-row{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:7px 0;border-bottom:.5px solid rgba(255,255,255,.08)}.info-def-row:last-child{border-bottom:none}.info-def-term{font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.info-def-body{font-size:8px;letter-spacing:.02em;line-height:1.7;color:#ffffff8c}.info-events{display:flex;flex-direction:column;gap:0}.info-event-row{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:8px 0;border-bottom:.5px solid rgba(255,255,255,.08)}.info-event-row:last-child{border-bottom:none}.info-event-row.major .info-event-yr{color:#fffffff2}.info-event-yr{font-size:9px;letter-spacing:.06em;color:#ffffff8c;padding-top:1px}.info-event-desc{font-size:8px;letter-spacing:.02em;line-height:1.7;color:#ffffff85}.info-event-row.major .info-event-desc{color:#fffc}.info-rule{height:.5px;background:#ffffff2e;margin:20px 0}*{-webkit-font-smoothing:antialiased}circle{transition:r .3s ease,opacity .3s ease}.vt-btn,.tt-btn,#info-btn{transition:all .18s cubic-bezier(.4,0,.2,1)}#p-health-bar-fill{transition:width .7s cubic-bezier(.4,0,.2,1)}@media(max-width:900px){html,body{overflow:hidden;position:fixed;width:100%;height:100%}#hdr{height:52px;padding:0 14px;flex-direction:row;align-items:center;justify-content:space-between}#hdr-left{display:none}#hdr-controls-left{display:flex;align-items:center;gap:8px}.vt-btn{font-size:10px;letter-spacing:.1em;padding:6px 13px}.tt-btn{font-size:10px;letter-spacing:.1em;padding:6px 11px}#info-btn{font-size:10px;letter-spacing:.1em;padding:6px 13px}#mapwrap{top:52px!important;bottom:0!important;left:0!important;right:0!important;overflow:hidden}#globewrap{top:52px!important;bottom:0!important;left:0!important;right:0!important}#bottom{display:none!important}#panel{width:100%!important;right:0!important;left:0!important;bottom:0!important;top:auto!important;max-height:48vh!important;border-left:none;border-right:none;border-top:.5px solid rgba(255,255,255,.2);border-radius:0;padding:14px 16px 24px}#panel:not(.show){transform:translateY(100%)!important;opacity:1!important}#panel.show{transform:translateY(0)!important;opacity:1!important}#coords{display:none}#infobox{padding:52px 0 0;overflow-y:auto;display:block;-webkit-overflow-scrolling:touch}#info-inner{display:block;width:100%}.info-col{padding:24px 20px 20px;border-right:none;border-bottom:.5px solid rgba(255,255,255,.1);overflow-y:visible;height:auto}.info-col:last-child{border-bottom:none;padding-bottom:40px}#info-close{position:fixed;top:14px;right:16px;font-size:12px;letter-spacing:.1em;padding:8px 12px;background:#ffffff1f;border:.5px solid rgba(255,255,255,.2)}}@media(max-width:420px){.vt-btn{font-size:9px;padding:5px 10px}.tt-btn{font-size:9px;padding:5px 9px}#info-btn{font-size:9px;padding:5px 10px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/reef-index.css.map */