@import"https://fonts.googleapis.com/css2?family=Rye&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--bg: rgb(169, 210, 213);--bg: #DBCFB0;--bg: #8C7640;--bg: #893F45;--text: rgb(10, 10, 10);--text: #EDEAE0;--heading: rgb(10, 10, 10);--heading: #EDEAE0;--link: rgb(10, 10, 10);--link: #EDEAE0;--link-hover: rgb(10, 10, 10);--link-hover: #EDEAE0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Spectral,serif;background-color:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}main{max-width:675px;margin:0 auto;padding:4rem 2rem}.avatar{width:160px;border-radius:50%;object-fit:cover;object-position:center 40%;display:block;margin-bottom:2rem;border:3px solid #2a3a2a}h1{font-family:Rye,serif;font-weight:400;font-style:normal;font-size:2.25rem;color:var(--heading);letter-spacing:.02em;margin-bottom:.75rem}.intro-dialogue{font-size:1.1rem}section{margin-bottom:2.5rem}h2{font-size:1.25rem;font-weight:500;color:var(--heading);margin-bottom:.5rem;margin-top:1.5rem;letter-spacing:.03em}h2:first-child{margin-top:0}section p{margin-bottom:.5rem}nav{display:flex;flex-direction:column;gap:.4rem}a{color:var(--link);text-decoration:underline;transition:color .15s ease}a:hover{color:var(--link-hover)}li{margin-bottom:.5rem}.inter-dimensional-tavern-front{display:flex}.avatar-container{position:relative;width:160px;height:211px;flex-shrink:0;margin-bottom:2rem}.avatar-container .avatar{position:absolute;top:0;left:0;width:160px;height:211px;opacity:0;transition:opacity .6s ease-in-out;margin-bottom:0}.avatar-container .avatar.active{opacity:1}.thought-bubble{position:absolute;top:-20px;left:180px;background:#edeae0;color:#2a3a2a;padding:.6rem .9rem;border-radius:1rem;font-size:.85rem;font-style:italic;max-width:180px;min-width:120px;text-align:center;box-shadow:2px 3px 8px #00000026;z-index:10;animation:bubbleFadeIn .5s ease-out}.thought-bubble:after{content:"";position:absolute;bottom:-8px;left:-12px;width:12px;height:12px;background:#edeae0;border-radius:50%;box-shadow:1px 2px 4px #0000001a}.thought-bubble:before{content:"";position:absolute;bottom:-18px;left:-22px;width:8px;height:8px;background:#edeae0;border-radius:50%;box-shadow:1px 2px 3px #00000014}.thought-text{display:block}@keyframes bubbleFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.carousel-nav{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.nav-arrow{background:transparent;border:1px solid var(--text);color:var(--text);width:28px;height:28px;border-radius:50%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .15s ease}.nav-arrow:hover{background:#edeae026;transform:scale(1.1)}.nav-arrow:active{transform:scale(.95)}.flavor-text{margin-top:12px;color:#cbc2a4;font-style:italic}