@import"https://fonts.googleapis.com/css2?family=Playwrite+CO+Guides&text=Welcome%20to%20Genregraphy!&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;padding:0;margin:0;box-sizing:border-box;overflow:hidden;color:#303030;background-color:#c3b19a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n2)' opacity='0.05'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='n3'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.15' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.45  0 0 0 0 0.3  0 0 0 0 0.1  0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23n3)'/%3E%3C/svg%3E");background-size:400px 400px,200px 200px,600px 600px}html *,body *{box-sizing:border-box}a{text-decoration:none;outline:none}i{font-style:italic}#app{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;overflow:hidden}.uppercase{text-transform:uppercase}.the-frame{position:relative;display:flex;justify-content:center;align-items:center;height:97%;width:90%;background-color:#41585d;overflow:hidden;box-shadow:0 5px 15px #0000004d;border:6px ridge darkgoldenrod;z-index:5}@media(max-width:820px){.the-frame{width:98%;height:calc(100% - 100px);align-items:flex-start;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#644905 transparent}}.frame-enter-active,.frame-leave-active{transition:opacity .25s ease,transform .25s ease}.frame-enter-from{opacity:0;transform:scale(.95)}.frame-enter-to,.frame-leave-from{opacity:1;transform:scale(1)}.frame-leave-to{opacity:0;transform:scale(.95)}.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:50%;will-change:transform;z-index:1}@media(max-width:820px){.slider-connect,.slider-origin{width:100%}}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height, 6px)}.slider-horizontal .special-label{display:none}.slider-horizontal .slider-handle{height:var(--slider-handle-height, 16px);right:calc(var(--slider-handle-width, 16px) / 2 * -1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 * -1 - 1px);width:var(--slider-handle-width, 16px)}.slider-vertical{height:var(--slider-vertical-height, 300px);width:var(--slider-height, 6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px) / 2 * -1);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 * -1 - 1px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px) / 2 * -1);right:auto}.slider-base{background-color:transparent}.slider-base,.slider-connects{border-radius:var(--slider-radius, 9999px)}.slider-connect{background:var(--slider-connect-bg, #644905);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:#644905;border:var(--slider-handle-border, 0);border-radius:var(--slider-handle-radius, 9999px);box-shadow:var(--slider-handle-shadow, .5px .5px 2px 1px rgba(0, 0, 0, .32));cursor:-webkit-grab;cursor:grab;width:16px;height:16px;box-shadow:none!important}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, .188)),var(--slider-handle-shadow, .5px .5px 2px 1px rgba(0, 0, 0, .32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active, .5px .5px 2px 1px rgba(0, 0, 0, .42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled, #9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled, #9ca3af);border-color:var(--slider-tooltip-bg-disabled, #9ca3af)}.slider-tooltip{height:42px;width:42px;background-color:#644905;border:1px solid #644905;color:#fff;display:block;font-size:.875rem;font-weight:600;line-height:1.25rem;min-width:20px;padding:10px 8px;position:absolute;text-align:center;white-space:nowrap;border-radius:50%;font-size:12px;opacity:1;transition:transform .25s ease-out,background-color .25s ease-out,border-color .25s ease-out,opacity .4s ease-out}.slider-tooltip:hover{background-color:#b8860b;border-color:#b8860b}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px) * -2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px) * -2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px) * -2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size, 5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px) * -2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px)) / 2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}.year-slider-container{position:fixed;right:0;top:10px;bottom:10px;height:calc(100% - 20px);z-index:1000}@media(max-width:820px){.year-slider-container{top:initial;bottom:0;left:0;right:0;margin:0 auto;height:5px;width:90%}}.year-slider-container.disabled{pointer-events:none;opacity:.5}.year-slider-container.disabled .slider-tooltip{opacity:0;transform:translate(80px) translateY(-50%)}@media(max-width:820px){.year-slider-container.disabled .slider-tooltip{transform:translate(-20px) translateY(40px)}}.year-slider-container .slider-vertical{height:100%}.year-slider-container .slider-pips-vertical{position:absolute;top:0;height:100%;left:-56px;width:60px;box-sizing:border-box;opacity:.7;overflow:hidden}.year-slider-container .slider-pips-vertical .common-label,.year-slider-container .slider-pips-vertical .slider-marker{transition:opacity .25s ease-out}.year-slider-container .slider-pips-vertical .special-label{display:block;color:#fff;background-color:#b8860b;padding:4px 8px;border-radius:4px;cursor:pointer;position:relative;box-shadow:2px 2px 5px #0000004d;visibility:hidden;opacity:0;pointer-events:none;right:-30px;transition:transform .25s ease-out,opacity .25s ease-out}.year-slider-container .slider-pips-vertical .special-label[data-value="1951"],.year-slider-container .slider-pips-vertical .special-label[data-value="1983"]{transition-delay:.05s}.year-slider-container .slider-pips-vertical .special-label[data-value="1964"],.year-slider-container .slider-pips-vertical .special-label[data-value="2001"]{transition-delay:75ms}.year-slider-container .slider-pips-vertical .special-label[data-value="1991"],.year-slider-container .slider-pips-vertical .special-label[data-value="1968"],.year-slider-container .slider-pips-vertical .special-label[data-value="2011"]{transition-delay:.1s}.year-slider-container .slider-pips-vertical .special-label[data-value="1977"],.year-slider-container .slider-pips-vertical .special-label[data-value="2018"]{transition-delay:.125s}.year-slider-container .slider-pips-vertical .special-label:hover{opacity:1!important}.year-slider-container .slider-pips-vertical:hover{opacity:1;overflow:visible}.year-slider-container .slider-pips-vertical:hover .common-label{opacity:0}.year-slider-container .slider-pips-vertical:hover .special-label{visibility:visible;opacity:.5;pointer-events:all;transform:translate(-25px)}.year-slider-container .slider-base:hover+.slider-pips-vertical{opacity:1;overflow:visible}.year-slider-container .slider-base:hover+.slider-pips-vertical .common-label{opacity:0}.year-slider-container .slider-base:hover+.slider-pips-vertical .special-label{visibility:visible;opacity:.5;pointer-events:all;transform:translate(-25px)}.year-slider-container .slider-pips-horizontal{position:absolute;top:-68px;width:100%;height:64px;box-sizing:border-box;pointer-events:none;opacity:.7}.year-slider-container .slider-marker-horizontal{position:absolute;bottom:0;width:1px;transform:translate(-50%);background:#644905}.year-slider-container .slider-marker-horizontal.slider-marker-sub{height:8px}.year-slider-container .slider-marker-horizontal.slider-marker-large{width:1px;height:8px;background:#644905;box-shadow:0 0 5px #b8860b8c}.year-slider-container .slider-value-horizontal{position:absolute;bottom:15px;white-space:nowrap;transform:translate(-50%) rotate(90deg);transform-origin:bottom center;font-family:Georgia,serif;font-size:10px;color:transparent}.year-slider-container .slider-value[data-value="1950"]{top:2px!important}.year-slider-container .slider-value .slider-value-horizontal.slider-value-large{color:#644905;font-size:11px;font-weight:700;letter-spacing:.08em;text-shadow:0 0 6px rgba(184,134,11,.4)}.year-slider-container .slider-marker-vertical{position:absolute;right:0;height:1px;transform:translateY(-50%);background:#644905}.year-slider-container .slider-marker-vertical.slider-marker-sub{width:8px}.year-slider-container .slider-marker-vertical.slider-marker-large{width:8px;height:1px;background:#644905;box-shadow:0 0 5px #b8860b8c}.year-slider-container .slider-value-vertical{position:absolute;right:10px;white-space:nowrap;transform:translateY(-50%);font-family:Georgia,serif;font-size:10px;color:transparent}.year-slider-container .slider-value-vertical.slider-value-large{color:#644905;font-size:11px;font-weight:700;letter-spacing:.08em;text-shadow:0 0 6px rgba(184,134,11,.4)}.year-slider-container .slider-tooltip{color:transparent;line-height:1.4}.year-slider-container .slider-tooltip:after{content:"DRAG\aME";white-space:pre;color:#fff;font-size:10px;line-height:1;font-weight:700;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.year-slider-container:hover .slider-tooltip,.year-slider-container:has(.slider-active) .slider-tooltip{color:#fff}.year-slider-container:hover .slider-tooltip:after,.year-slider-container:has(.slider-active) .slider-tooltip:after{display:none}.left-titlebar{position:absolute;top:0;left:0;bottom:0;height:100%;width:40px;background-color:#644905;z-index:9}@media(max-width:820px){.left-titlebar{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;width:100%;height:40px}}.left-titlebar .options-menu-wrapper{position:absolute;left:0;top:0;height:40px;width:40px}@media(max-width:820px){.left-titlebar .options-menu-wrapper{position:relative}}.left-titlebar .options-menu-wrapper button{position:relative;height:100%;width:100%;background-color:#644905;border:none;color:#fff;font-size:18px;cursor:pointer;transition:background-color .25s ease-out}.left-titlebar .options-menu-wrapper .options-menu{flex-direction:column;position:absolute;top:5px;left:20px;padding-left:10px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .1s ease-out,transform .1s ease-out}.left-titlebar .options-menu-wrapper .options-menu:after{content:"";position:absolute;top:10px;left:4px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:6px solid #b8860b}@media(max-width:820px){.left-titlebar .options-menu-wrapper .options-menu{top:20px;left:auto;right:10px;padding-left:0;transform:translate(10px)}.left-titlebar .options-menu-wrapper .options-menu:after{display:none}}.left-titlebar .options-menu-wrapper .options-menu li{padding:0;margin:0;white-space:nowrap;color:#fff;background-color:#b8860b;cursor:pointer;font-size:12px;line-height:1;font-weight:600;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.25)}.left-titlebar .options-menu-wrapper .options-menu li label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:100%;cursor:pointer;padding:10px}.left-titlebar .options-menu-wrapper .options-menu li label .toggle-switch{position:relative;display:inline-block;width:34px;height:20px}.left-titlebar .options-menu-wrapper .options-menu li label .toggle-switch input{opacity:0;width:0;height:0}.left-titlebar .options-menu-wrapper .options-menu li label .toggle-switch input:checked+.slider{background-color:#d2cec5}.left-titlebar .options-menu-wrapper .options-menu li label .toggle-switch input:checked+.slider:before{transform:translate(14px)}.left-titlebar .options-menu-wrapper .options-menu li label .toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#c1af9780;transition:.4s;border-radius:20px}.left-titlebar .options-menu-wrapper .options-menu li label .toggle-switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#644905;transition:.4s;border-radius:50%}.left-titlebar .options-menu-wrapper .options-menu li:first-child{border-top-left-radius:5px;border-top-right-radius:5px}@media(max-width:820px){.left-titlebar .options-menu-wrapper .options-menu li:first-child{border-top-left-radius:0;border-top-right-radius:0}}.left-titlebar .options-menu-wrapper .options-menu li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.left-titlebar .options-menu-wrapper .options-menu li:hover{background-color:#644905;color:#fff}.left-titlebar .options-menu-wrapper:hover button{background-color:#b8860b}.left-titlebar .options-menu-wrapper:hover .options-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translate(20px);transition:opacity .25s ease-out,transform .25s ease-out}@media(max-width:820px){.left-titlebar .options-menu-wrapper:hover .options-menu{transform:translate(10px,20px)}}.left-titlebar .options-about-wrapper{position:absolute;left:0;bottom:0;height:40px;width:40px}.left-titlebar .options-about-wrapper .options-about-menu{flex-direction:column;position:absolute;bottom:5px;left:20px;padding-left:10px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .1s ease-out,transform .1s ease-out}.left-titlebar .options-about-wrapper .options-about-menu:after{content:"";position:absolute;bottom:10px;left:4px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:6px solid #b8860b}@media(max-width:820px){.left-titlebar .options-about-wrapper .options-about-menu{top:20px;left:0;right:auto;padding-left:0;transform:translate(0)}.left-titlebar .options-about-wrapper .options-about-menu:after{display:none}}.left-titlebar .options-about-wrapper .options-about-menu .about-section{width:160px;padding:10px;background-color:#b8860b;color:#fff;border-radius:5px;font-size:12px;line-height:1.5;font-weight:600}.left-titlebar .options-about-wrapper .options-about-menu .about-section hr{display:block;opacity:.25;margin:10px 0}.left-titlebar .options-about-wrapper .options-about-menu .about-section button{font-size:12px;line-height:1.5;font-weight:600;text-align:left;margin:0;padding:0}.left-titlebar .options-about-wrapper .options-about-menu .about-section button:hover{text-decoration:underline}@media(max-width:820px){.left-titlebar .options-about-wrapper .options-about-menu .about-section{border-top-left-radius:0;border-top-right-radius:0}}.left-titlebar .options-about-wrapper .options-about-menu a{color:#fff;text-decoration:underline}@media(max-width:820px){.left-titlebar .options-about-wrapper{position:relative}}.left-titlebar .options-about-wrapper button{position:relative;height:100%;width:100%;background-color:#644905;border:none;color:#fff;font-size:18px;cursor:pointer;transition:background-color .25s ease-out}.left-titlebar .options-about-wrapper:hover button{background-color:#b8860b}.left-titlebar .options-about-wrapper:hover .options-about-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translate(20px);transition:opacity .25s ease-out,transform .25s ease-out}@media(max-width:820px){.left-titlebar .options-about-wrapper:hover .options-about-menu{transform:translateY(20px)}}.left-titlebar h1{pointer-events:none}@media(max-width:820px){.left-titlebar h1{flex-grow:9;text-align:center}}.left-titlebar h1 span{position:absolute;top:50%;left:-135px;transform:rotate(-90deg) translate(10%);font-size:30px;line-height:1;font-weight:100;text-transform:uppercase;margin:0;padding:0;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.25);letter-spacing:10px}@media(max-width:820px){.left-titlebar h1 span{transform:initial;position:relative;top:auto;left:auto;width:100%;font-size:24px;letter-spacing:5px}}.load-page-panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;text-align:center;background-color:#41585d;background-image:radial-gradient(rgba(255,255,255,.1803921569) 1px,transparent 1px);background-size:30px 30px}.load-page-panel h2,.load-page-panel p{font-weight:100;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.25)}.load-page-panel h2{font-size:3.5em;line-height:1.25;margin-bottom:2em}.load-page-panel button{padding:.75em 1.5em;font-size:1em;color:#fff;border:2px solid #fff;background-color:#00000026;border-radius:50px;cursor:pointer;transition:background-color .3s ease}.load-page-panel button:hover{background-color:#ffffff26}.load-page-panel .loadpanel-section{max-width:640px;padding:0 10px;margin-bottom:40px}.load-page-panel .loadpanel-section:last-child{margin-bottom:0}.load-page-panel .loadpanel-section p{font-size:1.2em;line-height:1.5}.details-panel{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:10px;background-color:#41585d;background-image:radial-gradient(rgba(255,255,255,.1803921569) 1px,transparent 1px);background-size:30px 30px}@media(max-width:820px){.details-panel{padding:30px 10px}}.details-panel .close-panel{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:0;transform:translateY(-50%);padding:24px 8px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-left:none;border-radius:0 12px 12px 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}@media(max-width:820px){.details-panel .close-panel{top:-25px;left:calc(50% - 30px);right:0;width:40px;transform:rotate(90deg);height:initial}}.details-panel .close-panel div{display:flex;flex-direction:column;align-items:center;line-height:.6}.details-panel .close-panel span{font-size:18px;color:#fff9;transition:color .3s ease,transform .3s ease;transform:scaleX(1)}.details-panel .close-panel span:nth-child(2){opacity:.8}.details-panel .close-panel span:nth-child(3){opacity:1}.details-panel .close-panel:hover{background-color:#fff3;padding-right:10px}.details-panel .close-panel:hover span{color:#fff;transform:scaleX(1) translate(-2px)}.details-panel .close-panel:hover span:nth-child(1){transition-delay:.05s}.details-panel .close-panel:hover span:nth-child(2){transition-delay:.1s}.details-panel .close-panel:hover span:nth-child(3){transition-delay:.15s}.details-panel .details-area{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1490196078) transparent}.details-panel .detailspanel-section{width:100%;max-width:860px;margin-bottom:20px}.details-panel .detailspanel-section.description p{margin-bottom:10px}.details-panel .detailspanel-section.description p:last-child{margin-bottom:0}.details-panel .detailspanel-section:last-child{margin-bottom:0}.details-panel .detailspanel-section.title{font-size:2.5em;line-height:1.25;margin:20px 0 30px}.details-panel .detailspanel-section.center{text-align:center}.details-panel .detailspanel-section.preview .player-wrap{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:820px){.details-panel .detailspanel-section.preview .player-wrap{justify-content:center}}.details-panel .detailspanel-section.preview .player-wrap.playing button{background-color:#b8860b}.details-panel .detailspanel-section.preview button{background-color:#ffffff26;border:none;outline:none;padding:.75em 1.25em;border-radius:20px;font-size:14px;color:#fff;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-panel .detailspanel-section.preview button:disabled{pointer-events:none}.details-panel .detailspanel-section.preview button:hover{background-color:#ffffff40}.details-panel .detailspanel-section.preview audio{display:none}.details-panel .wikipedia-iframe-wrap{position:relative;width:100%;max-width:860px;height:0;border-radius:10px;background-color:#d6cdbe}.details-panel .wikipedia-iframe-wrap.is-open{min-height:600px}.details-panel .wikipedia-iframe-wrap iframe{filter:grayscale(1) sepia(.3)}.details-panel .video-iframe-wrap{position:relative;width:100%;max-width:860px;height:0;border-radius:10px;background-color:#fff}.details-panel .video-iframe-wrap.is-open{min-height:500px}.details-panel .wiki-progress-bar{position:absolute;top:0;left:0;height:3px;width:0%;background-color:#7a6a55;border-radius:2px;z-index:10;animation:wiki-progress 2.5s ease-out forwards}@keyframes wiki-progress{0%{width:0%}60%{width:75%}90%{width:88%}to{width:88%}}@media(max-width:820px){.details-panel h2,.details-panel h3{text-align:center}}.details-panel h2,.details-panel h3,.details-panel p{font-weight:100;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.25)}.details-panel h3{font-size:2em;line-height:1.25;margin-bottom:20px}.details-panel p{font-size:1.2em;line-height:1.5}.details-panel b{font-weight:700}.details-panel hr{width:100%;max-width:860px;border:none;border-top:1px solid rgba(255,255,255,.2);margin:20px 0}.details-panel ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}@media(max-width:820px){.details-panel ul{justify-content:center}}.details-panel ul li button{background-color:#ffffff26;border:none;outline:none;padding:.75em 1.25em;border-radius:20px;font-size:14px;color:#fff;display:flex;align-items:center;gap:5px}.details-panel ul li button span{font-size:12px}.details-panel ul li button:hover{background-color:#ffffff40}.details-panel ul li button.is-active{background-color:#ffffff59}.details-panel .detailspanel-section.wiki ul li button.is-active{background-color:#9a9388}.details-panel .detailspanel-section.albums ul li button.is-active{background-color:#f03}.details-panel .detailspanel-section-peakyear{background-color:#ffffff1a;padding:20px;border-radius:10px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.details-panel .detailspanel-section-peakyear strong{font-weight:700;color:#f6d365}.details-panel iframe{width:100%;height:100%;border:none;border-radius:10px}.details-panel button{display:inline-block;padding:.75em 1.5em;font-size:1em;color:#fff;border:2px solid #fff;background-color:#00000026;border-radius:50px;cursor:pointer;transition:background-color .3s ease}.details-panel button:hover{background-color:#ffffff26}.stats-screen{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:10px;background-color:#41585d;background-image:radial-gradient(rgba(255,255,255,.1803921569) 1px,transparent 1px);background-size:30px 30px}.stats-screen .close-panel{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:0;transform:translateY(-50%);padding:24px 8px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-left:none;border-radius:0 12px 12px 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}@media(max-width:820px){.stats-screen .close-panel{top:-25px;left:calc(50% - 30px);right:0;width:40px;transform:rotate(90deg);height:initial}}.stats-screen .close-panel div{display:flex;flex-direction:column;align-items:center;line-height:.6}.stats-screen .close-panel span{font-size:18px;color:#fff9;transition:color .3s ease,transform .3s ease;transform:scaleX(1)}.stats-screen .close-panel span:nth-child(2){opacity:.8}.stats-screen .close-panel span:nth-child(3){opacity:1}.stats-screen .close-panel:hover{background-color:#fff3;padding-right:10px}.stats-screen .close-panel:hover span{color:#fff;transform:scaleX(1) translate(-2px)}.stats-screen .close-panel:hover span:nth-child(1){transition-delay:.05s}.stats-screen .close-panel:hover span:nth-child(2){transition-delay:.1s}.stats-screen .close-panel:hover span:nth-child(3){transition-delay:.15s}.stats-screen .stats-area{display:flex;flex-direction:column;gap:3rem;padding:40px 80px;height:100%;overflow-y:auto;width:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1490196078) transparent}@media(max-width:820px){.stats-screen .stats-area{padding:40px 0 0}}.stats-screen .stats-area .highlights{display:flex;gap:20px}@media(max-width:820px){.stats-screen .stats-area .highlights{flex-direction:column;margin:0 20px}}.stats-screen .stats-area .highlights .highlight-card{flex:1;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;padding:20px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.05)}.stats-screen .stats-area .highlights .highlight-card h4{font-size:1em;font-weight:300;margin-bottom:10px;opacity:.8}.stats-screen .stats-area .highlights .highlight-card .value{font-size:2.5em;font-weight:700;margin-bottom:5px;color:#f6d365}.stats-screen .stats-area .highlights .highlight-card .sub-value{font-size:.9em;opacity:.7}.stats-screen .stats-area .chart-section{display:flex;flex-direction:column;height:300px;min-height:300px}@media(max-width:820px){.stats-screen .stats-area .chart-section{min-width:100%;overflow-x:auto;overflow-y:hidden}.stats-screen .stats-area .chart-section .chart-wrapper{min-width:640px}}.stats-screen .stats-area .chart-section h3{text-align:left;font-size:2em;line-height:1.25;white-space:nowrap;margin-bottom:20px;font-weight:100;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.25)}.stats-screen .stats-area .chart-section .chart-wrapper{display:flex;height:100%;width:100%;gap:10px}.stats-screen .stats-area .chart-section .chart-wrapper .chart-container{display:flex;flex-direction:column;flex-grow:1;height:100%;min-width:0}.stats-screen .stats-area .chart-section .chart-wrapper .y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:25px;color:#ffffffb3;font-size:.85em;text-align:right;min-width:30px}.stats-screen .stats-area .chart-section .chart-wrapper .y-axis span{font-size:12px;line-height:1}.stats-screen .stats-area .chart-section .chart-wrapper .x-axis{display:flex;justify-content:space-between;margin-top:10px;color:#ffffffb3;font-size:.8em}.stats-screen .stats-area .chart-section .chart-wrapper .x-axis span{font-size:12px;line-height:1;flex:1;text-align:center}.stats-screen .stats-area .chart-section .chart-wrapper .x-axis span:first-child{text-align:left}.stats-screen .stats-area .chart-section .chart-wrapper .x-axis span:last-child{text-align:right}.stats-screen .stats-area .top-10-section{height:auto;min-height:auto}@media(max-width:820px){.stats-screen .stats-area .top-10-section{padding:0 20px;min-width:100%;margin-bottom:40px;overflow:visible}}.stats-screen .stats-area .top-10-section .top-10-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.stats-screen .stats-area .top-10-section .top-10-list .top-10-item{display:flex;align-items:center;background-color:#ffffff0d;padding:10px 15px;border-radius:5px;color:#fff;transition:transform .2s,background-color .2s}.stats-screen .stats-area .top-10-section .top-10-list .top-10-item:hover{background-color:#ffffff1a;transform:translateY(-2px)}.stats-screen .stats-area .top-10-section .top-10-list .top-10-item .rank{font-size:1.2em;font-weight:700;color:#f6d365;width:30px}.stats-screen .stats-area .top-10-section .top-10-list .top-10-item .name{flex:1;font-weight:500}.stats-screen .stats-area .top-10-section .top-10-list .top-10-item .count{font-size:.9em;opacity:.7}.stats-screen .stats-area .chart{display:flex;align-items:flex-end;flex-grow:1;gap:2px;border-radius:10px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.stats-screen .stats-area .chart-bar{flex:1;background-color:#b8860b;transition:background-color .2s,height .5s;border-radius:2px 2px 0 0;cursor:crosshair}.stats-screen .stats-area .chart-bar:hover{background-color:#644905}.stats-screen .stats-area .chart-bar.albums-bar{background-color:#b8860b}.stats-screen .stats-area .chart-bar.albums-bar:hover{background-color:#644905}.world-map{position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:#41585d;overflow:hidden;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Ccircle cx='32' cy='32' r='30' fill='black' fill-opacity='0.4' stroke='white' stroke-width='1.5'/%3E%3Ctext x='32' y='22' text-anchor='middle' fill='white' font-size='11' font-family='sans-serif'%3E%E2%86%91%3C/text%3E%3Ctext x='32' y='36' text-anchor='middle' fill='white' font-size='7' font-family='sans-serif' letter-spacing='1.5'%3ESCROLL%3C/text%3E%3Ctext x='32' y='50' text-anchor='middle' fill='white' font-size='11' font-family='sans-serif'%3E%E2%86%93%3C/text%3E%3C/svg%3E") 32 32,auto}@media(max-width:820px){.world-map{height:1000px;overflow:visible;cursor:default}}.world-map:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='555' height='435'%3E%3Cg stroke='%23a8d8ea' stroke-width='1.4' fill='none' stroke-linecap='round'%3E%3Cpath d='M28,74 C32,70 38,70 42,74 C46,78 52,78 56,74'/%3E%3Cpath d='M28,80 C32,76 38,76 42,80 C46,84 52,84 56,80'/%3E%3Cpath d='M210,38 C214,34 220,34 224,38 C228,42 234,42 238,38'/%3E%3Cpath d='M210,44 C214,40 220,40 224,44 C228,48 234,48 238,44'/%3E%3Cpath d='M300,200 C304,196 310,196 314,200 C318,204 324,204 328,200'/%3E%3Cpath d='M300,206 C304,202 310,202 314,206 C318,210 324,210 328,206'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='765' height='300'%3E%3Cg stroke='%23a8d8ea' stroke-width='1.4' fill='none' stroke-linecap='round'%3E%3Cpath d='M100,55 C104,51 110,51 114,55 C118,59 124,59 128,55'/%3E%3Cpath d='M100,61 C104,57 110,57 114,61 C118,65 124,65 128,61'/%3E%3Cpath d='M380,130 C384,126 390,126 394,130 C398,134 404,134 408,130'/%3E%3Cpath d='M380,136 C384,132 390,132 394,136 C398,140 404,140 408,136'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='645' height='525'%3E%3Cg stroke='%23a8d8ea' stroke-width='1.4' fill='none' stroke-linecap='round'%3E%3Cpath d='M60,180 C64,176 70,176 74,180 C78,184 84,184 88,180'/%3E%3Cpath d='M60,186 C64,182 70,182 74,186 C78,190 84,190 88,186'/%3E%3Cpath d='M320,80 C324,76 330,76 334,80 C338,84 344,84 348,80'/%3E%3Cpath d='M320,86 C324,82 330,82 334,86 C338,90 344,90 348,86'/%3E%3C/g%3E%3C/svg%3E");background-size:555px 435px,765px 300px,645px 525px;opacity:.45;pointer-events:none;z-index:0}@media(max-width:820px){.world-map:before{height:2500px;bottom:auto}}.music-map-wrapper .music-map{position:relative;height:100%;width:100%}.music-map-wrapper .music-map svg{overflow:visible;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.25))}.music-map-wrapper .music-map svg .background-group,.music-map-wrapper .music-map svg .genre-group-container{cursor:initial}.music-map-wrapper .music-map .continent-coast{fill:#c0af98;stroke:transparent;stroke-width:6px;opacity:.8}.music-map-wrapper .music-map .shape-outline{fill:none;stroke:#d1c3af;stroke-width:10px;stroke-linejoin:round;opacity:0}.music-map-wrapper .music-map .genre-group-metal-heavy .shape-outline{stroke-width:1px}.music-map-wrapper .music-map .shape-blob{stroke-width:0px;stroke-linejoin:round;opacity:0}.music-map-wrapper .music-map .shape-internal{fill:transparent;stroke:#fff0;stroke-width:2px;opacity:0;transition:stroke .25s ease;cursor:pointer}.music-map-wrapper .music-map .shape-internal:hover,.music-map-wrapper .music-map .shape-internal.is-hovered{stroke:#ffffff80}.music-map-wrapper .music-map .genre-shape{overflow:hidden;transition:opacity .25s ease}.music-map-wrapper .music-map .genre-shape.hovered-cell{opacity:1!important;stroke-width:2px!important}.music-map-wrapper .music-map .genre-label{fill:#ffffffbf;pointer-events:none;font-weight:700;font-size:10px!important;opacity:0;transition:opacity .3s ease}.music-map-wrapper .music-map .genre-label.terra-incognita{fill:#2b1f0e;font-style:italic;font-size:8px!important;letter-spacing:.12em}.music-map-wrapper .music-map .group-texts-layer .group-label{pointer-events:none;fill:#ffffffbf;font-weight:700;transition:opacity .3s ease}.music-map-wrapper .music-map .empty-group{pointer-events:none}.music-map-wrapper .music-map .empty-group .layer-blob{opacity:0}.music-map-wrapper.continent.continent-west{display:block;position:absolute;left:2.5%;top:7.5%;height:87.5%;width:32.5%}@media(max-width:820px){.music-map-wrapper.continent.continent-west{height:800px;width:100%;left:initial;right:initial;top:1600px}}.music-map-wrapper.continent.continent-east{display:block;position:absolute;right:2.5%;top:10%;height:80%;width:45%}@media(max-width:820px){.music-map-wrapper.continent.continent-east{height:800px;width:100%;top:300px;left:initial;right:initial}}.music-map-wrapper.continent.continent-north{display:block;position:absolute;left:0;right:0;top:-20px;margin:0 auto;height:10%;width:70%}@media(max-width:820px){.music-map-wrapper.continent.continent-north{top:0;width:90%}}.music-map-wrapper.continent.continent-south{display:block;position:absolute;left:-15%;right:0;bottom:2.5%;margin:0 auto;height:30%;width:15%}@media(max-width:820px){.music-map-wrapper.continent.continent-south{display:block;position:absolute;left:0;right:0;bottom:initial;margin:0 auto;height:30%;width:70%;top:1200px}}.world-map.showing-genre-names .music-map-wrapper .music-map .peak-genre.shape-internal{stroke:#c9a835;fill:#222;stroke-width:2px;opacity:.5!important;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.5))}.world-map.showing-genre-names .music-map-wrapper .music-map .peak-genre.genre-label{font-size:11px!important;fill:#fff}.world-map.showing-genre-names .music-map-wrapper .music-map .peak-genre:hover.shape-internal{fill:#111;opacity:.75!important;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.75));transition:fill .25s ease,stroke-width .25s ease,opacity .25s ease}.world-map.showing-group-names .music-map-wrapper .music-map .genre-group-container:hover .peak-genre.shape-internal{stroke:#c9a835;fill:#222;stroke-width:2px;opacity:.5!important;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.5))}.world-map.showing-group-names .music-map-wrapper .music-map .genre-group-container:hover .peak-genre.genre-label{font-size:11px!important;fill:#fff}.world-map.showing-group-names .music-map-wrapper .music-map .genre-group-container:hover .peak-genre:hover.shape-internal{fill:#111;opacity:.75!important;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.75))}.world-map.showing-group-names .music-map-wrapper .music-map .genre-label:not(.terra-incognita){opacity:0!important}.world-map.showing-group-names .music-map-wrapper .music-map .genre-group-container:hover .genre-label:not(.terra-incognita){opacity:.9!important}.world-map.showing-group-names .music-map-wrapper .music-map .genre-group-container:hover .group-label{opacity:0!important}.ocean-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ocean-overlay .icon{display:block;position:absolute;margin:0 auto;width:100px;height:auto;opacity:.45}.ocean-overlay .icon-sextant{width:140px;left:-12%;right:0;top:32.5%}@media(max-width:820px){.ocean-overlay .icon-sextant{left:0;right:0;top:11%}}.ocean-overlay .sextant-info{display:block;position:absolute;margin:150px auto 0;width:100px;height:auto;width:140px;left:-12%;right:0;top:32.5%;color:#6f929d;text-align:center}@media(max-width:820px){.ocean-overlay .sextant-info{left:0;right:0;top:11%}}.ocean-overlay .sextant-info .sextant-year{font-size:30px;line-height:1;letter-spacing:5px;display:block}.ocean-overlay .sextant-info .sextant-stats{display:block;margin-top:5px;font-size:10px;line-height:1.4;letter-spacing:1px;opacity:.9}.ocean-overlay .icon-ship{width:90px;left:-2.5%;right:0;top:15%}.ocean-overlay .icon-fish{right:0;bottom:0;transform:rotate(10deg)}@media(max-width:820px){.ocean-overlay .icon-fish{top:1100px}}.ocean-overlay .icon-shrimps{width:90px;left:10px;bottom:0}@media(max-width:820px){.ocean-overlay .icon-shrimps{top:1100px}}.ocean-overlay .icon-seahorse{width:90px;top:0;left:0;transform:rotate(30deg)}@media(max-width:820px){.ocean-overlay .icon-seahorse{top:1500px}}.ocean-overlay .icon-bottle{top:10px;right:20px}@media(max-width:820px){.ocean-overlay .icon-bottle{top:1500px}}.slider-marker:has(+.slider-value .special-label){display:none!important}h2[data-v-da76a03c]{font-family:Playwrite CO Guides,cursive}