.up{border:8px solid #fff;border-radius:49px;margin:-12% auto 2%;display:block;position:relative;width:300px}.text-content{text-align:center;margin-top:8%;color:#000}.text-content h5,.text-content h3{margin-top:5px;font-weight:700}h5,h3{color:#000}.img-content{display:flex;align-items:center;justify-content:center;margin:7% 3% 3%}.img-content img{width:30%;margin:2%}.tb-wrapper{background:#1b0c04;box-shadow:0 1px 7px #e5f71640;padding:20px 24px}.tb-wrapper th{background:var(--main-color-bg-20, #DBDBDB);color:var(--main-color-bg-80, #424240);font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:600;line-height:22px;text-align:center!important}.tb-wrapper table td{border-bottom:solid 1px #BC8C33;text-align:center!important}.tb-wrapper table tr td:last-child{color:var(--font-color-50, #F9D72D);text-align:right;font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:700;line-height:22px}html::-webkit-scrollbar{background:#fff;width:0px;height:15px}.rule_content::-webkit-scrollbar{background:#0000;width:0px;height:15px}.modal-wrapper::-webkit-scrollbar{background:#fff;width:0px;height:15px}.imgup{max-width:100%;margin-top:1.95em;width:100%}.up-left{position:absolute;left:30px;top:20px}.logohan{margin:-12% auto 5%;display:block}a{text-decoration:none;color:#f0f8ff}.rule_content table th,.rule_content table td{border:1px solid #fff!important}.rule_content{text-align:left;padding:5%;background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #00000008;border:solid .5px #c6c9dd;margin:auto;width:80%}.rule_content li{white-space:unset!important;color:#fff!important}img{max-width:100%;height:auto}.up-mid{margin:10px auto}.data_unavailable{margin:2em auto;font-size:2em}.menu-list{cursor:pointer;position:relative}.active:after{width:100%!important;left:0!important}.r-active:after{width:100%!important;left:0!important}.week-group{width:600px;max-width:100%;margin:auto}.day-group-next-active{color:#383535}.intro{text-align:center;margin:-3% auto}.page-reward-wrapper{display:flex;width:75%;margin:2.5% auto}.rule{margin:5%}.kt-title{color:#ed6060;font-size:20px}.kingdom-rank{display:flex;flex-wrap:wrap;align-items:center;width:70%;margin:0% auto}#myChart{width:400px!important;height:auto!important;max-width:100%;margin:15px auto}.week-item{padding:5px 10px;border:1px solid #c6c9dd;cursor:pointer;display:inline-block;margin:4px 2px;background-color:#fff;border-radius:5px}.week-item-active{padding:5px 10px;border:1px solid #999695;background-color:#fff;cursor:pointer}.schedule{text-align:center}.day-group{display:flex;width:max-content;margin:auto}.day-group-next{display:table;margin:10px 20px;cursor:pointer}.table-city{border-collapse:collapse;max-width:100%;table-layout:fixed}#r-clan,#r-kingdom{cursor:pointer}.sub-standing{padding:12px 0;color:#ed6060;font-weight:700;margin:30px 40px;display:inline-block;font-size:20px;position:relative}.sub-standing:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}.sub-standing:hover:after{width:100%;left:0}.spark{background-color:#de4a00;font-family:Helvetica,sans-serif;visibility:hidden;position:absolute;width:4px;height:4px;border-radius:30%;box-shadow:0 0 5px #ab000b}.row .col img{cursor:pointer}#modal-detail{height:85%;max-height:85%;overflow:visible;box-shadow:none;background:none}#modal-detail .modal-content{padding:0;font-size:0;background:none!important;height:100%;text-align:center}#modal-detail .modal-content img{height:100%;width:auto}#modal-detail .modal-close{position:fixed;top:-2rem;color:#c1c1c1;z-index:1017;font-size:0;right:-2rem}p.gold{font-weight:700;color:#00f;font-size:1.7rem;margin:3rem 0 0}@media only screen and (max-width: 700px){#modal-detail .modal-content img{height:auto;width:100%}}@media only screen and (max-width: 820px){.tb-wrapper{width:95%}}@media only screen and (max-width: 450px){#nav-war a{width:unset;padding:0 10px;margin:0}.tb-wrapper h5{font-weight:700;color:#6a6e6f;font-size:1.4rem}.top-p{display:none}.up{margin:20% auto 2%;width:250px}.sub-standing{margin:30px 20px}.rule_content{padding:4% 5%;width:90%}.kingdom-rank,.tb-clan{width:100%}.table-city{width:100%;font-size:13px}.table-city td,th{padding:0}.tabel{max-width:100%;overflow-x:scroll}.logohan{width:80%}.modal-wrapper{top:1em}.modal-wrapper-inner,.page-reward-wrapper{display:table}.inner-left,.inner-right{width:100%}}.wrap-prize{width:100%;height:100%;background:var(--main-color-bg-90-main-bg, #0F0F0E);box-shadow:0 1px 7px #e5f71640;padding:1rem;margin-bottom:4rem;display:flex;flex-direction:row;margin-bottom:2rem}.war-rank{width:25%;display:flex}.war-rank img{margin:auto;align-self:center}.prize{width:75%;display:flex;flex-direction:column}.prize h3{color:var(--main-color-bg-10, #F4F4F4);font-family:Lora;font-size:1.75rem;font-style:normal;font-weight:700;line-height:120%;margin-top:2rem;margin-bottom:2rem}.prize-content{width:100%;display:flex;flex-direction:row;justify-content:space-between}.prize-content .total{display:flex;flex-direction:column;width:20%}.total-prize{display:flex;flex-direction:column;margin-bottom:2rem}.total-prize span.prize-name{color:var(--main-color-bg-10, #F4F4F4);font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:30px}.total-prize span.prize-nominal{color:var(--font-color-40-main, #FFE45D);font-family:Lora;font-size:1.3rem;font-style:normal;font-weight:700;line-height:120%}.special-item{width:40%}.char-prize-item{display:flex;flex-wrap:wrap}.char-prize-item img{width:calc(50% - 1rem);margin-right:1rem;margin-bottom:1rem}.title-cover{width:100%;height:3.6rem;display:flex;flex-direction:column;justify-content:end}.special-item-title{color:var(--main-color-bg-10, #F4F4F4);font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:30px}.special-bagi-title{color:var(--main-color-bg-10, #F4F4F4);font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:600;line-height:22px}.special-item-bagi{width:40%;display:flex;flex-direction:column;margin-left:2rem}.special-item-bagi img{width:calc(50% - 1rem)}.durasi-event{display:flex;max-width:408px;padding:16px 0;flex-direction:column;justify-content:center;align-items:center;background:var(--main-color-bg-90-main-bg, #0F0F0E);box-shadow:0 1px 7px #e5f71640;margin:auto}.durasi-event h3{color:var(--font-color-40-main, #FFE45D);text-align:center;font-family:Lora;font-size:1.75rem;font-style:normal;font-weight:400;line-height:120%;margin:0}.durasi-event span{color:var(--main-color-bg-10, #F4F4F4);text-align:center;font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:600;line-height:22px}.content-header{display:inline-flex;padding-left:0;align-items:flex-end;margin:auto;position:relative}.header-span{color:var(--font-color-10, #FFFBEA);font-family:Lora;font-size:2.3rem;font-style:normal;font-weight:400;line-height:120%}.total-hadiah{text-align:center;margin:0;font-family:Lora;font-size:2.3rem;font-style:normal;font-weight:700;line-height:120%;background:var(--gradient-button, linear-gradient(180deg, #FEDE90 0%, #BC8C33 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wrap-rule{width:100%;height:100%;background:#1b0c04;box-shadow:0 1px 7px #e5f71640;padding:1rem;margin-bottom:4rem}.wrap-rule h1{color:var(--font-color-40-main, #FFE45D);text-align:center;font-family:Lora;font-size:2.3rem;font-style:normal;font-weight:600;line-height:120%}.wrap-rule ul li{list-style:disc;color:var(--main-color-bg-10, #F4F4F4);font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:30px;margin-left:3rem}.standing-container{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.standing-wrap{width:calc(50% - 1rem)}.standing-title{width:100%;border-bottom:solid 2px #BC8C33;margin-bottom:2rem}.standing-title h3{color:var(--font-color-40-main, #FFE45D);text-align:center;font-family:Lora;font-size:1.3rem;font-style:normal;font-weight:700;line-height:120%}.date-group{width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.date-group-button{display:flex;padding:8px 30px;justify-content:center;align-items:center;border-radius:19px;border:1px solid var(--font-color-50, #F9D72D);background:var(--main-color-bg-90-main-bg, #0F0F0E);cursor:pointer;margin-right:1rem}.date-group-button span{color:var(--main-color-bg-10, #F4F4F4);text-align:center;font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:700;line-height:22px}.date-group-button.active{border:1px solid var(--font-color-40-main, #FFE45D);background:var(--gradient-button, linear-gradient(180deg, #FEDE90 0%, #BC8C33 100%))}.date-group-button.active span{color:var(--main-color-bg-90-main-bg, #0F0F0E)!important}.date-range-wrap{width:100%;border:2px solid var(--font-color-40-main, #FFE45D);height:52px;margin-bottom:1rem}.date-range-wrap select{width:100%;background:var(--main-color-bg-90-main-bg, #0F0F0E);height:100%;display:flex;color:var(--font-color-40-main, #FFE45D);font-family:Lora;font-size:1.3rem;font-style:normal;font-weight:700;line-height:120%}.date-range-wrap select:active,.date-range-wrap select:focus,.date-range-wrap select::selection{border:none}