@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap";
*{box-sizing:border-box;font-family:Noto Sans Thai,sans-serif}html,body{height:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{background-color:#fff}body:not(.modal-open){padding-right:0!important;overflow:hidden auto!important}a{text-decoration:none}a:focus,button:focus{outline-width:0}a:hover{filter:brightness(1.1)}button:active{border:none!important}p{margin-top:0;margin-bottom:0!important}:root{--bg-dark:#014d4b;--bg-dark-hex:37, 47, 45;--bg-gray:#999;--text-white:#fcfcfc;--text-red:#ad1c1c;--text-red-hex:173, 28, 28;--color-ur:#930606;--color-ssr:#eb6e00;--color-sr:#ea41d3;--color-rare:#3ec2fe;--color-uncommon:#155315;--color-common:#303030;--nav-top-height:45px;--nav-top-lg-height:66px;--nav-bottom-height:50px;--footer-height:66px;--img-frame-item-padding:clamp(2px, .2vw, 5px);--toast-top-height:30px}input,.btn{box-shadow:none;border:none;outline:none}.form-control:focus,.btn.disabled,.btn:disabled,fieldset:disabled .btn{box-shadow:none;outline:none}.pagination{--bs-pagination-active-bg:var(--text-red)!important;--bs-pagination-active-border-color:transparent!important;--bs-pagination-color:var(--text-red)!important;--bs-pagination-hover-color:var(--text-red)!important;--bs-pagination-focus-color:var(--text-red)!important;--bs-pagination-focus-box-shadow:none!important}#event-content{min-height:calc(100dvh - calc(var(--nav-top-height) + var(--nav-bottom-height)));padding-bottom:var(--nav-bottom-height);width:100%;overflow-x:hidden}.h-min-inherit{min-height:inherit}.no-caret .dropdown-toggle:after{display:none!important}.dropdown-menu-dark{--bs-dropdown-color:var(--text-white);--bs-dropdown-bg:var(--bg-dark);--bs-dropdown-link-active-bg:var(--bg-gray)}.bottom-unset{bottom:unset!important}.top-10-px{top:10px}@media (min-width:992px){.position-lg-absolute{position:absolute!important}#event-content{min-height:calc(100dvh - calc(var(--nav-top-lg-height) + var(--footer-height)));padding-bottom:0}.toast-event{top:calc(var(--nav-top-lg-height) + var(--toast-top-height))}.pb-lg-6{padding-bottom:6rem!important}}.tooltip.no-arrow .tooltip-arrow:before{display:none!important}.img-frame-item{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:100%;border:1.697px solid #0000;border-radius:16.971px 8.486px;margin:2px;position:relative}.img-frame-item.ur{background:linear-gradient(166.578deg,#f05cee 9.633%,#54ccdf 55.991%,#e4fdff 94.965%);border-color:#faa1ff;box-shadow:0 1px 7.1px #f09df3}.img-frame-item.ssr{background-image:url(/images/general/items/item-frame-ssr.webp)}.img-frame-item.sr{background:linear-gradient(#fff,#fff5c5);border-color:#ffc532}.img-frame-item.rare{background-image:url(/images/general/items/item-frame-rare.webp)}.img-frame-item.uncommon{background-image:url(/images/general/items/item-frame-uncommon.webp)}.img-frame-item.common{background-image:url(/images/general/items/item-frame-common.webp)}.img-frame-item.r{background:linear-gradient(#f2c6a2,#fff3e9);border-color:#c47431}.img-frame-item:after{content:"";aspect-ratio:1/1.34;z-index:2;background-repeat:no-repeat;background-size:contain;width:clamp(24px,3.5vw,36px);position:absolute;top:-2px;left:-2px}.img-frame-item.ur:after{background-image:url(/images/general/items/icon-tag-ur.png)}.img-frame-item.sr:after{background-image:url(/images/general/items/icon-tag-sr.png)}.img-frame-item.r:after{background-image:url(/images/general/items/icon-tag-r.png)}.img-frame-item .quality{z-index:1;right:var(--img-frame-item-padding);bottom:var(--img-frame-item-padding);color:var(--text-white);border-radius:6px 0 0;padding:clamp(2px,4vw,4px) clamp(4px,8vw,8px);font-size:clamp(10px,1.5vw,14px);font-weight:700;line-height:16px;position:absolute}.img-frame-item.ur .quality{background-color:var(--color-ur)}.img-frame-item.ssr .quality{background-color:var(--color-ssr)}.img-frame-item.sr .quality{background-color:var(--color-sr)}.img-frame-item.rare .quality{background-color:var(--color-rare)}.img-frame-item.uncommon .quality{background-color:var(--color-uncommon)}.img-frame-item.common .quality{background-color:var(--color-common)}.img-frame-item.r .quality{background-color:#c47431}.img-frame-item .badge{z-index:1;aspect-ratio:1;background-size:100%;width:clamp(48px,4vw,64px);display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.img-frame-item.ur .badge{background-image:url(/images/general/items/icon-badge-ur.webp)}.img-frame-item.ssr .badge{background-image:url(/images/general/items/icon-badge-ssr.webp)}.img-frame-item.sr .badge{background-image:url(/images/general/items/icon-badge-sr.webp)}.img-frame-item.rare .badge{background-image:url(/images/general/items/icon-badge-rare.webp)}.img-frame-item.uncommon .badge{background-image:url(/images/general/items/icon-badge-uncommon.webp)}.img-frame-item.common .badge{background-image:url(/images/general/items/icon-badge-common.webp)}.img-frame-item.r .badge{background-image:url(/images/general/items/icon-badge-r.webp)}.img-frame-item img{padding:var(--img-frame-item-padding)}#howtoplay .modal-dialog{max-width:500px}#howtoplay .modal-dialog .warper-btn-op-box-modal .box-btn-op-box.right{text-align:end}#howtoplay .modal-dialog .warper-btn-op-box-modal .box-btn-op-box .btn{position:relative}#howtoplay .modal-dialog .warper-btn-op-box-modal .box-btn-op-box .btn:before{content:"";background-size:100%;width:22px;height:22px;position:absolute}#howtoplay .modal-dialog .warper-btn-op-box-modal .box-btn-op-box .btn-op-back{padding-left:30px}#howtoplay .modal-dialog .warper-btn-op-box-modal .box-btn-op-box .btn-op-back:before{background-image:url(/images/icons/ic-arrow-right-fill.webp);left:0;transform:rotate(180deg)}#howtoplay .modal-dialog .warper-btn-op-box-modal .box-btn-op-box .btn-op-next{padding-right:30px}#howtoplay .modal-dialog .warper-btn-op-box-modal .box-btn-op-box .btn-op-next:before{background-image:url(/images/icons/ic-arrow-right-fill.webp);right:0}.btn-sound{top:clamp(160px,14vw,180px)}.btn-sound .btn-sound-img{width:clamp(32px,5vw,48px);height:clamp(32px,5vw,48px);position:relative}.btn-sound .btn-sound-img img{object-fit:contain}.toast-event{top:calc(var(--nav-top-height) + var(--toast-top-height));width:90vw;max-width:1152px;position:fixed;left:50%;transform:translate(-50%)}.toast-event .toast{box-shadow:unset;background:linear-gradient(90deg,#014d4b00 0%,#014d4b99 50%,#014d4b00 100%);border:2px solid #ffba514d;border-left:none;border-right:none;width:100%}.toast-event .toast .toast-body{padding:8px 16px}.toast-event .toast .item{background:linear-gradient(90deg,#b859ff 0%,#b859ff00 100%);align-items:center;gap:4px;display:flex;position:relative}.toast-event .toast .item .img-frame-item{z-index:1;border-radius:3px;overflow:hidden}.toast-event .toast .item .img-frame-item img{object-fit:contain;width:100%!important;height:100%!important}.toast-event .toast .item:before,.toast-event .toast .item:after{content:"";background:linear-gradient(90deg,#b859ff,#b859ff00);width:100%;height:1px;position:absolute;left:0}.toast-event .toast .item:before{top:0}.toast-event .toast .item:after{bottom:0}.toast-event .toast .character{background:#252d32;border-radius:4px;align-items:center;gap:10px;padding:2px 8px;display:flex}@media (max-width:991px){.gacha-reward-card-bg{padding:30px 10px}.gacha-reward-card-bg:before,.gacha-reward-card-bg:after{width:600px}.gacha-reward-divider{max-width:80%}.img-frame-item{border-radius:12px 6px}.img-frame-item:after{width:clamp(18px,3.5vw,24px)}.img-frame-item .quality{padding:2px 4px;font-size:10px}}@media (max-width:768px){.gacha-reward-card-bg{padding:25px 10px}.gacha-reward-card-bg:before,.gacha-reward-card-bg:after{width:95vw}.gacha-reward-divider{width:80%}.img-frame-item{border-radius:10px 5px}.img-frame-item:after{width:20px}.img-frame-item .quality{padding:2px 3px;font-size:9px}}@media (max-width:575px){.gacha-reward-card-bg{margin-top:-.625rem;padding:1.25rem .3125rem}.gacha-reward-card-bg:before,.gacha-reward-card-bg:after{width:90vw}.gacha-reward-divider{width:80%}.img-frame-item{border-radius:.5rem .25rem;width:70%;margin:0 auto}.img-frame-item .badge{width:clamp(28px,2.4vw,38px)}.img-frame-item:after{width:1rem}.img-frame-item .quality{padding:.0625rem .1875rem;font-size:.5rem}}.toast-event .toast p{color:#ffd88d;margin:0;font-family:Preuksa,sans-serif;font-size:12px;font-weight:600}.toast-event .toast .character p{color:var(--text-white)}#event-content:has(#event-not-found){background-image:url(/images/layout/main-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;display:flex}#event-content:has(#event-not-found) #event-not-found{width:100%;max-width:800px}#event-content:has(#event-not-found) .btn{--bs-btn-color:var(--text-white);--bs-btn-bg:var(--bg-dark);--bs-btn-hover-bg:var(--bg-dark);--bs-btn-active-bg:var(--bg-dark)}#event-content:has(#event-not-found) .btn:hover{--bs-btn-color:var(--text-white);--bs-btn-bg:var(--bg-dark);--bs-btn-hover-bg:var(--bg-dark);--bs-btn-active-bg:var(--bg-dark)}#event-content:has(#event-not-found) .text-primary{--bs-primary-rgb:var(--text-red-hex)}.gacha-reward-card-bg{background:linear-gradient(270deg,#22150500 0%,#221505 50%,#22150500 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:-20px;padding:40px 0;display:flex;position:relative}.gacha-reward-card-bg:before,.gacha-reward-card-bg:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffd88d00 0%,#ffd88dcc 50%,#ffd88d00 100%);width:833px;max-width:100%;height:2px;position:absolute;left:50%;transform:translate(-50%)}.gacha-reward-card-bg:before{top:0}.gacha-reward-card-bg:after{bottom:0}.gacha-reward-divider{opacity:.5;background:linear-gradient(90deg,#fdfdfd00 0%,#fdfdfd 52.5%,#fdfdfd00 100%);width:306px;max-width:80%;height:1px;margin-top:15px;margin-bottom:5px}