*,*: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:Anonymous Pro,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{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;position:fixed}#hdr-left{display:flex;flex-direction:column;justify-content:center;gap:0}#hdr-controls-left{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}#hdr-top-row{display:flex;align-items:baseline;gap:0}#yr-display{font-size:7px;font-weight:400;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}#stats-line{font-size:7px;color:#ffffffb3;text-transform:uppercase;line-height:1.65}#stats-line span{color:#fffffff2}#ev-lbl{font-size:7px;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:Anonymous Pro,monospace;font-size:7px;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;text-transform:uppercase;color:#ffffff8c;border:.5px solid rgba(255,255,255,.25);padding:3px 9px;cursor:pointer;background:none;font-family:Anonymous Pro,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:Anonymous Pro,monospace;font-size:7px;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;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:Anonymous Pro,monospace}#p-name{font-size:11px;font-weight:300;line-height:1.3;text-transform:uppercase;padding-right:20px;color:#1a1a18}#p-region{font-size:7px;text-transform:uppercase;color:var(--faint);margin-top:3px}.p-div{height:.5px;background:#1c1c1a1f;margin:10px 0}#p-health-label{font-size:7px;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;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;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;text-transform:uppercase;color:var(--dim)}.pv{font-size:11px;color:var(--ink);margin-top:2px}#p-status{margin-top:10px;font-size:7px;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;color:var(--faint);margin-top:2px;text-transform:uppercase}.sec-head{font-size:7px;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;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;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;text-transform:uppercase;color:var(--dim)}.p-human-val{font-size:8px;color:var(--ink);text-align:right;max-width:55%;line-height:1.5}#p-conn-note{font-size:8px;line-height:1.7;color:var(--dim);margin-top:4px}.p-eco-label{font-size:6px;text-transform:uppercase;color:var(--faint);margin-bottom:3px;margin-top:8px}.p-eco-list{font-size:8px;color:var(--ink);line-height:1.8}.p-eco-list em{font-style:italic;color:var(--dim)}.p-fact{font-size:8px;line-height:1.78;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;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;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;text-transform:uppercase;color:#ffffff80;cursor:pointer;background:none;border:none;font-family:Anonymous Pro,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;text-transform:uppercase;color:#ffffff73;margin-bottom:10px}.info-body{font-size:8px;line-height:1.85;color:#ffffffb8}.info-body strong{color:#ffffffeb;font-weight:700}.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;text-transform:uppercase;color:#ffffffd9}.info-scale-desc{font-size:8px;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;text-transform:uppercase;color:#ffffff8c}.info-def-body{font-size:8px;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:8px;color:#ffffff8c;padding-top:1px}.info-event-desc{font-size:8px;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)}#mobile-notice{display:none}@media(max-width:900px){#hdr,#mapwrap,#globewrap,#bottom,#panel,#coords,#loader,#infobox{display:none!important}#mobile-notice{position:fixed;top:0;right:0;bottom:0;left:0;display:flex!important;align-items:center;justify-content:center;background:var(--bg);font-size:9px;text-transform:uppercase;color:#ffffff8c;font-family:Anonymous Pro,monospace}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/reef-index.css.map */