#root{width:100%}.hint{display:flex;flex-direction:row;align-items:flex-start;gap:12px;box-sizing:border-box;width:100%;margin:16px 0;padding:14px 18px;background:#8a6d3b33;color:#2a2118;font-family:IMFell,serif;font-size:16px;font-weight:400;font-style:normal;line-height:1.4;text-align:left}.hint__sigil{flex:0 0 auto;font-family:IMFell,serif;font-size:48px;font-weight:400;font-style:normal;line-height:1;color:#8a6d3b;margin:0;padding:0;-webkit-user-select:none;user-select:none}.hint__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0}.hint__text{margin:0;padding:0;font-family:IMFell,serif;font-size:16px;font-weight:400;font-style:normal;line-height:1.4;color:#2a2118}.hint__dismiss{margin:0;padding:0;background:none;border:none;cursor:pointer;font-family:IMFell,serif;font-size:15px;font-weight:400;font-style:normal;line-height:1.2;color:#8a6d3b;text-decoration:underline}.hint__dismiss:hover{color:#5c4626}.map-key{position:absolute;top:250px;z-index:5;transition:width .2s ease-out}.map-key-left{left:0}.map-key-right{right:0}.map-key.expanded{width:228px;height:231px;border-style:solid;border-width:11px;border-image-source:url(/img/map_key_bg.png);border-image-slice:11 fill;border-image-repeat:stretch}.map-key.collapsed{width:20px;height:231px;cursor:pointer;border-style:solid;border-width:11px;border-image-source:url(/img/map_key_bg.png);border-image-slice:11 fill;border-image-repeat:stretch}.map-key-glyph{position:absolute;top:50%;transform:translateY(-50%);font-family:FloranteatLauraRegular,serif;font-size:2em;color:#000;pointer-events:none}.map-key-left .map-key-glyph{right:-1px}.map-key-right .map-key-glyph{left:0}.map-key-close-hitbox{position:absolute;top:0;width:15px;height:100%;cursor:pointer}.map-key-left .map-key-close-hitbox{right:-6px}.map-key-right .map-key-close-hitbox{left:-5px}.map-key-content{padding:8px;height:100%;overflow:hidden;box-sizing:border-box}.tool-list{position:relative;width:100%;height:100%}.tool-item{position:absolute;left:0;width:100%;height:27px;cursor:pointer}.tool-item:focus-visible{outline:2px solid #1a73e8}.tool-label{position:absolute;left:8px;font-size:1.1em;white-space:nowrap}.tool-icon{position:absolute;left:158px;width:25px;height:25px;background-size:cover;background-repeat:no-repeat;border:1px solid #000;box-sizing:border-box}.tool-marker-inner{position:absolute;left:136px;font-size:1.1em}.tool-marker-outer{position:absolute;left:191px;font-size:1.1em}.tool-marker-right-left{position:absolute;left:8px;font-size:1.1em}.tool-icon-right{position:absolute;left:25px;width:25px;height:25px;background-size:cover;background-repeat:no-repeat;border:1px solid #000;box-sizing:border-box}.tool-marker-right-right{position:absolute;left:58px;font-size:1.1em}.tool-label-right{position:absolute;left:85px;font-size:1.1em;white-space:nowrap}.loading{text-align:center;padding:40px;font-family:IMFell}.map-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:40;pointer-events:none}.map-busy-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.2);border-top-color:#000000b3;border-radius:50%;opacity:0;animation:map-busy-reveal .2s ease-in 5s forwards,map-busy-spin .8s linear infinite}@keyframes map-busy-reveal{to{opacity:1}}@keyframes map-busy-spin{to{transform:rotate(360deg)}}.error-message{color:#c00;margin-bottom:10px}.published-notice{font-family:IMFell;color:#6b4a1f;background:#f3e9d2;border:1px solid #c8b083;padding:8px 12px;margin-bottom:12px}.login-page,.register-page{max-width:400px;margin:40px auto;padding:20px}.login-page .scroll,.register-page .scroll{padding:20px}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px}.form-group input{width:100%;max-width:200px}