*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.6rem;line-height:1.6;background-color:#0d0d0d;color:#e2e8f0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flashText{0%,to{opacity:1}50%{opacity:.5}}.badge{display:inline-flex;align-items:center;border-radius:.375rem;margin-left:1.5rem;vertical-align:middle}.badge__icon--crown{margin-right:.5rem;color:#f8db38;vertical-align:middle}.badge__text--premium{font-size:.9rem;font-weight:600;color:#f8db38;letter-spacing:.5px}.badge__premium{background-color:#f59e0b66;padding:.005rem .5rem;border-radius:.375rem;border:.05rem solid #f8db38;box-shadow:0 .03rem .5rem #f8db3866}.badge__icon--gauge{margin-right:.5rem;color:#94a3b8;vertical-align:middle}.badge__text--free{font-size:.9rem;font-weight:600;color:#94a3b8;letter-spacing:.5px}.badge__free{background-color:#94a3b866;padding:.005rem .5rem;border-radius:.375rem;border:.05rem solid #94a3b8;box-shadow:0 .03rem .5rem #94a3b866}.button{background-color:#238662;color:#fff;padding:1rem 2rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.button--upgrade{background:#1a2332;color:#3eb369;border:1px solid #3eb369;font-weight:600;text-decoration:none;font-size:1.2rem}.button--upgrade:hover{background-color:#2b3a54}.button--downgrade{background:#1a2332;color:#ef4444;border:1px solid #ef4444;font-weight:600;text-decoration:none;font-size:1.2rem}.button--downgrade:hover{background-color:#2b3a54}.button--roll{background:#238662;color:#fff;border:none;font-size:1.6rem;box-shadow:0 .5rem .8rem #2386621a}.button--roll:hover{background-color:#185e44}.button--reset{background:#1a2332;color:#ef4444;border:1px solid #ef4444;font-weight:600;text-decoration:none;font-size:1.2rem;box-shadow:0 .5rem .8rem #1a233266;margin-top:1rem}.button--reset:hover{background-color:#2b3a54}.button--disabled{background:#1a2332;color:#174126;border:1px solid rgb(22.6390041494,65.3609958506,38.3402489627);font-weight:600;text-decoration:none;font-size:1.2rem;cursor:not-allowed;box-shadow:none;position:relative}.button--disabled:hover:after{content:"Sign up/in to unlock this feature";position:absolute;top:125%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;white-space:nowrap;pointer-events:none;z-index:10}.button--auth{background:#1a2332;color:#5eead4;border:1px solid #5eead4;font-weight:200;text-decoration:none;font-size:1.2rem}.button--auth:hover{background-color:#2b3a54}.button__icon{margin-right:.5rem;vertical-align:middle}.free-tier{background-color:#1a2332;border:.05rem solid rgba(148,163,184,.4);border-radius:.5rem;box-shadow:0 .1rem .5rem #94a3b833;padding:1rem;margin:3rem auto;max-width:25rem}.free-tier__description{font-size:1.2rem;font-weight:800;letter-spacing:.05rem;color:#94a3b8;margin-bottom:1rem;display:flex;justify-content:space-evenly;gap:5rem}.free-tier__short{font-size:.9rem;color:#94a3b8;margin-top:1rem;text-align:center;letter-spacing:.5px;display:flex;gap:1rem}.bg-red{background-color:#ef4444;color:#1a2332;font-weight:600;padding:.2rem .5rem;border-radius:.3rem;box-shadow:0 .1rem .3rem #ef44444d}.bg-blue{background-color:#6ee7b7;color:#1a2332;font-weight:600;padding:.2rem .5rem;border-radius:.3rem;box-shadow:0 .1rem .3rem #6ee7b74d}.progress-bar{margin-top:.5rem;width:100%}.progress-bar__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.progress-bar__label{font-size:.875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.progress-bar__icon{color:#94a3b8;width:1.6rem;height:1.6rem}.progress-bar__value{font-size:.875rem;font-family:monospace;color:#94a3b8}.progress-bar__value--high{color:#4ade80}.progress-bar__value--low{color:#ef4444}.progress-bar__track{height:.5rem;width:100%;background-color:#0f172a;border-radius:9999px;overflow:hidden;border:1px solid #334155}.progress-bar__fill{height:100%;transition:all .5s ease-out}.progress-bar__fill--high{background-color:#ef4444}.progress-bar__fill--low{background-color:#3eb369}.progress-bar__fill--medium{background-color:#f59e0b}.attribute{padding:0 1rem .5rem;margin:1rem auto}.attribute__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.5rem;color:#6ee7b7;font-weight:600;text-transform:uppercase;letter-spacing:.03rem}.attribute__description{font-size:1.4rem;color:#c2cbd7}.character{border-bottom:1px solid #333333;padding:0 1.5rem 1.5rem;max-width:30rem;margin:2rem auto}.character__header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.character__header--name{font-size:2.5rem;font-weight:800;color:#e2e8f0}.character__header--role{font-size:1.2rem;font-weight:600;color:#d1d8e1;padding:.5rem;background-color:#1a1a1a;border:1px solid #333333;border-radius:.3rem;box-shadow:0 .5rem .3rem #3333}.secret-panel{background-color:#1a2332;border:.05rem solid rgba(148,163,184,.4);border-radius:.5rem;box-shadow:0 .1rem .5rem #94a3b833;margin-top:1rem}.secret-panel:after{content:"Requires 80% trust to unlock";display:block;font-size:1.2rem;color:#94a3b8;text-align:center;margin-top:.5rem}.blurred-text{color:transparent;text-shadow:0 0 2rem rgba(148,163,184,.8);position:relative;font-size:2rem}.chats{display:flex;flex-direction:column;overflow:hidden}.chats__content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chats__message{display:flex;flex-direction:column}.chats__message--user{align-items:flex-end}.chats__message--npc{align-items:flex-start}.chats__message--text{max-width:70%;padding:.75rem 1rem;border-radius:1rem;background-color:#1a2332;box-shadow:0 .2rem .5rem #0000001a}.chats__message--user .chats__message--text{background-color:#3eb369;color:#313131;border-bottom-right-radius:.25rem}.chats__message--npc .chats__message--text{background-color:#1a2332;border-bottom-left-radius:.25rem}.chats__message--npc-name{display:block;font-weight:800;color:#3eb369;margin-bottom:.25rem;font-size:1.2rem}.input-area{display:flex;gap:1rem;margin-top:auto;width:100%;padding:1rem}.input-area__input{flex:1;align-items:center;justify-content:center;padding:1.5rem;border-radius:.5rem;border:1px solid #333333;color:#e2e8f0;background-color:#1a2332;font-size:1.6rem}.input-area__input::placeholder{color:#5eead4}.input-area__input:focus{outline:none;border-color:#6ee7b7}.input-area__input:active{outline:none;border-color:#6ee7b7}.input-area__input:hover{border-color:#6ee7b7}.header{background-color:#121212;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center;border-bottom:.05rem solid #333333;box-shadow:0 2px 4px #0008ff1a}@media(min-width:768px){.header{flex-direction:row;justify-content:space-around;gap:0}}.header__left{display:flex;align-items:center}.header__right{display:flex;align-items:center;gap:1.5rem;width:100%;justify-content:center}@media(min-width:768px){.header__right{width:auto;gap:3rem}}.header__icon{margin-right:1rem;color:#6ee7b7;font-size:4.2rem}.header__title{font-size:2.4rem;font-weight:600;color:#6ee7b7}.main-container{display:flex;flex-direction:column;max-width:fit-content;margin:0 auto;margin-top:10rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:overlayFadeIn .3s ease-out}.modal-content{background-color:#1a2332;padding:3rem;border-radius:16px;border:1px solid #333333;box-shadow:0 10px 25px #00000080,0 0 15px #6ee7b71a;width:90%;max-width:450px;display:flex;flex-direction:column;gap:2rem;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.modal-content h2{color:#e2e8f0;font-size:2.4rem;font-weight:600;text-align:center;margin-bottom:.5rem}.modal-content form{display:flex;flex-direction:column;gap:1.5rem}.modal-content form label{color:#94a3b8;font-size:1.2rem;font-weight:600;margin-bottom:-.5rem}.modal-content form input{background-color:#1a1a1a;border:1px solid #333333;border-radius:8px;padding:1.2rem;color:#e2e8f0;font-size:1.6rem;transition:all .2s ease}.modal-content form input:focus{outline:none;border-color:#6ee7b7;box-shadow:0 0 0 2px #6ee7b733}.modal-content span{color:#94a3b8;text-align:center;font-size:1.2rem;margin-top:1rem;cursor:pointer;transition:color .2s}.modal-content span:hover{color:#6ee7b7}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.info-screen{padding:20px;text-align:center}.info-screen__icon{width:12rem;height:12rem;display:inline-flex;align-items:center;justify-content:center;font-size:6rem;color:#5c6f8a;background-color:#1f252e;border-radius:50%;margin-bottom:1rem;padding:0}.info-screen__title{font-size:2.4rem;font-weight:600;color:#94a3b8;margin-bottom:1rem}.info-screen__description{font-size:1.6rem;color:#94a3b8;margin-bottom:2rem}.loader{max-width:fit-content;margin:0 auto;margin-top:8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:flashText 2s ease-in-out infinite}.loader__spinner{color:#6ee7b7;margin-bottom:1rem}.loader__icon{margin-bottom:3rem;animation:spin 1.5s linear infinite}.loader__text{font-size:2rem;font-weight:800;color:#6ee7b7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;text-align:center}.chat-screen{display:flex;flex-direction:column;max-width:120rem;height:calc(100vh - 8.5rem);gap:1.5rem;padding:1.5rem;margin:-10rem auto}@media(min-width:768px){.chat-screen{flex-direction:row}}.chat-screen__left{width:100%;height:35%;flex-shrink:0;background-color:#121212;border:1px solid #333333;border-radius:1rem;overflow-y:auto;box-shadow:0 4px 6px #0d0d0d1a;padding:1.5rem 1.5rem 6rem;position:relative}@media(min-width:768px){.chat-screen__left{width:25%;height:100%;padding-bottom:1.5rem}}.chat-screen__right{flex:1;width:100%;display:flex;flex-direction:column;background-color:#121212;border:1px solid #333333;border-radius:1rem;box-shadow:0 4px 6px #0000001a;overflow:hidden}@media(min-width:768px){.chat-screen__right{height:100%}}