.compass-container{position:relative;display:flex}.dial{position:relative;width:100%;height:100%}.direction{position:absolute;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#333}.north,.south,.east,.west{z-index:20}.north{top:1%;left:50%;transform:translate(-50%)}.south{bottom:1%;left:50%;transform:translate(-50%)}.east{top:50%;right:10%;transform:translate(50%) translateY(-50%) rotate(-90deg)}.west{top:50%;left:10%;transform:translate(-50%) translateY(-50%) rotate(90deg)}.northeast,.southeast,.southwest,.northwest{z-index:19;font-size:.3rem}.northeast{top:20%;right:20%;transform:translate(50%,-50%) rotate(-45deg)}.southeast{right:20%;bottom:20%;transform:translate(50%,50%) rotate(45deg)}.southwest{bottom:20%;left:20%;transform:translate(-50%,50%) rotate(-45deg)}.northwest{top:20%;left:20%;transform:translate(-50%,-50%) rotate(45deg)}.needle{position:absolute;bottom:50%;left:50%;width:2px;height:20px;background-color:red;transform:translate(-50%,50%);transform-origin:bottom}.bubble{position:absolute;top:50%;left:50%;z-index:10;width:12px;height:12px;background-color:#00f;border-radius:50%;transform:translate(-50%,-50%)}.error-message{position:absolute;top:50%;left:50%;font-size:.75rem;color:#666;transform:translate(-50%,-50%)}.line.horizontal{position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#000;transform:translateY(-50%)}.line.vertical{position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#000;transform:translate(-50%)}.dark .line.horizontal,.dark .line.vertical{background-color:#fff}.scale-line{position:absolute;bottom:50%;left:50%;transform-origin:bottom}.scale-line.degree90{z-index:15;width:1px;height:35%;background-color:#000;opacity:.5}.scale-line.degree45{z-index:10;width:.8px;height:25%;background-color:#a9a9a9}.scale-line.degree5{z-index:5;width:.5px;height:50%;background-color:#d3d3d3}.dark .scale-line.degree90{background-color:#fff;opacity:.5}.dark .scale-line.degree45,.dark .scale-line.degree5{background-color:#a9a9a9}.border-weapon[data-v-ac7596ef]{border-image-source:linear-gradient(45deg,#d32f2f,#ff5252);border-image-slice:1}.border-armor[data-v-ac7596ef]{border-image-source:linear-gradient(45deg,#1976d2,#42a5f5);border-image-slice:1}.border-potion[data-v-ac7596ef]{border-image-source:linear-gradient(45deg,#388e3c,#66bb6a);border-image-slice:1}.border-default[data-v-ac7596ef]{border-image-source:linear-gradient(45deg,#444,#666);border-image-slice:1}[data-v-ac7596ef]:root{--dark-800: #1a1a1a;--dark-900: #121212;--dark-700: #2a2a2a;--dark-green: #006400;--dark-red: #8b0000;--dark-yellow: #b8860b;--dark-gray: #4b4b4b;--light-200: #e0e0e0}.personality-switcher[data-v-887a0d4f]{border-style:solid;border-radius:20px 8px 8px;border-image-outset:8px;transition:background-color .3s ease,border-color .3s ease,border-radius .3s ease}.border-leader[data-v-887a0d4f]{border-image-source:linear-gradient(45deg,#d32f2f,#ff5252);border-image-slice:1}.border-thinker[data-v-887a0d4f]{border-image-source:linear-gradient(45deg,#1976d2,#42a5f5);border-image-slice:1}.border-artist[data-v-887a0d4f]{border-image-source:linear-gradient(45deg,#388e3c,#66bb6a);border-image-slice:1}.border-default[data-v-887a0d4f]{border-image-source:linear-gradient(45deg,#444,#666);border-image-slice:1}[data-v-887a0d4f]:root{--dark-800: #1a1a1a;--dark-900: #121212;--dark-700: #2a2a2a;--dark-green: #006400;--dark-red: #8b0000;--dark-yellow: #b8860b;--dark-gray: #4b4b4b;--light-200: #e0e0e0}