.elementor-312 .elementor-element.elementor-element-49ac112c{--display:flex;--min-height:648px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:11px 0px;--row-gap:11px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.83;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:20%;--padding-left:20%;--padding-right:20%;}.elementor-312 .elementor-element.elementor-element-49ac112c::before, .elementor-312 .elementor-element.elementor-element-49ac112c > .elementor-background-video-container::before, .elementor-312 .elementor-element.elementor-element-49ac112c > .e-con-inner > .elementor-background-video-container::before, .elementor-312 .elementor-element.elementor-element-49ac112c > .elementor-background-slideshow::before, .elementor-312 .elementor-element.elementor-element-49ac112c > .e-con-inner > .elementor-background-slideshow::before, .elementor-312 .elementor-element.elementor-element-49ac112c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-57c8da2 );--background-overlay:'';}.elementor-312 .elementor-element.elementor-element-49ac112c .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-312 .elementor-element.elementor-element-49ac112c.e-con{--align-self:center;}.elementor-312 .elementor-element.elementor-element-d028335{--display:flex;--margin-top:0px;--margin-bottom:-130px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-30900655{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-312 .elementor-element.elementor-element-30900655:not(.elementor-motion-effects-element-type-background), .elementor-312 .elementor-element.elementor-element-30900655 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#180707;}.elementor-312 .elementor-element.elementor-element-757664b{--display:flex;--border-radius:50px 50px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-e0d8009 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 60px 0px;}.elementor-312 .elementor-element.elementor-element-e0d8009{text-align:center;}.elementor-312 .elementor-element.elementor-element-e0d8009 .elementor-heading-title{font-family:"IBM Plex Sans Devanagari", Sans-serif;font-size:48px;font-weight:900;line-height:1.2;color:#F5F5F5;}.elementor-312 .elementor-element.elementor-element-bd1ded6{text-align:center;}.elementor-312 .elementor-element.elementor-element-bd1ded6 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );color:var( --e-global-color-secondary );}.elementor-312 .elementor-element.elementor-element-8c3717e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-312 .elementor-element.elementor-element-8c3717e.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-312 .elementor-element.elementor-element-71fd6ac{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-71fd6ac.e-con{--align-self:center;}.elementor-312 .elementor-element.elementor-element-b9b02d1 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-312 .elementor-element.elementor-element-b9b02d1 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-312 .elementor-element.elementor-element-b9b02d1{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:var( --e-global-color-secondary );--gallery-title-color-active:var( --e-global-color-accent );}.elementor-312 .elementor-element.elementor-element-b9b02d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-312 .elementor-element.elementor-element-b9b02d1.elementor-element{--align-self:flex-start;}.elementor-312 .elementor-element.elementor-element-mo7J54P{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-fe42b8a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-312 .elementor-element.elementor-element-f2460e2{--display:flex;}.elementor-312 .elementor-element.elementor-element-bd98d36{--display:flex;}.elementor-312 .elementor-element.elementor-element-6c90a24{--display:flex;}.elementor-312 .elementor-element.elementor-element-1bb447d{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-34px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-34px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-312 .elementor-element.elementor-element-1bb447d > .elementor-widget-container{margin:-161px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-312 .elementor-element.elementor-element-370bddb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}body.elementor-page-312{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-312 .elementor-element.elementor-element-49ac112c{--content-width:1223px;}.elementor-312 .elementor-element.elementor-element-30900655{--content-width:1200px;}}@media(max-width:1024px){.elementor-312 .elementor-element.elementor-element-49ac112c{--min-height:808px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-312 .elementor-element.elementor-element-49ac112c.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-312 .elementor-element.elementor-element-30900655{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-312 .elementor-element.elementor-element-e0d8009 .elementor-heading-title{font-size:40px;}.elementor-312 .elementor-element.elementor-element-bd1ded6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-312 .elementor-element.elementor-element-mo7J54P{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-312 .elementor-element.elementor-element-1bb447d{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:767px){.elementor-312 .elementor-element.elementor-element-49ac112c{--min-height:511px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-312 .elementor-element.elementor-element-e0d8009{text-align:center;}.elementor-312 .elementor-element.elementor-element-e0d8009 .elementor-heading-title{font-size:32px;}.elementor-312 .elementor-element.elementor-element-bd1ded6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-312 .elementor-element.elementor-element-mo7J54P{--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-312 .elementor-element.elementor-element-1bb447d{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-d028335 */:root {
    --bg-dark: #1a1a1a;
    --text-gold: #ffd700;
    --border-color: #333;
    --active-green: #00ff00;
    --card-bg: #2a2a2a;
}

body {
    font-family: 'Courier New', monospace;
    background-color: var(--bg-dark);
    color: var(--text-gold);
    margin: 0;
    padding: 20px;
    line-height: 1.6;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    background-color: var(--bg-dark);
    border: 2px solid var(--border-color);
    padding: 20px;
}

.daily-catcodes {
    text-align: center;
}

.header h1 {
    color: var(--text-gold);
    text-transform: uppercase;
    letter-spacing: 2px;
}

.d20-dice {
    background-color: var(--text-gold);
    color: var(--bg-dark);
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
}

.gacha-section {
    background-color: var(--card-bg);
    padding: 20px;
    margin: 20px 0;
    border: 1px solid var(--border-color);
}

.pull-rewards {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 15px 0;
}

.reward {
    background-color: rgba(255, 215, 0, 0.2);
    padding: 10px;
    border: 1px solid var(--text-gold);
}

.roll-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

button {
    background-color: var(--active-green);
    color: var(--bg-dark);
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
}

.vault-crafting-cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.crafting-slots {
    display: flex;
    gap: 10px;
}

.slot {
    width: 50px;
    height: 50px;
    border: 2px solid var(--border-color);
}

.slot.active {
    border-color: var(--active-green);
}

.current-layers, .inventory-grid {
    display: flex;
    gap: 15px;
    margin: 20px 0;
}

.layer-card, .inventory-card {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    padding: 15px;
    width: 250px;
}

.inventory-filters {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

select {
    background-color: var(--bg-dark);
    color: var(--text-gold);
    border: 1px solid var(--border-color);
    padding: 5px;
}/* End custom CSS */