@import"https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&family=Quintessential&display=swap";html,body,#root{width:100%;height:100%;margin:0;font-family:IM Fell DW Pica,serif}#root{position:absolute;top:0%;left:50%;transform:translate(-50%);box-shadow:2px 3px 20px #000,0 0 60px #8a4d0f inset;background:#fffef0}.loader{width:100%;height:100%;background-size:500%;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:gradient 60s linear infinite}.loader .loader-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff8f;box-shadow:#ffffff8f 0 0 1rem 1rem;width:100%}.loader h1{font-size:2rem;text-transform:uppercase;font-family:IM Fell DW Pica,serif;text-align:center}@keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}.title{font-size:2rem;text-transform:uppercase;font-family:IM Fell DW Pica,serif;text-align:center;width:100%}.editable-text{display:flex;align-items:center}input[type=file]::file-selector-button{display:none}textarea{background:none;border:none;outline:none;border-bottom:#000000 1px solid}.editable-text>input,.editable-text>textarea{font-size:1rem;font-family:IM Fell DW Pica,serif;border:none;background:none;color:#000;outline:none;border-bottom:#000000 3px solid}.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000000e6;z-index:100}.modal .content{position:relative;padding:1rem;min-width:20rem;min-height:10rem;max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box}.modal .content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:101;box-shadow:2px 3px 20px #000,0 0 60px #8a4d0f inset;background:#fffef0;filter:url(#wavy2)}.modal .content *{position:relative;z-index:102}.share-button{position:absolute;top:4rem;right:1rem;background:#472354;color:#eee4ce;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;border-radius:50%;border:none;outline:none}.home{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%;box-sizing:border-box;justify-content:space-between;padding:5rem 0 1rem;background-size:cover;background-position:center}.home .titles{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;background:#ffffff5e;box-shadow:#ffffff5e 0 0 1rem 1rem}.home img{width:15rem;max-width:calc(100% - 10rem)}.home .buttons{display:flex;flex-direction:column;align-items:center;width:calc(100% - 2rem)}.home .buttons>button{width:100%;margin:10px 0;padding:10px 20px;font-size:1.2em;border:none;border-radius:5px;background:#333;color:#f0e391;cursor:pointer}.stat{position:relative;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5rem}.stat>.icon{position:relative;height:4rem;width:4rem;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;border:4px solid #09122C}.editable .stat>.icon{box-shadow:1px 1px 3px 2px #00000080;border:4px solid #472354}.stat .meter{position:absolute;top:0;left:0;width:100%;background-color:#000000e6;z-index:0}.stat .value{color:#fff}.stat .name,.stat .value{position:relative;z-index:1;text-align:center;font-size:1.5rem;font-weight:700}.stat.editing .icon{border:4px solid #235430;box-shadow:none}.skills .icon{position:relative;height:3rem;width:3rem;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%;box-sizing:border-box;border:4px solid #09122C}.editable .skills>.icon{box-shadow:1px 1px 3px 2px #00000080;border:4px solid #472354}.editable .skills>.icon.editing{border:4px solid #235430;box-shadow:none}.skills>.name{text-transform:uppercase;font-size:.7rem;font-weight:700}.skills>.meter{width:100%;height:1rem;border-radius:.5rem;background:#0000001a;overflow:hidden}.skills>.meter>.progress{height:1rem;border-radius:.5rem 0 0 .5rem;background:#235430}.adventurer-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%;box-sizing:border-box;gap:.5rem}.adventurer-screen .title{margin-top:1rem;margin-bottom:1rem}.adventurer-screen>.bio{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;padding-top:1rem!important}.adventurer-screen>.bio>.name{font-size:2rem;text-transform:uppercase}.adventurer-screen>.bio>.name input{font-size:1.5rem;text-transform:uppercase;font-family:IM Fell DW Pica,serif;background:none}.adventurer-screen>.bio>.image{aspect-ratio:1;width:20rem;max-width:50%;border-radius:50%;border:1px solid black;overflow:hidden;background-position:center;background-size:cover;box-sizing:border-box;border:4px solid #000000;box-shadow:1px 1px 3px 2px #00000080}.editable>.bio>.image{border:4px solid #472354}.adventurer-screen>.bio>.links{position:absolute;top:6.5rem;right:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem}.adventurer-screen .bio .add-link-button{background:#472354;color:#fff;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.adventurer-screen .bio .social-icon,.adventurer-screen .bio .add-link-button,.adventurer-screen .bio .share-button{border:4px solid #472354;box-shadow:1px 1px 3px 2px #00000080;border-radius:50%;box-sizing:border-box}.adventurer-screen .bio .social-icon.selected{border:4px solid #235430;box-shadow:none;border-radius:50%}.adventurer-screen>.bio .image .overlay{width:100%;height:100%;background-position:center;background-size:cover}.adventurer-screen>.bio>.bio{font-size:1rem;width:60%;text-align:center}.adventurer-screen .bio.editing{width:80%}.adventurer-screen .bio.editing textarea{width:100%}.adventurer-screen .stats{display:flex;justify-content:space-evenly;width:100%}.adventurer-screen .skills{width:100%;display:grid;grid-template-columns:3rem 5rem 2rem 1fr 3rem;grid-template-rows:repeat(4,3rem);gap:.5rem;align-items:center;overflow-y:auto}.adventurer-screen .tabs{display:flex;justify-content:stretch;width:100%;box-sizing:border-box}.adventurer-screen .tabs>.tab{padding:.5rem;cursor:pointer;flex:1;text-align:center;font-size:1.2rem;display:flex;justify-content:center;align-items:center;gap:.5rem;box-sizing:border-box;box-shadow:inset 0 1px 4px 1px #00000080}.adventurer-screen .tabs>.tab.active{background:#09122c;color:#fff}.adventurer-screen .tab-content:not(.active){display:none}.adventurer-screen .tab-content{flex:1;height:40%;width:100%;overflow-y:auto;padding:0 1rem;box-sizing:border-box}.adventurer-screen .history>.event{width:100%;height:4rem;margin:.5rem 0;padding:.5rem;display:grid;grid-template:1fr / 1fr 1fr 3.9rem;box-sizing:border-box;border:4px solid #09122C;background:#fffef0;border-radius:1rem;box-shadow:1px 1px 3px 2px #00000080,0 0 7px #8a4d0f inset}.adventurer-screen .history>.event .date{grid-column:1 / 3;color:#5a5a5a;font-size:.8rem;font-family:Courier New,Courier,monospace;font-weight:700}.adventurer-screen .history>.event .location{grid-column:3 / 4;grid-row:1 / 3;text-align:right;padding-right:.2rem;position:relative;border-radius:.5rem}.adventurer-screen .history>.event .location svg{position:absolute;top:0;right:0;height:100%;width:100%;border-radius:.5rem}.adventurer-screen .history>.event .location .location-name{font-family:IM Fell DW Pica,serif;position:absolute;top:0;right:0;height:100%;width:100%;letter-spacing:1px;display:flex;justify-content:center;align-items:center;background:#000c;color:#fff;border-radius:.5rem}.adventurer-screen .history>.event .event{grid-column:1 / 3;text-overflow:ellipsis;overflow:hidden;white-space:pre}.adventurer-screen .history>.event.adding,.adventurer-screen .inventory>.item.adding{display:flex!important;align-items:center;justify-content:center}.adventurer-screen .history>.event.adding>span{text-align:center;text-transform:uppercase;font-size:2rem;font-weight:700}.adventurer-screen .inventory>.item.adding>span{text-align:center;text-transform:uppercase;font-size:1.5rem;font-weight:700}.adventurer-screen .modal .content{display:flex;flex-direction:column;gap:.5rem}.adventurer-screen .modal .content .field{display:flex;gap:.5rem}.adventurer-screen .modal .content .field>*{flex:1}.adventurer-screen .modal .content .field input{font-size:1rem;font-family:IM Fell DW Pica,serif;background:none;outline:none;border:none;border-bottom:1px solid #09122C;width:50%}.adventurer-screen .modal .content .actions{display:flex;justify-content:center;align-items:center;padding-top:.5rem;gap:1rem}.adventurer-screen .modal .content .actions button{padding:.5rem;font-family:IM Fell DW Pica,serif;text-transform:uppercase;border:none;border-radius:.5rem;background:#09122c;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;min-width:8rem}.adventurer-screen .edit{position:absolute;top:1rem;right:1rem;background:#09122c;color:#fff;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:.5rem;box-shadow:1px 1px 3px 2px #00000080}.adventurer-screen .inventory{display:flex;flex-wrap:wrap;gap:.5rem;width:fit-content;padding:0 1rem;box-sizing:border-box}.adventurer-screen .inventory>.item{width:calc(25% - .5rem);aspect-ratio:1;box-sizing:border-box;border:4px solid #09122C;border-radius:1rem;box-shadow:1px 1px 3px 2px #00000080;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#09122c}.adventurer-screen .inventory>.item.adding>span{color:#fff}.adventurer-screen .inventory>.item>.image{width:100%;background-color:#000;background-position:center;background-size:cover;flex:1}.adventurer-screen .inventory>.item .modal .name{font-size:1.5rem;text-transform:uppercase;font-family:IM Fell DW Pica,serif;text-align:center}.adventurer-screen .inventory>.item .modal .description{text-align:center}.adventurer-screen .inventory>.item>.name{text-align:center;color:#fff}.adventurer-screen .inventory>.item .image-preview{display:flex;align-items:center;justify-content:center}.adventurer-screen .inventory>.item .image-preview img{width:10rem;height:10rem;border:4px solid black;border-radius:1rem}.adventurer-screen .bucketlist{padding:0 3rem}.adventurer-screen .bucketlist>.bucketlist-item{margin-bottom:1rem;display:flex;gap:.5rem;align-items:normal}.signup{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;box-sizing:border-box;padding:2rem 1rem;gap:1rem}.signup .header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.signup .header .description{font-size:1.5rem;text-align:center;width:100%;max-width:16rem}.signup img{width:100%;max-width:4rem;align-self:center}.signup{overflow:auto}.logout-button{background:none;box-shadow:none;border:none;outline:none;padding:0;height:100%}