html,body,*{-webkit-user-select:none;user-select:none}.app{width:100%;max-width:800px;margin:0 auto;padding:20px;background:#202020;border-radius:8px;min-height:100vh;box-sizing:border-box}@media (max-width: 768px){.app{padding:16px;border-radius:0}}h1{color:#f8f8f6;margin-bottom:30px;text-align:center;font-family:Garamond,serif;font-size:2.25em;font-weight:400}.loading-message{color:#f8f8f6;font-family:Garamond,serif;font-size:1.2em;text-align:center;margin-top:60px}@media (max-width: 768px){h1{font-size:1.5em;margin-bottom:20px}}.signature-box{width:150px;height:150px;margin:40px auto;background-color:#131313;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.signature-box:hover{transform:translateZ(0) scale(1.05);box-shadow:0 4px 12px #13131380}.equipment-box-container{display:flex;justify-content:center;margin:-45px auto 0;overflow:visible}.equipment-box{width:100px;height:100px;background-color:#131313;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.equipment-box{width:120px;height:120px;background-color:#131313;border:1px solid #181818;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;transform:translateZ(0);backface-visibility:hidden}.equipment-box:hover{transform:translateZ(0) scale(1.05);box-shadow:0 4px 12px #13131380}@keyframes equipmentBreathe{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.07)}}.equipment-box.equipment-breathing{animation:equipmentBreathe 3s ease-in-out infinite}@keyframes powerWheelPulse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.12)}}.equipment-box.power-wheel-pulsing{animation:powerWheelPulse 1s ease-in-out 2}.inventory-item-image-wrapper.power-wheel-pulsing{animation:powerWheelPulse 2s ease-in-out 1}.attributes{display:flex;justify-content:center;gap:30px;margin-bottom:15px;margin-top:0}.attribute{color:#f8f8f6;font-family:Garamond,serif;font-size:.85em;font-weight:400;background-color:#131313;padding:8px 14px;border-radius:16px}.signature-section{display:flex;justify-content:center;align-items:center;gap:20px;margin:40px auto;width:fit-content}.craft-box-container{display:flex;justify-content:flex-end;margin:-120px auto 0;width:390px}.side-box.craft-box{width:90px;height:90px;background-color:#131313;border-radius:16px;position:relative;right:10px}.side-box{width:100px;height:100px;background-color:#131313;border:1px solid #181818;border-radius:12px;cursor:pointer;transform:translateZ(0);backface-visibility:hidden;transition:transform .2s,box-shadow .2s;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.side-box:hover{transform:translateZ(0) scale(1.05);box-shadow:0 4px 12px #13131380}.side-box-text{color:#f8f8f6;font-family:Garamond,serif;font-size:.65em;text-align:center;line-height:1.3;-webkit-user-select:none;user-select:none;padding:10px}.side-box-image{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.signature-section{gap:15px;margin:30px auto}.side-box{width:70px;height:70px;padding:8px}.side-box.craft-box{width:58px;height:58px}.side-box-text{font-size:.55em}.craft-box-container{width:280px}}.signature-text{color:#f8f8f6;text-align:center;font-size:.85em;padding:15px;line-height:1.4;font-family:Garamond}@media (max-width: 768px){.signature-box{width:110px;height:110px;margin:30px auto}.signature-text{font-size:.75em;padding:12px}.equipment-box{width:90px;height:90px}}@media (min-width: 769px){h1{font-size:1.5em;margin-bottom:20px}.signature-section{gap:15px;margin:30px auto}.side-box{width:70px;height:70px;padding:8px}.side-box.craft-box{width:58px;height:58px}.side-box-text{font-size:.55em}.signature-box{width:110px;height:110px;margin:30px auto}.signature-text{font-size:.75em;padding:12px}.equipment-box{width:90px;height:90px}.equipment-box-container{max-width:280px}}h2{color:#e0e0e0;margin-top:20px;margin-bottom:15px;font-size:1.3em}.create-game-section{margin-bottom:40px;padding:20px;background:#2a2a2a;border-radius:6px}.create-game-section form{display:flex;gap:10px}input[type=text]{flex:1;padding:10px 12px;border:1px solid #444;border-radius:4px;font-size:1em;background:#333;color:#e0e0e0}input.login-input,input[type=text].login-input,input[type=password].login-input{flex:unset;padding:0 8px;border:none;border-radius:0;background:#1a1a1a;color:#eee;height:1.6em;font-family:Garamond,serif;font-size:1rem;text-align:center;outline:none;box-sizing:border-box}input[type=text]:focus{outline:none;border-color:#181818;box-shadow:none}button{padding:10px 20px;background:#4caf50;color:#fff;border:1px solid #181818;border-radius:4px;cursor:pointer;font-size:1em;transition:background .2s}button:hover{background:#45a049}.games-section{margin-top:30px}ul{list-style:none}li{padding:12px 16px;background:#2a2a2a;margin-bottom:10px;border-left:4px solid #4CAF50;border-radius:4px;color:#e0e0e0}p{color:#b0b0b0;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#131313;border-radius:12px;padding:30px;max-width:400px;width:90%;box-shadow:0 8px 24px #000c;overflow:visible;position:relative;z-index:100;transform:translateZ(0);backface-visibility:hidden}.modal-title{color:#f8f8f6;font-family:Garamond,serif;font-size:1.3em;font-weight:400;text-align:center;margin-bottom:20px;margin-top:0}.modal-options{margin-bottom:20px;min-height:100px;display:flex;align-items:center;justify-content:center;color:#f8f8f6;font-family:Garamond,serif}.modal-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.modal-image-item{aspect-ratio:1;overflow:hidden;border-radius:8px;cursor:pointer;transition:transform .2s;transform:translateZ(0);backface-visibility:hidden}.modal-image-item:hover{transform:translateZ(0) scale(1.05)}.modal-image{width:100%;height:100%;object-fit:cover}.modal-close-btn{display:block;margin:12px auto 0;padding:6px 12px;background-color:#202020;color:#f8f8f6;border:1px solid #181818;border-radius:6px;font-family:Garamond,serif;font-size:.9em;cursor:pointer}.modal-close-btn:hover,.modal-close-btn:active,.modal-close-btn:focus,.modal-close-btn:focus-visible{background-color:#202020;color:#f8f8f6;outline:none}.essence-modal-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px;height:60px}.essence-modal-image{width:45px;height:45px;border-radius:6px;overflow:hidden;position:absolute;left:0}.essence-modal-image img{width:100%;height:100%;object-fit:cover}.essence-title{margin-bottom:0;margin-top:0;text-align:center;font-style:italic}.essence-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.essence-detail-box{width:60%;height:50px;background-color:#202020;border-radius:8px;margin:0 auto;display:flex;align-items:center;justify-content:center}.essence-detail-text{color:#f8f8f6;font-family:Garamond,serif;font-size:1em;font-weight:400;font-style:italic}.essence-detail-box.craft-button{width:50%}.craft-button{background-color:#202020!important;border:none;padding:0;cursor:pointer;color:#f8f8f6;font-family:Garamond,serif;font-size:1em;transition:transform .2s,box-shadow .2s}.craft-button:hover{transform:translateZ(0) scale(1.05);box-shadow:0 2px 8px #1313134d}.craft-button:active,.craft-button:focus,.craft-button:focus-visible{background-color:#202020!important;outline:none}.artifice-power-display{text-align:center;margin-bottom:20px;margin-top:12px}.artifice-power-text{color:#f8f8f6;font-family:Garamond,serif;font-size:.95em;font-style:italic}.craft-boxes-container{display:flex;justify-content:center;gap:16px;margin-bottom:40px;margin-top:24px}.craft-box{width:85px;height:85px;overflow:hidden;background-color:#202020;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0}.craft-roll-button{width:60px!important;height:60px!important;border-radius:50%!important;background-color:#202020!important;border:none!important;color:#f8f8f6!important;font-family:Garamond,serif;font-size:1em;cursor:pointer;transition:transform .2s,box-shadow .2s;transform:translateZ(0);backface-visibility:hidden}.craft-roll-button:hover{box-shadow:0 2px 8px #1313134d;background-color:#202020!important}.craft-roll-button:active{background-color:#202020!important;color:#f8f8f6!important;outline:none!important;box-shadow:none!important;transform:translateZ(0);backface-visibility:hidden}.craft-roll-button:focus,.craft-roll-button:focus-visible{background-color:#202020!important;color:#f8f8f6!important;outline:none!important;box-shadow:none!important;transform:translateZ(0);backface-visibility:hidden}.inventory-grid{display:flex;gap:30px;margin-top:30px;margin-bottom:20px;justify-content:center;overflow:visible;position:relative;z-index:50}.inventory-column{display:flex;flex-direction:column;gap:12px;overflow:visible}.inventory-item{display:flex;align-items:center;gap:10px;position:relative;z-index:50}.inventory-item-image-wrapper{position:relative;width:36px;height:36px;background-color:#202020;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;z-index:100;overflow:hidden;transform:translateZ(0);backface-visibility:hidden}.inventory-item-image-wrapper:hover{transform:translateZ(0) scale(1.05)}.inventory-item-image{width:100%;height:100%;object-fit:contain;cursor:pointer}.inventory-bubble-overlay{position:absolute;transform:translate(-50%);background-color:#131313;color:#f8f8f6;font-family:Garamond,serif;font-size:.8em;padding:6px 10px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 8px #00000080;z-index:99999;pointer-events:none}.inventory-item-count{color:#f8f8f6;font-family:Garamond,serif;font-size:.9em;min-width:20px}.artifact-box-clickable{position:relative;cursor:pointer}.artifact-image-full{width:100%;height:100%;object-fit:contain;cursor:pointer}.enchant-box{transform:translateZ(0);backface-visibility:hidden;transition:transform .2s,box-shadow .2s}.enchant-box:hover{transform:translateZ(0) scale(1.05);box-shadow:0 2px 8px #1313134d}.artifact-info-bubble{position:absolute;top:100%;left:50%;transform:translate(-50%) translateZ(0);backface-visibility:hidden;margin-top:4px;background-color:#131313;color:#f8f8f6;font-family:Garamond,serif;font-size:.8em;padding:6px 10px;border-radius:12px;white-space:nowrap;box-shadow:0 2px 8px #00000080;z-index:10}.artifact-info-bubble.info-note{white-space:normal;width:260px;max-width:82vw;line-height:1.5;text-align:center;color:#f8f8f6}.artifact-info-bubble.info-note.note-right{left:auto;right:-28px;transform:translateZ(0)}.artifact-info-bubble.info-note.note-left{left:0;right:auto;transform:translateZ(0)}.equipment-boxes-grid{display:flex;justify-content:center;align-items:center;gap:10px;margin:30px auto}.equipment-column-left,.equipment-column-right{display:flex;flex-direction:column;gap:12px;align-items:center}.equipment-item-box{width:70px;height:70px;background-color:transparent;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;transform:translateZ(0);backface-visibility:hidden}.equipment-item-box:hover{transform:translateZ(0) scale(1.05);box-shadow:0 2px 8px #1313134d}.equipment-center-box{width:120px;height:120px;background-color:transparent;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;align-items:center;justify-content:center;flex-shrink:0}.equipment-center-box:hover{transform:translateZ(0) scale(1.05);box-shadow:0 2px 8px #1313134d}.world-mist-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3000;pointer-events:auto}input.login-input:-webkit-autofill,input.login-input:-webkit-autofill:hover,input.login-input:-webkit-autofill:focus{-webkit-text-fill-color:#eee;-webkit-box-shadow:0 0 0 1000px #1a1a1a inset;caret-color:#eee;font-family:Garamond,serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#202020}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}