nav{padding:0 1em;overflow:hidden;box-shadow:0 4px 8px #0003;background-color:var(--card-bg-color);z-index:10000;position:fixed;top:0;height:var(--navbar-height);width:100%;left:0;display:flex;justify-content:space-between;align-items:center}nav ul{list-style:none;display:flex;align-items:center;justify-content:center;margin:0;height:100%;padding:0}nav ul li{padding:0 1.5em;height:100%;vertical-align:middle;line-height:var(--navbar-height);cursor:pointer;border-bottom:2px solid transparent;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}nav ul li:hover{background-color:var(--accent-fade)}nav ul li.active{border-bottom:2px solid var(--accent-color)}nav div{display:flex;align-items:center}nav .export{margin-right:1em}nav .github-link{background-image:var(--github-icon-url);background-size:contain;background-repeat:no-repeat;width:32px;height:32px;display:inline-block;margin-right:1em}nav .theme-toggle{font-size:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.items-root{padding:1em;display:flex}.items-root .item-cards{flex-grow:1}.items-root .item-cards>div:not(:last-child){margin-bottom:1em}.items-root .config{align-self:start;top:calc(var(--navbar-height) + 1em);height:calc(100vh - var(--navbar-height) - 2em);margin-right:1em;width:232px}.items-root .config input[type=text]{margin-bottom:1em}.items-root .config>p{margin-top:0}.items-root .config label{display:block}.items-root .item-card{margin-left:calc(232px + 1em)}.items-root .item-grid{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:1em;row-gap:.5em}.items-root .item-grid>div{text-wrap:nowrap}.items-root .item-grid>div span{margin-left:.4em}.items-root .item-grid>div span div{margin-right:.1em}.card{background-color:var(--card-bg-color);border-radius:var(--border-radius);padding:.4em 1em 1em;box-shadow:0 4px 8px #0003}.card>.card-label{margin:0 0 8px -1em;padding:0 0 .5em 1em;height:36px;color:var(--alt-text-color);font-weight:700;border-bottom:1px solid var(--surface-bg);width:calc(100% + 2em)}input[type=text],input[type=number]{background-color:var(--surface-bg);outline:none;border:none;border-bottom:2px solid transparent;padding:.3em;border-radius:var(--border-radius);transition:all .05s ease-in-out}input[type=text]:focus,input[type=number]:focus{border-bottom:2px solid var(--accent-color)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.15em;height:1.15em;border:.15em solid var(--font-color);border-radius:var(--border-radius);transform:translateY(-.075em);position:relative;vertical-align:middle;margin:4px}input[type=checkbox]:focus{border:.15em solid var(--accent-color)}input[type=checkbox]:before{content:"";display:block;position:absolute;top:10%;left:10%;width:80%;height:80%;transform:scale(0);transition:.1s transform ease-in-out;box-shadow:inset 1em 1em var(--accent-color);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:disabled{filter:grayscale(100%);opacity:.6}.character-root{padding:1em}.character-root .character-list{width:232px}.character-root .character-list>p{margin-bottom:0}.character-root .character-list>ul{padding:0;list-style:none;width:calc(100% + 2em);position:relative;left:-1em}.character-root .character-list>ul li{padding:.2em 1.4em;cursor:pointer;transition:.1s ease-in-out background-color,.1s ease-in-out border-bottom-width;border-left:2px solid transparent;position:relative;border-bottom:0px solid var(--accent-color)}.character-root .character-list>ul li>span{float:right;color:var(--alt-text-color);transition:.1s ease-in-out color;cursor:grab}.character-root .character-list>ul li>span:hover{color:var(--font-color)}.character-root .character-list>ul li:hover{background-color:var(--accent-fade)}.character-root .character-list>ul li.active{border-left:2px solid var(--accent-color)}.character-root .character-list>ul li.dragging{cursor:grabbing}.character-root .character-list>ul li.drag-entered{border-bottom:2px solid var(--accent-color)}.character-root .character-list>ul li.drag-entered>span{pointer-events:none}.character-root .character-list .edit-list{position:absolute;width:100%;bottom:0;left:0;padding:1em;background-color:var(--card-bg-color);border-top:1px solid var(--surface-bg)}.character-root .sidebar{width:232px}.character-root .character-editor{margin-left:calc(1em + 232px)}.character-root .character-header{display:flex;align-items:center;padding:1em;grid-column:1/-1}.character-root .character-grid{display:grid;grid-template-columns:repeat(auto-fill,232px);grid-template-rows:69.6px repeat(auto-fill,232px);grid-auto-flow:dense;grid-auto-rows:232px;gap:1em;justify-content:center}.character-root .skills-editor{grid-column:span 2;grid-row:span 2}.character-root .skills-editor>div{margin-bottom:.8em}.character-root .skills-editor>div label input{margin:0 .5em}.character-root .skills-editor .specialty-skills input{margin-right:1em}.character-root .skills-editor select{margin:.2em 2em .2em 0}.character-root .skills-editor .proficiencies{position:relative}.character-root .skills-editor .proficiencies>label{display:block}.character-root .skills-editor .proficiencies>label input{margin-right:1em;background-color:var(--card-bg-color);z-index:1}.character-root .skills-editor .proficiencies>label span{display:inline-block}.character-root .skills-editor .proficiencies>label span:first-of-type{text-align:right;width:2em;margin-right:1em}.character-root .vocation-editor{grid-column:span 1;grid-row:span 2}.character-root .vocation-editor label{display:block;margin-bottom:2px}.character-root .vocation-editor label input{float:right}.character-root .item-list{grid-column:span 1;grid-row:span 2}.character-root .item-list>label{margin:.5em 0}.character-root .disabled{opacity:.6;pointer-events:none}.icon-select{border-bottom:2px solid transparent;background-color:var(--surface-bg);display:inline-block;width:100%;color:var(--font-color);padding:4px 4px 2px;border-radius:var(--border-radius);margin:.2em;position:relative}.icon-select .icon{position:absolute}.icon-select select{width:100%;height:calc(100% + 2px);margin:0;border:none;outline:none;background-color:transparent;color:var(--font-color);padding:.2em .2em .2em 28px}.icon-select:has(select:focus){border-bottom:2px solid var(--accent-color)}.grotto-state-select{display:flex;align-items:center;padding:0 4px}.grotto-state-select select{padding-left:20px}.vocation-select,.grotto-state-select{width:auto}:not(.icon-select)>select{border:none;border-bottom:2px solid transparent;background-color:var(--surface-bg);border-radius:var(--border-radius);outline:none;color:var(--font-color);padding:.2em}:not(.icon-select)>select:focus{border-bottom:2px solid var(--accent-color)}.equipment-card{grid-column:span 1;grid-row:span 2}.equipment-card>label{margin:.5em 0}.appearance-editor{position:relative;grid-column:span 1}.appearance-editor>div{display:grid;gap:1em .2em;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:.7em}.appearance-editor>p:last-child{margin:.2em 0}.appearance-editor label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.appearance-editor label>div{box-sizing:content-box;border-radius:var(--border-radius);cursor:pointer}.appearance-editor label>div:hover{background-color:var(--accent-fade)}.appearance-editor label input:checked+div{background-color:var(--accent-color)}.color-picker>.card-label{margin-bottom:0}.color-picker.colors{display:flex;flex-direction:column}.color-picker div{display:grid;grid-template-columns:repeat(4,32px);gap:0em .5em}.color-picker div.color{display:flex;align-items:center;justify-content:center;flex:1}.color-picker div.color>div{grid-template-columns:repeat(4,32px);gap:0em .5em;grid-template-rows:repeat(4,32px)}.color-picker div label{width:32px;height:32px;border-radius:var(--border-radius);cursor:pointer;border:2px solid transparent;position:relative;padding:0}.color-picker div label:has(input:checked){border:2px solid var(--accent-color)}.color-picker div label input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#000;width:24px;height:24px;position:absolute;top:2px;left:2px;margin:0;border-radius:var(--border-radius)}.body-type-editor .presets{display:flex;justify-content:space-between}.body-type-editor .presets input{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.body-type-editor .presets input+div{background-color:var(--blue)}.body-type-editor .presets input:checked+div{background-color:var(--accent-color)}.gender-toggle{cursor:pointer}.gender-toggle:after{content:"";position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;background:linear-gradient(0deg,var(--blue) 0%,var(--blue) 20%,var(--pink) 20%,var(--pink) 40%,#fff 40%,#fff 60%,var(--pink) 60%,var(--pink) 80%,var(--blue) 80%,var(--blue) 100%)}.gender-toggle.trans:after{opacity:.3}.inn-root{padding:1em}.inn-root .export-self{max-height:60vh;height:60vh}.inn-root .export-self>div{display:flex;height:calc(100% - 2em)}.inn-root .export-self>div>div{flex-grow:1}.inn-root .grotto-list{box-sizing:content-box;margin:0;overflow-y:scroll;overflow-x:hidden;padding:1em 0;list-style:none;position:relative;left:-1em}.inn-root .grotto-list li{padding:.2em calc(.1em + 32px);transition:.1s ease-in-out background-color;border-left:2px solid transparent;position:relative;cursor:pointer;display:flex;align-items:center}.inn-root .grotto-list li>div{margin-right:.5em}.inn-root .grotto-list li:hover{background-color:var(--accent-fade)}.inn-root .grotto-list li.active:after{content:"";width:32px;height:30px;display:block;position:absolute;top:calc(50% - 16px);left:.1em;background-image:url(/editor/sword.gif);background-size:cover}.inn-root .sidebar{display:flex;flex-direction:column;gap:1em;width:232px}.inn-root .sidebar .instance label{display:block;margin-bottom:.5em}.inn-root .sidebar .instance small{display:block}.inn-root .sidebar .edit-list{display:flex;align-items:center;gap:1em}.inn-root .guest-list{width:232px;overflow:hidden;flex-grow:1}.inn-root .guest-list p{margin-bottom:0}.inn-root .guest-list.canvased-guests li{cursor:pointer}.inn-root .guest-list.canvased-guests li:hover{background-color:var(--accent-fade)}.inn-root .guest-list>ul{box-sizing:content-box;height:calc(100% - 7em);margin:0;overflow-y:scroll;overflow-x:hidden;padding:1em 0;list-style:none;width:calc(100% + 2em);position:relative;left:-1em}.inn-root .guest-list>ul li{padding:.2em 1.4em;transition:.1s ease-in-out background-color;border-left:2px solid transparent;position:relative;cursor:pointer;display:flex;align-items:center}.inn-root .guest-list>ul li>div{margin-right:.5em}.inn-root .guest-list>ul li>a{position:absolute;right:1em;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .1s ease-in-out}.inn-root .guest-list>ul li>a:hover{background-color:var(--accent-fade)}.inn-root .guest-list>ul li:hover{background-color:var(--accent-fade)}.inn-root .guest-list>ul li.active{border-left:2px solid var(--accent-color)}.inn-root .guest-list .edit-list{position:absolute;width:100%;bottom:0;left:0;padding:1em;background-color:var(--card-bg-color);border-top:1px solid var(--surface-bg)}.inn-root .guest-editor{margin-left:calc(1em + 232px);position:relative}.inn-root .guest-editor .none-found{position:absolute;height:calc(100vh - var(--navbar-height) - 2em);width:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--alt-text-color);opacity:.7;font-size:2em;pointer-events:none;-webkit-user-select:none;user-select:none}.inn-root .guest-header{padding:1em;grid-column:1/-1;display:flex;justify-content:space-between;flex-direction:column}.inn-root .guest-header>div{display:flex;align-items:center}.inn-root .guest-header>div>button{margin-left:auto}.inn-root .guest-header>div:last-child{gap:1em}.inn-root .guest-grid{display:grid;grid-template-columns:repeat(auto-fill,232px);grid-template-rows:104.4px repeat(auto-fill,232px);grid-auto-flow:dense;grid-auto-rows:232px;gap:1em;justify-content:center}.inn-root .records{grid-column:span 2;grid-row:span 2}.inn-root .records label{display:inline-flex;width:100%;margin-bottom:6px}.inn-root .records label input{max-width:40%}.inn-root .records label span{width:60%}.inn-root .level label{margin:0 0 6px;width:100%}.inn-root .level label:not(:first-of-type){display:inline-flex;justify-content:space-between}.inn-root .level label:not(:first-of-type) span{width:60%}.inn-root .lodgings label{margin-right:4px}.inn-root .lodgings small{display:block}.inn-root .lodgings small:not(:first-of-type){margin-top:1em}button{background-color:var(--accent-color);border:none;outline:none;padding:.5em 1em;border-radius:var(--border-radius);color:var(--on-accent-color);cursor:pointer}button:disabled{opacity:.7;pointer-events:none}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;max-height:80vh;opacity:1;pointer-events:auto;transition:.2s ease-in-out all}.modal .card-label a{float:right;margin-right:1em;padding:.2em;cursor:pointer;color:var(--alt-text-color);transition:.1s ease-in-out all}.modal .card-label a:hover{color:var(--font-color)}.modal.closed{top:40%;opacity:0;pointer-events:none}.modal-fade-bg{position:fixed;top:0;left:0;background-color:#0006;width:100%;height:100%;z-index:99999;opacity:1;pointer-events:auto;transition:.2s ease-in-out all}.modal-fade-bg.closed{opacity:0;pointer-events:none}textarea{width:100%;height:6em;padding:.5em 1em;background-color:var(--surface-bg);border-radius:var(--border-radius);border:none;resize:none;outline:none;border-bottom:2px solid transparent;transition:border-bottom .1s ease-in-out;font-family:Atkinson Hyperlegible,sans-serif;font-size:medium}textarea:focus{border-bottom:2px solid var(--accent-color)}.grotto-card{grid-row:span 2;grid-column:span 3;display:flex;flex-direction:column;padding:0}.grotto-card.disabled>div:not(:first-child){opacity:.6;pointer-events:none}.grotto-card>.card-label:first-child{margin:0;padding:.4em 0 .5em 1em;width:100%}.grotto-card>.card-label:first-child>button{margin:0 1em 0 0;padding:.4em .8em;float:right}.grotto-card>div{width:100%;padding:.9em;position:relative}.grotto-card>div:not(:last-child){border-bottom:1px solid var(--surface-bg)}.grotto-card>div>small:first-child{position:absolute;top:-.7em;left:.5em;padding:0 .5em;background-color:var(--card-bg-color)}.grotto-card .name{display:grid;grid-auto-flow:column;align-items:center}.grotto-card .name>span{margin:0 .3em}.grotto-card .name>button{padding:.4em .8em;margin:0 0 0 .5em;justify-self:end}.grotto-card .name label,.grotto-card .name .kind{margin-right:.5em}.grotto-card .locations{flex-grow:1;display:flex}.grotto-card .locations>div{display:inline-block}.grotto-card .locations>div>span,.grotto-card .locations>div>label{margin:0 0 .9em;display:inline-block}.grotto-card .locations .current{border-right:1px solid var(--surface-bg);padding:0 1.5em 0 0;display:flex;flex-direction:column;justify-content:start}.grotto-card .locations .current>label{text-wrap:nowrap}.grotto-card .locations .valid{flex-grow:1;overflow-x:hidden;padding-left:1.5em;display:flex;flex-direction:column}.grotto-card .locations .valid>span{border-bottom:2px solid transparent}.grotto-card .locations .valid .maps{overflow-x:scroll;display:flex;padding:0 0 1em;height:100%}.grotto-card .locations .valid .maps div{margin-right:1em;position:relative;height:fit-content;cursor:pointer}.grotto-card .locations .valid .maps div small{transition:.1s ease-in-out}.grotto-card .locations .valid .maps div:hover small{color:var(--font-color)}.grotto-card .locations .valid .maps div small{position:absolute;bottom:-.7em;width:100%;text-align:center;left:0}.grotto-search{position:relative;min-width:960px;min-height:480px;display:flex;flex-direction:column}.grotto-search .search-input{margin-bottom:1em}.grotto-search .search-input p:last-child{margin:0}.grotto-search .search-input .name{display:flex;align-items:center}.grotto-search .search-input .name>*{margin-right:.4em}.grotto-search .search-results{flex-grow:1;overflow-y:scroll}.grotto-search .search-results table{border-collapse:collapse}.grotto-search .search-results .search-result:not(:last-child){border-bottom:.5px solid var(--alt-text-color)}.grotto-search .search-results .search-result td{padding:1em}.card:has(.grotto-search){overflow:hidden;display:flex;flex-direction:column}.card:has(.grotto-search) .grotto-search{height:calc(100% - 4em)}.time-input{margin:.2em 0}.time-input button{margin-left:1em;padding:.3em 1em calc(.3em + 2px)}.profile-card{grid-row:span 1;grid-column:span 2}.profile-card>div{display:flex;flex-direction:column;justify-content:space-around}.profile-card>div>label{display:block;margin-bottom:6px}.profile-card>div>label>span{display:inline-block;width:25%}.profile-card>div>label>input,.profile-card>div>label>select{width:75%}.profile-card .time-input{display:inline-block}.profile-card label>label{margin-left:.4em}.misc-root{display:grid;grid-auto-flow:dense;gap:1em;padding:1em;grid-template-columns:repeat(auto-fit,204px);grid-template-rows:repeat(auto-fill,204px);justify-content:center;max-width:1300px;margin:0 auto}.misc-root>div{aspect-ratio:1;overflow:hidden;position:relative}.misc-root>div>p:has(>small){position:absolute;bottom:0;line-height:1.1;width:calc(100% - 2em)}.misc-root .save-location{aspect-ratio:auto;height:204px;grid-column:span 2}.misc-root .save-location label{display:block;display:flex;margin-bottom:6px}.misc-root .save-location label span{width:10%;margin-right:1em;text-align:right;display:inline-block}.misc-root .save-location .disabled{opacity:.6;pointer-events:none}.misc-root .gold{aspect-ratio:auto;grid-column:span 2;height:204px}.misc-root .gold>div{display:grid;grid-template-columns:repeat(3,max-content);gap:1em .3em}.misc-root .gold>div label{vertical-align:middle}.misc-root .play-time{aspect-ratio:auto;grid-column:span 2;height:204px}.misc-root .play-time>div{display:grid;grid-template-columns:repeat(4,max-content);gap:1em .5em}.misc-root .play-time>div label,.misc-root .play-time>div span{vertical-align:middle}.misc-root .play-time>div input{margin-right:.3em}.misc-root .party-tricks{grid-row:span 2;grid-column:span 2}.misc-root .party-tricks>div{display:grid;grid-template-columns:1fr 1fr;gap:.3em 0;margin-bottom:1em}.misc-root .mini-medals{height:204px}.misc-root .unlocked-vocations>div{display:grid;grid-template-columns:1fr 1fr;gap:1em}.misc-root .unlocked-vocations>div label div{margin:0 .3em}.misc-root .visited-locations{grid-row:span 2;grid-column:span 2}.misc-root .visited-locations>div{display:grid;grid-template-columns:1fr 1fr;gap:.3em 0}.misc-root .profile-card{aspect-ratio:unset;grid-row:span 1;grid-column:span 2}.misc-root .profile-card>div>label{margin-bottom:3px}.misc-root .profile-card>div>label>span{width:30%}.misc-root .profile-card>div>label>input,.misc-root .profile-card>div>label>select{width:70%}.misc-root .profile-card .time-input{margin:0}.dlc-root{display:grid;grid-auto-flow:dense;gap:1em;padding:1em;grid-template-columns:repeat(auto-fit,200px);grid-template-rows:repeat(auto-fit,200px);justify-content:center;max-width:1280px;margin:0 auto}.dlc-root .special-guests{grid-row:span 2;grid-column:span 2;height:400px}.dlc-root .special-guests>div{display:grid;grid-template-columns:1fr 1fr}.dlc-root .dqvc{grid-row:span 2;grid-column:span 3;height:400px}.dlc-root .dqvc table{width:100%;border-collapse:collapse}.dlc-root .dqvc tr,.dlc-root .dqvc thead{border-bottom:3px solid transparent}.dlc-root .dqvc th{font-weight:400;color:var(--alt-text-color)}.dlc-root .dqvc th,.dlc-root .dqvc td{text-align:left;padding:0 1em 0 0;text-wrap:nowrap}.dlc-root .dqvc th .item-select,.dlc-root .dqvc td .item-select{margin:0}.dlc-root .dqvc>select,.dlc-root .dqvc>button{margin-right:1em}.dlc-root .dqvc>p:not(:first-child){margin:0}.dlc-root .dqvc .randomize{width:2em;height:2em;padding:0;vertical-align:middle;line-height:1;position:relative}.dlc-root .dqvc .randomize span{color:inherit;position:absolute;width:22%;height:22%;display:block;border-radius:50%;background-color:var(--on-accent-color)}.dlc-root .dqvc .randomize span:nth-child(1){top:12%;left:12%}.dlc-root .dqvc .randomize span:nth-child(2){top:12%;left:66%}.dlc-root .dqvc .randomize span:nth-child(3){top:66%;left:66%}.dlc-root .dqvc .randomize span:nth-child(4){top:66%;left:12%}.dlc-root .dqvc .randomize span:nth-child(5){top:39%;left:39%}.dlc-root .dqvc-msg{grid-column:span 2;height:200px}.dlc-root .dqvc-msg textarea{max-height:80px}.dlc-root .unlock{grid-column:span 2}.dlc-root .unlock p:last-child{margin:.5em 0 0}.hex-root{padding:1em;display:flex}.hex-root .info{margin-left:1em;flex-grow:1;min-width:fit-content}.hex-root .hex-editor{padding:0 0 0 1em;height:calc(100vh - 2em - var(--navbar-height));width:fit-content;display:flex;flex-direction:column}.hex-root .hex-editor>div:not(:first-child){overflow-y:scroll;padding-bottom:1em;width:100%}.hex-root .hex-editor .row{width:max-content;height:30px;text-wrap:nowrap;pointer-events:none}.hex-root .hex-editor .header{position:sticky;top:0;background-color:var(--card-bg-color);z-index:1;margin:0 0 0 -1em;padding:.4em 1em .5em;color:var(--alt-text-color);font-weight:700;border-bottom:1px solid var(--surface-bg);height:auto}.hex-root .hex-editor .header input,.hex-root .hex-editor .header span,.hex-root .hex-editor .offset input,.hex-root .hex-editor .offset span{color:var(--accent-color);font-weight:700}.hex-root .hex-editor .offset{width:100px}.hex-root .hex-editor .hex,.hex-root .hex-editor .ascii,.hex-root .hex-editor .offset{display:inline-block;margin-right:.5em}.hex-root .hex-editor .hex input,.hex-root .hex-editor .hex span,.hex-root .hex-editor .ascii input,.hex-root .hex-editor .ascii span,.hex-root .hex-editor .offset input,.hex-root .hex-editor .offset span{padding:0;background-color:transparent;font-family:Fira Code,Courier New,Courier,monospace;font-size:1.1em;pointer-events:auto}.hex-root .hex-editor .hex input,.hex-root .hex-editor .ascii input,.hex-root .hex-editor .offset input{width:30px;height:30px;padding:1px;border:2px solid transparent}.hex-root .hex-editor .hex input:focus,.hex-root .hex-editor .hex input.selected,.hex-root .hex-editor .ascii input:focus,.hex-root .hex-editor .ascii input.selected,.hex-root .hex-editor .offset input:focus,.hex-root .hex-editor .offset input.selected{border:2px solid var(--accent-color)}.hex-root .hex-editor .hex span,.hex-root .hex-editor .ascii span,.hex-root .hex-editor .offset span{width:1ch;margin:0}.hex-root .hex-editor .annotation{margin-left:calc(100px + .5em);pointer-events:none;opacity:.25}.hex-root .hex-editor .annotation.selected{opacity:.35}.hex-root .info td{padding:.1em 1em .1em 0}.hex-root .info td:first-child{text-align:right;font-weight:700}.hex-root .info td:last-child{font-family:Fira Code,Courier New,Courier,monospace}.hex-root .info td div{margin-right:.4em}.grotto-root{padding:1em}.grotto-root .sidebar{width:calc(348px + 1em);overflow:hidden}.grotto-root .sidebar>ul{box-sizing:content-box;height:calc(100% - 124px);margin:0;overflow-y:scroll;overflow-x:hidden;padding:1em 0;list-style:none;width:calc(100% + 2em);position:relative;left:-1em}.grotto-root .sidebar>ul li{padding:.2em 1.4em;transition:.1s ease-in-out background-color;border-left:2px solid transparent;position:relative;cursor:pointer;display:flex;align-items:center}.grotto-root .sidebar>ul li>div{margin-right:.5em}.grotto-root .sidebar>ul li>a{position:absolute;right:1em;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .1s ease-in-out}.grotto-root .sidebar>ul li>a:hover{background-color:var(--accent-fade)}.grotto-root .sidebar>ul li:hover{background-color:var(--accent-fade)}.grotto-root .sidebar>ul li.active{border-left:2px solid var(--accent-color)}.grotto-root .sidebar .edit-list{position:absolute;width:100%;bottom:0;left:0;padding:1em;background-color:var(--card-bg-color);border-top:1px solid var(--surface-bg);display:flex;align-items:center;justify-content:start;gap:1em;height:64px}.grotto-root .grotto-editor{margin-left:calc(2em + 348px);display:grid;grid-template-columns:repeat(auto-fill,232px);grid-template-rows:repeat(auto-fill,232px);grid-auto-flow:dense;grid-auto-rows:232px;gap:1em;justify-content:center;position:relative}.grotto-root .grotto-editor .none-found{position:absolute;height:calc(100vh - var(--navbar-height) - 2em);width:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--alt-text-color);opacity:.7;font-size:2em;pointer-events:none;-webkit-user-select:none;user-select:none}.grotto-root .grotto-editor>.info{grid-row:span 2}.grotto-root .grotto-editor>.name{display:flex;align-items:center;padding:1em;grid-column:1/-1}.grotto-root .grotto-editor>.name>*{margin-right:.4em}.records-root{padding:1em}.records-root .sidebar{width:400px}.records-root .sidebar label{display:inline-flex;align-items:center;width:100%;margin-bottom:6px}.records-root .sidebar label input,.records-root .sidebar label span:last-child{max-width:40%}.records-root .sidebar label span:first-child{width:60%}.records-root .records{margin-left:calc(400px + 1em);height:calc(100vh - var(--navbar-height) - 2em);padding:0;overflow:hidden;position:fixed;width:calc(100% - 400px - 3em)}.records-root .records .tab-header{padding:0 0 .5em;height:calc(36px + .4em);font-weight:700;border-bottom:1px solid var(--surface-bg);width:100%;display:flex;justify-content:space-around}.records-root .records .tab-header>a{cursor:pointer;flex:1;display:block;transition:.2s ease-in-out all;height:calc(36px + .4em);display:flex;align-items:center;justify-content:center;border-bottom:2px solid transparent;color:var(--alt-text-color)}.records-root .records .tab-header>a:hover{background-color:var(--accent-fade)}.records-root .records .tab-header>a.active{border-bottom:2px solid var(--accent-color)}.records-root .records .tab-content{padding:0;height:calc(100vh - var(--navbar-height) - 2.9em - 36px);overflow-y:scroll}.records-root .records .tab-content table{width:100%}.records-root .records .tab-content table thead{padding-top:.5em}.records-root .records .tab-content table thead th:last-child{width:100%}.records-root .records .tab-content p{margin:0}.records-root .records .wardrobe-tab th:nth-child(2){width:30%}.records-root .records .wardrobe-tab .icon{margin-right:8px}#upload{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.3s all ease-in-out;text-align:center}#upload.drag-over{background-color:var(--accent-fade)}#upload h1,#upload h2{margin:0}#upload #file-input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}#upload .buttons{z-index:3}#upload .buttons button{padding:1em;background:transparent;margin:1em;border:2px solid var(--accent-color);cursor:pointer;border-radius:var(--border-radius);transition:all .3s cubic-bezier(.25,.8,.25,1);color:var(--accent-color)}#upload .buttons button:hover{background-color:var(--accent-fade)}.loader .slime{width:48px;height:48px;position:absolute;bottom:16px;background-color:var(--slime-blue);animation:bounce 3s linear infinite forwards;transform:scale(0);clip-path:path("M 23.9997 -1.01242e-07 C 23.9269 0.124161 23.8547 0.248264 23.7825 0.372694 C 22.0596 3.34298 20.4904 6.40777 18.5841 9.26384 C 16.6778 12.1199 14.4009 14.7898 11.534 16.6798 C 8.74485 18.5185 5.42368 19.6078 3.05914 21.9678 C 0.953983 24.0689 -0.190134 27.1036 0.0259429 30.07 C 0.242019 33.0364 1.82166 35.8804 4.23881 37.6135 C 5.72708 38.6805 7.48506 39.325 9.27734 39.7009 C 11.0696 40.0769 12.905 40.1947 14.734 40.2864 C 17.8199 40.4412 20.9109 40.525 23.9997 40.4438 C 27.0884 40.525 30.1795 40.4413 33.2654 40.2864 C 35.0944 40.1947 36.9297 40.0769 38.722 39.7009 C 40.5143 39.325 42.2729 38.6805 43.7612 37.6135 C 46.1783 35.8804 47.758 33.0364 47.974 30.07 C 48.1901 27.1036 47.0454 24.0689 44.9402 21.9678 C 42.5757 19.6078 39.2545 18.5185 36.4653 16.6798 C 33.5984 14.7898 31.3216 12.1199 29.4152 9.26384 C 27.5089 6.40777 25.9404 3.34298 24.2174 0.372694 C 24.1453 0.248264 24.0725 0.124161 23.9997 -1.01242e-07 Z")}.loader .slime.she{background-color:var(--slime-red)}.loader .slime.metal{background-color:var(--slime-grey)}.loader .slime:nth-child(1){right:144px}.loader .slime:nth-child(2){right:80px;animation-delay:.48s}.loader .slime:nth-child(3){right:16px;animation-delay:.96s}@keyframes bounce{0%{transform:scale(0)}3%{transform:scale(1)}5%{transform:translate(-6.4px)}9%{transform:translate(6.4px)}11%{transform:translate(0)}56%{transform:scale(1) translate(0)}60%{transform:scale(0) translate(0)}to{transform:scale(0) translate(0)}}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/editor/assets/atkinson-hyperlegible-latin-ext-400-normal-Dwzd0TKx.woff2) format("woff2"),url(/editor/assets/atkinson-hyperlegible-latin-ext-400-normal--EtKVqC7.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/editor/assets/atkinson-hyperlegible-latin-400-normal-BKTgBNmI.woff2) format("woff2"),url(/editor/assets/atkinson-hyperlegible-latin-400-normal-DDbeQdWO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/editor/assets/atkinson-hyperlegible-latin-ext-700-normal-DkTWoOHj.woff2) format("woff2"),url(/editor/assets/atkinson-hyperlegible-latin-ext-700-normal-DXKoNrs9.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/editor/assets/atkinson-hyperlegible-latin-700-normal-BriLmxM2.woff2) format("woff2"),url(/editor/assets/atkinson-hyperlegible-latin-700-normal-CVvOgo6s.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--border-radius: .3em;--navbar-height: 56px}:root{--font-color: #4c4f69;--alt-text-color: #6c6f85;--bg-color: #eff1f5;--surface-bg: #ccd0da;--card-bg-color: #dce0e8;--accent-color: #ea76cb;--accent-fade: rgba(234, 118, 203, .2);--grey: #bcc0cc;--fade-grey: rgb(188, 192, 204, .2);--on-accent-color: var(--bg-color);--rosewater: #dc8a78;--flamingo: #dd7878;--pink: #ea76cb;--mauve: #8839ef;--red: #d20f39;--maroon: #e64553;--peach: #fe640b;--yellow: #df8e1d;--green: #40a02b;--teal: #179299;--sky: #04a5e5;--sapphire: #209fb5;--blue: #1e66f5;--lavender: #7287fd;--github-icon-url: url(/editor/github-mark.svg)}[data-theme=dark]{--font-color: #cdd6f4;--alt-text-color: #a6adc8;--bg-color: #1e1e2e;--surface-bg: #313244;--card-bg-color: #11111b;--accent-color: #cba6f7;--accent-fade: rgba(203, 166, 247, .2);--on-accent-color: var(--bg-color);--grey: #45475a;--fade-grey: rgb(69, 71, 90, .2);--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--github-icon-url: url(/editor/github-mark-white.svg)}:root{--slime-blue: var(--blue);--slime-red: var(--red);--slime-grey: var(--grey)}:root{font-family:Atkinson Hyperlegible,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:var(--font-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--accent-fade)}*{box-sizing:border-box;color:var(--font-color);scrollbar-color:var(--accent-color) var(--surface-bg);scrollbar-width:thin}body{margin:var(--navbar-height) 0 0;padding:0}small{font-size:.8em;color:var(--alt-text-color);line-height:1.2}p{margin:1em 0}.sidebar{position:fixed;top:calc(var(--navbar-height) + 1em);height:calc(100vh - var(--navbar-height) - 2em)}table{border-spacing:0}table thead{position:sticky;top:0;background-color:var(--card-bg-color);z-index:1}table th{text-align-last:left;border-bottom:1px solid var(--surface-bg)}table tr:nth-child(2n){background-color:#ffffff0d}table td,table th{padding:8px 1em;text-wrap:nowrap}