.game-tile{position:relative;overflow:hidden;transition:all .2s}.game-tile--unexplored{background:#111;box-shadow:inset 0 0 5px #0000004d}.game-tile--explored{background:#1a1a1a;opacity:.5}.game-tile--floor{background:#222;background-image:linear-gradient(to bottom right,#252525,#202020)}.game-tile--wall{background:#333;background-image:linear-gradient(to bottom right,#383838,#2a2a2a);box-shadow:0 2px 4px #0003}.game-tile--corridor{background:#1d1d1d;background-image:linear-gradient(to bottom right,#222,#1a1a1a)}.game-tile--stairs{background-image:linear-gradient(to bottom right,#2a2a2a,#222);border:1px solid #333}.game-tile--default{background:#111}.game-tile__entity{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:12%;right:12%;bottom:12%;left:12%;transition:all .2s;transform:scale(.9)}.game-tile__entity--glow{filter:drop-shadow(0 0 3px currentColor)}.game-tile__entity--player{animation:pulse 1.5s infinite;transform:scale(1)}.game-tile__icon{width:70%;height:70%}.game-tile__stairs{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:12%;right:12%;bottom:12%;left:12%;opacity:.5;transform:scale(.9)}.game-tile__stairs-icon{width:50%;height:50%;color:#666}.game-map{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #333;background-color:#000;border-radius:.75rem;box-shadow:0 4px 6px #0000001a}.game-map__grid{position:absolute;display:grid;will-change:transform}.game-map__grid.is-moving{transition:transform .3s ease-out}.experience-bar{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%}.experience-bar--small .experience-bar__text{font-size:.75rem;margin-bottom:.25rem}.experience-bar--small .experience-bar__container{height:4px}.experience-bar--large .experience-bar__text{font-size:.875rem;margin-bottom:.25rem}.experience-bar--large .experience-bar__container{height:8px}.experience-bar__text{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#888}.experience-bar__container{width:100%;background-color:#2a2a2a;border-radius:.5rem;overflow:hidden}.experience-bar__fill{height:100%;background-color:#3b82f6;transition:width .5s ease-out;border-radius:.5rem}.health-bar{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%}.health-bar--small .health-bar__text{font-size:.75rem;margin-bottom:.25rem}.health-bar--small .health-bar__container{height:4px}.health-bar--large .health-bar__text{font-size:.875rem;margin-bottom:.25rem}.health-bar--large .health-bar__container{height:8px}.health-bar__text{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#888}.health-bar__container{width:100%;background-color:#2a2a2a;border-radius:.5rem;overflow:hidden}.health-bar__fill{height:100%;transition:all .5s;border-radius:.5rem}.player-info{background-color:#252525;border:1px solid #333;border-radius:.5rem;padding:1rem}.player-info__header{margin-bottom:1rem}.player-info__title{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.player-info__subtitle{color:#888;font-size:.875rem}.player-info__currency{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-left:auto;gap:.75rem}.player-info__gold{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fbbf24}.player-info__coins{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#888}.player-info__icon{margin-right:.5rem}.player-info__icon--small{width:16px;height:16px;margin-right:.25rem}.player-info__icon--yellow{color:#fbbf24}.player-info__icon--red{color:#ef4444}.player-info__icon--blue{color:#60a5fa}.player-info__icon--purple{color:#a78bfa}.player-info__bars{margin-bottom:.75rem}.player-info__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.player-info__equipment{margin-top:1rem;background-color:#2a2a2a;border-radius:.5rem;padding:.75rem}.player-info__equipment-title{font-size:.875rem;font-weight:600;color:#888;margin-bottom:.5rem}.player-info__equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-bar{margin-bottom:.75rem}.stat-bar__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.875rem}.stat-bar__container{height:8px;background-color:#2a2a2a;border-radius:.5rem;overflow:hidden}.stat-bar__fill{height:100%;transition:width .5s,background-color .5s;border-radius:.5rem}.stat-bar__fill--exp{background-color:#3b82f6}.stat-box{background-color:#2a2a2a;border-radius:.5rem;padding:.5rem;position:relative}.stat-box__label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:.875rem;margin-bottom:.25rem}.stat-box__value{font-weight:700}.stat-box__bonus{color:#10b981;font-size:.75rem;margin-left:.25rem}.equipment-slot{background-color:#2a2a2a;border-radius:.5rem;padding:.5rem}.equipment-slot__label{color:#888;font-size:.875rem}.equipment-slot__item{font-weight:500}.equipment-slot__item--weapon{color:#a78bfa}.equipment-slot__item--armor{color:#60a5fa}.equipment-slot__item--empty{color:#666}.tooltip-container{position:relative}.tooltip-container:hover .tooltip{opacity:1;transform:translateY(0)}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(.5rem);padding:.5rem .75rem;background-color:#2a2a2a;border-radius:.5rem;border:1px solid #333;font-size:.75rem;white-space:nowrap;opacity:0;transition:all .2s ease-out;z-index:10;pointer-events:none}.inventory{background-color:#252525;border:1px solid #333;border-radius:.5rem;padding:1rem}.inventory__header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.inventory__header-icon{margin-right:.5rem;color:#fbbf24;width:20px;height:20px}.inventory__empty{color:#888;font-size:.875rem}.inventory__list{max-height:14rem;overflow-y:auto;padding-right:.25rem}.inventory__list::-webkit-scrollbar{width:6px}.inventory__list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:.5rem}.inventory__list::-webkit-scrollbar-thumb{background-color:#333;border-radius:.5rem}.inventory__list::-webkit-scrollbar-thumb:hover{background-color:#4d4d4d}.inventory__item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#2a2a2a;border-radius:.75rem;padding:.5rem;margin-bottom:.5rem;transition:background-color .2s ease-out;border:1px solid transparent}.inventory__item:hover{background-color:#373737;border-color:#333}.inventory__item:last-child{margin-bottom:0}.inventory__item-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.inventory__item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#1a1a1a;margin-right:.5rem}.inventory__item-icon{width:1rem;height:1rem}.inventory__item-icon--potion{color:#ef4444}.inventory__item-icon--weapon{color:#a78bfa}.inventory__item-icon--armor{color:#60a5fa}.inventory__item-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.inventory__item-name{font-weight:500;margin-bottom:.25rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.inventory__item-info-button{padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease-out;cursor:pointer;font-weight:500;padding:.25rem;background:none;color:#888}.inventory__item-info-button:disabled{opacity:.5;cursor:not-allowed}.inventory__item-info-button:hover{color:#fff}.inventory__item-expanded{background-color:#1a1a1a;border-radius:.5rem;padding:.75rem;margin-top:.5rem}.inventory__item-description{font-size:.875rem;color:#888;line-height:1.4;margin-bottom:.75rem}.inventory__item-effects{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem}.inventory__item-effect{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;font-size:.75rem}.inventory__item-effect-icon{color:#888}.inventory__item-effect-label{color:#888;min-width:60px}.inventory__item-effect-value{color:#fff;font-weight:500}.inventory__item-button{padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease-out;cursor:pointer;font-weight:500;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;padding:.25rem .5rem;background-color:#1a1a1a;color:#fff}.inventory__item-button:disabled{opacity:.5;cursor:not-allowed}.inventory__item-button:hover{background-color:#272727}.inventory__item-button-icon{width:14px;height:14px}.shop{background-color:#2a2a2a;border-radius:.75rem;box-shadow:0 2px 4px #0000001a}.shop__header{width:100%;padding:1rem;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease-out;border-radius:.75rem}.shop__header:hover{background-color:#252525}.shop__header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem}.shop__header-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.shop__header-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem}.shop__title{font-size:1.25rem;font-weight:700;color:#fff;text-align:left}.shop__badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.25rem .5rem;background-color:#a78bfa1a;border-radius:9999px;font-size:.75rem;color:#a78bfa}.shop__badge-icon{width:12px;height:12px;margin-right:.25rem}.shop__icon{width:20px;height:20px}.shop__icon--purple{color:#a78bfa}.shop__icon--small{width:14px;height:14px;margin-right:.25rem}.shop__coins{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#888}.shop__chevron{width:20px;height:20px;transition:transform .2s ease-out}.shop__chevron--open{transform:rotate(180deg)}.shop__content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.shop__content--open{max-height:500px}.shop__items{padding:1rem;padding-top:0}.shop__empty{color:#888;font-size:.875rem}.shop__items-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem}.shop__item{background-color:#252525;border-radius:.5rem;padding:.75rem;transition:all .2s ease-out}.shop__item:hover{background-color:#323232}.shop__item--purchasing{animation:purchase .3s ease-in-out}.shop__item-main{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.shop__item-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.shop__item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:2rem;height:2rem;border-radius:50%;background-color:#2a2a2a}.shop__item-type-icon{width:1.25rem;height:1.25rem}.shop__item-type-icon--potion{color:#ef4444}.shop__item-type-icon--weapon{color:#a78bfa}.shop__item-type-icon--armor{color:#60a5fa}.shop__item-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.shop__item-name{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-weight:500;gap:.5rem}.shop__item-info-button{padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease-out;cursor:pointer;font-weight:500;padding:.25rem;background:none;color:#888}.shop__item-info-button:disabled{opacity:.5;cursor:not-allowed}.shop__item-info-button:hover{color:#fff}.shop__item-type{font-size:.75rem;color:#888;margin-top:.25rem}.shop__item-expanded{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #333}.shop__item-description{font-size:.875rem;color:#888;line-height:1.4;margin-bottom:.75rem}.shop__item-effects{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem}.shop__item-effect{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;font-size:.75rem}.shop__item-effect-icon{color:#888}.shop__item-effect-label{color:#888;min-width:60px}.shop__item-effect-value{color:#fff;font-weight:500}.shop__item-button{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem .75rem;background-color:#a78bfa;color:#fff;transform:scale(1);transition:all .2s ease-out}.shop__item-button:disabled{opacity:.5;cursor:not-allowed}.shop__item-button:hover:not(.shop__item-button--disabled){background-color:#825af8;transform:scale(1.05)}.shop__item-button--disabled{background-color:#2a2a2a;cursor:not-allowed}.shop__item-cost-difference{margin-left:.5rem;color:#ef4444}.message-log{height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.message-log__title{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.message-log__icon{margin-right:.5rem;color:#60a5fa;width:20px;height:20px}.message-log__container{flex:1;overflow-y:auto;padding-right:.25rem;background-color:#2a2a2a;border-radius:.75rem;padding:1rem}.message-log__container::-webkit-scrollbar{width:6px}.message-log__container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:.5rem}.message-log__container::-webkit-scrollbar-thumb{background-color:#333;border-radius:.5rem}.message-log__container::-webkit-scrollbar-thumb:hover{background-color:#4d4d4d}.message-log__message{margin-bottom:.25rem;font-size:.875rem;color:#888}.message-log__message--combat{color:#ef4444}.message-log__message--loot{color:#fbbf24}.message-log__message--danger{color:#ef4444;font-weight:700}.message-log__message--info{color:#fff}.controls{background-color:#252525;border:1px solid #333;border-radius:.5rem;padding:1rem}.controls--game-over{text-align:center}.controls__header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.controls__header-icon{margin-right:.5rem;color:#84cc16;width:20px;height:20px}.controls__title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.controls__message,.controls__hint{color:#888;margin-bottom:1rem}.controls__guide{background-color:#2a2a2a;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.controls__guide-title{font-size:.875rem;font-weight:600;color:#888;margin-bottom:.5rem}.controls__guide-list{list-style:none;color:#888;font-size:.875rem}.controls__guide-list li{margin-bottom:.5rem}.controls__guide-list li:last-child{margin-bottom:0}.controls__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem .5rem}.controls__item,.controls__key-group{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.controls__key{background-color:#1a1a1a;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;text-align:center;min-width:2.5rem;margin-right:.5rem}.controls__action{margin-left:.5rem;font-size:.875rem}.controls__button{padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease-out;cursor:pointer;font-weight:500}.controls__button:disabled{opacity:.5;cursor:not-allowed}.controls__button--restart{background-color:#60a5fa;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 auto}.controls__button--restart:hover{background-color:#2f89f8}.controls__button-icon{width:18px;height:18px;margin-right:.5rem}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .5s;animation:fadeIn .5s ease-out}.game-over__modal{background-color:#2a2a2a;border-radius:.75rem;padding:2rem;max-width:28rem;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;border:1px solid #333;transform:translateY(0);animation:slideIn .5s ease-out}.game-over__icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:5rem;height:5rem;border-radius:9999px;margin:0 auto 1.5rem}.game-over__icon-wrapper--victory{background-color:#fbbf2433}.game-over__icon-wrapper--victory .game-over__icon{color:#fbbf24}.game-over__icon-wrapper--defeat{background-color:#ef444433}.game-over__icon-wrapper--defeat .game-over__icon{color:#ef4444}.game-over__icon{width:3rem;height:3rem}.game-over__title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.game-over__title--victory{color:#fbbf24}.game-over__title--defeat{color:#ef4444}.game-over__message{color:#888;margin-bottom:1.5rem}.game-over__stats{background-color:#252525;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.game-over__stats-title{font-size:1.125rem;font-weight:600;color:#888;margin-bottom:.75rem}.game-over__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.game-over__stat{background-color:#2a2a2a;padding:.5rem;border-radius:.5rem}.game-over__stat-label{color:#888;font-size:.875rem}.game-over__stat-value{font-weight:700;color:#fff;margin-top:.25rem}.game-over__button{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#60a5fa;color:#fff;padding:.75rem 1.5rem;margin:0 auto;font-weight:700;transition:all .2s ease-out}.game-over__button:disabled{opacity:.5;cursor:not-allowed}.game-over__button:hover{background-color:#2f89f8;transform:translateY(-1px)}.game-over__button:active{transform:translateY(0)}.game-over__button-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.game-over__hint{color:#666;font-size:.875rem;margin-top:1rem}.game-over__key{background-color:#252525;padding:.25rem .5rem;border-radius:.5rem;font-family:monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-shop{background-color:#2a2a2a;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.upgrade-shop__header{width:100%;padding:1rem;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease-out;border-radius:.75rem}.upgrade-shop__header:hover{background-color:#252525}.upgrade-shop__header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem}.upgrade-shop__header-left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.upgrade-shop__header-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem}.upgrade-shop__title{font-size:1.25rem;font-weight:700;color:#fff;text-align:left}.upgrade-shop__badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.25rem .5rem;background-color:#84cc16;background-opacity:.2;border-radius:9999px;font-size:.75rem;color:#84cc16}.upgrade-shop__badge-icon{width:12px;height:12px;margin-right:.25rem}.upgrade-shop__icon{width:20px;height:20px}.upgrade-shop__icon--red{color:#ef4444}.upgrade-shop__icon--purple{color:#a78bfa}.upgrade-shop__icon--blue{color:#60a5fa}.upgrade-shop__icon--green{color:#84cc16}.upgrade-shop__icon--small{width:14px;height:14px;margin-right:.25rem}.upgrade-shop__gold{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fbbf24}.upgrade-shop__chevron{width:20px;height:20px;transition:transform .2s ease-out}.upgrade-shop__chevron--open{transform:rotate(180deg)}.upgrade-shop__content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.upgrade-shop__content--open{max-height:500px}.upgrade-shop__upgrades{padding:1rem;padding-top:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.75rem}.upgrade-shop__upgrade{background-color:#252525;border-radius:.5rem;padding:.75rem;transition:all .2s ease-out}.upgrade-shop__upgrade:hover{background-color:#323232}.upgrade-shop__upgrade--purchasing{animation:purchase .3s ease-in-out}.upgrade-shop__upgrade-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem}.upgrade-shop__upgrade-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.upgrade-shop__upgrade-name{font-weight:500;margin-left:.5rem}.upgrade-shop__upgrade-level{font-size:.875rem;color:#888}.upgrade-shop__upgrade-description{color:#888;font-size:.875rem;margin-bottom:.75rem}.upgrade-shop__upgrade-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.upgrade-shop__upgrade-cost{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fbbf24;font-size:.875rem}.upgrade-shop__upgrade-cost-difference{margin-left:.5rem;color:#ef4444}.upgrade-shop__upgrade-button{padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease-out;cursor:pointer;font-weight:500;padding:.25rem .75rem;background-color:#84cc16;color:#fff;font-size:.875rem}.upgrade-shop__upgrade-button:disabled{opacity:.5;cursor:not-allowed}.upgrade-shop__upgrade-button:hover:not(.upgrade-shop__upgrade-button--disabled){background-color:#669e11}.upgrade-shop__upgrade-button--disabled{background-color:#2a2a2a;cursor:not-allowed}.settings{background-color:#252525;border:1px solid #333;border-radius:.5rem;padding:1rem}.settings__header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.settings__icon{margin-right:.5rem;color:#888;width:20px;height:20px}.settings__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem}.settings__buttons{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem}.settings__button{border-radius:.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:.5rem 1rem;font-weight:500;transition:all .2s ease-out}.settings__button:disabled{opacity:.5;cursor:not-allowed}.settings__button-icon{width:18px;height:18px;margin-right:.5rem}.settings__button--backup{background-color:#60a5fa;color:#fff}.settings__button--backup:hover{background-color:#2f89f8}.settings__button--restore{background-color:#84cc16;color:#fff;cursor:pointer}.settings__button--restore:hover{background-color:#669e11}.settings__button--reset{background-color:#ef4444;color:#fff}.settings__button--reset:hover{background-color:#eb1515}.settings__file-input{display:none}.settings__warning{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:.75rem;background-color:#fbbf241a;border-radius:.5rem;border:1px solid rgba(251,191,36,.2)}.settings__warning-icon{color:#fbbf24;width:18px;height:18px;margin-right:.5rem;margin-top:2px}.settings__warning-text{color:#fbbf24;font-size:.875rem}.character-editor{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.5rem}.character-editor__section{background-color:#252525;border:1px solid #333;border-radius:.5rem;padding:1rem}.character-editor__section-title{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.character-editor__icon{margin-right:.5rem;width:20px;height:20px}.character-editor__icon--blue{color:#60a5fa}.character-editor__icon--purple{color:#a78bfa}.character-editor__icon--green{color:#84cc16}.character-editor__icon--amber{color:#fbbf24}.character-editor__icon--red{color:#ef4444}.character-editor__icon--pink{color:#ec4899}.character-editor__icon--yellow{color:#fbbf24}.character-editor__name-edit{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:.5rem}.character-editor__name-input{flex:1;background-color:#1a1a1a;color:#fff;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #333}.character-editor__name-input:focus{outline:none;border-color:#60a5fa}.character-editor__name-button{padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease-out;cursor:pointer;font-weight:500;background-color:#60a5fa;color:#fff}.character-editor__name-button:disabled{opacity:.5;cursor:not-allowed}.character-editor__name-button:hover{background-color:#2f89f8}.character-editor__name-display{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem;background-color:#1a1a1a;border-radius:.5rem}.character-editor__name{font-size:1.125rem;font-weight:600}.character-editor__edit-button{padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease-out;cursor:pointer;font-weight:500;font-size:.875rem;padding:.25rem .5rem;background-color:#252525;color:#fff}.character-editor__edit-button:disabled{opacity:.5;cursor:not-allowed}.character-editor__edit-button:hover{background-color:#323232}.character-editor__class-grid{display:grid;gap:.75rem;grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.character-editor__class-grid{grid-template-columns:repeat(2,1fr)}}.character-editor__class-button{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;padding:.75rem;border-radius:.75rem;border:2px solid #333;background-color:#1a1a1a;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:5rem;transition:all .2s ease-out}.character-editor__class-button:disabled{opacity:.5;cursor:not-allowed}.character-editor__class-button:hover{border-color:#a78bfa;background-color:#a78bfa0d}.character-editor__class-button--active{border-color:#a78bfa;background-color:#a78bfa1a}.character-editor__class-name{font-weight:700;margin-bottom:.25rem;color:#fff}.character-editor__class-bonus{font-size:.875rem;color:#888;line-height:1.4}.character-editor__race-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;gap:.75rem}@media (min-width: 768px){.character-editor__race-grid{grid-template-columns:repeat(2,1fr)}}.character-editor__race-button{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;padding:.75rem;border-radius:.75rem;border:2px solid #333;background-color:#1a1a1a;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:5rem;transition:all .2s ease-out}.character-editor__race-button:disabled{opacity:.5;cursor:not-allowed}.character-editor__race-button:hover{border-color:#84cc16;background-color:#84cc160d}.character-editor__race-button--active{border-color:#84cc16;background-color:#84cc161a}.character-editor__race-name{font-weight:700;margin-bottom:.25rem;color:#fff}.character-editor__race-bonus{font-size:.875rem;color:#888;line-height:1.4}.character-editor__stats-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.character-editor__points-available{font-size:.875rem;color:#fbbf24}.character-editor__stats{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem}.character-editor__stat{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.character-editor__stat-label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.character-editor__stat-value{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.75rem;position:relative}.character-editor__stat-info{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem}.character-editor__stat-preview{position:relative}.character-editor__stat-preview:hover .character-editor__preview-tooltip{opacity:1;transform:translateY(0);pointer-events:auto}.character-editor__preview-icon{width:16px;height:16px;color:#888}.character-editor__preview-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background-color:#2a2a2a;border:1px solid #333;border-radius:.5rem;padding:.5rem;font-size:.75rem;color:#fff;white-space:nowrap;opacity:0;transform:translateY(.5rem);transition:all .2s ease-out;pointer-events:none;z-index:10}.character-editor__preview-tooltip div{margin-bottom:.25rem}.character-editor__preview-tooltip div:last-child{margin-bottom:0}.character-editor__stat-button{padding:.5rem 1rem;transition:all .2s ease-out;cursor:pointer;font-weight:500;padding:.25rem;background-color:#1a1a1a;border-radius:.5rem}.character-editor__stat-button:disabled{opacity:.5;cursor:not-allowed}.character-editor__stat-button:hover{background-color:#343434}.character-editor__stat-button-icon{width:14px;height:14px}.character-editor__skills-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;gap:.75rem}@media (min-width: 768px){.character-editor__skills-grid{grid-template-columns:repeat(2,1fr)}}.character-editor__skill{background-color:#1a1a1a;border-radius:.5rem;padding:.75rem}.character-editor__skill-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem}.character-editor__skill-name{font-weight:700}.character-editor__skill-type{font-size:.75rem;padding:.25rem .5rem;border-radius:.5rem;background-color:#2a2a2a}.character-editor__skill-description{font-size:.875rem;color:#888;margin-bottom:.5rem}.character-editor__skill-effect{font-size:.75rem;color:#666}.character-editor__no-skills{color:#888;font-size:.875rem}.error-boundary{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#1a1a1a;color:#fff;padding:2rem}.error-boundary__modal{background-color:#252525;border-radius:.75rem;padding:2rem;max-width:32rem;width:100%;box-shadow:0 25px 50px -12px #00000040;border:1px solid #333;animation:slideIn .3s ease-out}.error-boundary__title{font-size:1.5rem;font-weight:700;color:#ef4444;margin-bottom:1rem}.error-boundary__message{color:#888;margin-bottom:1rem}.error-boundary__stack{background-color:#1a1a1a;padding:1rem;border-radius:.5rem;font-size:.875rem;color:#888;overflow:auto;margin-bottom:1.5rem}.error-boundary__stack::-webkit-scrollbar{width:6px}.error-boundary__stack::-webkit-scrollbar-track{background:#1a1a1a;border-radius:.5rem}.error-boundary__stack::-webkit-scrollbar-thumb{background-color:#333;border-radius:.5rem}.error-boundary__stack::-webkit-scrollbar-thumb:hover{background-color:#4d4d4d}.error-boundary__button{padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500;background-color:#60a5fa;color:#fff;padding:.5rem 1.5rem;transition:all .2s ease-out}.error-boundary__button:disabled{opacity:.5;cursor:not-allowed}.error-boundary__button:hover{background-color:#2f89f8;transform:translateY(-1px)}.error-boundary__button:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.app{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1a1a1a;color:#fff}.app__header{background-color:#252525;border-bottom:1px solid #333;box-shadow:0 2px 4px #0000001a;padding:.75rem 1rem}.app__header-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;max-width:1200px;margin:0 auto;width:100%}.app__logo{width:20%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;min-width:fit-content}.app__logo-icon{width:24px;height:24px;color:#fbbf24;margin-right:.5rem}.app__logo-text{font-size:1.25rem;font-weight:700;color:#fff}.app__player-info{margin-left:auto;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:1rem}.app__player-info-name{display:none}.app__player-info-stats{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:.5rem;width:500px}.app__player-info-row{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:1.5rem}.app__player-info-stat{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:.875rem;color:#888;min-width:fit-content;margin-left:0}.app__player-info-stat .level{color:#fbbf24;font-weight:500;margin-left:.25rem}.app__player-info-stat .stat{color:#fff;font-weight:500;margin-left:.25rem}.app__player-info-bar{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:200px;gap:.25rem}.app__player-info-bar-label{font-size:.75rem;color:#888}.app__player-info-currency{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem;min-width:fit-content;position:relative}.app__player-info-currency-gold{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fbbf24;font-size:.875rem}.app__player-info-currency-coins{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#888;font-size:.875rem}.app__player-info-currency-icon{width:16px;height:16px;margin-right:.25rem}.app__player-info-avatar{display:flex;flex-direction:row;justify-content:center;align-items:center;width:32px;height:32px;background:#2a2a2a;border-radius:50%;border:1px solid #333;margin-left:.5rem;transition:all .2s ease-out;cursor:pointer}.app__player-info-avatar:hover{background:#444;border-color:#4d4d4d}.app__player-info-avatar-icon{width:18px;height:18px;color:#888}.app__player-info-settings{display:flex;flex-direction:row;justify-content:center;align-items:center;width:32px;height:32px;background:#2a2a2a;border-radius:50%;border:1px solid #333;margin-left:.5rem;transition:all .2s ease-out;cursor:pointer}.app__player-info-settings:hover{background:#444;border-color:#4d4d4d}.app__player-info-settings-icon{width:18px;height:18px;color:#888}.app__main{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex:1;container:mx-auto;padding:1.5rem;overflow:hidden;gap:1.5rem;height:calc(100vh - 8rem)}@media (min-width: 768px){.app__main{padding:1rem}}.app__message-log{display:none;width:16.666667%;background-color:#252525;border-radius:.75rem;padding:1rem;box-shadow:0 2px 4px #0000001a;border:1px solid #333}@media (min-width: 768px){.app__message-log{display:block}}.app__game-area{width:58.333333%;background-color:#252525;border-radius:.75rem;padding:1rem;box-shadow:0 2px 4px #0000001a;border:1px solid #333}.app__menu{display:none;width:25%;background-color:#252525;border-radius:.75rem;border:1px solid #333}@media (min-width: 768px){.app__menu{display:block}}.app__tabs{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;border-bottom:1px solid #333}.app__tab{width:50%;padding:.5rem;font-size:.875rem;font-weight:500;color:#888;background:none;border:none;cursor:pointer;transition:all .2s ease-out}.app__tab:hover{color:#fff;background-color:#2a2a2a}.app__tab--active{background-color:#2a2a2a;color:#fff;border-bottom:2px solid #888}.app__tab-content{flex:1;overflow-y:auto;background-color:#2a2a2a;height:calc(100% - 3rem)}.app__tab-content::-webkit-scrollbar{width:6px}.app__tab-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:.5rem}.app__tab-content::-webkit-scrollbar-thumb{background-color:#333;border-radius:.5rem}.app__tab-content::-webkit-scrollbar-thumb:hover{background-color:#4d4d4d}.app__tab-content-inner{height:100%;overflow-y:auto;padding:1rem}.app__tab-content-inner::-webkit-scrollbar{width:6px}.app__tab-content-inner::-webkit-scrollbar-track{background:#1a1a1a;border-radius:.5rem}.app__tab-content-inner::-webkit-scrollbar-thumb{background-color:#333;border-radius:.5rem}.app__tab-content-inner::-webkit-scrollbar-thumb:hover{background-color:#4d4d4d}.app__footer{background-color:#252525;border-top:1px solid #333;padding:.75rem;text-align:center}.app__footer p{color:#888;font-size:.875rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#fff;background-color:#1a1a1a;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#1a1a1a;border-radius:.5rem}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#333;border-radius:.5rem}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#4d4d4d}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .5s ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:pulse 1.5s infinite}@keyframes purchase{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.animate-purchase{animation:purchase .3s ease-in-out}