@font-face{font-family:EBGaramond;src:url(../assets/fonts/EBGaramond-Regular.ttf) format("truetype"),url(../assets/fonts/EBGaramond-Italic.ttf) format("truetype"),url(../assets/fonts/EBGaramond-Bold.ttf) format("truetype"),url(../assets/fonts/EBGaramond-BoldItalic.ttf) format("truetype")}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;outline:none}html,body{height:100%}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}input,button,textarea,select{font:inherit;border:0}button{background-color:unset;border:unset;cursor:pointer}body{font-family:"EBGaramond",serif;font-size:1.5rem;background-color:#e6c798;background-image:url("../assets/images/noise-300x300.png");background-size:150px}.navbar{background:linear-gradient(180deg, hsl(10deg, 50%, 35%) 90%, hsl(10deg, 50%, 25%) 100%);border-bottom:1px solid #4a2b1c;box-shadow:0 10px 20px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.1)}.navbar__text{color:#f0e5a8}.navbar__text--gold{color:#e6c71a}.navbar__container--texture{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;background-image:url("../assets/images/noise-300x300.png");background-size:150px}.main{display:flex;flex-direction:row;justify-content:center;margin-top:2rem}.main .dashboard{min-width:300px;max-width:380px;padding:0 2rem}.main .dashboard__title{font-size:2rem}.main .dashboard__subtitle{font-weight:400;font-size:1.5rem;line-height:1.2}.main .dashboard__stock{margin-top:2rem}@media(min-width: 620px){.main .dashboard{padding:0}}.main .dashboard__item{list-style-type:none;margin-bottom:1rem;background:linear-gradient(0deg, hsl(10deg, 50%, 35%) 0%, hsl(10deg, 50%, 25%) 100%);box-shadow:inset 0 -2px 0 rgba(255,255,255,.1),inset 0 2px 10px rgba(0,0,0,.4)}.main .dashboard .item__container{width:100%;display:flex;align-items:center;padding:.75rem 1rem}.main .dashboard .item__container--texture{background-image:url("../assets/images/noise-300x300.png");background-size:150px}.main .dashboard .item__image{border:1px solid #c58259}.main .dashboard .item__info{width:100%;margin:0 1rem}.main .dashboard .item__info--container{display:flex;flex-direction:column;justify-content:space-between}@media(min-width: 370px){.main .dashboard .item__info--container{flex-direction:row}}.main .dashboard .item__name{font-weight:700;font-size:1.5rem;line-height:1.2;color:#e6c798}.main .dashboard .item__quantity,.main .dashboard .item__price{font-size:1rem;color:#e1bc84}.market{visibility:hidden;width:85%;min-width:320px;max-width:640px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:10;transition:all 200ms ease-in-out;padding:1rem;border:6px solid #6d4c3b;background-color:#4a2b1c;color:#e6c798;box-shadow:inset 0 -1px 0 rgba(230,199,152,.5),inset 0 6px 10px rgba(0,0,0,.2),0 15px 25px rgba(0,0,0,.15),0 5px 10px rgba(0,0,0,.5);background-image:url("../assets/images/noise-300x300.png");background-size:150px}@media(min-width: 480px){.market{padding:2rem}}.market.active{transform:translate(-50%, -50%) scale(1);visibility:visible}.market__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #c58259}.market__close svg{width:24px;height:24px;display:block;fill:#e6c798;transition:all 100ms ease}.market__close:hover,.market__close:focus{box-shadow:0 0 0 4px #e8ab30}.market__gold-balance{padding:.75rem 0;text-align:center;font-size:1.25rem;color:#f0e5a8}.market .gold-balance{color:#e6c71a}.market .products__item{list-style-type:none;margin-bottom:1rem}.market .item__container{display:flex;align-items:center;justify-content:space-between}.market .item__image{border:1px solid #c58259;border-radius:1px;display:none}@media(min-width: 480px){.market .item__image{display:inline-block}}.market .item__info{display:flex;flex-direction:column;flex-grow:1}@media(min-width: 480px){.market .item__info{margin-left:1rem}}.market .item__info .item__name{font-size:1rem;font-weight:400;line-height:1.2;margin-bottom:.25rem}@media(min-width: 512px){.market .item__info .item__name{font-size:1.25rem}}.market .item__info .item__details{display:flex;flex-direction:column}@media(min-width: 460px){.market .item__info .item__details{flex-direction:row;gap:1rem}}.market .item__info .item__details .item__quantity,.market .item__info .item__details .item__price{font-size:1rem;color:#dcb16f;line-height:1.2}.market .item__actions{display:flex;align-items:center;margin:0 .5rem}@media(min-width: 480px){.market .item__actions{margin:0 1rem}}.market .item__actions .item__increase,.market .item__actions .item__decrease{width:32px;height:32px;font-size:1.2rem;padding-bottom:1.5rem;color:#e6c798;background-color:#460d02;border:1px solid #8d4435;transition:all 100ms ease}.market .item__actions .item__increase:hover,.market .item__actions .item__increase:focus,.market .item__actions .item__decrease:hover,.market .item__actions .item__decrease:focus{background-color:#8d4435;box-shadow:0 0 0 4px #e8ab30}.market .item__actions .item__increase:active,.market .item__actions .item__decrease:active{background-color:#190501;border-color:#4a2b1c}.market .item__actions .item__quantity{width:32px;height:32px;color:#e6c798;font-size:1rem;font-weight:700;text-align:center;background-color:#190501;border-top:1px solid #8d4435;border-bottom:1px solid #8d4435}.market .item__actions .item__quantity:focus,.market .item__actions .item__quantity:active{box-shadow:0 0 0 4px #e8ab30}.market .item__cost{font-size:1rem;line-height:1.2;text-align:right;min-width:3rem}.market .products__total{display:flex;justify-content:space-between;margin:1.5rem 0 0 0;padding-top:.5rem;border-top:1px solid #c58259}.market .products__total .total__text,.market .products__total .total__value{font-weight:700;font-size:1.2rem}.market__actions{display:flex;justify-content:space-between;align-items:center;margin-top:3rem}.market__actions .btn--primary{margin-left:.5rem}.market .primary__actions,.market .secondary__actions{display:flex;align-items:center}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);pointer-events:none;opacity:0;transition:all 200ms ease-in-out}.overlay.active{opacity:1;pointer-events:all}.btn{padding:.35rem 1rem;background-color:#e6c798;color:#460d02;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px;transition:all 200ms ease}.btn--primary{box-shadow:0 0 3px 1px #460d02}.btn--primary:hover,.btn--primary:focus{background-color:#edbe5e;box-shadow:0 0 0 4px #e8ab30}.btn--primary:active{background-color:#2e2005;color:#edbe5e;box-shadow:none}.btn--secondary{color:#e6c798;border:1px solid #e6c798;background:none}.btn--secondary:hover,.btn--secondary:focus{border-color:#edbe5e;color:#edbe5e;box-shadow:0 0 0 4px #e8ab30}.btn--secondary:active{background-color:#2e2005;color:#edbe5e;box-shadow:none;border-color:rgba(0,0,0,0)}.btn--tertiary{color:#e6c798;border:0;background:none;padding:0}.btn--tertiary:hover,.btn--tertiary:focus{text-decoration:underline;box-shadow:0 0 0 4px #e8ab30}.btn--tertiary:active{color:#2e2005}.btn--sound{border:1px solid #460d02}.message{display:flex;align-items:center;margin-top:1rem;padding:.5rem;color:#190501;background-color:#e6c798}.message__icon{margin-right:.3rem}.message__icon svg{width:24px;height:24px;display:block}.message__text{font-size:1rem;line-height:1.25}.message--secondary{background:none;border:1px solid #6b3f29}.loader__container--dashboard{height:25vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.loader__container--modal{margin-left:1rem}.loader__container .loader{animation:2s infinite cubic-bezier(0.65, 0.05, 0.36, 1) loading}.loader__container .loader__icon{width:24px;height:24px;display:block;fill:#e6c798}.loader__container .loader__icon--secondary{fill:#450d02}.sound{position:absolute;bottom:1rem;left:1rem}.sound__control{display:flex;flex-direction:row;align-items:center;text-transform:none;font-weight:400}.sound__control:hover,.sound__control:focus{box-shadow:0 0 0 4px #460d02}.sound__icon{height:24px;width:24px;margin-right:.5rem;fill:#450d02}.hidden{display:none}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.btn--disabled{pointer-events:none;opacity:.5}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}