.settings-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal__content{color:#fff;background:linear-gradient(135deg,#2d1b4e 0%,#1a1a2e 100%);border:2px solid #8a4fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;padding:2rem;animation:6s ease-in-out infinite modalFloat;position:relative;overflow:hidden auto;box-shadow:0 0 15px #8a4fff80,0 0 30px #8a4fff4d,inset 0 0 10px #8a4fff33}.settings-modal__content:before{content:"";z-index:-1;opacity:.6;background:radial-gradient(circle at 30% 40%,#8a4fff1a 0%,#0000 40%),radial-gradient(circle at 70% 60%,#e945601a 0%,#0000 40%);animation:15s ease-in-out infinite alternate backgroundShift;position:absolute;inset:-50%}@keyframes modalFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes backgroundShift{0%{transform:rotate(0)scale(1)}to{transform:rotate(5deg)scale(1.1)}}.settings-modal__header{text-align:center;margin-bottom:1.5rem;position:relative}.settings-modal__title{font-family:var(--font-cinzel), serif;color:#b38dff;text-shadow:0 0 10px #b38dffb3,0 0 20px #b38dff80;letter-spacing:2px;margin:0;font-size:2.2rem;font-weight:700;position:relative}.settings-modal__divider{background:linear-gradient(90deg,#0000,#8a4fff,#0000);height:2px;margin:1rem 0;position:relative}.settings-modal__divider:before{content:"✧";color:#8a4fff;background-color:#2d1b4e;padding:0 10px;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-modal__section{margin-bottom:1.5rem}.settings-modal__section-title{font-family:var(--font-cinzel), serif;color:#b38dff;text-shadow:0 0 5px #b38dff80;margin:0 0 1rem;font-size:1.3rem}.difficulty-selector{justify-content:space-between;gap:10px;margin-bottom:1rem;display:flex}.difficulty-option{color:#b38dff;font-family:var(--font-raleway), sans-serif;text-align:center;cursor:pointer;background:linear-gradient(#3a2a5e,#2d1b4e);border:1px solid #5a3a8e;border-radius:8px;flex:1;padding:10px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.difficulty-option:hover{background:linear-gradient(#4a3a6e,#3a2a5e);transform:translateY(-2px);box-shadow:0 5px 15px #5a3a8e4d}.difficulty-option--selected{color:#fff;background:linear-gradient(#6a3de8,#5a2dd8);border-color:#8a5dff;transform:translateY(-2px);box-shadow:0 0 10px #6a3de8b3,0 0 20px #6a3de866,inset 0 0 5px #ffffff4d}.difficulty-option--selected:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000 50% 100%);position:absolute;inset:0}.settings-group{margin-bottom:1rem}.settings-label{color:#b38dff;margin-bottom:.5rem;font-weight:700;display:block}.magical-slider-container{align-items:center;gap:10px;display:flex}.magical-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#3a2a5e,#2d1b4e);border-radius:3px;outline:none;flex:1;height:6px;position:relative}.magical-slider::-webkit-slider-runnable-track{border-radius:3px;height:6px}.magical-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#8a4fff;border-radius:50%;width:20px;height:20px;margin-top:-7px;transition:all .2s;box-shadow:0 0 10px #8a4fffb3}.magical-slider::-moz-range-thumb{cursor:pointer;background:#8a4fff;border:none;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 0 10px #8a4fffb3}.magical-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px #8a4fffe6}.magical-slider:active::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 15px #8a4fffe6}.magical-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px #8a4fffe6}.magical-slider:active::-moz-range-thumb{transform:scale(1.2);box-shadow:0 0 15px #8a4fffe6}.slider-value{text-align:center;color:#b38dff;min-width:40px;font-weight:700}.music-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, #6a3de8 var(--value,0%), #3a2a5e var(--value,0%))}.music-slider::-moz-range-track{background:linear-gradient(to right, #6a3de8 var(--value,0%), #3a2a5e var(--value,0%))}.sfx-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, #6a3de8 var(--value,0%), #3a2a5e var(--value,0%))}.sfx-slider::-moz-range-track{background:linear-gradient(to right, #6a3de8 var(--value,0%), #3a2a5e var(--value,0%))}.sfx-slider::-webkit-slider-thumb{background:#6a3de8;box-shadow:0 0 10px #6a3de8b3}.sfx-slider::-moz-range-thumb{background:#6a3de8;box-shadow:0 0 10px #6a3de8b3}.magical-toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.magical-toggle__switch{background:#3a2a5e;border-radius:12px;width:50px;height:24px;transition:all .3s;position:relative;box-shadow:inset 0 0 5px #00000080}.magical-toggle__switch:after{content:"";background:#b38dff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 0 5px #0000004d}.magical-toggle--active .magical-toggle__switch{background:#6a3de8}.magical-toggle--active .magical-toggle__switch:after{background:#fff;left:calc(100% - 22px);box-shadow:0 0 10px #6a3de8b3}.magical-toggle__label{color:#b38dff;font-weight:700}.settings-modal__actions{justify-content:space-between;margin-top:2rem;display:flex}.support-devs-modal .settings-modal__actions,.how-to-play-modal .settings-modal__actions{justify-content:center}.magical-button{font-family:var(--font-raleway), sans-serif;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.magical-button:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50% 100%);position:absolute;inset:0}.magical-button:hover{transform:translateY(-2px)}.magical-button--primary{color:#fff;background:linear-gradient(#6a3de8,#5a2dd8);box-shadow:0 5px 15px #6a3de84d}.magical-button--primary:hover{background:linear-gradient(#7a4df8,#6a3de8);box-shadow:0 5px 15px #6a3de880,0 0 10px #6a3de84d}.magical-button--secondary{color:#b38dff;background:0 0;border:1px solid #5a3a8e}.magical-button--secondary:hover{background:#5a3a8e33;border-color:#8a5dff;box-shadow:0 0 10px #8a4fff4d}.magical-button--danger{color:#ff6b84;background:0 0;border:1px solid #ff6b84}.magical-button--danger:hover{background:#ff6b8433;border-color:#ff6b84;transform:translateY(-2px);box-shadow:0 0 10px #ff6b844d}.how-to-play-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.how-to-play-modal__content{color:#fff;background:linear-gradient(135deg,#2d1b4e 0%,#1a1a2e 100%);border:2px solid #8a4fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:2rem;animation:6s ease-in-out infinite modalFloat;position:relative;overflow:hidden auto;box-shadow:0 0 15px #8a4fff80,0 0 30px #8a4fff4d,inset 0 0 10px #8a4fff33}.how-to-play-modal__content:before{content:"";z-index:-1;opacity:.6;background:radial-gradient(circle at 30% 40%,#8a4fff1a 0%,#0000 40%),radial-gradient(circle at 70% 60%,#6a3de81a 0%,#0000 40%);animation:15s ease-in-out infinite alternate backgroundShift;position:absolute;inset:-50%}.how-to-play-modal__header{text-align:center;margin-bottom:1.5rem;position:relative}.how-to-play-modal__title{font-family:var(--font-cinzel), serif;color:#b38dff;text-shadow:0 0 10px #b38dffb3,0 0 20px #b38dff80;letter-spacing:2px;margin:0;font-size:2.2rem;font-weight:700}.how-to-play-modal__content h3{font-family:var(--font-cinzel), serif;color:#b38dff;text-shadow:0 0 5px #b38dff80;margin:1.5rem 0 .8rem;font-size:1.5rem}.how-to-play-modal__content h4{font-family:var(--font-cinzel), serif;color:#a280e9;text-shadow:0 0 3px #a280e980;margin:1.2rem 0 .5rem;font-size:1.2rem}.how-to-play-modal__content p{color:#e0e0ff;margin-bottom:1rem;line-height:1.6}.how-to-play-modal__content ul{margin:.5rem 0 1.5rem 1.5rem;padding:0}.how-to-play-modal__content li{margin-bottom:.5rem;padding-left:.5rem;line-height:1.4;position:relative}.how-to-play-modal__content li:before{content:"✧";color:#8a4fff;position:absolute;left:-1.2rem}.support-devs-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.support-devs-modal__content{color:#fff;background:linear-gradient(135deg,#2d1b4e 0%,#1a1a2e 100%);border:2px solid #8a4fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:2rem;animation:6s ease-in-out infinite modalFloat;position:relative;overflow:hidden auto;box-shadow:0 0 15px #8a4fff80,0 0 30px #8a4fff4d,inset 0 0 10px #8a4fff33}.support-devs-modal__content:before{content:"";z-index:-1;opacity:.6;background:radial-gradient(circle at 30% 40%,#8a4fff1a 0%,#0000 40%),radial-gradient(circle at 70% 60%,#6a3de81a 0%,#0000 40%);animation:15s ease-in-out infinite alternate backgroundShift;position:absolute;inset:-50%}.support-devs-modal__header{text-align:center;margin-bottom:1.5rem;position:relative}.support-devs-modal__title{font-family:var(--font-cinzel), serif;color:#b38dff;text-shadow:0 0 10px #b38dffb3,0 0 20px #b38dff80;letter-spacing:2px;margin:0;font-size:2.2rem;font-weight:700}.support-devs-modal__content p{color:#e0e0ff;margin-bottom:1.5rem;line-height:1.6}.support-devs-modal__content h3{font-family:var(--font-cinzel), serif;color:#b38dff;text-shadow:0 0 5px #b38dff80;margin:1.5rem 0 1rem;font-size:1.5rem}.donation-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.donation-option{text-align:center;background:#3a2a5e80;border:1px solid #5a3a8e;border-radius:8px;flex-direction:column;align-items:center;padding:1.2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.donation-option:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50% 100%);position:absolute;inset:0}.donation-option:hover{border-color:#8a5dff;transform:translateY(-5px);box-shadow:0 5px 15px #5a3a8e4d,0 0 10px #8a4fff4d}.donation-option img{object-fit:contain;filter:drop-shadow(0 0 5px #8a4fff80);width:50px;height:50px;margin-bottom:1rem}.donation-option a{color:#b38dff;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.donation-option a:after{content:"";background:linear-gradient(90deg,#6a3de8,#b38dff);width:0;height:2px;transition:width .3s;position:absolute;bottom:-3px;left:0}.donation-option a:hover{color:#fff;text-shadow:0 0 5px #b38dffb3}.donation-option a:hover:after{width:100%}.save-slot-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.save-slot-modal__content{color:#fff;background:linear-gradient(135deg,#2d1b4e 0%,#1a1a2e 100%);border:2px solid #8a4fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:2rem;animation:6s ease-in-out infinite modalFloat;position:relative;overflow:hidden auto;box-shadow:0 0 15px #8a4fff80,0 0 30px #8a4fff4d,inset 0 0 10px #8a4fff33}.save-slot-modal__content:before{content:"";z-index:-1;opacity:.6;background:radial-gradient(circle at 30% 40%,#8a4fff1a 0%,#0000 40%),radial-gradient(circle at 70% 60%,#6a3de81a 0%,#0000 40%);animation:15s ease-in-out infinite alternate backgroundShift;position:absolute;inset:-50%}.save-slot-modal__header{text-align:center;margin-bottom:1.5rem;position:relative}.save-slot-modal__title{font-family:var(--font-cinzel), serif;color:#b38dff;text-shadow:0 0 10px #b38dffb3,0 0 20px #b38dff80;letter-spacing:2px;margin:0;font-size:2.2rem;font-weight:700}.save-slots-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.magical-save-slot{cursor:pointer;background:#3a2a5e80;border:2px solid #5a3a8e;border-radius:8px;flex-direction:column;min-height:150px;padding:1.2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.magical-save-slot:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50% 100%);position:absolute;inset:0}.magical-save-slot:hover{border-color:#8a5dff;transform:translateY(-5px);box-shadow:0 5px 15px #5a3a8e4d,0 0 10px #8a4fff4d}.magical-save-slot--empty{text-align:center;color:#8a5dff;border-style:dashed;justify-content:center;align-items:center;font-style:italic}.magical-save-slot--filled{background:linear-gradient(#6a3de833,#3a2a5e80);border-color:#6a3de8}.magical-save-slot__slot-number{color:#b38dff;background:#6a3de84d;border-radius:12px;padding:3px 8px;font-size:.8rem;font-weight:700;position:absolute;top:10px;right:10px}.magical-save-slot__name{color:#b38dff;text-shadow:0 0 5px #b38dff80;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.magical-save-slot__details{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.magical-save-slot__detail{justify-content:space-between;font-size:.9rem;display:flex}.magical-save-slot__label{color:#a280e9}.magical-save-slot__value{color:#fff;font-weight:700}.magical-save-slot__warning{color:#ff6b84;text-shadow:0 0 5px #ff6b8480;margin-top:.5rem;font-size:.9rem;font-weight:700}.save-slot__delete-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#ff6b84 60%,#b3002d 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.3rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .2s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #ff6b844d}.save-slot__delete-btn:hover,.save-slot__delete-btn:focus{background:linear-gradient(135deg,#ff3b3b 80%,#b3002d 100%);outline:none;transform:scale(1.08);box-shadow:0 4px 16px #ff3b3b66}.save-slot__delete-btn:active{background:linear-gradient(135deg,#b3002d 80%,#ff6b84 100%);transform:scale(.96)}@media (max-width:768px){.settings-modal__content,.how-to-play-modal__content,.support-devs-modal__content,.save-slot-modal__content{width:95%;padding:1.5rem}.settings-modal__title,.how-to-play-modal__title,.support-devs-modal__title,.save-slot-modal__title{font-size:1.8rem}.settings-modal__section-title{font-size:1.1rem}.difficulty-selector{flex-direction:column;gap:8px}.difficulty-option{padding:8px}.magical-button{padding:8px 16px;font-size:.9rem}.donation-options{grid-template-columns:1fr}.how-to-play-modal__content h3,.support-devs-modal__content h3{font-size:1.3rem}.how-to-play-modal__content h4{font-size:1.1rem}.save-slots-grid{grid-template-columns:1fr}.magical-save-slot{min-height:120px}}
.equipment-screen{background-color:var(--ui-background);width:95%;height:100dvh;color:var(--ui-text);flex-direction:column;margin:0 auto;padding:4px;display:flex;overflow:auto}.equipment-screen__header{border-bottom:1px solid var(--ui-card-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.equipment-screen__title{color:var(--primary-light);margin:0;font-size:28px}.equipment-screen__back{background-color:var(--ui-button);color:var(--ui-text);border-radius:var(--radius-md);cursor:pointer;border:none;padding:8px 16px;transition:background-color .2s}.equipment-screen__back:hover{background-color:var(--ui-button-hover)}.equipment-screen__content{flex:1;grid-template:"equipped detail""inventory inventory"1fr/1fr 2fr;gap:20px;display:grid;overflow:hidden}.equipment-screen__equipped-area{background-color:var(--ui-card);border-radius:var(--radius-md);grid-area:equipped;padding:15px;overflow:auto}.equipment-screen__detail-area{background-color:var(--ui-card);border-radius:var(--radius-md);grid-area:detail;padding:15px;overflow:auto}.equipment-screen__inventory-area{background-color:var(--ui-card);border-radius:var(--radius-md);flex-direction:column;grid-area:inventory;padding:15px;display:flex;overflow:hidden}.equipment-screen__subtitle{font-size:var(--font-size-lg);color:var(--primary-light);border-bottom:1px solid var(--ui-card-border);margin-top:0;margin-bottom:15px;padding-bottom:5px}.equipment-slots{gap:15px;display:grid}.equipment-slot{background-color:var(--ui-card-inner);border:2px solid var(--ui-card-border);border-radius:var(--radius-md);cursor:pointer;padding:15px;transition:all .2s}.equipment-slot--empty{opacity:.7;border-style:dashed}.equipment-slot--filled{border-color:var(--primary-dark)}.equipment-slot--hovered{box-shadow:0 0 10px rgba(var(--primary-rgb), .3)}.equipment-slot__label{font-size:var(--font-size-sm);color:var(--ui-text-secondary);margin-bottom:5px}.equipment-slot__item{justify-content:space-between;align-items:center;display:flex}.equipment-slot__name{font-weight:700}.equipment-slot__empty-text{color:var(--ui-text-secondary);font-style:italic}.equipment-slot__unequip{background-color:var(--ui-button-danger);color:#fff;cursor:pointer;width:24px;height:24px;font-size:var(--font-size-sm);opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.equipment-slot:hover .equipment-slot__unequip{opacity:1}.equipment-slot__unequip:hover{background-color:var(--ui-button-danger-hover)}.equipment-detail{flex-direction:column;height:100%;display:flex}.equipment-detail--empty{color:var(--ui-text-secondary);justify-content:center;align-items:center;font-style:italic}.equipment-detail__name{font-size:var(--font-size-xl);margin:0 0 5px;font-weight:700}.equipment-detail__type{color:var(--ui-text-secondary);text-transform:capitalize;margin-bottom:15px}.equipment-detail__subtitle{font-size:var(--font-size-md);color:var(--primary-light);margin:15px 0 10px}.equipment-detail__list{margin:0;padding:0;list-style:none}.equipment-detail__bonus{border-bottom:1px solid var(--ui-card-border);padding:5px 0}.equipment-detail__bonus:last-child{border-bottom:none}.equipment-detail__description{margin-bottom:20px}.equipment-detail__actions{gap:15px;margin-top:auto;display:flex}.equipment-detail__action{border-radius:var(--radius-md);cursor:pointer;border:none;padding:8px 16px;font-weight:700;transition:background-color .2s}.equipment-detail__action--equip{background-color:var(--primary-main);color:var(--primary-contrast)}.equipment-detail__action--equip:hover{background-color:var(--primary-light)}.equipment-detail__action--unequip{background-color:var(--ui-button-danger);color:#fff}.equipment-detail__action--unequip:hover{background-color:var(--ui-button-danger-hover)}.equipment-screen__tabs{border-bottom:1px solid var(--ui-card-border);gap:5px;margin-bottom:15px;display:flex}.equipment-screen__tab{color:var(--ui-text);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 16px;transition:all .2s}.equipment-screen__tab:hover{color:var(--primary-light)}.equipment-screen__tab--active{border-bottom-color:var(--primary-main);color:var(--primary-light);font-weight:700}.equipment-screen__items{flex:1;overflow-y:auto}.equipment-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:10px;display:grid}.equipment-grid__empty{text-align:center;color:var(--ui-text-secondary);grid-column:1/-1;font-style:italic}.equipment-card{background-color:var(--ui-card-inner);border:1px solid var(--ui-card-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;padding:15px;transition:all .2s;display:flex}.equipment-card:hover{box-shadow:0 0 10px rgba(var(--primary-rgb), .3);border-color:var(--primary-dark)}.equipment-card--equipped{border:2px solid var(--primary-main)}.equipment-card__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.equipment-card__name{font-weight:700;font-size:var(--font-size-md)}.equipment-card__slot{font-size:var(--font-size-sm);color:var(--ui-text-secondary);text-transform:capitalize}.equipment-card__bonuses{font-size:var(--font-size-sm);flex:1}.equipment-card__bonus{border-bottom:1px dashed var(--ui-card-border);padding:5px 0}.equipment-card__bonus:last-child{border-bottom:none}.equipment-card__footer{border-top:1px solid var(--ui-card-border);justify-content:space-between;align-items:center;margin-top:15px;padding-top:10px;display:flex}.equipment-card__rarity{font-size:var(--font-size-sm);color:var(--ui-text-secondary);text-transform:capitalize}.equipment-card__action{font-size:var(--font-size-sm);background-color:var(--primary-main);color:var(--primary-contrast);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:5px 10px;transition:background-color .2s}.equipment-card__action:hover{background-color:var(--primary-light)}@media (max-width:768px){.equipment-screen__content{grid-template-columns:1fr;grid-template-areas:"equipped""detail""inventory"}}.text-gray-300{color:#d1d5db}.text-green-400{color:#34d399}.text-blue-400{color:#60a5fa}.text-purple-400{color:#a78bfa}.text-yellow-400{color:#fbbf24}
*,:before,:after{box-sizing:border-box}.app-container{max-width:100%;height:auto;min-height:100svh;overflow-x:clip}button,input,select,textarea{max-width:100%}.wizard-study{color:#fff;width:97%;height:100dvh;font-family:var(--font-raleway), sans-serif;background-color:#1d1a2e;flex-direction:column;margin:0 auto;padding:2px;display:flex;overflow:hidden}.wizard-study__header{background-color:#1a1a2e;border-bottom:1px solid #3a3a5c;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px;display:flex;position:relative}.wizard-study__title{text-align:left;flex:1}.wizard-study__player-info{text-align:center;flex:2}.wizard-study__sidebar-toggle{text-align:right;width:auto;margin-left:auto}.wizard-study__title{color:#9370db;font-size:28px;font-family:var(--font-cinzel), serif;margin:0}.wizard-study__player-info{justify-content:center;align-items:center;display:flex}.wizard-study__player-name{color:#fff;text-align:center;margin:0;font-size:20px}.wizard-study__player-level{color:#9370db;margin-left:5px;font-size:16px;display:inline}.wizard-study__profile-button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #9370db;border-radius:20px;padding:5px 15px;font-size:14px;transition:all .2s}.wizard-study__profile-button:hover{background-color:#9370db33}.wizard-study__content{box-sizing:border-box;flex:1;gap:2px;height:calc(100dvh - 60px);display:flex;overflow:hidden}.wizard-study__main-area{flex-direction:column;flex:1;order:1;gap:4px;width:100%;display:flex;overflow:hidden}.wizard-study__study-scene{background-color:#13132b;border:1px solid #3a3a5c;border-radius:8px;flex:1;position:relative;overflow:hidden}.wizard-study__study-background{background-color:#13132b;background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2px;display:flex;position:relative}.wizard-study__background-area{z-index:1;pointer-events:none;background-image:url(/images/wizards_study/wizards-study.png);background-position:50%;background-size:cover;position:absolute;inset:0}.wizard-study__background-customization{margin-bottom:0;position:absolute;top:5px;right:10px}.wizard-study__background-customization .wizard-study__action{color:#9370db;background-color:#0000;border:1px solid #3a3a5c;border-radius:4px;padding:8px 16px;font-size:14px}.wizard-study__actions{z-index:10;flex-direction:column;align-self:center;gap:10px;width:80%;max-width:600px;margin-top:auto;margin-bottom:20px;display:flex;position:relative}.wizard-study__action{color:#9370db;cursor:pointer;text-align:center;background-color:#0000;border:1px solid #3a3a5c;border-radius:4px;margin-bottom:5px;padding:12px 20px;font-weight:700;transition:all .2s}.wizard-study__action:hover{background-color:#9370db1a;border-color:#9370db}.wizard-study__action--primary{color:#fff;background-color:#9370db;border:none;border-radius:4px;padding:15px 20px;font-size:18px}.wizard-study__action--primary:hover{background-color:#a280e9}.wizard-study__action--secondary{background-color:#0000;font-size:14px}.wizard-study__action--secondary:hover{background-color:#9370db1a}.wizard-study__action-group{gap:10px;display:flex}.wizard-study__action-group .wizard-study__action{flex:1}.wizard-study__secondary-actions{gap:10px;display:flex}.wizard-study__secondary-actions .wizard-study__action{flex:1}.wizard-study__sidebar{box-sizing:border-box;background-color:#13132b;border-radius:8px;flex-direction:column;gap:10px;width:280px;padding:2px;display:flex;position:relative;overflow:auto}.wizard-study__sidebar .wizard-study__action{width:100%;margin-top:5px}.wizard-study__deck-selector{width:100%;margin:0 auto;position:relative}.wizard-study__deck-dropdown{text-align:center;color:#9370db;box-sizing:border-box;cursor:pointer;background-color:#0000;border:1px solid #3a3a5c;width:100%;position:relative}.wizard-study__deck-dropdown-menu{z-index:10;background-color:#1a1a2e;border:1px solid #3a3a5c;border-top:none;border-radius:0 0 4px 4px;width:100%;max-height:200px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 8px #0000004d}.wizard-study__deck-dropdown-item{cursor:pointer;border-bottom:1px solid #3a3a5c;justify-content:space-between;align-items:center;padding:8px 12px;transition:background-color .2s;display:flex}.wizard-study__deck-dropdown-item:last-child{border-bottom:none}.wizard-study__deck-dropdown-item:hover{background-color:#9370db1a}.wizard-study__deck-dropdown-item--active{background-color:#9370db33;font-weight:700}.wizard-study__active-indicator{color:#9370db;margin-left:5px}.wizard-study__deck-card-count{color:#ccc;font-size:12px}.wizard-study__player-stats,.wizard-study__equipped-deck,.wizard-study__equipment,.wizard-study__scrolls{box-sizing:border-box;background-color:#0000;border:1px solid #3a3a5c;border-radius:8px;flex-direction:column;align-items:center;width:95%;margin:0 auto;padding:10px;display:flex}.wizard-study__sidebar-title{color:#9370db;font-size:18px;font-family:var(--font-cinzel), serif;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #3a3a5c;margin-top:0;margin-bottom:15px;padding-bottom:5px}.wizard-study__stat{box-sizing:border-box;justify-content:space-between;width:100%;margin-bottom:10px;display:flex}.wizard-study__stat-label{color:#ccc}.wizard-study__stat-value{color:#9370db;text-align:right;font-weight:700}.wizard-study__spells-list{grid-template-columns:1fr;gap:10px;width:100%;max-height:300px;margin-top:15px;display:grid;overflow-y:auto}.wizard-study__spell-item{width:100%}.wizard-study__no-spells{color:#ccc;text-align:center;padding:20px 0;font-style:italic}.wizard-study__equipment-list{flex-direction:column;gap:10px;margin-top:15px;display:flex}.wizard-study__equipment-item{background-color:#1a1a2eb3;border:1px solid #3a3a5c;border-radius:4px;justify-content:space-between;padding:8px;display:flex}.wizard-study__equipment-name{font-weight:700}.wizard-study__equipment-slot{color:#ccc;font-size:14px}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-overlay{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:5px solid #9370db4d;border-top-color:#9370db;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-content{background-color:var(--ui-background);border-radius:8px;width:80%;max-width:800px;max-height:80vh;padding:20px;overflow-y:auto}.modal-content h2{color:var(--primary-light);margin-top:0;margin-bottom:10px}.scroll-collection p{color:var(--ui-text-secondary);margin-bottom:20px}.scrolls-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px;display:grid}.scroll-item{background-color:var(--ui-card);cursor:pointer;border-radius:8px;padding:15px;transition:all .2s;position:relative}.scroll-item:hover{box-shadow:0 0 10px rgba(var(--primary-rgb), .3);transform:translateY(-2px)}.scroll-item h4{color:var(--primary-light);margin:0 0 10px}.scroll-rarity{color:var(--ui-text-secondary);font-size:14px}.already-known{color:var(--ui-text-secondary);font-style:italic}.known-badge{background-color:var(--ui-text-secondary);color:var(--ui-background);border-radius:4px;padding:3px 8px;font-size:12px;position:absolute;top:10px;right:10px}.scroll-details{flex-direction:column;align-items:center;display:flex}.scroll-details h3{color:var(--primary-light);margin-bottom:15px}.scroll-spell-preview{width:200px;margin-bottom:20px}.learn-spell-button{background-color:var(--primary-main);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:20px;padding:10px 20px;font-weight:700;transition:background-color .2s}.learn-spell-button:hover{background-color:var(--primary-light)}.back-button,.close-button{background-color:var(--ui-button);color:var(--ui-text);cursor:pointer;border:none;border-radius:4px;margin-top:20px;padding:8px 16px;transition:background-color .2s}.back-button:hover,.close-button:hover{background-color:var(--ui-button-hover)}.result-message{text-align:center;border-radius:4px;margin-bottom:15px;padding:10px;font-weight:700}.success{color:#2ecc71;background-color:#2ecc7133;border:1px solid #2ecc71}.error{color:#e74c3c;background-color:#e74c3c33;border:1px solid #e74c3c}.no-scrolls{text-align:center;color:var(--ui-text-secondary);padding:20px 0;font-style:italic}.main-menu{min-height:100dvh;font-family:var(--font-raleway), sans-serif;background-color:#1a1a2e;background-image:url(/images/main-menu-bg.jpg);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.main-menu:before{content:"";z-index:1;background-color:#000000b3;position:absolute;inset:0}.main-menu__content{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex;position:relative}.main-menu__logo{max-width:100%;height:auto;margin-bottom:40px}.main-menu__title{color:#9370db;text-align:center;font-size:48px;font-family:var(--font-cinzel), serif;text-shadow:0 0 10px #9370db80;margin:0 0 20px}.main-menu__subtitle{color:#fff;text-align:center;margin:0 0 40px;font-size:24px;font-style:italic}.main-menu__buttons{flex-direction:column;gap:15px;width:100%;max-width:400px;display:flex}.main-menu__button{color:#9370db;cursor:pointer;text-align:center;background-color:#0000;border:1px solid #3a3a5c;border-radius:4px;padding:15px 20px;font-size:18px;font-weight:700;transition:all .3s}.main-menu__button:hover{background-color:#9370db1a;border-color:#9370db;transform:translateY(-2px)}.main-menu__button--primary{color:#fff;background-color:#9370db;border:none}.main-menu__button--primary:hover{background-color:#a280e9}.main-menu__button--secondary{color:#9370db;background-color:#0000;border-color:#3a3a5c}.main-menu__button--secondary:hover{background-color:#9370db1a;border-color:#9370db}.main-menu__footer{gap:20px;margin-top:40px;display:flex}.main-menu__footer-button{color:#ccc;cursor:pointer;background-color:#0000;border:1px solid #3a3a5c;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .3s}.main-menu__footer-button:hover{color:#fff;background-color:#9370db1a;border-color:#9370db}.main-menu__version{color:#ccc;z-index:2;font-size:12px;position:absolute;bottom:20px;right:20px}.save-slots{width:100%;max-width:600px;margin-bottom:30px}.save-slots__title{color:#9370db;text-align:center;font-size:24px;font-family:var(--font-cinzel), serif;margin:0 0 20px}.save-slots__list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;display:grid}.save-slot{cursor:pointer;background-color:#1a1a2e80;border:1px solid #3a3a5c;border-radius:4px;padding:15px;transition:all .3s}.save-slot:hover{background-color:#1a1a2eb3;border-color:#9370db;transform:translateY(-2px)}.save-slot--selected{border-color:#9370db;box-shadow:0 0 10px #9370db80}.save-slot--empty{border-style:dashed}.save-slot__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.save-slot__name{color:#9370db;margin:0;font-size:18px;font-weight:700}.save-slot__slot-number{color:#ccc;font-size:14px}.save-slot__details{margin-bottom:15px}.save-slot__detail{justify-content:space-between;margin-bottom:5px;display:flex}.save-slot__detail-label{color:#ccc}.save-slot__detail-value{color:#fff;font-weight:700}.save-slot__empty-message{color:#ccc;text-align:center;padding:10px 0;font-style:italic}.save-slot__actions{gap:10px;display:flex}.save-slot__action{color:#9370db;cursor:pointer;background-color:#0000;border:1px solid #3a3a5c;border-radius:4px;flex:1;padding:8px 0;font-size:14px;transition:all .2s}.save-slot__action:hover{background-color:#9370db1a;border-color:#9370db}.save-slot__action--primary{color:#fff;background-color:#9370db;border:none}.save-slot__action--primary:hover{background-color:#a280e9}.save-slot__action--danger{color:#e74c3c;background-color:#0000;border:1px solid #e74c3c}.save-slot__action--danger:hover{background-color:#e74c3c1a}.support-devs-content{margin-bottom:20px}.donation-options{flex-direction:column;gap:15px;margin-top:15px;display:flex}.donation-option{background-color:#1a1a2eb3;border:1px solid #3a3a5c;border-radius:4px;align-items:center;gap:10px;padding:10px;transition:all .3s;display:flex}.donation-option:hover{background-color:#9370db1a;border-color:#9370db}.donation-option img{object-fit:contain;width:30px;height:30px}.donation-option a{color:#9370db;font-weight:700;text-decoration:none}.donation-option a:hover{text-decoration:underline}.wizard-study__sidebar-container{z-index:10;order:2;position:relative}.wizard-study__sidebar{background-color:#13132b!important;border-color:#3a3a5c!important}.wizard-study__sidebar a{color:#9370db;flex-direction:row;align-items:center;width:100%;transition:all .2s;display:flex}.wizard-study__sidebar a:hover{color:#fff}.wizard-study__sidebar a span{align-items:center;display:inline-flex}.wizard-study__quickactions-section{background-color:#13132b80;border:1px solid #3a3a5c;border-radius:8px;margin-bottom:16px;padding:12px}.wizard-study__sidebar [data-radix-accordion-content]{background-color:#13132b4d;border-radius:4px;margin-top:4px;padding:4px 0}.wizard-study__sidebar [data-radix-accordion-trigger]{text-align:center;width:100%}.sidebar-accordion-trigger>svg{display:none}.wizard-study__sidebar{scrollbar-width:thin;scrollbar-color:#3a3a5c #13132b;height:calc(100dvh - 60px);padding-bottom:30px;overflow-y:auto}.wizard-study__sidebar::-webkit-scrollbar{width:6px}.wizard-study__sidebar::-webkit-scrollbar-track{background:#13132b}.wizard-study__sidebar::-webkit-scrollbar-thumb{background-color:#3a3a5c;border-radius:6px}.sidebar-icon-collapsed{justify-content:center!important;align-items:center!important;width:100%!important;height:45px!important;display:flex!important}.sidebar-icon-collapsed svg{width:75%!important;min-width:45px!important;height:75%!important;min-height:45px!important}.wizard-study__sidebar-container svg{color:#9370db!important}.wizard-study__sidebar-toggle{background-color:#13132b;border:2px solid #3a3a5c;border-radius:.375rem;justify-content:center;align-items:center;margin-left:auto;padding:.5rem;transition:all .2s;animation:4s infinite pulse-border;display:flex;box-shadow:0 0 15px #9370db80}.wizard-study__sidebar-toggle:hover{background-color:#2d2d42;transform:scale(1.1);box-shadow:0 0 20px #9370dbcc}@keyframes pulse-border{0%{border-color:#3a3a5c;box-shadow:0 0 10px #9370db4d}50%{border-color:#9370db;box-shadow:0 0 15px #9370dbb3}to{border-color:#3a3a5c;box-shadow:0 0 10px #9370db4d}}.wizard-study__sidebar-icon-title{text-align:center;color:#9370db;margin-bottom:.5rem;font-size:1.5rem}.wizard-study__equipment-emoji{text-align:center;font-size:1.25rem;display:block}.wizard-study__sidebar-container .wizard-study__stat{justify-content:space-between;margin-bottom:.5rem;display:flex}.wizard-study__player-stats{z-index:10;position:relative}.wizard-study__equipment-section,.wizard-study__equipped-deck,.scrolls-container{z-index:5;position:relative}.wizard-study__sidebar>div>*{z-index:auto;position:relative}.relative.wizard-study__sidebar-container{z-index:1;position:relative}.wizard-study__sidebar-container .wizard-study__equipment-section,.wizard-study__sidebar-container .wizard-study__equipped-deck{z-index:5;position:relative;visibility:visible!important;display:block!important}.wizard-study__sidebar>div>div.wizard-study__equipment-section,.wizard-study__sidebar>div>div.flex.flex-col.gap-6.h-full>div.wizard-study__equipment-section,.wizard-study__sidebar>div>div.flex.flex-col.gap-6.h-full>div.wizard-study__player-stats~div.wizard-study__equipment-section,.wizard-study__sidebar>div>div.flex.flex-col.gap-6.h-full>div.wizard-study__player-stats~div.wizard-study__equipped-deck{z-index:5;margin-top:10px;position:relative;visibility:visible!important;display:block!important}.wizard-study__stat-icon{margin-right:.5rem;font-size:1.1rem;display:inline-block}.wizard-study__stat-text{vertical-align:middle;display:inline-block}.wizard-study__stat-label{align-items:center;display:flex}.wizard-study__sidebar-container .wizard-study__sidebar{transition:width .3s}.wizard-study__sidebar>div{z-index:1;flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.wizard-study__sidebar-container .wizard-study__sidebar-title{z-index:10;position:relative}.wizard-study__equipment-section{z-index:5;margin-top:10px;margin-bottom:20px;position:relative;visibility:visible!important;display:block!important}.wizard-study__scrolls-section{z-index:5;margin-top:10px;position:relative;visibility:visible!important;display:block!important}@media (max-width:768px){.wizard-study__content{height:calc(100dvh - 60px)}.mobile-sidebar{border-left:none!important;border-right:1px solid #3a3a5c!important;left:auto!important;right:0!important}.mobile-sidebar-container{flex-shrink:0}.wizard-study__actions{z-index:1001;background-color:#13132be6;border-radius:8px;flex-direction:column;gap:5px;width:90%;padding:10px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.wizard-study__main-area{z-index:1;width:100%;min-height:300px;position:relative;overflow:visible}.wizard-study__action{z-index:auto;text-align:center;position:static;visibility:visible!important;display:block!important}[data-state=closed] .sidebar-link,[data-state=closed] button{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:10px 0!important;display:flex!important}[data-state=closed] .sidebar-link svg,[data-state=closed] button svg,[data-state=closed] .sidebar-link span,[data-state=closed] button span{justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;margin:0 auto!important;display:flex!important}[data-state=closed] .sidebar-link,[data-state=closed] button{flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.sidebar-icon{justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;display:flex!important}.sidebar-icon-collapsed{justify-content:center!important;align-items:center!important;display:flex!important}.wizard-study__header{padding:10px 15px}.wizard-study__action-group,.wizard-study__secondary-actions{flex-direction:column}.main-menu__title{font-size:36px}.main-menu__subtitle{font-size:18px}.save-slots__list{grid-template-columns:1fr}}.market-attack-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.market-attack-modal{color:#fff;width:92vw;max-width:420px;font-family:var(--font-raleway), sans-serif;background:linear-gradient(135deg,#2d1b4e 0%,#1a1a2e 100%);border:2px solid #8a4fff;border-radius:12px;padding:32px 28px 24px;animation:2.5s ease-in-out infinite alternate floatModal;position:relative;box-shadow:0 8px 32px #8a4fff40,0 1.5px 8px #000}@keyframes floatModal{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.market-attack-modal-title{font-family:var(--font-cinzel), serif;text-align:center;text-transform:uppercase;color:#fff;letter-spacing:2px;text-shadow:0 0 8px #8a4fff,0 0 16px #fff2;margin-bottom:8px;font-size:2rem}.market-attack-modal-divider{background:linear-gradient(90deg,#8a4fff 0%,#fff 50%,#8a4fff 100%);border-radius:2px;width:100%;height:3px;margin:12px 0 18px;box-shadow:0 0 8px #8a4fff88}.market-attack-modal-content{text-align:center;color:#e0d6ff;margin-bottom:18px;font-size:1.1rem}.market-attack-modal-buttons{justify-content:center;gap:16px;margin-top:10px;display:flex}.magical-button--primary{color:#fff;font-family:var(--font-cinzel), serif;cursor:pointer;background:linear-gradient(90deg,#8a4fff 0%,#9370db 100%);border:none;border-radius:6px;padding:10px 28px;font-size:1.1rem;font-weight:700;transition:background .2s,box-shadow .2s;box-shadow:0 0 8px #8a4fff88}.magical-button--primary:hover{background:linear-gradient(90deg,#a280e9 0%,#8a4fff 100%);box-shadow:0 0 16px #8a4fffcc}.magical-button--secondary{color:#8a4fff;font-family:var(--font-cinzel), serif;cursor:pointer;background:#1a1a2e;border:1.5px solid #8a4fff;border-radius:6px;padding:10px 28px;font-size:1.1rem;font-weight:700;transition:background .2s,color .2s}.magical-button--secondary:hover{color:#fff;background:#2d1b4e}.magical-button--danger{color:#fff;font-family:var(--font-cinzel), serif;cursor:pointer;background:linear-gradient(90deg,#e74c3c 0%,#8a4fff 100%);border:none;border-radius:6px;padding:10px 28px;font-size:1.1rem;font-weight:700;transition:background .2s,box-shadow .2s;box-shadow:0 0 8px #e74c3c88}.magical-button--danger:hover{background:linear-gradient(90deg,#c0392b 0%,#8a4fff 100%);box-shadow:0 0 16px #e74c3ccc}@media (max-width:600px){.market-attack-modal{max-width:98vw;padding:18px 6vw 16px}.market-attack-modal-title{font-size:1.2rem}}
.deck-builder{color:#fff;width:100%;height:100dvh;font-family:var(--font-raleway), sans-serif;background-color:#0c0c1d;flex-direction:column;padding:20px;display:flex;overflow:auto}.deck-builder__header{justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.deck-builder__header h2{color:#9370db;font-size:28px;font-family:var(--font-cinzel), serif;text-transform:uppercase;letter-spacing:1px;margin:0}.deck-builder__close{color:#fff;cursor:pointer;background-color:#9370db;border:none;border-radius:4px;padding:8px 16px;font-weight:700;transition:background-color .2s}.deck-builder__close:hover{background-color:#a280e9}.deck-builder__help{background-color:#13132b;border-radius:8px;margin-bottom:20px;overflow:hidden}.deck-builder__help-header{cursor:pointer;border-bottom:1px solid #3a3a5c;justify-content:space-between;align-items:center;padding:15px;display:flex}.deck-builder__help-header h3{color:#9370db;font-family:var(--font-cinzel), serif;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:16px}.deck-builder__help-toggle{color:#9370db;font-size:20px;transition:transform .3s}.deck-builder__help-toggle.expanded{transform:rotate(180deg)}.deck-builder__help-content{color:#ccc;padding:15px;font-size:14px;line-height:1.5}.deck-builder__help-content p{margin-bottom:10px}.deck-builder__help-content ul{margin-left:20px;list-style-type:none}.deck-builder__help-content ul li{margin-bottom:5px;padding-left:15px;position:relative}.deck-builder__help-content ul li:before{content:"•";color:#9370db;position:absolute;left:0}.deck-builder__content{flex-direction:column;flex:1;gap:20px;display:flex}.deck-builder__decks{margin-bottom:20px}.deck-builder__decks h3{color:#9370db;font-family:var(--font-cinzel), serif;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:15px;font-size:18px}.deck-builder__decks-list{flex-direction:column;gap:10px;margin-bottom:15px;display:flex}.deck-builder__deck-item{cursor:pointer;background-color:#13132b;border:1px solid #3a3a5c;border-radius:4px;width:100%;padding:15px;transition:all .2s}.deck-builder__deck-item:hover{border-color:#9370db;box-shadow:0 0 10px #9370db4d}.deck-builder__deck-item--selected{background-color:#9370db1a;border-color:#9370db}.deck-builder__deck-item--active{border-width:2px}.deck-builder__deck-name{margin-bottom:5px;font-weight:700}.deck-builder__active-badge{color:#9370db;margin-left:5px;font-size:12px;font-weight:400}.deck-builder__deck-info{color:#ccc;font-size:12px}.deck-builder__warning{color:#e74c3c}.deck-builder__deck-actions{justify-content:space-between;gap:10px;display:flex}.deck-builder__deck-action{color:#fff;cursor:pointer;text-align:center;background-color:#9370db;border:none;border-radius:4px;flex:1;padding:10px 16px;font-weight:700;transition:background-color .2s}.deck-builder__deck-action:hover:not(:disabled){background-color:#a280e9}.deck-builder__deck-action:disabled{opacity:.5;cursor:not-allowed}.deck-builder__deck-action--danger{background-color:#e74c3c}.deck-builder__deck-action--danger:hover:not(:disabled){background-color:#c0392b}.deck-builder__editing{margin-top:20px}.deck-builder__editing h3{color:#9370db;font-family:var(--font-cinzel), serif;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:15px;font-size:18px;display:flex}.deck-builder__save-button{color:#fff;cursor:pointer;background-color:#9370db;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700;transition:background-color .2s}.deck-builder__save-button:hover{background-color:#a280e9}.deck-builder__deck-slots{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-bottom:20px;padding:3px;display:grid}.deck-builder__deck-slot{aspect-ratio:2/3;width:200px;margin:0 auto;padding:2px;position:relative}.deck-builder__min-size-warning{text-align:center;color:#e74c3c;background-color:#e74c3c1a;border:1px solid #e74c3c;border-radius:4px;grid-column:1/-1;padding:10px}.deck-builder__filters{flex-wrap:wrap;gap:15px;margin-bottom:15px;display:flex}.deck-builder__search{flex:1;min-width:200px}.deck-builder__search input{color:#fff;background-color:#13132b;border:1px solid #3a3a5c;border-radius:4px;width:100%;padding:8px 12px}.deck-builder__search input:focus{border-color:#9370db;outline:none}.deck-builder__filter-group{gap:10px;display:flex}.deck-builder__filter-select{color:#fff;background-color:#13132b;border:1px solid #3a3a5c;border-radius:4px;padding:8px 12px}.deck-builder__filter-select:focus{border-color:#9370db;outline:none}.deck-builder__collection{margin-top:20px}.deck-builder__collection h3{color:#9370db;font-family:var(--font-cinzel), serif;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:15px;font-size:18px}.deck-builder__spells-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;padding:2px;display:grid}.deck-builder__spell{aspect-ratio:2/3;width:200px;margin:0 auto;padding:2px;position:relative}.deck-builder .spellCard h3,.deck-builder__spell h3,.deck-builder__deck-slot h3{color:#fff!important;text-transform:none!important;letter-spacing:normal!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:14px!important;line-height:1.2!important}.deck-builder .spellCard .header,.deck-builder__spell .header,.deck-builder__deck-slot .header{min-height:0!important;margin-bottom:0!important;padding:1px 6px!important}.deck-builder .description,.deck-builder__spell .description,.deck-builder__deck-slot .description{color:#ccc!important;max-height:50px!important;margin-bottom:2px!important;padding:2px!important;font-size:12px!important;line-height:1.4!important}.deck-builder__spell--in-deck{opacity:.7}.deck-builder__no-spells{text-align:center;color:#ccc;grid-column:1/-1;padding:20px}.deck-builder__create-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.deck-builder__create-form h3{color:#9370db;font-family:var(--font-cinzel), serif;text-transform:uppercase;letter-spacing:1px;margin-top:0;margin-bottom:15px;font-size:18px}.deck-builder__form-group{flex-direction:column;gap:10px;display:flex}.deck-builder__form-group input{color:#fff;background-color:#13132b;border:1px solid #3a3a5c;border-radius:4px;width:100%;padding:10px 12px}.deck-builder__form-group input:focus{border-color:#9370db;outline:none}.deck-builder__form-actions{justify-content:space-between;gap:10px;margin-top:15px;display:flex}.deck-builder__form-button{color:#fff;cursor:pointer;text-align:center;background-color:#9370db;border:none;border-radius:4px;flex:1;padding:10px 16px;font-weight:700;transition:background-color .2s}.deck-builder__form-button:hover{background-color:#a280e9}.deck-builder__form-button--cancel{color:#fff;background-color:#13132b;border:1px solid #3a3a5c}.deck-builder__form-button--cancel:hover{background-color:#ffffff1a}@media (max-width:768px){.deck-builder{padding:10px}.deck-builder__deck-actions,.deck-builder__filters{flex-direction:column}.deck-builder__filter-group{flex-wrap:wrap}}.deck-builder__save-status{color:#dfd0ff;background:#9370db18;border:1px solid #9370db;border-radius:4px;margin:0 0 15px;padding:10px 14px;font-size:14px}.deck-builder__save-status:empty{border:0;margin:0;padding:0}
html,body{max-width:100%;overflow-x:clip}body{min-width:0}:root{--primary-main:#9370db;--primary-light:#a280e9;--primary-dark:#7a5bc8;--primary-contrast:#fff;--secondary-main:#ff9d00;--secondary-light:#ffb84d;--secondary-dark:#cc7e00;--secondary-contrast:#000;--ui-background:#1a1a2e;--ui-background-light:#2d2d42;--ui-card:#1a1a2e80;--ui-card-inner:#1a1a2eb3;--ui-card-border:#3a3a5c;--ui-text:#fff;--ui-text-secondary:#ccc;--ui-button:transparent;--ui-button-hover:#9370db1a;--ui-button-secondary:transparent;--ui-button-secondary-hover:#9370db1a;--ui-button-danger:#e74c3c;--ui-button-danger-hover:#c0392b;--primary-rgb:147, 112, 219;--health-bg:#3d0000;--health-fill:#ff3b3b;--mana-bg:#001a33;--mana-fill:#3b7aff;--experience-bg:#1a3300;--experience-fill:#7aff3b;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem}body{font-family:var(--font-raleway), sans-serif;background-color:var(--ui-background);color:var(--ui-text);margin:0;padding:0;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-cinzel), serif;margin-top:0}button{cursor:pointer;font-family:var(--font-raleway), sans-serif;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;transition:all .3s}button:disabled{opacity:.5;cursor:not-allowed}.loading-screen{background-color:var(--ui-background);z-index:1000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-spinner{border:5px solid var(--ui-background-light);border-top:5px solid var(--primary-main);width:60px;height:60px;margin-bottom:var(--spacing-lg);border-radius:50%;animation:1.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{font-size:var(--font-size-lg);color:var(--primary-light);font-family:var(--font-cinzel), serif}.name-input-modal{width:100%;height:100%;padding:var(--spacing-lg);box-sizing:border-box;z-index:100;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.name-input-content{background-color:var(--ui-background);border:2px solid var(--primary-main);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;width:90%;max-width:760px;max-height:none;overflow:visible}.character-creation__modal{flex-direction:column;max-width:860px;min-height:0;max-height:calc(100dvh - 2rem);display:flex;overflow:hidden}.character-creation__modal form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.character-creation__modal .character-creation__step{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.character-creation__tabs{gap:var(--spacing-sm);margin:0 0 var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--ui-card-border);grid-template-columns:repeat(3,1fr);display:grid}.character-creation__tabs button{border:1px solid var(--ui-card-border);border-radius:var(--radius-md);background:var(--ui-card);min-height:2.5rem;color:var(--ui-text-secondary)}.character-creation__tabs button:hover:not(:disabled),.character-creation__tabs .character-creation__tab--active{border-color:var(--primary-main);color:var(--ui-text);background:#8259dc3d}.character-creation__tabs button:disabled{opacity:.45;cursor:not-allowed}.character-creation__step{text-align:left}.character-creation__attributes{min-height:410px}.character-creation__specialization-card{margin-top:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--primary-main);border-radius:var(--radius-md);background:#5a349633}.character-creation__specialization-card h3,.character-creation__review-header h3,.character-creation__attribute-header h3{margin:0 0 var(--spacing-sm);color:var(--primary-light)}.character-creation__specialization-card p{margin:.35rem 0}.character-creation__specialization-card ul{margin:var(--spacing-sm) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 1rem;padding-left:1.25rem;font-size:.82rem;display:grid}.character-creation__starter-details{margin-top:var(--spacing-sm);font-size:.8rem}.character-creation__starter-details summary{cursor:pointer;color:var(--primary-light)}.character-creation__bonus{color:var(--primary-light);margin-left:.35rem;font-weight:700;display:inline-block}.character-creation__specialization-note,.character-creation__empty-step,.character-creation__review-header p{color:var(--ui-text-secondary)}.character-creation__review-summary{padding:var(--spacing-md);border:1px solid var(--ui-card-border);border-radius:var(--radius-md);background:#00000026}.character-creation__review-summary p{margin:.35rem 0}.character-creation__review-grid{gap:var(--spacing-sm);margin-top:var(--spacing-md);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.character-creation__review-grid div{border:1px solid var(--ui-card-border);border-radius:var(--radius-sm);background:var(--ui-card);text-transform:capitalize;justify-content:space-between;align-items:center;gap:.25rem;padding:.45rem .55rem;font-size:.78rem;display:flex}.character-creation__review-grid strong{color:var(--primary-light)}.character-creation__navigation{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex:none}.character-creation__step-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.character-creation__attributes{text-align:left}.character-creation__specialization-details{margin-top:var(--spacing-sm);flex-direction:column;gap:.2rem;display:flex}.character-creation__attribute-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.character-creation__assignment-actions{gap:var(--spacing-sm);margin:var(--spacing-md) 0;flex-wrap:wrap;display:flex}.character-creation__assignment-actions button{flex:220px}.character-creation__dice-tray{gap:var(--spacing-sm);margin:var(--spacing-md) 0 var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--ui-card-border);border-radius:var(--radius-md);background:#0000002e;flex-wrap:wrap;justify-content:center;display:flex}.character-creation__die{cursor:grab;width:62px;color:var(--ui-text);text-align:center;-webkit-user-select:none;user-select:none}.character-creation__die:active{cursor:grabbing}.character-creation__die svg{width:54px;height:54px;margin:0 auto;display:block}.character-creation__die polygon{fill:var(--primary-main);stroke:var(--primary-light);stroke-width:3px}.character-creation__die path{fill:none;stroke:#fff9;stroke-width:1.5px}.character-creation__die text{fill:var(--primary-contrast);font-size:26px;font-weight:700}.character-creation__die span{white-space:nowrap;font-size:.7rem;display:block}.character-creation__die--selected polygon{fill:var(--ui-accent,#e5b84b);stroke:#fff4bc}.character-creation__stat-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.character-creation__stat-target{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:48px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--ui-card-border);border-radius:var(--radius-md);background:var(--ui-card);cursor:pointer;flex-direction:column;transition:border-color .15s,background .15s;display:flex}.character-creation__stat-target:hover,.character-creation__stat-target--ready{border-color:var(--primary-main)}.character-creation__stat-name{text-transform:capitalize;text-align:center;flex-direction:column;align-items:center;width:100%;font-weight:700;display:flex}.character-creation__stat-name small{color:var(--primary-light);font-weight:400}.character-creation__assigned-die{border:1px solid var(--primary-main);border-radius:var(--radius-sm);text-align:center;min-width:42px;padding:.25rem .45rem}.character-creation__empty-target{color:var(--ui-text-secondary);font-size:.8rem}@media (max-width:600px){.name-input-modal{align-items:flex-start;overflow-y:auto}.name-input-content{width:calc(100% - 1rem);padding:var(--spacing-lg)}.character-creation__modal{max-height:calc(100dvh - 1rem)}.character-creation__tabs,.character-creation__stat-grid{grid-template-columns:1fr}.character-creation__review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-creation__specialization-card ul{grid-template-columns:1fr}.character-creation__navigation{flex-direction:column;align-items:stretch}.character-creation__step-actions{width:100%}}.name-input-content h2{color:var(--primary-main);margin-bottom:var(--spacing-lg)}.name-input-field{margin-bottom:var(--spacing-lg);text-align:left}.name-input-field label{margin-bottom:var(--spacing-sm);font-weight:700;display:block}.name-input-field input{width:100%;padding:var(--spacing-md);background-color:var(--ui-card);border:1px solid var(--ui-card-border);border-radius:var(--radius-md);color:var(--ui-text);font-size:var(--font-size-lg);box-sizing:border-box}.name-input-field input:focus{border-color:var(--primary-main);outline:none}.name-input-buttons{justify-content:space-between;display:flex}.name-input-cancel{border:1px solid var(--ui-text-secondary);color:var(--ui-text);padding:var(--spacing-sm) var(--spacing-lg);background-color:#0000}.name-input-cancel:hover{background-color:#ffffff1a}.name-input-submit{background-color:var(--primary-main);color:var(--primary-contrast);padding:var(--spacing-sm) var(--spacing-lg);font-weight:700}.name-input-submit:hover{background-color:var(--primary-light)}.status-bar{margin-bottom:var(--spacing-sm)}.status-bar__label{margin-bottom:var(--spacing-xs);font-weight:700;display:block}.status-bar__container{background-color:var(--health-bg);border-radius:var(--radius-sm);width:100%;height:1rem;overflow:hidden}.status-bar--health .status-bar__container{background-color:var(--health-bg)}.status-bar--mana .status-bar__container{background-color:var(--mana-bg)}.status-bar--experience .status-bar__container{background-color:var(--experience-bg)}.status-bar__fill{height:100%;transition:width .3s}.status-bar--health .status-bar__fill{background-color:var(--health-fill)}.status-bar--mana .status-bar__fill{background-color:var(--mana-fill)}.status-bar--experience .status-bar__fill{background-color:var(--experience-fill)}.status-bar__values{font-size:var(--font-size-sm);text-align:right;margin-top:var(--spacing-xs)}.exploration-screen{box-sizing:border-box;min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));color:#f4efff;background:radial-gradient(circle at top,#242044,#0c0b18 68%)}.exploration-screen__header,.exploration-screen__map-toolbar,.exploration-screen__layout{width:min(1180px,100%);margin-inline:auto}.exploration-screen__header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;display:flex}.exploration-screen__eyebrow{color:#c5a4ff;text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:.75rem}.exploration-screen h1,.exploration-screen h2,.exploration-screen p{margin-top:0}.exploration-screen h1{margin-bottom:.35rem}.exploration-screen__subtitle{color:#c8c1da;max-width:50rem}.exploration-screen__error{color:#ff9b9b;width:min(1180px,100%);margin:1rem auto}.exploration-screen__loading{color:#c8c1da;width:min(1180px,100%);margin-inline:auto}.exploration-screen__layout{grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:1rem;display:grid}.exploration-screen__map-panel,.exploration-screen__details{background:#110e1feb;border:1px solid #4f3978;border-radius:1rem;min-width:0;box-shadow:0 1rem 3rem #0000003d}.exploration-screen__map-panel{padding:1rem}.exploration-screen__map-toolbar{color:#c8c1da;justify-content:space-between;gap:1rem;margin-bottom:1rem;font-size:.9rem;display:flex}.exploration-screen__zoom-tabs{flex-wrap:wrap;gap:.5rem;width:min(1180px,100%);margin:0 auto 1rem;display:flex}.exploration-screen__zoom-tabs button{color:#f4efff;cursor:pointer;background:#211a31;border:1px solid #624a91;border-radius:.4rem;padding:.45rem .8rem}.exploration-screen__zoom-tabs button:hover,.exploration-screen__zoom-tab--active{background:#513877!important;border-color:#ffe08a!important}.exploration-screen__map{grid-template-columns:repeat(5,minmax(58px,1fr));gap:.35rem;max-width:720px;margin-inline:auto;display:grid}.exploration-screen__hex{color:#f4efff;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);cursor:pointer;background:#29203d;border:1px solid #624a91;align-content:center;place-items:center;gap:.15rem;min-height:90px;transition:transform .15s,background .15s,border-color .15s;display:grid;position:relative}.exploration-screen__hex:hover{background:#382653;border-color:#c5a4ff;transform:translateY(-2px)}.exploration-screen__hex--selected{background:#513877;border-color:#ffe08a;box-shadow:inset 0 0 0 2px #ffe08a}.exploration-screen__hex small{color:#c8c1da;font-size:.65rem}.exploration-screen__hex strong{color:#ffe08a;font-size:.8rem}.exploration-screen__hex em{color:#ff9b9b;font-style:normal;position:absolute;top:20%;right:27%}.exploration-screen__travel-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.exploration-screen__travel-controls button{color:#f4efff;cursor:pointer;background:#211a31;border:1px solid #624a91;border-radius:.4rem;min-width:3rem;padding:.4rem .65rem}.exploration-screen__travel-controls button:hover{border-color:#c5a4ff}.exploration-screen__details{padding:1.25rem}.exploration-screen__details h2{margin-bottom:.25rem}.exploration-screen__coordinate{color:#c5a4ff}.exploration-screen__details dl{grid-template-columns:1fr 1fr;gap:.6rem .75rem;margin:1rem 0;display:grid}.exploration-screen__details dt{color:#a8a0ba}.exploration-screen__details dd{text-align:right;overflow-wrap:anywhere;margin:0}.exploration-screen__note{color:#aaa2b9;font-size:.85rem;line-height:1.5}.exploration-screen__encounter-result{color:#ffd0d0;background:#7a2b4040;border-left:3px solid #ff9b9b;margin-top:.8rem;padding:.55rem .7rem}.exploration-screen__region-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.exploration-screen__region-card{color:#f4efff;text-align:left;cursor:pointer;background:#211a31;border:1px solid #624a91;border-radius:.6rem;flex-direction:column;justify-content:center;gap:.35rem;min-height:7rem;padding:.8rem;display:flex}.exploration-screen__region-card:hover{background:#382653;border-color:#ffe08a}.exploration-screen__region-card span{color:#c8c1da;font-size:.8rem}.exploration-screen__location-panel{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.exploration-screen__location-map{background:#0a0912;border-radius:.6rem;gap:2px;min-width:560px;padding:.45rem;display:grid}.exploration-screen__location-cell{color:#f4efff;cursor:pointer;background:#181526;border:1px solid #2f2942;border-radius:.2rem;min-height:42px;padding:.2rem;font-size:.65rem;overflow:hidden}.exploration-screen__location-cell:hover{background:#2b2340;border-color:#c5a4ff}.exploration-screen__location-cell--building{background:#4b365c;border-color:#a274c9}.exploration-screen__location-cell--room{background:#2e3e51;border-color:#6488a8}.exploration-screen__player-sprite{filter:drop-shadow(0 1px 2px #000);font-size:1.4rem}.exploration-screen__building-list,.exploration-screen__npc-list{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.exploration-screen__building-list button,.exploration-screen__npc-list button{color:#f4efff;cursor:pointer;background:#211a31;border:1px solid #624a91;border-radius:.4rem;padding:.5rem .7rem}.exploration-screen__building-list button:hover,.exploration-screen__npc-list button:hover{border-color:#ffe08a}.exploration-screen__building-list small{color:#c8c1da;margin-top:.2rem;font-size:.7rem;display:block}.exploration-screen__world-summary{text-align:center;color:#c8c1da;place-content:center;gap:.75rem;min-height:20rem;display:grid}.exploration-screen__world-summary h2{color:#f4efff}.exploration-screen__world-summary button{color:#f4efff;cursor:pointer;background:#211a31;border:1px solid #624a91;border-radius:.4rem;justify-self:center;padding:.55rem .8rem}@media (max-width:760px){.exploration-screen__header{flex-direction:column}.exploration-screen__layout{grid-template-columns:1fr}.exploration-screen__map{grid-template-columns:repeat(5,minmax(44px,1fr))}.exploration-screen__hex{min-height:72px;font-size:.75rem}}@media (max-width:600px){.exploration-screen__map-panel,.exploration-screen__details{padding:.75rem}.exploration-screen__map-toolbar{flex-direction:column;align-items:flex-start;gap:.25rem}.exploration-screen__details dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}