html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.btn-text-light span:before,.btn-text-light span:after,.score-item .advantage li:before,.game-category-container .login-container .btn-stage.--multiple>div:after,.game-category-container .game-menu .btn-stage.--multiple>div:after,.game-stage-container .login-container .btn-stage.--multiple>div:after,.game-stage-container .game-menu .btn-stage.--multiple>div:after,.game-mission-container .login-container .btn-stage.--multiple>div:after,.game-mission-container .game-menu .btn-stage.--multiple>div:after,.input-mcq-container.--for-multi .option-container .btn:after,.multi-billboard .chart span.score:before,.eye:before,.form-item.valid:after,.form-item.with-icon.error:after,.form-item.search .value:before,.has-search-icon:before,.ranking-item.--self li h5:before,.ranking-item.--pre-advanced.--self li h5:before{content:"";display:inline-block;vertical-align:middle;-webkit-mask-image:url("../images/iconset.svg");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, opacity, background-color}.icon-1:before{-webkit-mask-position:0% 0}.icon-2:before{-webkit-mask-position:2.04% 0}.icon-3:before{-webkit-mask-position:4.08% 0}.icon-4:before{-webkit-mask-position:6.12% 0}.icon-5:before{-webkit-mask-position:8.16% 0}.icon-6:before{-webkit-mask-position:10.2% 0}.icon-7:before{-webkit-mask-position:12.24% 0}.icon-8:before{-webkit-mask-position:14.29% 0}.icon-9:before{-webkit-mask-position:16.33% 0}.icon-10:before{-webkit-mask-position:18.37% 0}.icon-11:before{-webkit-mask-position:20.41% 0}.icon-12:before{-webkit-mask-position:22.45% 0}.icon-13:before{-webkit-mask-position:24.49% 0}.icon-14:before{-webkit-mask-position:26.53% 0}.icon-15:before{-webkit-mask-position:28.57% 0}.icon-16:before{-webkit-mask-position:30.61% 0}.icon-17:before{-webkit-mask-position:32.65% 0}.icon-18:before{-webkit-mask-position:34.69% 0}.icon-19:before{-webkit-mask-position:36.73% 0}.icon-20:before{-webkit-mask-position:38.78% 0}.icon-21:before{-webkit-mask-position:40.82% 0}.icon-22:before{-webkit-mask-position:42.86% 0}.icon-23:before{-webkit-mask-position:44.9% 0}.icon-24:before{-webkit-mask-position:46.94% 0}.icon-25:before{-webkit-mask-position:48.98% 0}.icon-26:before{-webkit-mask-position:51.02% 0}.icon-27:before{-webkit-mask-position:53.06% 0}.icon-28:before{-webkit-mask-position:55.1% 0}.icon-29:before{-webkit-mask-position:57.14% 0}.icon-30:before{-webkit-mask-position:59.18% 0}.icon-31:before{-webkit-mask-position:61.22% 0}.icon-32:before{-webkit-mask-position:63.27% 0}.icon-33:before{-webkit-mask-position:65.31% 0}.icon-34:before{-webkit-mask-position:67.35% 0}.icon-35:before{-webkit-mask-position:69.39% 0}.icon-36:before{-webkit-mask-position:71.43% 0}.icon-37:before{-webkit-mask-position:73.47% 0}.icon-38:before{-webkit-mask-position:75.51% 0}.icon-39:before{-webkit-mask-position:77.55% 0}.icon-40:before{-webkit-mask-position:79.59% 0}.icon-41:before{-webkit-mask-position:81.63% 0}.icon-42:before{-webkit-mask-position:83.67% 0}.icon-43:before{-webkit-mask-position:85.71% 0}.icon-44:before{-webkit-mask-position:87.76% 0}.icon-45:before{-webkit-mask-position:89.8% 0}.icon-46:before{-webkit-mask-position:91.84% 0}.icon-47:before{-webkit-mask-position:93.88% 0}.icon-48:before{-webkit-mask-position:95.92% 0}.icon-49:before{-webkit-mask-position:97.96% 0}.icon-50:before{-webkit-mask-position:100% 0}.icon{font-size:0;display:block;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform}.icon:before{content:"";display:inline-block;vertical-align:middle;-webkit-mask-image:url("../images/iconset.svg");-webkit-mask-size:auto 100%;-webkit-mask-repeat:no-repeat;background-color:#000;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:background-color;width:30px;height:30px}.icon.--white:before{background-color:#fff}.icon.--small:before{width:20px;height:20px}.icon-before:before{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/layout/iconset.svg")}.icon-after:after{content:"";display:inline-block;vertical-align:middle;background-image:url("../images/layout/iconset.svg")}.dropdown-checkbox .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:var(--color-gray-header);border-radius:5px;border:3px solid var(--color-bg);box-sizing:border-box}.dropdown-checkbox .dropdown::-webkit-scrollbar{width:8px;background-color:var(--color-gray-header);background-color:transparent;border-radius:5px;margin-right:20px}.dropdown-checkbox .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:5px;border:none}.form-item .help-word{width:100%;flex-shrink:0;font-size:0.75rem;transition:opacity 0.35s ease, max-height 0.35s ease;color:#999;color:rgba(6,75,40,0.8);text-align:right;padding:5px 2em 5px 0;display:none}@media (min-width: 740px){.form-item .help-word{width:100%;display:block;text-align:left;height:initial;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}}@media (min-width: 1100px){.form-item .help-word{font-size:13px}}@media (min-width: 1380px){.form-item .help-word{font-size:14px}}.form-item .help-word .icon{margin:-3px 5px 0 0;width:15px;height:15px;display:inline-block;vertical-align:middle}.form-item .help-word .icon:before{width:15px;height:15px;background-color:rgba(6,75,40,0.8)}@media (min-width: 1380px){.form-item .help-word .icon{width:17px;height:17px}.form-item .help-word .icon:before{width:17px;height:17px}}@media (min-width: 740px){.form-item .left.help-word{text-align:left;padding:0}}.form-item .inline.help-word .icon{margin:0 5px 0 0}@media (min-width: 740px){.form-item .inline.help-word{display:inline-flex;text-align:left;align-items:center;justify-content:flex-start;padding:0 1em;width:max-content;height:40px;margin:0}}@media (min-width: 1700px){.form-item .inline.help-word{height:40px}}.form-item .pdr.help-word{padding-right:66px}.form-item.disabled{color:var(--color-border);color:var(--color-text-a)}.form-item.disabled input[type="radio"]+label,.form-item.disabled input[type="checkbox"]+label{cursor:not-allowed}.form-item.disabled input[type="radio"]+label:before,.form-item.disabled input[type="checkbox"]+label:before{border-color:var(--color-border);background-color:transparent;color:#888}.form-item.disabled input[type="radio"]:disabled+label,.form-item.disabled input[type="checkbox"]:disabled+label{cursor:not-allowed}.form-item.disabled input[type="radio"]:disabled+label:before,.form-item.disabled input[type="checkbox"]:disabled+label:before{border-color:var(--color-border);background-color:transparent;color:#888}.block-area .form-item .field{font-size:18px;font-weight:500;line-height:1.25em;color:var(--color-title)}@media (min-width: 980px){.block-area .form-item .field{font-size:20px}}@media (min-width: 1100px){.block-area .form-item .field{font-size:22px}}@media (min-width: 1380px){.block-area .form-item .field{font-size:24px}}@media (min-width: 1700px){.block-area .form-item .field{font-size:26px}}.game-category-container .login-container .form-item,.game-stage-container .login-container .form-item,.game-mission-container .login-container .form-item{width:100%;border-radius:12px;overflow:hidden;margin-bottom:8px;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);position:relative;background-color:rgba(0,0,0,0.5)}@media (min-width: 740px){.game-category-container .login-container .form-item,.game-stage-container .login-container .form-item,.game-mission-container .login-container .form-item{margin-bottom:14px}}.game-category-container .login-container .form-item .icon,.game-stage-container .login-container .form-item .icon,.game-mission-container .login-container .form-item .icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0.3}.game-category-container .login-container .form-item .icon:before,.game-stage-container .login-container .form-item .icon:before,.game-mission-container .login-container .form-item .icon:before{background-color:#bca46a}.game-category-container .login-container .form-item:after,.game-stage-container .login-container .form-item:after,.game-mission-container .login-container .form-item:after{content:"";display:block;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;left:3px;top:3px;border:1px solid rgba(202,166,81,0.2);border-radius:9.6px;box-sizing:border-box;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);pointer-events:none}@media (min-width: 980px){.game-category-container .login-container .form-item:after,.game-stage-container .login-container .form-item:after,.game-mission-container .login-container .form-item:after{width:calc(100% - 10px);height:calc(100% - 10px);left:5px;top:5px}}.game-category-container .login-container input,.game-stage-container .login-container input,.game-mission-container .login-container input{width:100%;border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;font-size:1.125em;height:60px;color:#f6db9c;padding:1px 1em 0;background-color:rgba(0,0,0,0);box-sizing:border-box;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}.game-category-container .login-container input:focus,.game-stage-container .login-container input:focus,.game-mission-container .login-container input:focus{background-color:rgba(0,0,0,0.3);color:#fff}.game-category-container .login-container input:focus+.icon,.game-stage-container .login-container input:focus+.icon,.game-mission-container .login-container input:focus+.icon{opacity:0.9}.game-category-container .login-container input::placeholder,.game-stage-container .login-container input::placeholder,.game-mission-container .login-container input::placeholder{color:#bca46a;opacity:1}.game-category-container .login-container input:-ms-input-placeholder,.game-stage-container .login-container input:-ms-input-placeholder,.game-mission-container .login-container input:-ms-input-placeholder{color:#bca46a}.game-category-container .login-container input::-ms-input-placeholder,.game-stage-container .login-container input::-ms-input-placeholder,.game-mission-container .login-container input::-ms-input-placeholder{color:#bca46a}.highlight,.multi-billboard .countdown:after,.game-multi-waiting .item:after,.--story-mode .chat-item .chat-item-container:after,.game-story-area .chat-item .chat-item-container:after{display:block;width:100%;height:20px;position:absolute;background:url("../images/highlight.png") no-repeat center center;background-size:auto 100%;transform:translateY(-50%);z-index:1;animation:highlightscale 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}.btn{height:36px;border-radius:8px;background-color:#fff;background:linear-gradient(to bottom, rgba(228,255,239,0.5), #b9ddc8);background:linear-gradient(to bottom, #04543c, #047452);text-decoration:none;color:#fff;user-select:none;-moz-user-select:none;-webkit-user-select:none;display:inline-flex;width:max-content;font-size:1.0625em;overflow:hidden;font-weight:bold;align-items:center;min-width:60px;justify-content:center;cursor:pointer;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, opacity, background-color, color, box-shadow;padding-left:1em;padding-right:1em;position:relative;padding-bottom:1px;border:none;outline:none}.btn:before{content:"";display:block;width:100%;height:50%;position:absolute;border-radius:5px 5px 2px 2px;left:0;top:0;background:linear-gradient(to bottom, rgba(1,196,138,0.8), rgba(162,255,227,0))}@media (min-width: 1380px){.btn:before{border-radius:6px 6px 2px 2px}}@media (min-width: 1380px){.btn{height:40px}}.btn+.btn{margin-left:1em}.btn span{padding-left:0.5em;padding-right:0.5em}@media (min-width: 1700px){.btn span{padding-left:1em;padding-right:1em}}.btn select{font-size:19px;font-weight:bold}.btn .icon:before{width:28px;height:28px;background-color:#fff}.btn .icon+span,.btn .icon+div{padding-left:0;padding-right:0;margin-left:5px}.btn.disabled{cursor:not-allowed;opacity:0.3}@media (min-width: 0) and (max-width: 979px){.btn{border-radius:6px;border:none;height:32px;font-size:0.9375em;padding-left:0.5em;padding-right:0.5em;min-width:55px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px}.btn span{padding-left:0;padding-right:0}.btn .icon:before{width:20px;height:20px}.btn+.btn{margin-left:6px}}.btn.--small .icon:before{width:24px;height:24px}.btn.--small .play .icon:before,.btn.--small .pause .icon:before{width:16px;height:16px}@media (min-width: 980px){.btn.--small{height:32px;font-size:0.9375em}.btn.--small select{font-size:1em}.btn.--small .play,.btn.--small .pause{height:32px}}.btn.--inline{height:26px;padding-left:0.5em;padding-right:0.5em;min-width:50px;font-size:0.875em;border-radius:30px}.btn.--inline .icon:before{width:18px;height:18px}@media (min-width: 980px){.btn.--inline{height:28px;font-size:0.9375em}}.btn.--large{height:42px;padding-left:1em;padding-right:1em;letter-spacing:1px;font-size:1.1225em}@media (min-width: 740px){.btn.--large{height:48px;font-size:1.25em}}@media (min-width: 1700px){.btn.--large{height:56px;font-size:1.375em}}.btn.--text{background:none;padding:0;box-shadow:none}.btn.--text:before{display:none}.btn.--active{background:linear-gradient(to bottom, #006245, #009669)}.btn.--active span{color:#fff}.btn.--active .icon:before{background-color:#fff}.btn.--round{border-radius:30px}.btn.--white{background:linear-gradient(to bottom, #b8b8b8, #fff);color:#064b28;box-shadow:rgba(20,21,21,0.4) 0px 0px 16px}.btn.--white .icon:before{background-color:#064b28}.btn.--white:before{background:linear-gradient(to bottom, #fff, rgba(255,255,255,0))}@media (hover: none){.btn:active{transition:transform 0.05s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateY(2px)}}@media (hover: hover){.btn:hover{background:linear-gradient(to bottom, #006245, #009669);box-shadow:rgba(136,219,255,0.7) 0px 0px 16px}.btn:hover .icon{transform:scale(1.125)}.btn:hover .icon:before{background-color:#fff;transition:none}.btn:hover span{color:#fff}.btn:hover.--white{background:linear-gradient(to bottom, #d3d3d3, #fff);color:#06713c;box-shadow:rgba(20,21,21,0.7) 0px 0px 16px}.btn:hover.--white .icon:before{background-color:#06713c}.btn:hover.--white span{color:#06713c}.btn:hover.--text{background:none;box-shadow:none}.btn:hover.--text:before{display:none}.btn:active{transition:transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateY(2px);background:linear-gradient(to bottom, #006245, #009669)}.btn:active .icon:before{background-color:#fff;transition:none}.btn:active span{color:#fff}}.btn-text{color:#b0ffc3;user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer;border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center}.btn-text span{line-height:1}.btn-text .icon{margin-left:8px}.btn-text.--white{color:#fff}.btn-text.--white .icon:before{background-color:#fff}select{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;background:url("../images/select.svg") right 8px center no-repeat;background-size:auto 6px;padding:0 1.5em 0 0.75em}@media (min-width: 0) and (max-width: 739px){select{background:url("../images/select.svg") right 4px center no-repeat}}.btn-multi-play{align-items:stretch;padding-left:0;padding-right:0;padding-bottom:0}.btn-multi-play select{padding:0 15px 0 5px}.btn-multi-play select option{color:#000}@media (min-width: 0) and (max-width: 739px){.btn-multi-play select{font-size:1em}}@media (min-width: 740px){.btn-multi-play select{padding:0 1.25em 0 0.75em}}.btn-multi-play .play,.btn-multi-play .pause{display:flex;align-items:center;padding:0 0.5em;background-color:transparent;color:#064b28;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);height:32px;flex-shrink:0;cursor:pointer}@media (min-width: 740px){.btn-multi-play .play,.btn-multi-play .pause{padding:0 1em;height:36px}}@media (min-width: 1380px){.btn-multi-play .play,.btn-multi-play .pause{height:40px}}.btn-multi-play .play .icon:before,.btn-multi-play .pause .icon:before{background-color:#064b28}@media (min-width: 0) and (max-width: 739px){.btn-multi-play .play .icon:before,.btn-multi-play .pause .icon:before{width:12px;height:12px}}@media (hover: hover){.btn-multi-play .play:hover span,.btn-multi-play .pause:hover span{color:#064b28}}.btn-multi-play span{padding-left:0;padding-right:0}.btn-multi-play .icon:before{width:18px;height:18px}@media (min-width: 0) and (max-width: 739px){.btn-multi-play .icon:before{width:16px;height:16px}}.btn-multi-play .icon+span{margin-top:-2px}.btn-multi-play .pause{position:absolute;width:100%;height:100%;background-color:#b81515;opacity:0;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);top:0;left:0;pointer-events:none;background-color:#8e0a0a;color:#fff}.btn-multi-play .pause .icon:before{background-color:#fff}@media (hover: hover){.btn-multi-play .pause:hover{background-color:#980e0e;color:#fff}.btn-multi-play .pause:hover span{color:#fff}.btn-multi-play .pause:hover .icon:before{background-color:#fff}}.btn-multi-play .audio-ctrl{position:relative}.btn-multi-play .audio-ctrl.--active .play{opacity:0;pointer-events:none}.btn-multi-play .audio-ctrl.--active .pause{opacity:1;pointer-events:auto}@media (hover: hover){.btn-multi-play:hover .pause span{color:#fff}.btn-multi-play:hover .pause .icon:before{background-color:#fff}}.btn-text-light{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;color:#fff;display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;overflow:visible;box-shadow:initial;width:100%}.btn-text-light span{display:flex;align-items:center;width:max-content;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);font-weight:normal;font-size:22px}.btn-text-light span:before,.btn-text-light span:after{-webkit-mask-size:auto 100%;-webkit-mask-position:75.51% 0;display:block;width:1em;height:1em;background-color:#b0ffc3;opacity:0.6;margin-top:1px;transition:background-color 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}.btn-text-light span:before{transform:rotate(180deg);animation:arrow-left 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}.btn-text-light span:after{animation:arrow 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}@media (min-width: 980px){.btn-text-light span{font-size:clamp(20px, 2.75vh, 36px)}}.btn-text-light:before,.btn-text-light:after{content:"";display:block;width:initial;height:1px;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:3px;flex:1;position:static}.btn-text-light:before{background-color:#fff;transform-origin:left center;transform:scaleX(0);margin-right:0.5em;background:linear-gradient(to right, #9cdbf6, rgba(156,219,246,0))}.btn-text-light:after{background-color:#fff;transform-origin:right center;transform:scaleX(0);margin-left:0.5em;background:linear-gradient(to left, #9cdbf6, rgba(156,219,246,0))}@media (hover: none){.btn-text-light{background:initial}.btn-text-light:active{box-shadow:initial;background:initial}.btn-text-light:active span{color:#fff;text-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px}.btn-text-light:active span:before,.btn-text-light:active span:after{-webkit-mask-size:auto 100%;-webkit-mask-position:77.55% 0;opacity:0;animation:none}.btn-text-light:active:before{transform:none}.btn-text-light:active:after{transform:none}}@media (hover: hover){.btn-text-light:hover{box-shadow:initial}.btn-text-light:hover span{color:#fff;text-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px}.btn-text-light:hover span:before,.btn-text-light:hover span:after{-webkit-mask-size:auto 100%;-webkit-mask-position:77.55% 0;opacity:0;animation:none}.btn-text-light:hover:before{transform:none}.btn-text-light:hover:after{transform:none}}@keyframes arrow{0%{transform:translateX(20px) scale(1);opacity:0}40%{transform:translateX(8px) scale(1.125);opacity:0.5}60%{transform:translateX(8px) scale(1.125);opacity:0.5}100%{transform:translateX(20px) scale(1);opacity:0}}@keyframes arrow-left{0%{transform:rotate(180deg) translateX(20px) scale(1);opacity:0}40%{transform:rotate(180deg) translateX(8px) scale(1.125);opacity:0.5}60%{transform:rotate(180deg) translateX(8px) scale(1.125);opacity:0.5}100%{transform:rotate(180deg) translateX(20px) scale(1);opacity:0}}.btn-system{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;align-items:center;box-sizing:border-box;padding:0;display:inline-flex;background:transparent;position:relative;overflow:visible;height:max-content;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);width:max-content;margin:10px;font-family:"Quantico", "Noto Sans TC", "PingFang", "PingFangTC", "Microsoft JhengHei", Helvetica, Arial, sans-serif;font-size:1em;isolation:isolate;background-color:rgba(5,22,35,0.2);transition-property:color, background-color;border:none;padding:0}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.btn-system{font-size:1.125em}}.btn-system .icon{margin-right:6px}.btn-system .icon:before{background-color:#b0ffc3;width:20px;height:20px}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.btn-system .icon:before{width:24px;height:24px}}.btn-system span{display:flex;padding:0;box-sizing:border-box;color:#fff;line-height:1.125em;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:color, background-color, text-shadow;box-sizing:border-box;align-items:center;justify-content:center;z-index:1;width:max-content;height:38px;padding-left:1em;padding-right:1em;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;position:relative;isolation:isolate;background:linear-gradient(to bottom, rgba(176,255,195,0), rgba(176,255,195,0.1), rgba(176,255,195,0))}.btn-system span:before,.btn-system span:after{content:"";display:block;width:calc(50% + 0.1px);height:100%;background:linear-gradient(to bottom, rgba(176,255,195,0.8), rgba(176,255,195,0.2) 50%, rgba(176,255,195,0.5) 100%);position:absolute;top:0;box-sizing:border-box;transition:opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),clip-path 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);z-index:-1}.btn-system span:before{left:0;clip-path:inset(100% 0 0 0)}.btn-system span:after{right:0;clip-path:inset(0% 0% 100% 0%)}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.btn-system span{height:48px;padding-left:1.5em;padding-right:1.5em}}.btn-system:before,.btn-system:after{content:"";display:block;width:50%;height:100%;position:absolute;top:0;z-index:2;border:2px solid rgba(176,255,195,0.8);box-sizing:border-box;transition:all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, opacity, border-color, clip-path, box-shadow}.btn-system:before{left:0;border-right:none;transform-origin:left center;clip-path:inset(0% calc(100% - 10px) 0% 0%)}.btn-system:after{right:0;border-left:none;transform-origin:right center;clip-path:inset(0% 0% 0% calc(100% - 10px))}.btn-system.--large{font-size:1.125em}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.btn-system.--large{font-size:1.5em;margin:10px 20px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.btn-system.--large .icon:before{width:30px;height:30px}}.btn-system.--large span{padding-left:1.5em;padding-right:1.5em;height:48px}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.btn-system.--large span{height:60px}}.btn-system.--disabled,.btn-system.--locked{cursor:not-allowed;background:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.4), rgba(0,0,0,0.2));filter:grayscale(1)}.btn-system.--disabled:before,.btn-system.--disabled:after,.btn-system.--locked:before,.btn-system.--locked:after{border-color:#666;opacity:0.6}.btn-system.--disabled span,.btn-system.--locked span{color:#999;text-shadow:0 4px 4px rgba(0,0,0,0.6)}.btn-system.--disabled span:before,.btn-system.--disabled span:after,.btn-system.--locked span:before,.btn-system.--locked span:after{opacity:0.4}.btn-system:active{transform:translateY(2px)}@media (hover: hover){.btn-system:hover:before,.btn-system:hover:after{clip-path:inset(0 0 0 0);border-color:#b0ffc3;transform:none}.btn-system:hover .icon:before{background-color:#fff}.btn-system:hover span{text-shadow:initial}.btn-system:hover span:before,.btn-system:hover span:after{transition-delay:0.25s;clip-path:inset(0 0 0 0)}}@media (hover: none){.btn-system:active:before,.btn-system:active:after{clip-path:inset(0 0 0 0);border-color:#b0ffc3}.btn-system:active span{text-shadow:initial}.btn-system:active span:before,.btn-system:active span:after{transition-delay:0.25s;clip-path:inset(0 0 0 0)}}.ff-en{font-family:"Nunito",sans-serif}.fz-A{font-weight:bold;line-height:1.05em;display:block;font-size:2em}@media (min-width: 740px){.fz-A{font-size:3em}}@media (min-width: 980px){.fz-A{line-height:1.1em;font-size:clamp(22px, 6.6vh, 96px)}}.fz-B{font-weight:bold;line-height:1.05em;display:block;font-size:1.75em}@media (min-width: 740px){.fz-B{font-size:2em}}@media (min-width: 980px){.fz-B{line-height:1.1em;font-size:clamp(22px, 3.6vh, 72px)}}.edit .fz-C,.fz-C{font-size:1.125em;padding:0;margin:0;display:block;padding-bottom:0.5em;font-family:"Noto Sans TC",sans-serif}@media (min-width: 1380px){.edit .fz-C,.fz-C{font-size:1.25em}}.light{font-weight:300}.normal{font-weight:normal}.bold{font-weight:700}.fz-D{font-size:1em;padding:0;margin:0;font-weight:normal;display:block}@media (min-width: 1700px){.fz-D{font-size:1.25em}}.fc-main{color:#4cf5a7}.bold{font-weight:bold}.fz-small{font-size:0.875em}.elips-1{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;height:1.375em;line-height:1.375em;-webkit-box-orient:vertical}.mark{border-radius:0.8em 0.3em;background:transparent;background-image:linear-gradient(to right, rgba(255,225,0,0.1), rgba(255,225,0,0.7) 4%, rgba(255,225,0,0.3));-webkit-box-decoration-break:clone;box-decoration-break:clone}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;list-style:none;padding:0;z-index:1;display:block;position:static;overflow:initial}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none !important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:0.3s opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:0.2s transform, 0.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:0.2s transform, 0.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:0.2s transform, 0.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0,0,0,0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0,0,0,0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0,0,0,0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;padding:0;margin:0;line-height:1.375;color:#000;font-size:1em;background-color:#f4f4f4;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial}html{scrollbar-width:thin;scrollbar-color:#000 transparent}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background-color:#000;border-radius:20px;transition:background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)}.img{background-size:cover;transition:transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}.img:before{content:"";display:block;width:100%;padding-bottom:56%}.img.square{border-radius:12px}.img.square:before{padding-bottom:100%}.container-full{width:100%}.container{padding-left:10px;padding-right:10px}@media (min-width: 740px){.container{padding-left:10vw;padding-right:10vw}}@media (min-width: 980px){.container{padding-left:18vw;padding-right:18vw}}.container-s{padding-left:10px;padding-right:10px}@media (min-width: 740px){.container-s{padding-left:10vw;padding-right:10vw}}@media (min-width: 980px){.container-s{padding-left:clamp(50px, 24vw, 720px);padding-right:clamp(50px, 24vw, 720px)}}a{color:#000;text-decoration:none;cursor:pointer}.video-container{overflow:hidden;position:relative;width:100%;border-radius:8px}.inside-video{padding:5vw 10vw;background-color:#4cf5a7}.inside-video .video-container{border:4px solid #000;border-radius:24px;overflow:hidden}.video-container::after{padding-top:56.25%;display:block;content:""}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}ol{list-style:none;counter-reset:num}ol li{padding-left:2em;position:relative}ol li::before{display:flex;align-items:center;justify-content:center;background-color:#000;width:1.75rem;height:1.75rem;font-size:0.875em;border-radius:50%;flex-shrink:0;counter-increment:num;content:counter(num);box-sizing:border-box;line-height:1;top:0.15em;color:#fff;position:absolute;left:0;font-family:"Nunito",sans-serif}ol strong{font-weight:bold}.img{background-size:cover;background-repeat:no-repeat;width:100%;display:block}.img:before{content:"";display:block;width:100%;padding-bottom:56%}p,li{font-size:1.0625em;letter-spacing:0}@media (min-width: 980px){p,li{font-size:clamp(17px, 2.2vh, 22px);letter-spacing:0.01em}}@media (min-width: 1700px){p,li{font-size:clamp(18px, 2.1vh, 22px);letter-spacing:0.01em}}.marker{font-weight:bold;position:relative;cursor:pointer;border-radius:0.8em 0.3em;background:transparent;padding-left:0.5em;padding-right:0.5em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(to right, rgba(0,255,162,0.1), rgba(0,255,162,0.7) 4%, rgba(0,255,153,0.3))}.flowbar{position:fixed;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column}@media (min-width: 0) and (max-width: 739px){.flowbar{transform-origin:left top;transform:translateY(0) scale(0.5);top:60px}}.flowbar .btn{margin:0 0 1px 1px;padding:0 1em;font-size:0.875em;font-weight:normal;border:none;border-radius:0}.flowbar .btn:before{border-radius:0}.game-container{position:relative;width:100%;height:100svh;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;background-color:#111}.game-container .container{position:relative;height:100%;display:flex;flex-direction:column}.game-container .game-bg-area{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%}.game-container .game-bg-area:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:radial-gradient(circle, rgba(32,32,32,0.5) 10%, rgba(0,0,0,0.8) 100%);opacity:0;transition:clip-path 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),backdrop-filter 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-backdrop-filter 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);z-index:6}.game-container .game-bg-area:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(to bottom, rgba(32,32,32,0.2) 0%, rgba(32,32,32,0) 15%, rgba(32,32,32,0) 60%, rgba(32,32,32,0.4) 80%, rgba(0,0,0,0.65) 100%);transition:opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);z-index:5}.game-container .game-bg-area .bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:1}.game-container .game-bg-area .bg.--animate{animation:scale-intro 20s linear}.game-container .game-bg-area .bg.for-teamup,.game-container .game-bg-area .bg.for-stage{width:233vh;width:100%;background-size:auto 100%;background-repeat:repeat-x}.game-container .game-bg-area .bg.for-teamup:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:radial-gradient(circle, rgba(32,32,32,0) 20%, #000 100%);opacity:1}.game-container .game-bg-area .bg .fn-area{isolation:isolate;padding:0 0 30px 0;opacity:0;transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 2s;transform:translateY(50px);pointer-events:none}@media (min-width: 980px){.game-container .game-bg-area .bg .fn-area{padding-bottom:5vh}}.game-container .game-bg-area .bg .fn-area .btn{position:relative;z-index:9}.game-container .game-bg-area .bg .fn-area:before{content:"";display:block;width:22vh;height:22vh;position:absolute;background-image:radial-gradient(circle, rgba(76,245,167,0.85), rgba(76,245,167,0) 70%);left:50%;bottom:0;border-radius:50%;transform:translate(-50%, 50%);z-index:1;animation:grbtm 2.5s linear infinite}.game-container .game-bg-area .bg.for-generate{position:absolute;left:0;top:0;z-index:2;transform:scale(1.05);opacity:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.game-container .game-bg-area .bg.for-generate.--active{opacity:1;transform:none;transition:all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s}.game-container .game-bg-area .bg.for-generate.--active .fn-area{transform:none;opacity:1;pointer-events:auto}.game-container .game-bg-area .layer-fade{position:absolute;width:100%;height:100%;background-color:#000;left:0;top:0;opacity:0;transition:opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);z-index:3}.game-container .game-bg-area.fade-in .layer-fade{opacity:1}.game-container.--generated .game-main-area{opacity:0;transform:scale(0.95);pointer-events:none;transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition-property:opacity, transform}.game-container.--generated .game-input-area{opacity:0;transform:scale(0.95);pointer-events:none;transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;transition-property:opacity, transform}.game-container.--generated .game-input-area *{pointer-events:none}@keyframes grbtm{0%{transform:translate(-50%, 50%) scale(1);opacity:0.7}50%{transform:translate(-50%, 50%) scale(1.75);opacity:1}100%{transform:translate(-50%, 50%) scale(1);opacity:0.7}}@keyframes scale-intro{0%{transform:scale(1.2)}100%{transform:scale(1)}}.game-main-area,.game-story-area{flex:1;padding-top:64px;padding-bottom:80px;overflow:hidden}.game-main-area:before,.game-main-area:after,.game-story-area:before,.game-story-area:after{content:"";display:block;width:100%;height:10vh;background-color:#000;position:absolute;left:0;transition:transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);transform:scaleY(0)}.game-main-area:before,.game-story-area:before{top:0;transform-origin:left top}.game-main-area:after,.game-story-area:after{bottom:0;transform-origin:left bottom}@media (min-width: 740px){.game-main-area,.game-story-area{padding-bottom:clamp(100px, 15vh, 150px)}}@media (min-width: 980px){.game-main-area,.game-story-area{padding-bottom:50px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-main-area,.game-story-area{padding-bottom:100px}}@media (min-width: 1380px){.game-main-area,.game-story-area{padding-top:52px}}@media (min-width: 1700px){.game-main-area,.game-story-area{padding-bottom:120px}}.game-main-area .container,.game-main-area .container-s,.game-story-area .container,.game-story-area .container-s{height:100%;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1100px){.game-main-area .container,.game-main-area .container-s,.game-story-area .container,.game-story-area .container-s{justify-content:flex-end}}.game-main-area.--type-write,.game-story-area.--type-write{padding-bottom:120px}.game-main-area.--type-write>.container,.game-story-area.--type-write>.container{position:relative;justify-content:center}@media (min-width: 0) and (max-width: 979px){.game-main-area.--type-write,.game-story-area.--type-write{display:flex;padding-top:0}}@media (min-width: 740px){.game-main-area.--type-write,.game-story-area.--type-write{padding-bottom:clamp(100px, 15.5vh, 180px)}}@media (min-width: 1100px){.game-main-area.--type-write,.game-story-area.--type-write{padding-bottom:calc(6vh + 100px)}}@media (min-width: 1700px){.game-main-area.--type-write,.game-story-area.--type-write{padding-bottom:calc(6vh + 120px)}}.game-main-area.--type-write .chat-item.self,.game-story-area.--type-write .chat-item.self{display:none}.count-board{position:relative;padding:0;display:inline-flex;width:max-content}.count-board .wrapper{display:flex;position:relative;isolation:isolate;padding:4px 1em 5px}.count-board .wrapper:before{content:"";display:block;width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,0.5);left:0;border-radius:10px;top:0}.count-board h6{color:#b0ffc3;font-style:italic;position:relative;z-index:1;font-size:1em}.count-board .count{margin-left:1em;color:#55ff7c;position:relative;z-index:1}.count-board .count strong{font-weight:bold}.count-board:before,.count-board:after{content:"";display:block;position:absolute;height:110%;width:3em;top:-5%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;background-color:#b0ffc3;z-index:9}.count-board:before{left:0;-webkit-mask-image:url("../images/deco-frame-left.svg");-webkit-mask-position:left center}.count-board:after{right:0;-webkit-mask-image:url("../images/deco-frame-right.svg");-webkit-mask-position:right center}.--type-ii-mode .game-main-area{padding-bottom:10px}@media (min-width: 740px){.--type-ii-mode .game-main-area{padding-bottom:10px}}.--type-ii-mode .game-main-area .container,.--type-ii-mode .game-main-area .container-s{justify-content:flex-start}.--type-ii-mode .game-input-area.--mcq-mode{position:relative;height:initial;padding-bottom:10px;padding-top:10px}@media (min-width: 0) and (max-width: 979px){.--type-ii-mode .game-input-area.--mcq-mode{background-color:rgba(0,0,0,0.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.--type-ii-mode .chat-item{margin-top:0}.--type-ii-mode .chat-item .chat-item-container{background:linear-gradient(to bottom, rgba(255,255,255,0), #fff);border-radius:0 0 12px 12px;padding-top:10px}@media (min-width: 740px){.--type-ii-mode .chat-item .chat-item-container{padding-top:3vh}}@media (min-width: 0) and (max-width: 979px){.--type-ii-mode .chat-item .avatar{display:none}}@media (min-width: 0) and (max-width: 739px){.--type-betalayout-mode .game-main-area{padding-top:64px;padding-bottom:80px;overflow:hidden}.--type-betalayout-mode .chat-item.self{margin-top:10px}.--type-betalayout-mode .chat-item.self .chat-item-container{margin-left:-10px;width:calc(100% + 20px);border-radius:0;background:none;backdrop-filter:initial;-webkit-backdrop-filter:initial}.--type-betalayout-mode .chat-item.self .chat-item-container:before{border-radius:0}.--type-betalayout-mode .chat-item.self .chat-item-container:after{background:linear-gradient(to bottom, rgba(41,136,84,0.7) 0%, rgba(109,211,155,0) 70%);bottom:initial;top:1px;height:50vh;z-index:1;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.--type-betalayout-mode .chat-item.self .content{padding:20px;z-index:3}.--type-betalayout-mode .chat-item.self .avatar{display:none}}.copyright{position:absolute;font-size:11px;position:absolute;left:50%;bottom:15px;color:#fff;opacity:0.3;font-family:"Nunito",sans-serif;transform:translateX(-50%);letter-spacing:1px;user-select:none;-moz-user-select:none;-webkit-user-select:none;text-align:center;white-space:nowrap;display:none}.--warning .chat-item.npc .chat-item-container{isolation:isolate}.--warning .chat-item.npc .chat-item-container .avatar{z-index:4}.--warning .chat-item.npc .chat-item-container .content{z-index:3}.--warning .chat-item.npc .chat-item-container::before{height:60%;z-index:1;background:linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0))}.--warning .chat-item.npc .chat-item-container::after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from var(--a), #4cf5a7, #bb7fff, #ffe15b, #f6db9c, #55ff7c);border-radius:20px;animation:rotating 4s linear infinite;filter:blur(40px);opacity:0.75;width:100%;height:100%;z-index:-1}.--warning .game-bg-area:before{clip-path:circle(100% at 50% 50%);opacity:1}.--warning .game-bg-area .bg{animation:momomo 1.3s linear infinite}@keyframes momomo{0%{transform:scale(1)}25%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes warning{0%{opacity:0.8}50%{opacity:1}100%{opacity:0.8}}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotating{0%{--a: 0deg}100%{--a: 360deg}}.layout-sci{position:relative}.layout-sci:before,.layout-sci:after{content:"";display:block;width:100%;height:calc(100% - 12px);position:absolute;z-index:-1;left:0;background-color:rgba(0,0,0,0.6)}.layout-sci:before{top:0;-webkit-mask-image:url("../images/mask-top.svg");mask-image:url("../images/mask-top.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-position:left top;mask-position:left top;background-color:rgba(0,0,0,0.6)}.layout-sci:after{bottom:0;-webkit-mask-image:url("../images/mask-bottom.svg");mask-image:url("../images/mask-bottom.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-position:left bottom;mask-position:left bottom;height:12px}.notebook-ul{font-size:0.875em;border-radius:12px;margin:0 0 10px}@media (min-width: 740px){.notebook-ul{margin:0 0 15px}}@media (min-width: 1700px){.notebook-ul{margin:0 0 20px}}.notebook-ul li{padding-left:15px;line-height:1.25em;padding-bottom:10px;position:relative}.notebook-ul li:before{content:"";display:block;width:6px;height:6px;flex-shrink:0;background-color:#21bc9b;border-radius:50%;position:absolute;left:0;top:0.7em;transform:translateY(-50%)}@media (min-width: 740px){.notebook-ul li:before{top:0.7em}}.notebook-ul li:first-of-type{border:none;display:flex;padding:0 0 8px 0}.notebook-ul li:first-of-type:before{display:none}.notebook-ul .text-second{opacity:0.7;font-weight:normal;font-size:0.875em;font-style:italic}.notebook-ul .title{font-family:"Nunito",sans-serif;font-size:1.25em;font-weight:bold}.vocabulary{display:flex;align-items:center}.vocabulary strong{font-weight:bold;font-size:1.25em;cursor:default !important}.vocabulary .btn{margin-left:10px}.question{margin:10px 0}.question>p{padding-bottom:3px;position:relative;line-height:1.25em;font-weight:bold}.question ul{display:flex;flex-wrap:wrap}.question li{display:flex;align-items:center;padding:2px 0.5em 2px 0}@media (min-width: 0) and (max-width: 979px){.question li{width:100%}}.question li:before{content:attr(data-order);display:inline-block;width:1.5em;height:1.5em;border-radius:50%;background-color:#000;color:#4cf5a7;display:flex;align-items:center;justify-content:center;font-size:0.8125em;font-weight:bold;padding-bottom:1px;box-sizing:border-box;margin-right:5px}@media (min-width: 980px){.question.w50 li{width:50%}}.score-gen2{width:100%}@media (min-width: 980px){.score-gen2{width:70%}}.score-item{display:flex;flex-direction:column;align-items:flex-start}.score-item .big{display:flex;align-items:center;justify-content:center;position:relative;padding:25px 0 22px;width:100%;isolation:isolate;background-color:#ffea28;color:#000}.score-item .big:before,.score-item .big:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(to top, #4b4218, rgba(139,123,53,0));z-index:-2;display:none}.score-item .big:before{z-index:-1;background:none;border-top:1px solid #4b4218;border-bottom:1px solid #4b4218;display:none}.score-item .big .fancy-font{font-style:normal;font-weight:bold;display:flex;align-items:flex-end;line-height:0.7em;margin:0;padding:0.05em 0 0 0;color:#000}.score-item .big span{font-size:0.3em;opacity:0.8;display:block;line-height:1em;margin:0.05em 0.5em}.score-item .summarize{font-style:normal;background:linear-gradient(to bottom, #ffe1c5 0%, #fff 50%, #f3b45b 50.1%, #ffe3aa 100%);background:-webkit-linear-gradient(to bottom, #ffe1c5 0%, #fff 50%, #f3b45b 50.1%, #ffe3aa 100%);background-clip:text;-webkit-background-clip:text;text-align:center;font-size:5vh;color:transparent;width:100%;margin-bottom:10px}.score-item .advantage{display:flex;padding-top:1em;flex-wrap:wrap;justify-content:center;width:100%}.score-item .advantage li{color:#f6db9c;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 1em 0.5em 0}@media (min-width: 980px){.score-item .advantage li{width:initial}}.score-item .advantage li:before{-webkit-mask-size:auto 100%;-webkit-mask-position:65.31% 0;background-color:#bca46a;width:1.5em;height:1.5em;margin-right:5px}.score-item .real{border:1px solid #5b4d2c;background-color:rgba(91,77,44,0.5);padding:10px 20px;border-radius:12px 0 0 12px;color:#f6db9c}.score{display:flex;flex-direction:column;width:88%;z-index:9}@media (min-width: 980px){.score{width:70%;max-width:560px}}@media (min-width: 1700px){.score{width:64%;max-width:640px}}.score li{display:flex;justify-content:space-between;align-items:center;font-family:"Nunito",sans-serif;margin-bottom:0;border-bottom:1px solid rgba(91,77,44,0.6);background:linear-gradient(to right, rgba(91,77,44,0.4), rgba(91,77,44,0));padding:0 0.5em;border-radius:0;transition:opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}@media (min-width: 740px){.score li{margin-bottom:4px;border-radius:10px;border:1px solid rgba(91,77,44,0.3);background:linear-gradient(to right, rgba(91,77,44,0.3), rgba(91,77,44,0))}}@media (min-width: 1700px){.score li{margin-bottom:6px}}.score li:nth-of-type(1){transition-delay:.5s}.score li:nth-of-type(2){transition-delay:.7s}.score li:nth-of-type(3){transition-delay:.9s}.score li:nth-of-type(4){transition-delay:1.1s}.score li:nth-of-type(5){transition-delay:1.3s}.score li:nth-of-type(6){transition-delay:1.5s}.score li:nth-of-type(7){transition-delay:1.7s}.score li:nth-of-type(8){transition-delay:1.9s}.score li:nth-of-type(9){transition-delay:2.1s}.score li:nth-of-type(10){transition-delay:2.3s}.score li.big{background:none}@media (min-width: 740px){.score li.big{background:linear-gradient(to top, rgba(91,77,44,0.3), rgba(91,77,44,0));border-radius:10px;border:none}}.score li.btn-area{background:none;border:none;justify-content:flex-end;padding:10px 0 0}.score .field{font-size:0.875em;color:#bca46a;padding-right:1em;font-style:italic}.score .value strong{font-size:1.25em;color:#f6db9c}.score .value span{font-size:0.875em;opacity:0.5}.swiper-ctrl{display:flex;align-items:center;justify-content:center}.swiper-ctrl .swiper-button-prev,.swiper-ctrl .swiper-button-next{position:relative;margin:0;width:50px;height:50px;background-color:rgba(6,75,40,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#4cf5a7;border-radius:5px 0 0 5px;left:initial;top:initial;right:initial;bottom:initial;border:1px solid rgba(203,225,233,0.2);isolation:isolate;box-sizing:border-box;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:border-color, background-color, opacity, box-shadow;box-shadow:rgba(0,0,0,0.3) 0px 0px 29px 0px}@media (min-width: 0) and (max-width: 979px){.swiper-ctrl .swiper-button-prev,.swiper-ctrl .swiper-button-next{border-radius:0 10px 10px 0}.swiper-ctrl .swiper-button-prev:before,.swiper-ctrl .swiper-button-next:before{border-radius:0 10px 10px 0}}@media (min-width: 740px){.swiper-ctrl .swiper-button-prev,.swiper-ctrl .swiper-button-next{width:100px;height:70px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.swiper-ctrl .swiper-button-prev,.swiper-ctrl .swiper-button-next{height:80px}}@media (min-width: 1700px){.swiper-ctrl .swiper-button-prev,.swiper-ctrl .swiper-button-next{width:130px}}.swiper-ctrl .swiper-button-prev span,.swiper-ctrl .swiper-button-next span{font-family:"Nunito",sans-serif}.swiper-ctrl .swiper-button-prev:before,.swiper-ctrl .swiper-button-prev:after,.swiper-ctrl .swiper-button-next:before,.swiper-ctrl .swiper-button-next:after{box-sizing:border-box;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:border-color, background-color, opacity, box-shadow, transform}.swiper-ctrl .swiper-button-prev:before,.swiper-ctrl .swiper-button-next:before{display:block;content:"";width:calc(100% - 4px);height:50%;border-radius:2px 0 0 0;position:absolute;left:2px;top:2px;background:linear-gradient(to top, rgba(76,245,167,0.3), rgba(76,245,167,0));z-index:1;opacity:0.6}.swiper-ctrl .swiper-button-prev:after,.swiper-ctrl .swiper-button-next:after{font-size:22px;position:relative;z-index:3;color:#4cf5a7}@media (hover: hover){.swiper-ctrl .swiper-button-prev:hover,.swiper-ctrl .swiper-button-next:hover{background-color:rgba(4,27,47,0.8);color:#55ff7c;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;border-color:rgba(203,225,233,0.8)}.swiper-ctrl .swiper-button-prev:hover:before,.swiper-ctrl .swiper-button-next:hover:before{opacity:1}.swiper-ctrl .swiper-button-prev:hover:after,.swiper-ctrl .swiper-button-next:hover:after{transform:scale(1.375);color:#b0ffc3}}.swiper-ctrl .swiper-button-next{border-radius:0 5px 5px 0;margin-left:1px}.swiper-ctrl .swiper-button-next:before{border-radius:0 2px 0 0}@media (min-width: 0) and (max-width: 979px){.swiper-ctrl .swiper-button-next{border-radius:10px 0 0 10px}.swiper-ctrl .swiper-button-next:before{border-radius:10px 0 0 10px}}.swiper-ctrl.--white .swiper-button-prev,.swiper-ctrl.--white .swiper-button-next{background-color:#fff;border:1px solid rgba(176,255,195,0.5);box-shadow:rgba(50,50,50,0.3) 0px 0px 29px 0px}.swiper-ctrl.--white .swiper-button-prev:before,.swiper-ctrl.--white .swiper-button-next:before{background:linear-gradient(to top, rgba(176,255,195,0.5), rgba(255,255,255,0))}.swiper-ctrl.--white .swiper-button-prev:after,.swiper-ctrl.--white .swiper-button-next:after{color:#064b28}@media (hover: hover){.swiper-ctrl.--white .swiper-button-prev:hover,.swiper-ctrl.--white .swiper-button-next:hover{background-color:#fff;color:#000;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;border-color:rgba(176,255,195,0.3)}.swiper-ctrl.--white .swiper-button-prev:hover:before,.swiper-ctrl.--white .swiper-button-next:hover:before{opacity:1}.swiper-ctrl.--white .swiper-button-prev:hover:after,.swiper-ctrl.--white .swiper-button-next:hover:after{color:#000}}.swiper-ctrl.--text .swiper-button-prev,.swiper-ctrl.--text .swiper-button-next{background-color:rgba(0,0,0,0.2);box-shadow:rgba(50,50,50,0) 0px 0px 29px 0px;width:initial}.swiper-ctrl.--text .swiper-button-prev span,.swiper-ctrl.--text .swiper-button-next span{font-size:20px;color:#fff;padding:0 0.5em;display:block;user-select:none;-moz-user-select:none;-webkit-user-select:none}@media (min-width: 740px){.swiper-ctrl.--text .swiper-button-prev span,.swiper-ctrl.--text .swiper-button-next span{padding:0 1em;font-size:clamp(20px, 3.5vh, 64px)}}.swiper-ctrl.--text .swiper-button-prev:before,.swiper-ctrl.--text .swiper-button-next:before{background:linear-gradient(to top, rgba(255,255,255,0.3), rgba(255,255,255,0))}.swiper-ctrl.--text .swiper-button-prev:after,.swiper-ctrl.--text .swiper-button-next:after{color:#064b28;display:none}@media (hover: hover){.swiper-ctrl.--text .swiper-button-prev:hover,.swiper-ctrl.--text .swiper-button-next:hover{background-color:rgba(255,255,255,0.8);box-shadow:initial;border-color:transparent}.swiper-ctrl.--text .swiper-button-prev:hover span,.swiper-ctrl.--text .swiper-button-next:hover span{color:#062a48}.swiper-ctrl.--text .swiper-button-prev:hover:after,.swiper-ctrl.--text .swiper-button-next:hover:after{color:#000}}.sci-frame{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:5px !important;width:100%;position:relative;isolation:isolate;background-color:rgba(0,0,0,0.3)}.sci-frame .deco-top{display:none}.sci-frame:before,.sci-frame:after{content:"";display:block;position:absolute;opacity:1;pointer-events:none;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);box-sizing:border-box}.sci-frame:after{width:calc(100% - 4px);height:50%;left:2px;top:2px;border-radius:2px;z-index:1;background:linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0));display:none}.sci-frame:before{width:calc(100% + 10px);height:calc(100% + 10px);left:-5px;top:-5px;border-radius:5px;z-index:1}@keyframes frameshadow{0%{box-shadow:#cef 0px 0px 5px,#4d5b90 0px 0px 10px,#4778ab 0px 0px 15px,#9cdbf6 0px 0px 20px}50%{box-shadow:#cef 0px 0px 10px,#4d5b90 0px 0px 20px,#4778ab 0px 0px 30px,#9cdbf6 0px 0px 40px}100%{box-shadow:#cef 0px 0px 5px,#4d5b90 0px 0px 10px,#4778ab 0px 0px 15px,#9cdbf6 0px 0px 20px}}.sci-form-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid rgba(255,255,255,0.3);padding:0 10px;position:relative;margin-bottom:10px;isolation:isolate;overflow:hidden;box-sizing:border-box;height:50px;flex-shrink:0}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.sci-form-item{padding:0 15px 5px;margin-bottom:clamp(15px, 2.5vh, 20px);height:60px}}.sci-form-item:before{content:"";display:block;width:calc(100% - 4px);height:calc(100% - 1px);background:linear-gradient(to bottom, rgba(2,15,27,0.4) 10%, rgba(4,34,57,0.4) 60%, rgba(176,255,195,0.1) 100%);position:absolute;left:2px;top:0;z-index:-1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-bottom:0}.sci-form-item:after{content:"";display:block;width:100%;height:10px;border-left:1.5px solid rgba(255,255,255,0.3);border-right:1.5px solid rgba(255,255,255,0.3);position:absolute;left:0;bottom:0;box-sizing:border-box}.sci-form-item.btn-area{border:none;padding-left:0;padding-right:0;margin-bottom:0}.sci-form-item.btn-area:after{display:none}.sci-form-item .field{color:#b0ffc3;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;font-size:1.125em;white-space:nowrap}@media (min-width: 740px){.sci-form-item .field{font-size:1.125em}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.sci-form-item .field{font-size:1.25em}}.sci-form-item input,.sci-form-item select{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;text-align:right;color:#fff;font-size:1.125rem;width:100%;line-height:1.25em}@media (min-width: 740px){.sci-form-item input,.sci-form-item select{font-size:1.125rem}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.sci-form-item input,.sci-form-item select{font-size:1.25rem}}.sci-form-item input::placeholder,.sci-form-item select::placeholder{color:#fff;opacity:1}.sci-form-item input::-moz-placeholder,.sci-form-item select::-moz-placeholder{color:#fff;opacity:1}.sci-form-item input:-ms-input-placeholder,.sci-form-item select:-ms-input-placeholder{color:#fff}.sci-form-item input::-ms-input-placeholder,.sci-form-item select::-ms-input-placeholder{color:#fff}.sci-form-item select{background:url("../images/select-white.svg") no-repeat center right 5px;background-size:auto 6px}.sci-form-item option{color:#000}.divider-text{width:100%;padding:1em;display:flex;align-items:center;justify-content:center;color:#b0ffc3;white-space:nowrap;letter-spacing:2px;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}.divider-text:before,.divider-text:after{content:"";display:block;width:100%;height:1px;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}.divider-text:before{background-color:#fff;transform-origin:left center;margin-right:0.5em;background:linear-gradient(to left, #d0ddd5, rgba(156,219,246,0))}.divider-text:after{background-color:#fff;transform-origin:right center;margin-left:0.5em;background:linear-gradient(to right, #d0ddd5, rgba(156,219,246,0))}.markdown-wrapper .speech strong{font-weight:bold;font-size:inherit}@media (min-width: 980px){.markdown-wrapper .speech strong{font-size:clamp(17px, 2.2vh, 22px)}}.markdown-wrapper .speech .btn-multi-play{display:inline-flex;vertical-align:bottom;margin:0 5px;border-radius:30px}.markdown-wrapper .speech .btn-multi-play .audio-ctrl{min-width:60px}.markdown-wrapper .speech .btn-multi-play .audio-ctrl .play,.markdown-wrapper .speech .btn-multi-play .audio-ctrl .pause{width:100%;justify-content:center}.notebook-ul .btn-multi-play{display:inline-flex;vertical-align:bottom;margin:0 5px;border-radius:30px}.notebook-ul .btn-multi-play .audio-ctrl{min-width:60px}.notebook-ul .btn-multi-play .audio-ctrl .play,.notebook-ul .btn-multi-play .audio-ctrl .pause{width:100%;justify-content:center}.game-popup-area{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;background-color:rgba(17,17,17,0.7);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#fff;opacity:0;pointer-events:none;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity;z-index:99}.game-popup-area.for-end-score,.game-popup-area.for-share{background-color:rgba(17,17,17,0.4);z-index:10}.game-popup-area.for-instantbox{background-color:transparent;backdrop-filter:initial;-webkit-backdrop-filter:initial}.game-popup-area .fn-area{position:absolute;left:0;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:20px}@media (min-width: 740px){.game-popup-area .fn-area{padding-bottom:40px}}.game-popup-area .btn-close{position:absolute;right:15px;width:40px;height:40px;top:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;background-color:#4cf5a7;border-radius:50%;transition:transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}@media (min-width: 740px){.game-popup-area .btn-close{right:25px;top:25px}}@media (min-width: 1380px){.game-popup-area .btn-close{width:48px;height:48px}}.game-popup-area .btn-close .icon{transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transform:scale(0.7)}.game-popup-area .btn-close .icon:before{background-color:#000}@media (hover: hover){.game-popup-area .btn-close:hover{transform:scale(1.125)}.game-popup-area .btn-close:hover .icon{opacity:1}}.game-popup-area .popup-container{height:100%;display:flex;align-items:center;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;transition-property:opacity, transform;opacity:0;transform:translateY(50px)}.game-popup-area .popup-container>.container{height:initial}.game-popup-area .feedback{color:#bca46a;font-size:0.875em;position:absolute;pointer-events:none;opacity:0;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate(-50%, -50%)}@media (min-width: 0) and (max-width: 979px){.game-popup-area .feedback{padding:20px;font-size:0.75em}}.game-popup-area.--active{pointer-events:auto;opacity:1}.game-popup-area.--active .popup-container{opacity:1;transform:none}@media (min-width: 0) and (max-width: 979px){.collect-item{display:flex;flex-direction:column-reverse}}.collect-item .fz-B{display:flex;color:#55ff7c;margin-bottom:0.5em}.collect-item .fz-B .icon{margin-left:10px;display:block}.collect-item .fz-B .icon:before{background-color:#55ff7c}.collect-item .count-board{margin-bottom:0.5em}.collect-item .system-text{margin-bottom:10px}@media (min-width: 980px){.collect-item .system-text{margin-bottom:15px}}.collect-item .system-text p{font-size:1em;font-style:italic;color:#b0ffc3}@media (min-width: 1380px){.collect-item .system-text p{font-size:1.125em}}@media (min-width: 980px){.collect-item{display:flex}}@media (min-width: 980px){.collect-item .img-holder{flex:1}}@media (min-width: 980px){.collect-item .text-holder{flex:1;padding-right:10px}}.end-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}@media (min-width: 0) and (max-width: 979px){.end-container{justify-content:flex-start;padding-top:10%}}.end-container .scene{position:relative;perspective:600px}.end-container .scene .card{padding:8px;position:relative;transform-style:preserve-3d;will-change:transform;transition:transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);cursor:pointer;background:linear-gradient(to bottom, #a97e56, #dcb579 50%, #ffdca7 50.1%, #9b7450 100%);border-radius:8px;display:flex;justify-content:center;align-items:center;box-shadow:rgba(0,0,0,0.25) 0px 54px 55px,rgba(0,0,0,0.12) 0px -12px 30px,rgba(0,0,0,0.12) 0px 4px 6px,rgba(0,0,0,0.17) 0px 12px 13px,rgba(0,0,0,0.09) 0px -3px 5px;margin-top:5vh}@media (min-width: 980px){.end-container .scene .card{margin-top:0}}.end-container .scene .card .img{border-radius:6px;box-shadow:rgba(249,212,157,0.3) 0px 10px 15px -3px,rgba(220,181,121,0.05) 0px 4px 6px -2px;height:40vh}@media (min-width: 980px){.end-container .scene .card .img{height:50vh}}.end-container .scene .card .img:before{padding-bottom:initial;padding-left:40vh}@media (min-width: 980px){.end-container .scene .card .img:before{padding-left:50vh}}.end-container .scene .card .text{font-weight:bold;font-size:1em;padding-top:0.75em;padding-bottom:0.5em;color:#2f281e}.end-container .scene .card .content{width:100%;text-align:center}.end-container .end-frame{width:100%;height:clamp(200px, 48vh, 1200px);display:flex;background-color:rgba(17,17,17,0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;justify-content:space-between}@media (min-width: 0) and (max-width: 979px){.end-container .end-frame{backdrop-filter:initial;-webkit-backdrop-filter:initial;flex-direction:column;height:80%;background:linear-gradient(to bottom, rgba(17,17,17,0.7), rgba(17,17,17,0))}}.end-container .end-frame:before,.end-container .end-frame:after{content:"";display:block;width:100%;height:5px;position:absolute}@media (min-width: 0) and (max-width: 739px){.end-container .end-frame:before,.end-container .end-frame:after{display:none}}.end-container .end-frame:before{top:0;background:linear-gradient(to right, #99f29c 10%, #98c16a, #fff, #fac363 90%)}.end-container .end-frame::after{bottom:0;background:linear-gradient(to right, #52a7d3 10%, #86df9a 90%)}.end-container .left{position:relative}@media (min-width: 0) and (max-width: 979px){.end-container .left{display:none}}.end-container .left .avatar{height:100%;padding-top:50px;clip-path:polygon(0 0, 100% 0, 70% 100%, 0% 100%);position:relative;isolation:isolate}@media (min-width: 980px){.end-container .left .avatar{max-width:50vh}}.end-container .left .avatar:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;background:linear-gradient(10deg, #99f29c 10%, rgba(153,242,156,0) 80%);z-index:-1;transform-origin:left bottom;animation:lighting 1.5s linear infinite}.end-container .left .avatar .img{height:100%;position:relative;z-index:2}.end-container .left .avatar .img:before{padding-bottom:initial}@media (min-width: 980px){.end-container .left{flex:2}}.end-container .center{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:3}@media (min-width: 980px){.end-container .center{flex:3}}.end-container .top-bar{position:absolute;font-size:5vh;font-style:italic;font-weight:bold;transform:translateY(-55%);width:100%;text-align:center;animation:floating 3s linear infinite;color:#ffffff;left:0;top:0;text-shadow:0 -3px 8px #5e3b07, 0 -5px 15px #ff0, 0 -10px 20px #ff8000;z-index:5}@media (min-width: 980px){.end-container .top-bar{font-size:8vh}}.end-container .bottom-bar{transform:translateY(50%)}.end-container .right{display:flex;align-items:center;justify-content:center}@media (min-width: 0) and (max-width: 979px){.end-container .right{padding-bottom:10px}}@media (min-width: 980px){.end-container .right{flex:2}}.end-container .right .chart-holder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.end-container .right .img{width:70%}.end-container .right .img:before{padding-bottom:84%}.end-container .memo{position:absolute;display:block;color:#fff;z-index:9;max-width:clamp(200px, 20vw, 320px);padding:10px;left:52%;bottom:30%;background:rgba(255,255,255,0.7);border-radius:0 12px 12px 12px;box-shadow:0 4px 15px rgba(0,0,0,0.5);backdrop-filter:blur(10px);transform:translateY(50%);color:#000;animation:memofloating 3s linear infinite}.end-container .memo p{font-size:0.9375em}@media (min-width: 1700px){.end-container .memo p{font-size:1.125em}}.end-container .memo::before{content:"";position:absolute;top:-12px;left:0;width:0px;height:0px;border-style:solid;border-width:12px 0 0 30px;border-color:transparent transparent transparent rgba(255,255,255,0.7);transform:rotate(0deg)}.end-container .highlight{height:30vh;left:0;top:0;transform:translateY(-50%)}@media (min-width: 0) and (max-width: 979px){.end-container .highlight{top:76%}}@media (min-width: 980px){.end-container .highlight{height:28%}}.end-container .highlight.for-bottom{top:initial;bottom:0;animation:highlightscalebottom 6s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;transform:translateY(50%)}@media (min-width: 980px){.end-container .highlight.for-bottom{height:40%}}.fancy-font{font-style:italic;font-weight:bold;text-align:center;font-family:"Nunito",sans-serif;color:#ffffff;text-shadow:0 -3px 8px #5e3b07, 0 -5px 15px #ff0, 0 -10px 20px #ff8000;z-index:5;line-height:1em}.fancy-font.--small{font-size:1.75em}.fancy-font.--large{font-size:3em;padding-top:0.1em}@media (min-width: 0) and (max-width: 979px){.fancy-font{font-size:clamp(30px, 6vh, 64px)}.fancy-font.--large{font-size:clamp(30px, 7vh, 64px)}}@media (min-width: 980px){.fancy-font{font-size:6vh}.fancy-font.--large{font-size:8vh;line-height:1em}.fancy-font.--middle{font-size:5vh;padding-top:0.03em}.fancy-font.--small{font-size:clamp(18px, 2.5vh, 24px)}}@media (min-width: 1380px){.fancy-font{font-size:8vh}.fancy-font.--large{font-size:9vh;line-height:1em}.fancy-font.--middle{font-size:5vh;padding-top:0.03em}.fancy-font.--small{font-size:4vh}}@keyframes memofloating{0%{transform:translateY(50%)}50%{transform:translateY(55%)}100%{transform:translateY(50%)}}@keyframes highlightscale{0%{transform:translateY(-50%) scaleY(1)}52%{transform:translateY(-50%) scaleY(0.8)}100%{transform:translateY(-50%) scaleY(1)}}@keyframes highlightscalebottom{0%{transform:translateY(50%) scaleY(1)}52%{transform:translateY(50%) scaleY(0.8)}100%{transform:translateY(50%) scaleY(1)}}@keyframes floating{0%{transform:translateY(-52%)}52%{transform:translateY(-57%)}100%{transform:translateY(-52%)}}@keyframes lighting{0%{transform:scaleY(1);opacity:1}52%{transform:scaleY(0.85);opacity:0.7}100%{transform:scaleY(1);opacity:1}}.ray{position:absolute;left:-1em;right:-1em;top:-1em;bottom:-1em;margin:auto;padding:0;width:0;height:0;list-style:none;animation:20s rayrotate infinite linear;mix-blend-mode:color}.ray li,.ray li:before,.ray li:after{position:absolute;border:0 solid transparent;border-width:1.2em 20em;border-color:transparent #91853f;width:0;height:0;font-size:20px;font-size:60px}.ray li{left:-20em;top:50%;margin-top:-1.2em;transform:rotate(0.1deg)}.ray li:before,.ray li:after{left:-20em;top:-1.2em;display:block;content:""}.ray li:before{transform:rotate(60deg)}.ray li:after{transform:rotate(-60deg)}.ray li:nth-child(2){transform:rotate(15deg)}.ray li:nth-child(3){transform:rotate(30deg)}.ray li:nth-child(4){transform:rotate(45deg)}@keyframes rayrotate{100%{transform:rotate(360deg)}}.dialogue-container{width:100%;height:100%;padding:30px 20px;display:flex;align-items:center;justify-content:center}.dialogue-container .tips{font-size:0.75em;display:flex;align-items:center;color:#064b28;padding-top:8px;margin-top:10px}.dialogue-container .tips .icon{margin:3px 5px 0 0}.dialogue-container .tips .icon:before{background-color:#064b28;width:20px;height:20px}.dialogue-container .target{font-size:1.25em;padding:10px 10px 0}.dialogue-container .target .target-content{background-color:#fff;box-shadow:rgba(76,245,167,0.4) 0px 4px 12px;border:1px solid #4cf5a7;border-radius:12px;padding:10px}@media (min-width: 0) and (max-width: 575px){.dialogue-container .target .target-content p,.dialogue-container .target .target-content li{font-size:1em}}@media (min-width: 1380px){.dialogue-container .target .target-content{padding:15px}}@media (min-width: 740px){.dialogue-container .target{padding:17.5px 17.5px 0}}@media (min-width: 1380px){.dialogue-container .target{padding:25px 25px 0}}.dialogue-container .advice{padding:10px}@media (min-width: 740px){.dialogue-container .advice{padding:17.5px 17.5px}}@media (min-width: 1380px){.dialogue-container .advice{padding:25px 25px}}.dialogue-container .container{background:linear-gradient(to bottom, rgba(255,255,255,0.15), rgba(255,255,255,0.7) 25vh);border-radius:12px;padding:0;overflow-y:auto;box-shadow:rgba(0,0,0,0.1) 0px 4px 12px;color:#000}@media (min-width: 740px){.dialogue-container .container{width:clamp(500px, 60vw, 960px)}}@media (min-width: 0) and (max-width: 979px){.for-share .right{padding-top:10px}}@media (min-width: 980px){.for-share .right{justify-content:flex-start}}.for-share .score{width:88%}@media (min-width: 1380px){.for-share .score{width:88%}}@media (min-width: 1700px){.for-share .score{width:80%}}.for-end-score .right{display:none}@media (min-width: 980px){.for-end-score .center{flex:5;padding-right:5vw}}@media (min-width: 1380px){.for-end-score .fancy-font.--small{font-size:6vh}}.for-share .avatar,.for-end-score .avatar{opacity:0;transform:translateX(-100px);transition:opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s}.for-share .score li,.for-end-score .score li{opacity:0;transform:translateX(-100px) skewX(20deg) scale(1.25)}.for-share.--active .score li,.for-end-score.--active .score li{opacity:1;transform:none}.for-share.--active .avatar,.for-end-score.--active .avatar{opacity:1;transform:none}.for-dialogue{background:linear-gradient(to bottom, rgba(209,209,209,0.7), rgba(209,209,209,0.5))}.for-dialogue .popup-container{width:100%}.for-dialogue .avatar{position:absolute;width:30vw;right:-5vw;bottom:0;transform:translateY(40px);opacity:0;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)}@media (min-width: 740px){.for-dialogue .avatar{width:clamp(300px, 26vw, 500px);right:initial;left:50%;margin-left:clamp(300px, 38vw, 560px);transform:translate(-50%, 40px)}}.for-dialogue .avatar .img:before{padding-bottom:112.5%}@media (min-width: 740px){.for-dialogue .btn-close{right:initial;left:50%;top:10px;margin-left:clamp(250px, 30vw, 480px);transform:translateX(-50%)}}.for-dialogue .btn-close .icon:before{background-color:#000}@media (hover: hover){.for-dialogue .btn-close:hover{transform:translateX(-50%) scale(1.125)}}.for-dialogue.--active .avatar{transform:none;opacity:1;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s}@media (min-width: 740px){.for-dialogue.--active .avatar{transform:translate(-50%, 0)}}.for-loading{background:radial-gradient(circle, rgba(32,32,32,0.3) 20%, #000 90%)}.for-loading .popup-container{transform:none}.for-instantbox.--active{pointer-events:none}.for-instantbox .popup-container{flex-direction:column;justify-content:flex-end}@media (min-width: 0) and (max-width: 739px){.for-instantbox .popup-container{padding:10px}}@media (min-width: 740px){.for-instantbox .popup-container{padding:10px 10vw 2.5vh}}@media (min-width: 980px){.for-instantbox .popup-container{padding:2.5vh 18vw}}.for-instantbox .btn-area{padding-top:10px;flex-shrink:0}@media (min-width: 740px){.for-instantbox .btn-area{min-width:180px;padding:0}}.for-instantbox .btn{width:100%;white-space:nowrap}.for-instantbox .container{padding-left:0;padding-right:0}@media (min-width: 740px){.for-instantbox .container{flex-direction:row;justify-content:space-between;align-items:flex-end}}.for-instantbox .information{padding-right:1em}.for-instantbox .instantbox-container{padding:15px;background-color:rgba(255,255,255,0.7);background:linear-gradient(to bottom, #fff, #ccc);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#064b28;border-radius:12px;width:100%;box-shadow:rgba(0,0,0,0.3) 0px 0px 20px 0px}@media (min-width: 740px){.for-instantbox .instantbox-container{width:100%;box-shadow:rgba(0,0,0,0.3) 0px 7px 29px 0px}}@media (min-width: 1380px){.for-instantbox .instantbox-container{padding:20px}}.for-instantbox.--active{pointer-events:none}.for-instantbox.--active .instantbox-container{pointer-events:auto}.modal-container{display:flex;flex-direction:column;width:88%;padding:20px 0;border-radius:12px;color:#b0ffc3;font-size:1.125em}.modal-container>div{text-align:center}@media (min-width: 576px){.modal-container{width:clamp(320px, 36vw, 560px)}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.modal-container{padding:30px 0}}.modal-container p{margin:0 auto 1em;font-weight:normal}.modal-container .btn-close{right:0;top:0}.modal-container .fz-A,.modal-container .fz-B,.modal-container .fz-C{font-weight:normal;font-size:1.5em}.modal-container .modal-header{padding-bottom:20px}.modal-container .modal-body{padding:20px}.modal-container .modal-footer{padding:20px 20px 0;border-top:1px solid rgba(176,255,195,0.1)}.for-modal .popup-container{justify-content:center}.game-nav-area{position:fixed;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom, rgba(68,121,104,0.5), rgba(44,85,67,0.4), rgba(43,71,53,0.3));width:100%;height:100%;left:0;top:0;opacity:0;visibility:hidden;pointer-events:none;z-index:9;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform, backdrop-filter, visibility;padding:50px 20px 20px;transform:translateY(80px);text-shadow:0px 2px 4px rgba(0,0,0,0.4);z-index:29;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media (min-width: 0) and (max-width: 979px){.game-nav-area{overflow:hidden;overflow-y:auto}}@media (min-width: 980px){.game-nav-area{overflow-y:auto}}@media (min-width: 740px){.game-nav-area{padding:4vh}}.game-nav-area .section-title{display:flex;align-items:center;justify-content:center;color:#b0ffc3;font-family:"Nunito",sans-serif;margin-top:10px}.game-nav-area .section-title:before,.game-nav-area .section-title:after{content:"";display:block;flex:1;height:1px;border-top:1px solid rgba(176,255,195,0.2)}.game-nav-area .tab-nav{display:flex}.game-nav-area .tab-nav>div{font-size:clamp(18px, 3vh, 48px);color:#fff;flex:1;font-family:"Nunito",sans-serif;padding:10px;border-radius:12px 12px 0 0;display:flex;justify-content:center;align-items:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer;position:relative;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:text-shadow, backdrop-filter, background-color;overflow:hidden;text-shadow:#0e151d 0px 0px 5px,#1c2839 0px 0px 10px}.game-nav-area .tab-nav>div:before{content:"";display:block;width:100%;height:3px;border-top:3px solid #fff;position:absolute;left:0;top:0;transition:transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transform-origin:center center;transform:scaleX(0)}@media (hover: hover){.game-nav-area .tab-nav>div:hover{text-shadow:#cef 0px 0px 5px,#4d5b90 0px 0px 10px,#4778ab 0px 0px 15px,#9cdbf6 0px 0px 20px}}.game-nav-area .tab-nav>div.--active{background-color:rgba(37,47,56,0.4);background:linear-gradient(to top, rgba(37,47,56,0.4), rgba(92,110,126,0.4));text-shadow:#cef 0px 0px 5px,#4d5b90 0px 0px 10px,#4778ab 0px 0px 15px,#9cdbf6 0px 0px 20px}.game-nav-area .tab-nav>div.--active:before{transform:none}.game-nav-area .tab-content{padding:10px;border-radius:0 0 12px 12px;background:linear-gradient(to bottom, rgba(37,47,56,0.4), rgba(61,75,91,0.3), rgba(10,38,59,0.5));flex:1}@media (min-width: 740px){.game-nav-area .tab-content{padding:5%}}.game-nav-area .tab-content .content{display:none;height:100%}.game-nav-area .tab-content .content.--active{display:block}.game-nav-area .profile{position:relative;width:100%;display:flex;align-items:center;border:1px solid rgba(255,255,255,0.2);justify-content:space-between;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform, backdrop-filter;border-radius:6px 6px 0 0;padding:10px 0 0 15px;background:linear-gradient(to bottom, rgba(213,245,255,0.5), rgba(213,245,255,0) 50%, rgba(23,31,43,0.4));border-bottom:none}@media (min-width: 740px){.game-nav-area .profile{padding:10px 6% 0}}.game-nav-area .profile ul{padding:0}.game-nav-area .profile li{color:#b0ffc3;line-height:1.25em;font-family:"Nunito",sans-serif;display:block;text-align:left;text-shadow:0 2px 5px rgba(23,29,41,0.35)}.game-nav-area .profile li.title{font-size:1.5em;color:#fff;font-family:"Nunito",sans-serif}@media (min-width: 980px){.game-nav-area .profile li.title{font-size:5vh}}.game-nav-area .profile .avatar{width:32%}@media (min-width: 740px){.game-nav-area .profile .avatar{width:30%}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-nav-area .profile .avatar{width:36%;margin-right:10px}}.game-nav-area .profile .avatar .img:before{padding-bottom:112.5%}.game-nav-area .profile .highlight{bottom:-100px;height:100px;width:160%;left:-30%;background-size:contain}.game-nav-area .pos{display:flex;align-items:center;border-radius:3px;padding:0.5em 1em;margin-top:1em;width:100%;justify-content:center;font-family:"Nunito",sans-serif;color:#b0ffc3}@media (min-width: 740px){.game-nav-area .pos{font-size:1.125em}}.game-nav-area .pos .icon{margin:0 6px}.game-nav-area .pos .icon:before{background-color:#4cf5a7}.game-nav-area .nav-container{width:100%;height:100%;display:flex;flex-direction:column}@media (min-width: 740px){.game-nav-area .nav-container{width:clamp(600px, 60%, 900px);padding:20px}}.game-nav-area .badge-group{display:flex;flex-wrap:wrap;position:relative;z-index:9;width:100%}@media (min-width: 740px){.game-nav-area .badge-group{justify-content:center}}.game-nav-area .badge-group .img{width:54px;margin-right:5px}@media (min-width: 0) and (max-width: 575px){.game-nav-area .badge-group .img{width:calc(20% - 5px)}}@media (min-width: 1380px){.game-nav-area .badge-group .img{margin-right:8px}}@media (hover: hover){.game-nav-area .badge-group .img{transition-duration:0.3s}.game-nav-area .badge-group .img:hover{filter:brightness(1.2);transform:scale(2)}}.game-nav-area .badge-collection{display:flex;flex-wrap:wrap;margin:0 auto;padding:20px 10px 10px;border-radius:0 0 6px 6px;border:1px solid rgba(255,255,255,0.2);background:linear-gradient(to top, rgba(213,245,255,0.5), rgba(213,245,255,0) 50%, rgba(23,31,43,0.5));border-top:none}.game-nav-area .badge-collection .section-title{width:100%;padding:0 0 10px 0;line-height:1.125em}@media (min-width: 0) and (max-width: 739px){.game-nav-area .badge-collection .section-title{display:none}}@media (min-width: 980px){.game-nav-area .badge-collection .section-title:before{display:none}.game-nav-area .badge-collection .section-title:after{min-width:40px;margin:0 10px}}@media (min-width: 1380px){.game-nav-area .badge-collection .section-title{letter-spacing:2px}.game-nav-area .badge-collection .section-title:after{min-width:50px;margin:0 15px}}.game-nav-area .badge-collection .wrapper{display:flex;justify-content:space-between;width:100%}@media (min-width: 740px){.game-nav-area .badge-collection{flex-wrap:nowrap;width:100%;padding:20px 5% 10px}}.game-nav-area .badge-collection .badge{flex:1;margin:0 2px;border:1px dashed rgba(246,219,156,0.6);border-radius:50%;padding:2px;box-sizing:border-box}.game-nav-area .badge-collection .badge .img{filter:grayscale(1) brightness(0.6);opacity:0.2}@media (min-width: 0) and (max-width: 739px){.game-nav-area .badge-collection .badge{max-width:54px}}@media (min-width: 740px){.game-nav-area .badge-collection .badge{min-width:60px;margin:0}.game-nav-area .badge-collection .badge+.badge{margin-left:10px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-nav-area .badge-collection .badge{min-width:70px}}.game-nav-area .badge-collection .badge.--active{border:none;border-radius:50%;padding:0;background-color:initial}.game-nav-area .badge-collection .badge.--active .img{filter:none;opacity:1}.radio-group{border:1px solid #fff;display:flex;border-radius:20px;overflow:hidden}.radio-group input[type="radio"]{display:none}.radio-group input[type="radio"]+label{background-color:transparent;border-radius:0;height:30px;min-height:initial;color:#fff;white-space:nowrap;padding:0 5px;border-left:1px solid #fff;font-weight:normal;cursor:pointer;display:flex;align-items:center;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:color, background-color}.radio-group input[type="radio"]+label:first-of-type{border-left:none}@media (min-width: 576px){.radio-group input[type="radio"]+label{padding:0 1em}}@media (min-width: 740px){.radio-group input[type="radio"]+label{padding:0 1em}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.radio-group input[type="radio"]+label{height:34px}}.radio-group input[type="radio"]+label:before{display:none}@media (hover: hover){.radio-group input[type="radio"]+label:hover{box-shadow:none;background-color:rgba(255,255,255,0.3)}}.radio-group input[type="radio"]:checked+label{background-color:#fff;color:#064b28;font-weight:normal}.radio-group input[type="radio"]:active+label{transform:initial;transition-duration:initial;background-color:rgba(255,255,255,0.5);box-shadow:initial;font-weight:normal}.game-setting-container .form-item{padding:10px 0;display:flex;justify-content:space-between;align-items:center}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-setting-container .form-item{padding:13px 0}}.game-setting-container .form-item .field{color:#fff;font-size:clamp(18px, 2.75vh, 48px);width:initial}.game-setting-container .form-item .value{width:max-content}.nav-menu{width:100%;display:flex;flex-direction:column;font-size:clamp(18px, 2.75vh, 48px);line-height:2em;padding:5vh 0 2vh;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform, backdrop-filter}.nav-menu a,.nav-menu button{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;color:#fff;text-align:center;transition:text-shadow 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);cursor:pointer;display:flex;align-items:center;white-space:nowrap}.nav-menu a:before,.nav-menu a:after,.nav-menu button:before,.nav-menu button:after{content:"";display:block;width:100%;height:1px;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}.nav-menu a:before,.nav-menu button:before{background-color:#fff;transform-origin:left center;transform:scaleX(0);margin-right:0.5em;background:linear-gradient(to right, rgba(176,255,195,0.5), rgba(176,255,195,0))}.nav-menu a:after,.nav-menu button:after{background-color:#fff;transform-origin:right center;transform:scaleX(0);margin-left:0.5em;background:linear-gradient(to left, rgba(176,255,195,0.5), rgba(176,255,195,0))}.nav-menu a.--disabled,.nav-menu button.--disabled{filter:grayscale(1);cursor:not-allowed}.nav-menu a.--disabled span,.nav-menu button.--disabled span{color:#999}.nav-menu a.--disabled:before,.nav-menu button.--disabled:before{opacity:0.5}.nav-menu a.--disabled:after,.nav-menu button.--disabled:after{opacity:0.5}@media (hover: hover){.nav-menu a.--disabled:hover span,.nav-menu button.--disabled:hover span{color:#999;text-shadow:0 4px 8px rgba(0,0,0,0.7)}}@media (hover: hover){.nav-menu a:hover,.nav-menu button:hover{text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}.nav-menu a:hover:before,.nav-menu button:hover:before{transform:none}.nav-menu a:hover:after,.nav-menu button:hover:after{transform:none}}@media (hover: none){.nav-menu a:active,.nav-menu button:active{text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}.nav-menu a:active:before,.nav-menu button:active:before{transform:none}.nav-menu a:active:after,.nav-menu button:active:after{transform:none}}.--show-nav .game-nav-area{opacity:1;visibility:visible;pointer-events:auto;transform:none}.character-form{padding:10px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background-color:rgba(9,34,45,0.3);border-radius:12px}@media (min-width: 0) and (max-width: 739px){.character-form{width:100%;padding:10px 20px}}@media (min-width: 740px){.character-form{padding:30px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.character-form{padding-top:40px;padding-bottom:40px}}@media (min-width: 1380px){.character-form{padding-left:40px;padding-right:40px}}.character-form .select-title-area{text-align:left;width:100%;justify-content:flex-start;padding-bottom:10px}.character-form .select-title-area h1,.character-form .select-title-area h2{text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.character-form .select-title-area{padding-bottom:5vh}}.character-card{user-select:none;-moz-user-select:none;-webkit-user-select:none}@media (min-width: 0) and (max-width: 979px){.character-card{display:none}}@media (min-width: 980px){.character-card{position:absolute;z-index:6;left:0;top:0;width:calc(100% - 40px)}.character-card:before{content:"";display:block;width:20px;height:60%;background-color:#000000;opacity:1;background:repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(176,255,195,0.6) 3px, rgba(176,255,195,0.6) 6px);position:absolute;left:-10px;top:20px}}@media (min-width: 1100px){.character-card{width:calc(100% - 60px)}}@media (min-width: 1380px){.character-card{width:calc(100% - 7vw)}}.character-card .text-holder{padding:20px;background-color:rgba(176,255,195,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);clip-path:polygon(0 0, 100% 0, 100% 100%, 5% 100%, 0 90%)}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.character-card .text-holder{padding:30px 40px}}.character-card h2{font-size:3vh;color:#fff;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;margin-bottom:0.5em}.character-card p{color:#b0ffc3}@keyframes vtlmove{0%{transform:scaleY(0);bottom:0;top:initial;transform-origin:center bottom}50%{transform:scaleY(1);transform-origin:center bottom}50.1%{bottom:initial;top:0;transform:scaleY(1);transform-origin:center top}100%{bottom:initial;top:0;transform:scaleY(0);transform-origin:center top}}@keyframes hrmove{0%{transform:scaleX(0);left:0;right:initial;transform-origin:left center}50%{transform:scaleX(1);transform-origin:left center}50.1%{left:initial;right:0;transform:scaleX(1);transform-origin:right center}100%{left:initial;right:0;transform:scaleX(0);transform-origin:right center}}.character-swiper{width:100%}@media (min-width: 0) and (max-width: 979px){.character-swiper{-webkit-mask-image:linear-gradient(to bottom, #000 80%, rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom, #000 80%, rgba(0,0,0,0) 100%)}}@media (min-width: 980px){.character-swiper{width:55%;display:flex;align-items:flex-end}}.character-swiper .swiper-container{width:40vh;margin:0 auto}@media (min-width: 980px){.character-swiper .swiper-container{width:62vh}}.character-swiper .swiper-ctrl{position:absolute;left:0;width:100%}@media (min-width: 0) and (max-width: 979px){.character-swiper .swiper-ctrl{top:50%;justify-content:space-between}}@media (min-width: 980px){.character-swiper .swiper-ctrl{padding-right:clamp(360px, 35vw, 640px);bottom:20vh}}.character-swiper .avatar{transform:scale(0.7);transform-origin:center bottom;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, opacity, filter;opacity:0}.character-swiper .swiper-slide{display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity}.character-swiper .swiper-slide-active{opacity:1}.character-swiper .swiper-slide-active .avatar{transform:none;opacity:1}.character-swiper .img:before{padding-bottom:147%}.character-info{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;isolation:isolate}@media (min-width: 0) and (max-width: 979px){.character-info{padding:0 20px;margin-top:-20vh}}@media (min-width: 980px){.character-info{width:45%;align-items:flex-start;padding-left:3vw}}.character-name{position:absolute;display:flex;font-size:8vh;line-height:1.125em;font-style:italic;font-weight:bold;align-items:center;justify-content:center;top:5vh;background:linear-gradient(to bottom, #ccc 0%, #fff 50%, #b0cedb 50.1%, rgba(176,206,219,0) 100%);background:-webkit-linear-gradient(to bottom, #ccc 0%, #fff 50%, #b0cedb 50.1%, rgba(176,206,219,0) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;width:100%;text-align:center;z-index:0}@media (min-width: 980px){.character-name{display:flex;font-size:12vh;font-style:italic;font-weight:bold;align-items:center;justify-content:center;top:7vh;white-space:nowrap;font-family:"Bodoni Moda", serif;margin-right:0.25em;padding-right:clamp(360px, 35vw, 640px)}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.character-name{font-size:15vh;top:5vh}}.game-character-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-bottom:10vh}@media (min-width: 980px){.game-character-container{flex-direction:row;align-items:stretch;padding-bottom:0}.game-character-container:before{content:"";display:block;width:100%;height:25vh;background-color:transparent;opacity:1;background-image:radial-gradient(#b0ffc3 0.5px, transparent 0.5px);background-size:10px 10px;position:absolute;left:0;bottom:0}}.game-character-container .select-title-area{padding-bottom:0}.game-character-container.--center-mode .select-title-area{padding-bottom:1em}@media (min-width: 0) and (max-width: 979px){.game-character-container.--center-mode{padding-top:5vh;padding-bottom:5vh}}@media (min-width: 980px){.game-character-container.--center-mode{justify-content:flex-start;padding-right:clamp(360px, 35vw, 640px)}}.game-character-container.--center-mode .character-swiper{z-index:3}@media (min-width: 0) and (max-width: 979px){.game-character-container.--center-mode .character-swiper{position:relative}}@media (min-width: 980px){.game-character-container.--center-mode .character-swiper{width:100%}}@media (min-width: 740px){.game-character-container.--center-mode .character-swiper .swiper-container{width:100%}}.game-character-container.--center-mode .character-swiper .avatar{opacity:1;filter:grayscale(0.8);position:relative;left:50%;transform:translateX(-50%) scale(0.7)}@media (min-width: 740px){.game-character-container.--center-mode .character-swiper .avatar{width:39vh}}@media (min-width: 980px){.game-character-container.--center-mode .character-swiper .avatar{width:60vh}}.game-character-container.--center-mode .character-swiper .swiper-slide{opacity:1}.game-character-container.--center-mode .character-swiper .swiper-slide-active .avatar{opacity:1;filter:grayscale(0);transform:translateX(-50%) scale(1)}.game-character-container.--center-mode .character-swiper .swiper-slide-next+.swiper-slide .avatar,.game-character-container.--center-mode .character-swiper .swiper-slide-next+.swiper-slide+.swiper-slide .avatar,.game-character-container.--center-mode .character-swiper .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide .avatar{opacity:0}@media (min-width: 0) and (max-width: 979px){.game-character-container.--center-mode .character-info{margin-top:-5vh;padding-left:10%;padding-right:10%}}@media (min-width: 740px) and (max-width: 979px){.game-character-container.--center-mode .character-info{padding-left:15%;padding-right:15%}}.game-character-container.--center-mode .character-info .pillar{position:absolute;left:50%;top:-5px;width:100px;height:20vh;display:flex;align-items:center;justify-content:space-between;transform:translate(-50%, -100%)}.game-character-container.--center-mode .character-info .pillar i{display:block;width:2px;height:100%;background-color:#fff;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;transform:scaleY(0);bottom:0;top:initial;transform-origin:center bottom;animation:vtlmove 1.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards infinite}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(1){animation-delay:0s}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(2){animation-delay:.15s}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(3){animation-delay:.3s}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(4){animation-delay:.45s}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(5){animation-delay:.6s}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(6){animation-delay:.75s}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(7){animation-delay:.9s}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(8){animation-delay:1.05s}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(9){animation-delay:1.2s}.game-character-container.--center-mode .character-info .pillar i:nth-of-type(10){animation-delay:1.35s}@media (min-width: 980px){.game-character-container.--center-mode .character-info{position:absolute;width:clamp(360px, 35vw, 640px);right:0;top:0;height:100%;padding-left:initial;padding:10em 40px 40px 0}}@media (min-width: 1100px){.game-character-container.--center-mode .character-info{padding:10em 60px 40px 0}}@media (min-width: 1380px){.game-character-container.--center-mode .character-info{padding:10em 7vw 50px 0}}.game-category-container,.game-stage-container,.game-mission-container{overflow-x:hidden;width:100%;height:100%;left:0;top:0;transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition-property:opacity, transform, visibility;background-color:#000;background:radial-gradient(circle, rgba(32,32,32,0.3) 60%, #000 100%);color:white;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30vh 10vw 8vh}.game-category-container .swiper-button-next,.game-stage-container .swiper-button-next,.game-mission-container .swiper-button-next{color:#fff;right:5vw}.game-category-container .swiper-button-next:after,.game-stage-container .swiper-button-next:after,.game-mission-container .swiper-button-next:after{font-size:1.5em}@media (min-width: 0) and (max-width: 739px){.game-category-container .swiper-button-next,.game-stage-container .swiper-button-next,.game-mission-container .swiper-button-next{right:5px}}@media (min-width: 740px) and (max-width: 979px){.game-category-container .swiper-button-next,.game-stage-container .swiper-button-next,.game-mission-container .swiper-button-next{right:20px}}@media (min-width: 0) and (max-width: 979px){.game-category-container .swiper-button-next:after,.game-stage-container .swiper-button-next:after,.game-mission-container .swiper-button-next:after{font-size:20px}}.game-category-container .swiper-button-prev,.game-stage-container .swiper-button-prev,.game-mission-container .swiper-button-prev{color:#fff;left:5vw}.game-category-container .swiper-button-prev:after,.game-stage-container .swiper-button-prev:after,.game-mission-container .swiper-button-prev:after{font-size:1.5em}@media (min-width: 0) and (max-width: 739px){.game-category-container .swiper-button-prev,.game-stage-container .swiper-button-prev,.game-mission-container .swiper-button-prev{left:5px}}@media (min-width: 740px) and (max-width: 979px){.game-category-container .swiper-button-prev,.game-stage-container .swiper-button-prev,.game-mission-container .swiper-button-prev{left:20px}}@media (min-width: 0) and (max-width: 979px){.game-category-container .swiper-button-prev:after,.game-stage-container .swiper-button-prev:after,.game-mission-container .swiper-button-prev:after{font-size:20px}}.game-category-container .swiper-pagination,.game-stage-container .swiper-pagination,.game-mission-container .swiper-pagination{position:static;font-family:"Nunito",sans-serif;font-size:0.9375em;letter-spacing:0.25em;color:rgba(255,255,255,0.7);user-select:none;-moz-user-select:none;-webkit-user-select:none}.game-category-container .swiper-pagination .swiper-pagination-current,.game-stage-container .swiper-pagination .swiper-pagination-current,.game-mission-container .swiper-pagination .swiper-pagination-current{color:#fff}.game-category-container .fn-area,.game-stage-container .fn-area,.game-mission-container .fn-area{background-color:rgba(0,0,0,0.5);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:8px 15px;width:max-content;margin:10px auto 0;border-radius:30px;display:flex;align-items:center}.game-category-container .fn-area .btn-back,.game-stage-container .fn-area .btn-back,.game-mission-container .fn-area .btn-back{display:flex;white-space:nowrap;font-size:0.875em;margin-right:20px;font-family:"Nunito",sans-serif}.game-category-container .fn-area .btn-back .icon,.game-stage-container .fn-area .btn-back .icon,.game-mission-container .fn-area .btn-back .icon{transform:rotate(90deg)}.game-category-container .fn-area .btn-back .icon:before,.game-stage-container .fn-area .btn-back .icon:before,.game-mission-container .fn-area .btn-back .icon:before{background-color:#fff}@media (hover: hover){.game-category-container .fn-area .btn-back:hover,.game-stage-container .fn-area .btn-back:hover,.game-mission-container .fn-area .btn-back:hover{color:#4cf5a7}.game-category-container .fn-area .btn-back:hover .icon:before,.game-stage-container .fn-area .btn-back:hover .icon:before,.game-mission-container .fn-area .btn-back:hover .icon:before{background-color:#4cf5a7}}@media (min-width: 980px){.game-category-container .fn-area,.game-stage-container .fn-area,.game-mission-container .fn-area{margin-top:30px}}.game-category-container .btn-back,.game-stage-container .btn-back,.game-mission-container .btn-back{display:flex;align-items:center;color:#fff;width:max-content;cursor:pointer}.game-category-container .btn-back .icon,.game-stage-container .btn-back .icon,.game-mission-container .btn-back .icon{margin-right:10px}.game-category-container .btn-back .icon:before,.game-stage-container .btn-back .icon:before,.game-mission-container .btn-back .icon:before{width:24px;height:24px}@media (min-width: 0) and (max-width: 979px){.game-category-container .btn-back .icon:before,.game-stage-container .btn-back .icon:before,.game-mission-container .btn-back .icon:before{width:18px;height:18px}}.game-category-container .login-container,.game-category-container .game-menu,.game-stage-container .login-container,.game-stage-container .game-menu,.game-mission-container .login-container,.game-mission-container .game-menu{width:100%;position:fixed;height:78%;overflow-y:auto;left:0;bottom:30px;padding:50px 50px;mask-image:linear-gradient(to top, transparent, transparent 10vh, black 10vh, black calc(100% - 10vh), transparent),linear-gradient(to bottom, transparent, transparent 8vh, black 8vh, black calc(100% - 8vh), transparent);-webkit-mask-image:linear-gradient(to top, transparent, transparent 10vh, black 10vh, black calc(100% - 10vh), transparent),linear-gradient(to bottom, transparent, transparent 8vh, black 8vh, black calc(100% - 8vh), transparent);height:72%}@media (min-width: 740px) and (max-width: 979px){.game-category-container .login-container,.game-category-container .game-menu,.game-stage-container .login-container,.game-stage-container .game-menu,.game-mission-container .login-container,.game-mission-container .game-menu{padding:50px 20vw}}@media (min-width: 980px){.game-category-container .login-container,.game-category-container .game-menu,.game-stage-container .login-container,.game-stage-container .game-menu,.game-mission-container .login-container,.game-mission-container .game-menu{display:flex;flex-wrap:wrap;justify-content:center;height:65vh;bottom:5vh;mask-image:linear-gradient(to top, transparent, transparent 60px, black 60px, black calc(100% - 60px), transparent),linear-gradient(to bottom, transparent, transparent 8vh, black 8vh, black calc(100% - 8vh), transparent);-webkit-mask-image:linear-gradient(to top, transparent, transparent 60px, black 60px, black calc(100% - 60px), transparent),linear-gradient(to bottom, transparent, transparent 50px, black 50px, black calc(100% - 50px), transparent)}}.game-category-container .login-container li,.game-category-container .game-menu li,.game-stage-container .login-container li,.game-stage-container .game-menu li,.game-mission-container .login-container li,.game-mission-container .game-menu li{margin:10px}@media (min-width: 980px){.game-category-container .login-container li,.game-category-container .game-menu li,.game-stage-container .login-container li,.game-stage-container .game-menu li,.game-mission-container .login-container li,.game-mission-container .game-menu li{margin:6px}}@media (min-width: 1380px){.game-category-container .login-container li,.game-category-container .game-menu li,.game-stage-container .login-container li,.game-stage-container .game-menu li,.game-mission-container .login-container li,.game-mission-container .game-menu li{margin:10px}}.game-category-container .login-container .btn-stage,.game-category-container .game-menu .btn-stage,.game-stage-container .login-container .btn-stage,.game-stage-container .game-menu .btn-stage,.game-mission-container .login-container .btn-stage,.game-mission-container .game-menu .btn-stage{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;background:radial-gradient(circle, rgba(32,32,32,0.5) 10%, rgba(0,0,0,0.8) 100%);color:#eceaa6;font-size:1em;position:relative;width:100%;min-height:3em;border-radius:12px;letter-spacing:0.5px;user-select:none;-moz-user-select:none;-webkit-user-select:none}.game-category-container .login-container .btn-stage:after,.game-category-container .game-menu .btn-stage:after,.game-stage-container .login-container .btn-stage:after,.game-stage-container .game-menu .btn-stage:after,.game-mission-container .login-container .btn-stage:after,.game-mission-container .game-menu .btn-stage:after{content:"";display:block;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;left:3px;top:3px;border:1px solid rgba(202,166,81,0.2);border-radius:9.6px;box-sizing:border-box;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}@media (min-width: 980px){.game-category-container .login-container .btn-stage:after,.game-category-container .game-menu .btn-stage:after,.game-stage-container .login-container .btn-stage:after,.game-stage-container .game-menu .btn-stage:after,.game-mission-container .login-container .btn-stage:after,.game-mission-container .game-menu .btn-stage:after{width:calc(100% - 10px);height:calc(100% - 10px);left:5px;top:5px}}@media (min-width: 980px){.game-category-container .login-container .btn-stage,.game-category-container .game-menu .btn-stage,.game-stage-container .login-container .btn-stage,.game-stage-container .game-menu .btn-stage,.game-mission-container .login-container .btn-stage,.game-mission-container .game-menu .btn-stage{flex:1;width:10vw;border-radius:12px;font-size:0.9375em;line-height:1.25em}}@media (min-width: 980px) and (max-width: 1379px){.game-category-container .login-container .btn-stage,.game-category-container .game-menu .btn-stage,.game-stage-container .login-container .btn-stage,.game-stage-container .game-menu .btn-stage,.game-mission-container .login-container .btn-stage,.game-mission-container .game-menu .btn-stage{font-size:0.875em}}.game-category-container .login-container .btn-stage>div,.game-category-container .game-menu .btn-stage>div,.game-stage-container .login-container .btn-stage>div,.game-stage-container .game-menu .btn-stage>div,.game-mission-container .login-container .btn-stage>div,.game-mission-container .game-menu .btn-stage>div{position:relative;z-index:5;padding-top:2px;box-sizing:border-box;word-break:break-all;padding:12px 1em 8px;line-height:1.125em}@media (min-width: 980px){.game-category-container .login-container .btn-stage>div,.game-category-container .game-menu .btn-stage>div,.game-stage-container .login-container .btn-stage>div,.game-stage-container .game-menu .btn-stage>div,.game-mission-container .login-container .btn-stage>div,.game-mission-container .game-menu .btn-stage>div{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.game-category-container .login-container .btn-stage>div:before,.game-category-container .game-menu .btn-stage>div:before,.game-stage-container .login-container .btn-stage>div:before,.game-stage-container .game-menu .btn-stage>div:before,.game-mission-container .login-container .btn-stage>div:before,.game-mission-container .game-menu .btn-stage>div:before{content:"";display:block;width:100%;height:100%;background:url("../images/mask.png") no-repeat center top;background-size:cover;position:absolute;border-radius:4px;width:calc(100% - 16px);height:calc(100% - 16px);left:8px;top:8px;overflow:hidden;opacity:0;transition:opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}}@media (min-width: 980px){.game-category-container .login-container .btn-stage:before,.game-category-container .game-menu .btn-stage:before,.game-stage-container .login-container .btn-stage:before,.game-stage-container .game-menu .btn-stage:before,.game-mission-container .login-container .btn-stage:before,.game-mission-container .game-menu .btn-stage:before{content:"";display:block;width:100%;padding-bottom:127%}}.game-category-container .login-container .btn-stage.--multiple>div:after,.game-category-container .game-menu .btn-stage.--multiple>div:after,.game-stage-container .login-container .btn-stage.--multiple>div:after,.game-stage-container .game-menu .btn-stage.--multiple>div:after,.game-mission-container .login-container .btn-stage.--multiple>div:after,.game-mission-container .game-menu .btn-stage.--multiple>div:after{-webkit-mask-size:auto 100%;-webkit-mask-position:46.94% 0;width:32px;height:32px;background-color:#f6db9c;position:absolute;flex-shrink:0;background:linear-gradient(to bottom, #f6db9c, rgba(188,164,106,0.5))}@media (min-width: 0) and (max-width: 979px){.game-category-container .login-container .btn-stage.--multiple>div:after,.game-category-container .game-menu .btn-stage.--multiple>div:after,.game-stage-container .login-container .btn-stage.--multiple>div:after,.game-stage-container .game-menu .btn-stage.--multiple>div:after,.game-mission-container .login-container .btn-stage.--multiple>div:after,.game-mission-container .game-menu .btn-stage.--multiple>div:after{width:28px;height:28px;right:8px;top:50%;transform:translateY(-50%)}}@media (min-width: 980px){.game-category-container .login-container .btn-stage.--multiple>div:after,.game-category-container .game-menu .btn-stage.--multiple>div:after,.game-stage-container .login-container .btn-stage.--multiple>div:after,.game-stage-container .game-menu .btn-stage.--multiple>div:after,.game-mission-container .login-container .btn-stage.--multiple>div:after,.game-mission-container .game-menu .btn-stage.--multiple>div:after{left:50%;bottom:10px;transform:translateX(-50%)}}@media (min-width: 1380px){.game-category-container .login-container .btn-stage.--multiple>div:after,.game-category-container .game-menu .btn-stage.--multiple>div:after,.game-stage-container .login-container .btn-stage.--multiple>div:after,.game-stage-container .game-menu .btn-stage.--multiple>div:after,.game-mission-container .login-container .btn-stage.--multiple>div:after,.game-mission-container .game-menu .btn-stage.--multiple>div:after{width:45px;height:45px}}@media (hover: hover){.game-category-container .login-container .btn-stage,.game-category-container .game-menu .btn-stage,.game-stage-container .login-container .btn-stage,.game-stage-container .game-menu .btn-stage,.game-mission-container .login-container .btn-stage,.game-mission-container .game-menu .btn-stage{transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}.game-category-container .login-container .btn-stage:hover,.game-category-container .game-menu .btn-stage:hover,.game-stage-container .login-container .btn-stage:hover,.game-stage-container .game-menu .btn-stage:hover,.game-mission-container .login-container .btn-stage:hover,.game-mission-container .game-menu .btn-stage:hover{transform:translateY(-10px);color:#fcfbde;box-shadow:rgba(202,166,81,0.1) 0px 1px 1px 0px inset,rgba(240,197,96,0.25) 0px 50px 100px -20px,rgba(202,166,81,0.8) 0px 30px 60px -30px}.game-category-container .login-container .btn-stage:hover:after,.game-category-container .game-menu .btn-stage:hover:after,.game-stage-container .login-container .btn-stage:hover:after,.game-stage-container .game-menu .btn-stage:hover:after,.game-mission-container .login-container .btn-stage:hover:after,.game-mission-container .game-menu .btn-stage:hover:after{border:1px solid rgba(202,166,81,0.5);box-shadow:rgba(202,166,81,0.5) 0px 0px 20px;background-color:rgba(202,166,81,0.5)}}@media (hover: hover) and (min-width: 980px){.game-category-container .login-container .btn-stage:hover>div:before,.game-category-container .game-menu .btn-stage:hover>div:before,.game-stage-container .login-container .btn-stage:hover>div:before,.game-stage-container .game-menu .btn-stage:hover>div:before,.game-mission-container .login-container .btn-stage:hover>div:before,.game-mission-container .game-menu .btn-stage:hover>div:before{opacity:0.7}}@media (min-width: 0) and (max-width: 979px){.game-category-container .login-container .btn,.game-category-container .game-menu .btn,.game-stage-container .login-container .btn,.game-stage-container .game-menu .btn,.game-mission-container .login-container .btn,.game-mission-container .game-menu .btn{width:100%}}.game-category-container .login-container,.game-stage-container .login-container,.game-mission-container .login-container{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 0) and (max-width: 739px){.game-category-container .login-container,.game-stage-container .login-container,.game-mission-container .login-container{padding-left:30px;padding-right:30px}}@media (min-width: 740px) and (max-width: 979px){.game-category-container .login-container,.game-stage-container .login-container,.game-mission-container .login-container{padding:50px 20vw}}@media (min-width: 980px){.game-category-container .login-container,.game-stage-container .login-container,.game-mission-container .login-container{height:55vh;bottom:15vh}}.game-category-container .login-container .btn-stage,.game-stage-container .login-container .btn-stage,.game-mission-container .login-container .btn-stage{width:100%;font-size:1.25em;font-weight:bold}.game-category-container .login-container .btn-stage>div,.game-stage-container .login-container .btn-stage>div,.game-mission-container .login-container .btn-stage>div{display:flex;align-items:center;flex-direction:row;justify-content:center}@media (min-width: 0) and (max-width: 979px){.game-category-container .login-container .btn-stage>div,.game-stage-container .login-container .btn-stage>div,.game-mission-container .login-container .btn-stage>div{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.game-category-container .login-container .btn-stage>div:before,.game-stage-container .login-container .btn-stage>div:before,.game-mission-container .login-container .btn-stage>div:before{content:"";display:block;width:100%;height:100%;background:url("../images/mask.png") no-repeat center top;background-size:cover;position:absolute;border-radius:12px;width:100%;height:100%;left:0;top:0;overflow:hidden;opacity:0;transition:opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}}.game-category-container .login-container .btn-stage>div:before,.game-stage-container .login-container .btn-stage>div:before,.game-mission-container .login-container .btn-stage>div:before{width:100%;height:100%;left:0;top:0;border-radius:12px;opacity:0.8}.game-category-container .login-container .btn-stage>div span,.game-stage-container .login-container .btn-stage>div span,.game-mission-container .login-container .btn-stage>div span{color:#281f09;display:block;position:relative;z-index:3}.game-category-container .login-container .btn-stage>div:before,.game-stage-container .login-container .btn-stage>div:before,.game-mission-container .login-container .btn-stage>div:before{opacity:0.7}.game-category-container .login-container .btn-stage>div .icon,.game-stage-container .login-container .btn-stage>div .icon,.game-mission-container .login-container .btn-stage>div .icon{margin-right:10px}.game-category-container .login-container .btn-stage>div .icon:before,.game-stage-container .login-container .btn-stage>div .icon:before,.game-mission-container .login-container .btn-stage>div .icon:before{background-color:#382d12}.game-category-container .login-container .btn-stage:before,.game-stage-container .login-container .btn-stage:before,.game-mission-container .login-container .btn-stage:before{content:"";display:block;width:100%;padding-bottom:60px}@media (hover: hover){.game-category-container .login-container .btn-stage:hover,.game-stage-container .login-container .btn-stage:hover,.game-mission-container .login-container .btn-stage:hover{transform:none}}.game-category-container .login,.game-stage-container .login,.game-mission-container .login{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:5px;width:100%}@media (min-width: 576px){.game-category-container .login,.game-stage-container .login,.game-mission-container .login{width:clamp(300px, 70%, 420px)}}.game-logo{text-transform:uppercase;letter-spacing:0.1em;font-size:clamp(30px, 6.5vh, 60px);position:absolute;left:50%;top:7vh;color:#fff0cd;text-align:center;transform:translateX(-50%);user-select:none;-moz-user-select:none;-webkit-user-select:none}@media (min-width: 980px){.game-logo{font-size:clamp(30px, 8vh, 200px);top:10vh}}.game-logo h1{font-family:"Nunito",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#ffffff;display:flex;justify-content:center;text-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px}.game-logo p{font-size:14px;opacity:0.8;letter-spacing:4px;font-weight:lighter;text-shadow:1px 1px 0 #281e14be}.select-title-area{padding-bottom:5vh;width:100%;display:flex;justify-content:center}.select-title-area h1,.select-title-area h2{font-size:clamp(26px, 4vh, 96px);text-shadow:0 4px 4px rgba(0,0,0,0.6);font-family:"Nunito",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:italic;color:#ffffff;display:flex;justify-content:center;text-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px;white-space:nowrap;text-align:center;width:100%;font-style:italic}@media (min-width: 980px) and (max-width: 1379px){.select-title-area h1,.select-title-area h2{font-size:clamp(26px, 4vh, 96px)}}@media (min-width: 1380px){.select-title-area h1,.select-title-area h2{font-size:clamp(26px, 4.5vh, 96px)}}.category-swiper .img-holder,.category-select .img-holder{transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform;position:relative;flex-shrink:0}.category-swiper .img-holder:before,.category-select .img-holder:before{position:absolute;content:"";display:block;width:clamp(100px, 14vw, 160px);padding-bottom:clamp(100px, 14vw, 160px);background:url(" ../images/item/3d-lock.png") no-repeat center center;background-size:contain;z-index:6;left:50%;top:50%;transform:translate(-50%, -50%);transition:transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)}.category-swiper .img-holder .img,.category-select .img-holder .img{filter:grayscale(1) brightness(0.5);opacity:0.95;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity;background-size:contain}@media (hover: none){.category-swiper .img-holder .img,.category-select .img-holder .img{opacity:1}}.category-swiper .text-holder,.category-select .text-holder{line-height:1.05em;font-size:clamp(16px, 2.5vh, 26px);font-family:"Nunito",sans-serif;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, opacity;opacity:0.7;text-shadow:0 4px 4px rgba(0,0,0,0.6);font-family:"Nunito",sans-serif}.category-swiper .text-holder h2,.category-select .text-holder h2{line-height:1.1}@media (min-width: 0) and (max-width: 979px){.category-swiper .text-holder,.category-select .text-holder{padding:0.75em 15px}}@media (min-width: 980px){.category-swiper .text-holder,.category-select .text-holder{padding:10px;text-align:center;font-size:clamp(14px, 2.2vh, 30px)}}.category-swiper .category,.category-select .category{transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform;user-select:none;-moz-user-select:none;-webkit-user-select:none}.category-swiper .category.--open,.category-select .category.--open{cursor:pointer}.category-swiper .category.--open::after,.category-select .category.--open::after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from var(--a), #4cf5a7, #bb7fff, #ffe15b, #f6db9c, #3c64db, #55ff7c);border-radius:20px 60px 40px 100px;border-radius:50%;filter:blur(40px);opacity:0;width:130%;padding-bottom:130%;left:-15%;z-index:-1;transition:opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateY(-15%)}.category-swiper .category.--open .img-holder:before,.category-select .category.--open .img-holder:before{display:none}.category-swiper .category.--open .img-holder .img,.category-select .category.--open .img-holder .img{filter:none}.category-swiper .category.--open .text-holder,.category-select .category.--open .text-holder{opacity:1}.category-swiper .category.--open:hover::after,.category-select .category.--open:hover::after{animation:rotating 4s linear infinite;opacity:0.75}.category-swiper .category.--open:hover .img-holder,.category-select .category.--open:hover .img-holder{transform:scale(1.1) translateY(-2%)}.category-swiper .category.--open:hover .img-holder .img,.category-select .category.--open:hover .img-holder .img{opacity:1}.category-swiper .category.--open:hover .text-holder,.category-select .category.--open:hover .text-holder{transform:translateY(1em)}.category-swiper{width:100%;padding:0 20px}@media (min-width: 740px){.category-swiper{padding:0 15vw}}@media (min-width: 980px){.category-swiper{padding:0 25vw}}.category-swiper .text-holder{text-align:center;line-height:1.25em}.category-swiper .category{width:100%;display:flex;position:relative;isolation:isolate;flex-direction:column;margin:0 auto}@media (min-width: 980px){.category-swiper .category{width:clamp(240px, 40vh, 420px)}}@media (hover: hover){.category-swiper .category:hover .img-holder:before{transform:translate(-50%, -50%) scale(1.25)}}.category-swiper .swiper-slide .category{transform:scale(0.8);pointer-events:none;opacity:0.8}.category-swiper .swiper-slide.swiper-slide-active .category{opacity:1;transform:scale(1);pointer-events:auto}.category-swiper .swiper-slide.swiper-slide-active .category.--open{cursor:pointer}@media (min-width: 0) and (max-width: 979px){.category-swiper .swiper-slide.swiper-slide-active .category.--open:after{opacity:1;animation:rotating 4s linear infinite}}@media (min-width: 740px){.category-select{display:flex;flex-wrap:wrap;justify-content:space-between}}@media (min-width: 980px){.category-select{flex-wrap:nowrap}}.category-select .img-holder{width:72px;flex-shrink:0}@media (min-width: 740px){.category-select .img-holder{width:90px}}@media (min-width: 980px){.category-select .img-holder{width:100%}}.category-select .category{width:100%;display:flex;position:relative;isolation:isolate}@media (min-width: 0) and (max-width: 979px){.category-select .category{align-items:center;margin-bottom:1px;background-color:rgba(0,0,0,0.3);padding:4px 6px;border-radius:120px;backdrop-filter:blur(6px)}}@media (min-width: 740px) and (max-width: 979px){.category-select .category{padding:8px 10px}}@media (min-width: 980px){.category-select .category{flex-direction:column;width:calc(25% - 30px);margin:0 15px}}@media (min-width: 1380px){.category-select .category{flex-direction:column;width:calc(25% - 40px);margin:0 20px}}@media (min-width: 1700px){.category-select .category{width:calc(25% - 60px);margin:0 30px}}.footer{position:absolute;color:#5b4d2c;font-size:0.75em;left:0;bottom:0;width:100%;text-align:center;line-height:1.5em;padding-bottom:10px}.footer a{color:#bca46a}.game-stage-container .tab-buttons{display:flex;justify-content:center;margin-bottom:10px;margin-top:10px;position:absolute;z-index:1000;left:50%;transform:translateX(-50%);top:20vh;width:100%}@media (min-width: 980px){.game-stage-container .tab-buttons{top:calc(22vh + 40px)}}.game-stage-container .tab-buttons button{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;background-color:rgba(0,0,0,0.5);color:#f6db9c;font-size:1em;padding:5px 1.5em 7px;border-radius:30px;border:1px solid transparent;letter-spacing:0.5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (min-width: 0) and (max-width: 739px){.game-stage-container .tab-buttons button{font-size:0.875em}}.game-stage-container .tab-buttons button+button{margin-left:15px}.game-stage-container .tab-buttons button.--active{color:#333;background-color:rgba(255,255,255,0.9);box-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px}.stage-swiper,.stage-select{width:100%}.stage-swiper .stage,.stage-select .stage{width:100%;margin:0;border:5px solid rgba(255,255,255,0.2);border-radius:12px;position:relative;cursor:pointer;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, opacity, filter, border-color, box-shadow}.stage-swiper .stage.--back,.stage-select .stage.--back{display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-direction:column;background-color:rgba(0,0,0,0.5);border:none;font-size:clamp(20px, 5vh, 64px)}.stage-swiper .stage.--back .icon,.stage-select .stage.--back .icon{transform:rotate(90deg)}.stage-swiper .stage.--back .icon:before,.stage-select .stage.--back .icon:before{background-color:#fff;width:clamp(20px, 5vh, 64px);height:clamp(20px, 5vh, 64px)}.stage-swiper .stage .img-holder,.stage-select .stage .img-holder{overflow:hidden;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:12px;transition-property:transform, opacity, filter, border-color, box-shadow;overflow:hidden}.stage-swiper .stage .img-holder:after,.stage-select .stage .img-holder:after{content:"";display:block;width:100%;height:100%;position:absolute;background:url("../images/item/broken.png") no-repeat center;background-size:cover;left:0;top:0;z-index:6;pointer-events:none}.stage-swiper .stage .img-holder .img,.stage-select .stage .img-holder .img{overflow:hidden}.stage-swiper .stage .img-holder .img:before,.stage-select .stage .img-holder .img:before{background:radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.8))}.stage-swiper .stage .game-icon,.stage-select .stage .game-icon{width:96px;height:96px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:6}.stage-swiper .stage .img,.stage-select .stage .img{transition:transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}@media (min-width: 0) and (max-width: 1099px) and (orientation: portrait){.stage-swiper .stage .img:before,.stage-select .stage .img:before{width:100%;padding-bottom:100%}}.stage-swiper .stage .state-holder,.stage-select .stage .state-holder{position:absolute;left:0;top:0;width:100%;height:100%;z-index:4;border-radius:12px}.stage-swiper .stage .star,.stage-select .stage .star{width:36px;height:36px;background:url("../images/item/star.png") no-repeat center;display:inline-flex;flex-shrink:0;background-size:contain;position:relative;z-index:3;margin-left:6px;filter:grayscale(1)}.stage-swiper .stage .btn-gained,.stage-select .stage .btn-gained{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;position:absolute;left:50%;bottom:0;height:30px;display:flex;align-items:center;justify-content:center;padding:0 35px 0 40px;color:#bebebe;font-size:0.875em;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;box-sizing:border-box;transform:translate(-50%, 0);isolation:isolate;cursor:pointer;white-space:nowrap}@media (min-width: 740px){.stage-swiper .stage .btn-gained,.stage-select .stage .btn-gained{height:40px;font-size:0.9375em}}@media (min-width: 1700px){.stage-swiper .stage .btn-gained,.stage-select .stage .btn-gained{font-size:1em;height:48px;bottom:0}}.stage-swiper .stage .btn-gained span,.stage-select .stage .btn-gained span{position:relative;letter-spacing:1px;z-index:3}.stage-swiper .stage .btn-gained:before,.stage-select .stage .btn-gained:before{content:"";display:block;position:absolute;background:linear-gradient(to bottom, gray, #5c5c5c, #3b3b3b);z-index:0;border-radius:20px 20px 0 0;width:calc(100% - 4px);height:calc(100% - 2px);left:2px;bottom:0;transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);border:1px solid rgba(255,255,255,0.5);border-bottom:none}@media (min-width: 740px){.stage-swiper .stage .btn-gained:before,.stage-select .stage .btn-gained:before{width:calc(100% - 8px);height:calc(100% - 4px);left:4px;bottom:0}}.stage-swiper .stage .btn-gained:after,.stage-select .stage .btn-gained:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;background:linear-gradient(to bottom, rgba(238,238,238,0.6), rgba(238,238,238,0.4));z-index:-1;border-radius:22px 22px 0 0;transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)}@media (hover: hover){.stage-swiper .stage .btn-gained:hover:before,.stage-select .stage .btn-gained:hover:before{transform:scaleX(1.1)}.stage-swiper .stage .btn-gained:hover:after,.stage-select .stage .btn-gained:hover:after{transform:scaleX(1.1)}}.stage-swiper .stage .text-holder,.stage-select .stage .text-holder{line-height:1em;color:#4cf5a7;text-align:center;position:absolute;left:50%;top:0;z-index:3;width:80%;padding:8px 10%;background:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.8));transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 92% 100%, 8% 100%)}@media (min-width: 1380px){.stage-swiper .stage .text-holder,.stage-select .stage .text-holder{width:60%;padding:10px 10%}}.stage-swiper .stage h3,.stage-select .stage h3{font-weight:bold;font-size:0.9375em;font-family:"Nunito",sans-serif;line-height:1.125em;font-weight:normal}@media (min-width: 740px){.stage-swiper .stage h3,.stage-select .stage h3{font-size:1.125em}}.stage-swiper .stage .position,.stage-select .stage .position{color:#b0ffc3;display:flex;align-items:center;justify-content:center;margin-bottom:3px;font-size:1.25em;font-family:"Nunito",sans-serif;line-height:1em}@media (min-width: 740px){.stage-swiper .stage .position,.stage-select .stage .position{font-size:1.25em}}@media (min-width: 1380px){.stage-swiper .stage .position,.stage-select .stage .position{font-size:1.5em}}@media (min-width: 1700px){.stage-swiper .stage .position,.stage-select .stage .position{font-size:1.75em}}.stage-swiper .stage .position .icon,.stage-select .stage .position .icon{margin-right:3px}.stage-swiper .stage .position .icon:before,.stage-select .stage .position .icon:before{width:16px;height:16px;background-color:#b0ffc3}@media (hover: hover){.stage-swiper .stage:hover,.stage-select .stage:hover{border-color:#fff;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}.stage-swiper .stage:hover .img,.stage-select .stage:hover .img{transform:scale(1.125)}.stage-swiper .stage:hover .img-holder,.stage-select .stage:hover .img-holder{border-color:#fff}}.stage-swiper .stage.--locked .star,.stage-select .stage.--locked .star{animation:starrotatebw 5s linear infinite forwards}.stage-swiper .stage.--locked .btn-gained,.stage-select .stage.--locked .btn-gained{cursor:not-allowed}.stage-swiper .stage.--unlocked .img:before,.stage-select .stage.--unlocked .img:before{background:radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3))}.stage-swiper .stage.--unlocked .text-holder,.stage-select .stage.--unlocked .text-holder{background:linear-gradient(to bottom, rgba(10,63,120,0.2), rgba(4,40,78,0.8))}.stage-swiper .stage.--unlocked .star,.stage-select .stage.--unlocked .star{animation:starrotate 5s linear infinite forwards}.stage-swiper .stage.--unlocked .state-holder,.stage-select .stage.--unlocked .state-holder{box-shadow:inset 0px 0px 30px 5px #52cefa;border-radius:12px}.stage-swiper .stage.--unlocked .btn-gained,.stage-select .stage.--unlocked .btn-gained{color:#dffdff}.stage-swiper .stage.--unlocked .btn-gained:before,.stage-select .stage.--unlocked .btn-gained:before{background:linear-gradient(to bottom, rgba(107,203,255,0.654902), rgba(34,59,79,0.576471), rgba(137,214,255,0.501961));background:linear-gradient(to bottom, #6bcbff, rgba(34,59,79,0.878431), #89d6ff)}.stage-swiper .stage.--unlocked .btn-gained:after,.stage-select .stage.--unlocked .btn-gained:after{background:linear-gradient(to bottom, rgba(58,142,181,0.6), rgba(58,142,181,0.4));animation:shadowlight 1.5s linear infinite forwards}@media (hover: hover){.stage-swiper .stage.--unlocked .btn-gained:hover,.stage-select .stage.--unlocked .btn-gained:hover{color:#dffdff}.stage-swiper .stage.--unlocked .btn-gained:hover:before,.stage-select .stage.--unlocked .btn-gained:hover:before{background:linear-gradient(to bottom, #6bcbff, rgba(34,59,79,0.878431), #89d6ff)}}.stage-swiper .stage.--gained .img-holder:after,.stage-select .stage.--gained .img-holder:after{display:none}.stage-swiper .stage.--gained .text-holder,.stage-select .stage.--gained .text-holder{clip-path:none;top:initial;bottom:0;width:100%;background:linear-gradient(to bottom, rgba(198,166,91,0), rgba(255,251,242,0.8));padding-top:40px;padding-bottom:20px;border-radius:0 0 12px 12px}.stage-swiper .stage.--gained .text-holder:before,.stage-select .stage.--gained .text-holder:before{content:"";display:block;width:40px;height:40px;background:url("../images/item/star.png") no-repeat center;background-size:contain;margin:0 auto 4px;animation:starrotate 6s linear infinite forwards}@media (min-width: 1380px){.stage-swiper .stage.--gained .text-holder:before,.stage-select .stage.--gained .text-holder:before{width:50px;height:50px;margin:0 auto 6px}}.stage-swiper .stage.--gained .text-holder:after,.stage-select .stage.--gained .text-holder:after{content:"";display:block;width:100%;height:2px;left:0%;position:absolute;background:linear-gradient(to right, rgba(255,255,255,0), #ffebb2, #fff, #c9f9ff, rgba(255,255,255,0));top:60px;z-index:-1;transform-origin:center;animation:rib 6s infinite forwards}@media (min-width: 1380px){.stage-swiper .stage.--gained .text-holder:after,.stage-select .stage.--gained .text-holder:after{top:66px}}.stage-swiper .stage.--gained .img-holder .img:before,.stage-select .stage.--gained .img-holder .img:before{background:none;background:linear-gradient(to bottom, rgba(255,255,255,0) 60%, #fff 100%)}.stage-swiper .stage.--gained .state-holder,.stage-select .stage.--gained .state-holder{box-shadow:inset 0px 0px 30px 5px #fff;border-radius:6px}.stage-swiper .stage.--gained h3,.stage-select .stage.--gained h3{color:#22a9e6}.stage-swiper .stage.--gained .position,.stage-select .stage.--gained .position{color:#844e16}.stage-swiper .stage.--gained .position .icon:before,.stage-select .stage.--gained .position .icon:before{background-color:#844e16}@media (hover: hover){.stage-swiper .stage.--gained:hover,.stage-select .stage.--gained:hover{box-shadow:#fff 0px 0px 5px,#c6a65b 0px 0px 10px,#cdad64 0px 0px 15px,#f6db9c 0px 0px 20px}}.stage-swiper .swiper-slide,.stage-select .swiper-slide{height:initial}@media (min-width: 980px){.stage-swiper{padding:0 15vh}}@media (min-width: 1100px){.stage-swiper{padding:0 18vw}}@media (min-width: 1380px){.stage-swiper{padding:0 20vw}}@media (min-width: 980px){.stage-swiper .stage{border-width:4px}}.stage-swiper .swiper-slide .stage{transform:scale(0.8);filter:grayscale(0.5) brightness(0.5);pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none}.stage-swiper .swiper-slide.swiper-slide-active .stage{transform:none;filter:none;pointer-events:auto}.stage-select{display:flex;flex-wrap:wrap;align-items:flex-start}.stage-select .stage{margin:0 0 20px}@media (min-width: 980px){.stage-select .stage{width:calc(33.33% - 40px);margin:0 20px 20px}}@media (min-width: 1700px){.stage-select .stage{margin:0 20px 40px}}@keyframes shadowlight{0%{box-shadow:inset 0px 0px 20px 5px rgba(82,206,250,0),0px 0px 10px 0px rgba(82,206,250,0)}40%{box-shadow:inset 0px 0px 15px 5px #90e1ff,0px 0px 25px 10px rgba(122,220,255,0.6)}60%{box-shadow:inset 0px 0px 30px 10px #90e1ff,0px 0px 15px 10px rgba(122,220,255,0.6)}100%{box-shadow:inset 0px 0px 20px 5px rgba(82,206,250,0),0px 0px 10px 0px rgba(82,206,250,0)}}@keyframes starrotatebw{0%{filter:brightness(0.5) grayscale(1)}25%{filter:brightness(0.25) grayscale(1)}50%{filter:brightness(0.5) grayscale(1)}75%{filter:brightness(0.2) grayscale(1)}100%{filter:brightness(0.5) grayscale(1)}}@keyframes starrotate{0%{transform:scale(1.1) rotate(0);filter:brightness(1.2)}25%{transform:scale(1) rotate(90deg);filter:brightness(0.9)}50%{transform:scale(1.1) rotate(180deg);filter:brightness(1.3)}75%{transform:scale(1) rotate(270deg);filter:brightness(0.9)}100%{transform:scale(1.1) rotate(360deg);filter:brightness(1.2)}}@keyframes rib{0%{transform:scale(1)}50%{transform:scale(0.5)}100%{transform:scale(1)}}.evolution-stage{width:100vw;height:100vw;margin:0 auto;transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:backdrop-filter, filter, transform, opacity;position:relative;isolation:isolate;padding:15vw;background:radial-gradient(ellipse at center, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 50%);border-radius:50%;transition-delay:0s}@media (min-width: 980px){.evolution-stage{width:70vh;height:70vh;padding:13vh}}.evolution-stage .text-holder{text-align:center;font-size:clamp(20px, 3vh, 36px);text-shadow:#000 0px 0 10px;padding:1em 0 0;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform;opacity:0;left:50%;bottom:10vw;transform:translate(-50%, 130%) scale(0.5);position:absolute}@media (min-width: 980px){.evolution-stage .text-holder{bottom:13vh}}.evolution-stage .old{z-index:1;position:relative;transition:clip-path 6s cubic-bezier(0.215, 0.61, 0.355, 1)}.evolution-stage .new{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;clip-path:inset(100% 0 0 0);transition:clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition-delay:2s}.evolution-stage .new .img{transition:filter 4s cubic-bezier(0.215, 0.61, 0.355, 1)}.evolution-stage .evolution{transform:scale(0.5);opacity:0;z-index:-1;transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition-delay:0s}.evolution-stage .effect{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;inset:0;background:repeating-conic-gradient(from var(--a), #4cf5a7, #3564ff, #ffe15b, #cef, #4ec4ff);background:repeating-conic-gradient(from var(--a), #375f57, #4a6b8a, #c2b280, #6d9e94, #7291b0, #d1c7a8, #a3c1bc, #a0b5c9, #e0dcd3, #f0f0f0, #c7d0cc, #cad5e0, #d9d2bd, #9fb5b0, #8ca2b7, #bfb392, #7a9993, #ad9f76);border-radius:20px 60px 40px 100px;filter:blur(60px);transform:scale(0);opacity:0;z-index:-1;transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:50%;transition-delay:0s}.evolution-stage .highlight{height:40px;z-index:9;top:100%;bottom:initial}.game-popup-area.for-gained{overflow:hidden;opacity:0;visibility:hidden;backdrop-filter:none;-webkit-backdrop-filter:none;transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:visibility, opacity, transform}.game-popup-area.for-gained.--active{visibility:visible;opacity:1}.game-popup-area.for-gained.--active .evolution-stage{transform:none;opacity:1}.game-popup-area.for-gained.--active .evolution{transform:none;opacity:1;transition:opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-delay:0.6s;animation:effectscale 1.5s linear infinite forwards;animation-delay:1s}.game-popup-area.for-gained.--active .effect{animation:rotating 1.5s linear infinite;opacity:0.9;transform:none;transition:opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);transition-delay:0.4s}.game-popup-area.for-gained.--active .new{clip-path:inset(0 0 0 0);transition:clip-path 6s cubic-bezier(0.215, 0.61, 0.355, 1);transition-delay:1.5s}.game-popup-area.for-gained.--active .new .img{filter:brightness(1);transition-delay:1.5s}.game-popup-area.for-gained.--active .text-holder{transition-delay:6s;opacity:1;transform:translate(-50%, 100%) scale(1)}@keyframes highlightevo{0%{top:100%;opacity:0;transform:scale(0.5)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}100%{top:0%;transform:scale(0.5);opacity:0}}@keyframes effectscale{0%{transform:scale(1)}50%{transform:scale(0.97)}100%{transform:scale(1)}}@media (min-width: 0) and (max-width: 979px){.--page-loading{justify-content:flex-end}}.game-intro-area{position:relative;width:100%;min-height:50%;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;color:#fff;padding:10px 20px 10vh}@media (min-width: 0) and (max-width: 979px){.game-intro-area{padding-top:30px;height:50vh;position:fixed;left:0;bottom:0}}@media (min-width: 740px){.game-intro-area{padding:6vh 100px 10vh}}@media (min-width: 980px){.game-intro-area{width:60%;height:100%;padding:18vh 0 13vh 10vw}}.game-intro-area>div{position:relative;z-index:1}.game-intro-area .subheading{display:flex;align-items:center;font-size:clamp(18px, 2.1vh, 22px)}@media (min-width: 0) and (max-width: 739px){.game-intro-area .subheading{font-size:0.9375em}}.game-intro-area .subheading h3{color:#b0ffc3;font-weight:bold}.game-intro-area .subheading .count-board{margin-left:1em;font-size:0.75em}.game-intro-area .fz-A{text-shadow:rgba(0,0,0,0.5) 3px 3px 10px;padding:10px 0 0;display:flex;flex-wrap:wrap;margin-bottom:0.75em;line-height:1.125em}@media (min-width: 0) and (max-width: 739px){.game-intro-area .fz-A{font-size:1.375em;font-size:1.5em;padding-top:5px}}@media (min-width: 740px) and (max-width: 979px){.game-intro-area .fz-A{font-size:1.375em;font-size:2.75em}}.game-intro-area .fz-A:after{content:"";display:block;width:100%;height:3px;background:linear-gradient(to right, #b0ffc3, rgba(176,255,195,0));margin-top:1em;border-radius:5px}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-intro-area .fz-A:after{height:5px}}.game-intro-area p{text-shadow:rgba(0,0,0,0.7) 2px 2px 5px;width:90%}@media (min-width: 0) and (max-width: 739px){.game-intro-area p{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;height:4.5em;line-height:1.5em;-webkit-box-orient:vertical;font-size:0.875em;font-weight:normal}}@media (min-width: 740px){.game-intro-area p{width:70%}}.game-intro-area .btn-holder{display:flex;padding-top:10px;margin-left:-9px}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-intro-area .btn-holder{margin-left:-18px}}@media (min-width: 0) and (max-width: 979px){.game-intro-area+.game-bg-area .bg{background-size:auto 50vh;background-position:center top;background-repeat:repeat-y}}.game-intro-area:before{content:"";display:block;width:65vw;padding-bottom:100%;background:url("../images/rotate.png") no-repeat center center;background-size:contain;position:absolute;pointer-events:none;left:90%;top:0;animation:rotate 16s linear infinite}@media (min-width: 0) and (max-width: 979px){.game-intro-area:before{top:-5vh;width:90vw}}.game-intro-area:after{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.6);position:absolute;left:0;top:0;z-index:-1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (min-width: 0) and (max-width: 979px){.game-intro-area:after{background:linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}}@media (min-width: 980px){.game-intro-area:after{background:linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.6));clip-path:polygon(0 0, 100% 0%, 60% 100%, 0% 100%)}}@keyframes rotate{0%{transform:translate(-50%, -35%) rotate(0deg)}100%{transform:translate(-50%, -35%) rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;user-select:none;-moz-user-select:none;-webkit-user-select:none}.loading-container .small-text{display:block;margin-top:1em;font-size:14px;opacity:0.8;letter-spacing:5px;font-weight:lighter;text-shadow:1px 1px 2px #000000be;font-weight:normal;color:#bca46a}.loading-container .loading-text{display:flex;align-items:center;justify-content:center}.loading-container .loading-text i{display:block;text-transform:uppercase;font-family:"Nunito",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:clamp(14px, 2vh, 20px);text-align:center;text-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px;color:#d2c29c;animation:blink 3s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;margin:0 0.5em}@media (min-width: 980px){.loading-container .loading-text i{font-size:clamp(16px, 3vh, 64px)}}.loading-container .loading-text i:nth-of-type(1){animation-delay:0s}.loading-container .loading-text i:nth-of-type(2){animation-delay:.2s}.loading-container .loading-text i:nth-of-type(3){animation-delay:.4s}.loading-container .loading-text i:nth-of-type(4){animation-delay:.6s}.loading-container .loading-text i:nth-of-type(5){animation-delay:.8s}.loading-container .loading-text i:nth-of-type(6){animation-delay:1s}.loading-container .loading-text i:nth-of-type(7){animation-delay:1.2s}.loading-container .loading-text i:nth-of-type(8){animation-delay:1.4s}.loading-container .loading-text i:nth-of-type(9){animation-delay:1.6s}.loading-container .loading-text i:nth-of-type(10){animation-delay:1.8s}@keyframes blink{0%{opacity:1;color:#e1d2af}50%{opacity:0.2;color:#d2c29c}100%{opacity:1;color:#e1d2af}}@keyframes blinkblue{0%{opacity:1;color:#e0f6ff}50%{opacity:0.1;color:#9cdbf6}100%{opacity:1;color:#e0f6ff}}.game-fn-area{height:48px;position:absolute;left:0;top:0;width:100%;z-index:59;pointer-events:none}@media (min-width: 0) and (max-width: 739px){.game-fn-area .container{padding-left:0;padding-right:0}}@media (min-width: 1380px){.game-fn-area{height:52px}}.game-fn-area .title-area{display:flex;align-items:center;height:2.25em;line-height:1.125em}@media (min-width: 0) and (max-width: 739px){.game-fn-area .title-area{display:none}}.game-fn-area .title-area .icon:before{background-color:#b0ffc3}.game-fn-area .title-area a{display:inline-flex;margin-right:0.75em}@media (hover: hover){.game-fn-area .title-area a{transition:transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}.game-fn-area .title-area a:hover{transform:scale(1.25)}}.game-fn-area .title-area h1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (min-width: 0) and (max-width: 739px){.game-fn-area .title-area h1{font-size:1em;font-size:0.9375em;align-items:center}}@media (min-width: 740px){.game-fn-area .title-area h1{-webkit-line-clamp:1;height:1.25em;line-height:1.25em}}.game-fn-area .fn-area{flex:1;display:flex;justify-content:center}@media (min-width: 0) and (max-width: 739px){.game-fn-area .fn-area{align-items:center}}@media (min-width: 740px){.game-fn-area .fn-area{justify-content:flex-end}}.game-fn-area .fn-bar{display:flex;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);height:52px;justify-content:space-between;align-items:center;position:relative;border-radius:0 0 20px 20px;padding-left:25px;padding-right:25px;background:linear-gradient(to bottom, rgba(84,84,84,0.4), rgba(51,51,51,0.8));color:#b0ffc3}@media (min-width: 0) and (max-width: 739px){.game-fn-area .fn-bar{padding-left:10px;padding-right:10px;border-radius:0}}.game-fn-area .global-back,.game-fn-area .nav-toggle{pointer-events:auto;cursor:pointer;left:0;top:0;width:50px;height:50px;position:absolute;display:flex;align-items:center;justify-content:center}@media (min-width: 740px){.game-fn-area .global-back,.game-fn-area .nav-toggle{width:72px;height:72px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-fn-area .global-back,.game-fn-area .nav-toggle{width:90px;height:90px}}.game-fn-area .global-back i,.game-fn-area .nav-toggle i{width:100%;display:block;overflow:hidden;height:3px;border-top:3px solid #fff;border-radius:3px;transform-origin:center center;transition:all 0.4s;transition-property:transform, opacity, box-shadow;box-shadow:0px 0px 8px 0px rgba(255,255,255,0.3)}.game-fn-area .global-back .icon:before,.game-fn-area .nav-toggle .icon:before{background-color:#fff}.game-fn-area .global-back .square-back,.game-fn-area .global-back .hamburger,.game-fn-area .nav-toggle .square-back,.game-fn-area .nav-toggle .hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;width:22px;height:22px;position:relative}@media (min-width: 740px){.game-fn-area .global-back .square-back,.game-fn-area .global-back .hamburger,.game-fn-area .nav-toggle .square-back,.game-fn-area .nav-toggle .hamburger{width:30px;height:30px}}@media (hover: hover){.game-fn-area .global-back:hover i,.game-fn-area .nav-toggle:hover i{box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}}.game-fn-area .nav-toggle{left:auto;right:0}.game-fn-area .nav-toggle span{color:#fff;font-size:0.75em;font-family:"Nunito",sans-serif;display:block;position:absolute;left:50%;top:50%;transform:translate(-80%, -50%);line-height:1;opacity:0;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}.game-fn-area .nav-toggle i{margin-top:6px}@media (min-width: 740px){.game-fn-area .nav-toggle i{margin-top:8px}}.game-fn-area .nav-toggle i:first-of-type{margin-top:0}.game-fn-area .nav-toggle i:nth-of-type(2){transform-origin:right center;transform:scaleX(0.7)}@media (hover: hover){.game-fn-area .nav-toggle:hover i:nth-of-type(2){transform:scaleX(0)}.game-fn-area .nav-toggle:hover span{transform:translate(-50%, -50%);opacity:1;transition-delay:0.1s}}.game-fn-area .nav-toggle.--active i:nth-of-type(1){transform:translateY(9px) rotate(135deg)}@media (min-width: 740px){.game-fn-area .nav-toggle.--active i:nth-of-type(1){transform:translateY(10.5px) rotate(135deg)}}.game-fn-area .nav-toggle.--active i:nth-of-type(2){transform:scaleX(0)}.game-fn-area .nav-toggle.--active i:nth-of-type(3){transform:translateY(-9px) rotate(-135deg)}@media (min-width: 740px){.game-fn-area .nav-toggle.--active i:nth-of-type(3){transform:translateY(-10.5px) rotate(-135deg)}}.game-fn-area .nav-toggle.--active span{transform:translate(-30%, -50%);opacity:0;transition-delay:0s}.game-fn-area .square-back i{transform-origin:right center}.game-fn-area .square-back i:nth-of-type(1){transform:rotate(-45deg) translate(-2px, -8px);width:50%}@media (min-width: 740px){.game-fn-area .square-back i:nth-of-type(1){transform:rotate(-45deg) translate(-2px, -12px)}}.game-fn-area .square-back i:nth-of-type(2){transform:translate(3px, 0);width:80%}@media (min-width: 740px){.game-fn-area .square-back i:nth-of-type(2){width:90%;transform:translate(10px, 0)}}.game-fn-area .square-back i:nth-of-type(3){transform:rotate(45deg) translate(-2px, 8px);width:50%}@media (min-width: 740px){.game-fn-area .square-back i:nth-of-type(3){transform:rotate(45deg) translate(-2px, 12px)}}@media (hover: hover){.game-fn-area .global-back:hover .square-back{animation:hrmove 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards infinite}}@keyframes hrmove{0%{transform:translateX(0)}50%{transform:translateX(10px)}100%{transform:translateX(0)}}.exp-bar-container{display:flex;align-items:center;font-family:"Nunito",sans-serif;position:relative;transition:width 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s}@media (min-width: 0) and (max-width: 739px){.exp-bar-container{width:100%;justify-content:center}}.exp-bar-container .exp-bar{border-radius:3px;height:16px;flex:1;background-color:#fff;background:linear-gradient(to bottom, rgba(186,186,186,0.3), rgba(255,255,255,0.5) 50%, rgba(147,147,147,0) 50.1%, rgba(171,171,171,0.3) 100%);position:relative;transition:transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}@media (min-width: 0) and (max-width: 739px){.exp-bar-container .exp-bar{max-width:220px}}@media (min-width: 740px){.exp-bar-container .exp-bar{width:180px}}@media (min-width: 1100px){.exp-bar-container .exp-bar{width:200px}}@media (min-width: 1380px){.exp-bar-container .exp-bar{width:240px}}.exp-bar-container .exp{background-color:#55ff7c;border-radius:3px;left:0;top:0;position:absolute;height:100%;background:linear-gradient(to bottom, #37c157, #55ff7c 50%, #237e38 50.1%, #37c157 100%);transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1)}.exp-bar-container .exp:after{content:"";display:block;width:2px;height:110%;background-color:#fff;border-radius:50%;position:absolute;right:-1px;top:-5%;filter:blur(1px)}.exp-bar-container .exp-count{display:flex;align-items:flex-end;padding-left:10px;letter-spacing:1px;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}@media (min-width: 1100px){.exp-bar-container .exp-count{padding-left:15px}}.exp-bar-container .exp-count strong{font-size:14px;color:#55ff7c;font-weight:bold}.exp-bar-container .exp-count span{font-size:11px;opacity:0.5;padding-bottom:0;padding-left:2px}.exp-bar-container .btn-generate{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;width:200px;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;left:50%;top:50%;font-size:1.125em;font-weight:bold;height:32px;border-radius:30px;letter-spacing:1px;opacity:0;transform:translate(-60%, -50%);isolation:isolate;pointer-events:none;transition:transform 0.5s ease, opacity 0.5s ease;background:radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #fdb931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%),radial-gradient(ellipse farthest-corner at left top, #fff 0%, #ffffac 8%, #d1b464 25%, #5d4a1f 62.5%, #5d4a1f 100%);box-shadow:0px 4px 15px rgba(0,0,0,0.4),0px 0px 20px rgba(255,255,255,0.3) inset}@media (min-width: 740px){.exp-bar-container .btn-generate{left:initial;right:0;width:180px}}@media (min-width: 980px){.exp-bar-container .btn-generate{height:36px;transform:translate(-20px, -50%)}}.exp-bar-container .btn-generate .icon{margin-right:10px}.exp-bar-container .btn-generate .icon:before{width:20px;height:20px;background-color:#fff}.exp-bar-container .btn-generate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:30px;background:linear-gradient(to bottom, rgba(209,180,100,0), rgba(209,180,100,0.4) 50%, rgba(209,180,100,0) 50.1%);box-shadow:#d1b464 0px 0px 20px}.exp-bar-container.--active{height:36px}.exp-bar-container.--active .exp-count{opacity:0;transform:translateX(50px);pointer-events:none}.exp-bar-container.--active .exp{width:100% !important}.exp-bar-container.--active .exp-bar{opacity:0;transform:translateX(50px);pointer-events:none}.exp-bar-container.--active .btn-generate{opacity:1;transform:none;pointer-events:auto;transition:transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;transform:translate(-50%, -50%)}@media (min-width: 740px){.exp-bar-container.--active .btn-generate{transform:translate(0, -50%)}}.glow{display:block;position:absolute;top:0;right:0;width:4px;height:100%;transform:translate(50%, 0)}.glow::before,.glow::after{content:"";position:absolute;display:block;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%);z-index:3}.glow::before{filter:blur(2px);background:#9affb0;animation:glow-animation 2s linear infinite}.glow::after{filter:blur(3px);background:#50ff76;animation:glow-animation 2s linear infinite;z-index:1}@keyframes glow-animation{0%{transform:translate(-50%, -50%) scale(1.1);opacity:0.5}50%{transform:translate(-50%, -50%) scale(1.5, 1.2);opacity:1}100%{transform:translate(-50%, -50%) scale(1.1);opacity:0.5}}.game-input-area{position:absolute;left:0;bottom:0;width:100%;height:100px;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform;pointer-events:none;transform:translateY(50px);opacity:0;z-index:9}.game-input-area .container>div{position:relative;height:100%}.game-input-area+.game-bg-area+.footer{display:none}@media (min-width: 740px){.game-input-area{height:clamp(100px, 15vh, 150px)}}.game-input-area.--active{pointer-events:auto;opacity:1;transform:none}.game-input-area .input-voice-container,.game-input-area .input-text-container,.game-input-area .input-mcq-container{transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform}.game-input-area .btn-change{color:#fff;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;font-size:13px;text-shadow:0 0 20px #4cf5a7,0 0 30px #4cf5a7,0 0 40px #4cf5a7,0 0 55px #4cf5a7,0 0 75px #4cf5a7,2px 2px 2px rgba(6,75,40,0)}.input-voice-container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;color:#fff;font-size:13px;transform:translateY(-10%);opacity:0;pointer-events:none;position:absolute;width:100%;padding-left:10px;padding-right:10px}.input-voice-container:before{content:"";display:block;width:22vh;height:22vh;position:absolute;background-image:radial-gradient(circle, rgba(76,245,167,0.5), rgba(76,245,167,0) 70%);left:50%;bottom:0;border-radius:50%;transform:translate(-50%, 50%);z-index:1}.input-voice-container>div{position:relative;z-index:2}@keyframes voice-active{0%{transform:translate(-50%, 50%) scale(1)}50%{transform:translate(-50%, 50%) scale(1.25)}100%{transform:translate(-50%, 50%) scale(1)}}.input-voice{height:clamp(60px, 8vh, 100px);width:clamp(60px, 8vh, 100px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px;cursor:pointer;flex-shrink:0;transition:transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);position:relative;isolation:isolate;z-index:2;cursor:not-allowed}.input-voice::before{content:"";display:block;width:100%;padding-bottom:100%;border-radius:50%;position:absolute;z-index:-1;left:0;top:0;background-color:#fff;background:linear-gradient(to bottom, rgba(255,255,255,0.6), #fff);transition:opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}.input-voice:after{content:"";display:block;width:100%;padding-bottom:100%;border-radius:50%;position:absolute;z-index:-2;left:0;top:0;background-color:transparent;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);box-shadow:rgba(85,255,124,0) 0px 0px 10px 0px}.input-voice .icon{position:relative;z-index:6}.input-voice .icon:before{background-color:#666;width:clamp(18px, 3.6vh, 36px);height:clamp(18px, 3.6vh, 36px)}.input-voice .num-countdown{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:"Nunito",sans-serif;left:0;top:0;font-size:2vw;font-weight:bold;opacity:0;user-select:none;-moz-user-select:none;-webkit-user-select:none;color:#064b28;z-index:6}.input-voice.--active{cursor:pointer}.input-voice.--active:before{opacity:0}.input-voice.--active:after{background-color:#fff;box-shadow:#55ff7c 0px 0px 15px 0px}.input-voice.--active .icon:before{background-color:#06682f;animation:none;width:clamp(18px, 3.6vh, 36px);height:clamp(18px, 3.6vh, 36px)}.input-voice.--active .circle{position:absolute;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;background:conic-gradient(#fff 0deg var(--progress-degree), #94d697 var(--progress-degree), #d1fad3 360deg);display:flex;justify-content:center;align-items:center;left:3px;top:3px;z-index:1;filter:blur(0.5px)}.input-voice.--active.--countdown .num-countdown{opacity:1}.input-voice.--active.--pause:before{opacity:0}.input-voice.--active.--pause .icon:before{-webkit-mask-size:auto 100%;-webkit-mask-position:8.16% 0;animation:none;width:clamp(18px, 3.6vh, 36px);height:clamp(18px, 3.6vh, 36px)}.input-voice.--active.--pause.--countdown .num-countdown{opacity:1;color:#fff}.input-voice.--active.--pause.--countdown .icon{transform:scale(1)}@media (hover: hover){.input-voice:hover{transform:scale(1.1)}}@keyframes shadowscale{0%{box-shadow:#b81515 0px 0px 10px 0px}50%{box-shadow:#b81515 0px 0px 30px 0px}100%{box-shadow:#b81515 0px 0px 10px 0px}}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.input-text-container{position:relative;display:flex;height:100%;padding:10px 0 30px}@media (min-width: 1380px){.input-text-container{padding:10px 10px 38px;padding:10px 0 38px}}.input-text-container .btn-change{position:absolute;left:50%;bottom:8px;transform:translateX(-50%)}@media (min-width: 1380px){.input-text-container .btn-change{bottom:12px}}.input-text-container .wrapper{display:flex;background:linear-gradient(to top, #fff, rgba(255,255,255,0.6));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:100%;border-radius:12px}.input-text-container .fn{overflow:hidden;display:block;padding:3px;width:60px}@media (min-width: 980px){.input-text-container .fn{padding:6px;width:clamp(100px, 10vw, 180px)}}.input-text-container .btn-submit{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);width:100%;display:flex;align-items:center;justify-content:center;height:100%;border-radius:10px;box-shadow:rgba(0,0,0,0.1) 0px 4px 12px;background-color:#078a42}.input-text-container .btn-submit .icon:before{background-color:#fff}@media (hover: hover){.input-text-container .btn-submit:hover{background-color:#078a42}}.input-text-container textarea{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;flex:1;border-radius:0;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-size:1em;line-height:1.375em;color:#000;resize:none;transition:width 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);width:100%;padding:6px 12px;box-sizing:border-box;border-radius:12px 0 0 12px;font-size:16px;transition:all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:border-radius, background-color, border-color;scrollbar-color:var(--color-scrollbar) transparent}@media (min-width: 740px){.input-text-container textarea{font-size:1.125em}}@media (min-width: 1380px){.input-text-container textarea{font-size:1.25em;padding:8px 15px}}.input-mcq-container{display:flex;flex-wrap:wrap;position:absolute;left:0;bottom:0;width:100%}@media (min-width: 0) and (max-width: 979px){.input-mcq-container{isolation:isolate;padding-top:10px;padding-bottom:10px}.input-mcq-container:after{content:"";display:block;width:calc(100% + 20px);height:100%;background-color:rgba(0,0,0,0.3);z-index:-1;left:-10px;top:0;position:absolute;border-radius:12px 12px 0 0}}@media (min-width: 980px){.input-mcq-container{background-color:rgba(0,0,0,0.3);border-radius:12px;padding:10px;border-radius:12px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);margin-bottom:2.5vh}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.input-mcq-container{padding:20px}}.input-mcq-container .btn,.input-mcq-container .item{margin:0;width:100%;height:initial;padding:0.75em 0.5em;line-height:1em;text-align:left;justify-content:flex-start}.input-mcq-container .btn span{padding:0}.input-mcq-container .btn+.btn{margin-top:8px}@media (min-width: 980px){.input-mcq-container .btn{width:calc(50% - 4px)}.input-mcq-container .btn:nth-of-type(2n+2){margin-left:8px}.input-mcq-container .btn:nth-of-type(2){margin-top:0}}@media (hover: hover){.input-mcq-container .btn:hover{background-color:rgba(255,255,255,0.9);box-shadow:rgba(255,255,255,0.5) 0px 0px 20px}}.input-mcq-container .option-container{display:flex;flex-wrap:wrap;width:100%}@media (min-width: 0) and (max-width: 979px){.input-mcq-container .option-container+.btn{width:100% !important;justify-content:center}}@media (min-width: 740px){.input-mcq-container .option-container .btn{font-size:1em}}@media (min-width: 1380px){.input-mcq-container .option-container .btn{font-size:1.125em}}@media (min-width: 1700px){.input-mcq-container .option-container .btn{font-size:1.25em}}@media (hover: hover){.input-mcq-container .option-container .btn:hover{background-color:#fff;color:#064b28;background:linear-gradient(to top, #e8fdff, #c7f9ff)}.input-mcq-container .option-container .btn:hover span{color:#064b28}}@media (min-width: 0) and (max-width: 979px){.input-mcq-container.--for-letter{padding-bottom:2px}.input-mcq-container.--for-letter .btn{width:calc(50% - 4px);margin:0 0 8px}.input-mcq-container.--for-letter .btn:nth-of-type(2n+2){margin-left:8px}}@media (min-width: 980px){.input-mcq-container.--for-letter .btn{flex:1;margin-top:0}.input-mcq-container.--for-letter .btn+.btn{margin-left:8px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.input-mcq-container.--for-letter .btn+.btn{margin-left:16px}}@media (min-width: 980px){.input-mcq-container.--for-option{padding-left:20%;padding-right:20%}}@media (min-width: 1100px){.input-mcq-container.--for-option{padding-left:25%;padding-right:25%}}.input-mcq-container.--for-option .btn{flex:1;margin:0;justify-content:center;font-size:1.5em;padding-top:0.5em;padding-bottom:0.5em}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.input-mcq-container.--for-option .btn{font-size:2em}}.input-mcq-container.--for-option .btn+.btn{margin-left:8px}@media (min-width: 980px){.input-mcq-container.--for-option .btn+.btn{margin-left:16px}}@media (min-width: 980px){.input-mcq-container.--for-multi{display:flex;flex-direction:row;justify-content:space-between}}@media (min-width: 980px){.input-mcq-container.--for-multi .option-container{width:calc(100% - 128px)}}@media (min-width: 1380px){.input-mcq-container.--for-multi .option-container{width:calc(100% - 148px)}}.input-mcq-container.--for-multi .option-container .btn{padding-left:5px}@media (min-width: 980px){.input-mcq-container.--for-multi .option-container .btn{padding-left:0.75em}}.input-mcq-container.--for-multi .option-container .btn:before{content:"";display:block;width:1.25em;height:1.25em;border:2px solid #064b28;border-radius:3px;position:absolute;left:0.5em;top:50%;transform:translateY(-50%);z-index:1;display:none}.input-mcq-container.--for-multi .option-container .btn:after{-webkit-mask-size:auto 100%;-webkit-mask-position:48.98% 0;width:1.25em;height:1.25em;position:absolute;right:0.5em;top:50%;transform:translateY(-50%);background-color:#064b28;opacity:0;z-index:3}.input-mcq-container.--for-multi .option-container .btn.selected{background:linear-gradient(to bottom, rgba(1,196,138,0.8), #009669);background:linear-gradient(to top, #0861aa, #094b80);color:#fff}.input-mcq-container.--for-multi .option-container .btn.selected:after{opacity:1;background-color:#fff}.input-mcq-container.--for-multi .option-container .btn.selected:before{background:#064b28}@media (hover: hover){.input-mcq-container.--for-multi .option-container .btn.selected:hover{color:#fff}.input-mcq-container.--for-multi .option-container .btn.selected:hover span{color:#fff}}@media (min-width: 0) and (max-width: 979px){.input-mcq-container.--for-multi .option-container+.btn{margin-top:8px}}@media (min-width: 980px){.input-mcq-container.--for-multi .option-container+.btn{width:120px;justify-content:center}}@media (min-width: 1380px){.input-mcq-container.--for-multi .option-container+.btn{width:140px;justify-content:center}}@media (min-width: 980px){.input-mcq-container.--for-multi.--for-letter .option-container{padding-right:8px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.input-mcq-container.--for-multi.--for-letter .option-container{padding-right:16px}}.input-mcq-container.--for-multi.--for-letter .option-container+.btn{margin-top:0}@media (min-width: 980px){.input-mcq-container.--more-than-5 .option-container .btn{min-width:initial;width:calc(33.33% - 6px);flex:initial;margin-top:8px}.input-mcq-container.--more-than-5 .option-container .btn:nth-of-type(3n+1){margin-left:0}.input-mcq-container.--more-than-5 .option-container .btn:nth-of-type(1),.input-mcq-container.--more-than-5 .option-container .btn:nth-of-type(2),.input-mcq-container.--more-than-5 .option-container .btn:nth-of-type(3){margin-top:0}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.input-mcq-container.--more-than-5 .option-container .btn{margin-left:8px}}.input-plugin-container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.input-set-container{display:flex;flex-wrap:wrap;justify-content:center}.input-set-container .item{margin:5px;flex-shrink:0}.--voice-mode .input-voice-container{transform:none;opacity:1;pointer-events:auto}.--voice-mode .input-text-container{transform:translateY(20%);opacity:0;pointer-events:none}.--voice-mode .input-mcq-container{transform:translateY(20%);opacity:0;pointer-events:none}.--voice-mode .input-plugin-container{transform:translateY(20%);opacity:0;pointer-events:none}.--text-mode .input-voice-container{transform:translateY(20%);opacity:0;pointer-events:none}.--text-mode .input-text-container{transform:none;opacity:1;pointer-events:auto}.--text-mode .input-mcq-container{transform:translateY(20%);opacity:0;pointer-events:none}.--text-mode .input-plugin-container{transform:translateY(20%);opacity:0;pointer-events:none}.--mcq-mode .input-voice-container{transform:translateY(20%);opacity:0;pointer-events:none}.--mcq-mode .input-text-container{transform:translateY(20%);opacity:0;pointer-events:none}.--mcq-mode .input-mcq-container{transform:none;opacity:1;pointer-events:auto}.--mcq-mode .input-plugin-container{transform:translateY(20%);opacity:0;pointer-events:none}.--plugin-mode .input-voice-container{transform:translateY(20%);opacity:0;pointer-events:none}.--plugin-mode .input-text-container{transform:translateY(20%);opacity:0;pointer-events:none}.--plugin-mode .input-mcq-container{transform:translateY(20%);opacity:0;pointer-events:none}.--plugin-mode .input-plugin-container{transform:none;opacity:1;pointer-events:auto}.game-setting-area{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0;transform:translateY(-20px);transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}.game-setting-area .setting-container{background-color:rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:8px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 980px){.game-setting-area .setting-container{padding:20px}}.game-setting-area .pool{padding-bottom:10px}.game-setting-area h2{color:#fff;font-size:1.25em;width:100%;text-align:center;padding-bottom:10px}.game-setting-area .container{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-setting-area.--active{pointer-events:auto;opacity:1;transform:none}.chat-item{margin:2.5vh 0;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);pointer-events:none;opacity:0;transform:translateY(30px)}.chat-item .chat-item-container{background-color:rgba(255,255,255,0.6);background:linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.7), rgba(255,255,255,0.4));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:clamp(12px, 1.25vw, 30px);position:relative;width:100%}@media (min-width: 740px){.chat-item .chat-item-container{display:flex;align-items:flex-end}}.chat-item .chat-item-container:after,.chat-item .chat-item-container:before{content:"";display:block;width:calc(100% - 2px);height:50px;position:absolute;z-index:-1;left:1px;top:1px;background:linear-gradient(to bottom, rgba(14,48,65,0.4), rgba(14,48,65,0));background:linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0));border-radius:clamp(12px, 1.25vw, 30px) clamp(12px, 1.25vw, 30px) 0 0;pointer-events:none}.chat-item .chat-item-container:after{top:initial;height:70px;bottom:1px;background:linear-gradient(to top, rgba(49,49,49,0.3), rgba(49,49,49,0));border-radius:0 0 clamp(12px, 1.25vw, 30px) clamp(12px, 1.25vw, 30px)}.chat-item .translate{padding:5px 10px;background:linear-gradient(to top, rgba(132,228,255,0.3), rgba(98,221,255,0.5));color:#013c5e;border-radius:6px;margin-top:5px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform, max-height;margin-bottom:10px;display:flex;max-height:0}@media (min-width: 740px){.chat-item .translate{margin-bottom:3vh;margin-top:10px}}.chat-item .translate p,.chat-item .translate li{font-size:0.9375em}@media (min-width: 1700px){.chat-item .translate p,.chat-item .translate li{font-size:1em}}.chat-item .translate.--active{opacity:1;pointer-events:auto;transform:none;max-height:initial}.chat-item .count-board{margin-bottom:15px}@media (min-width: 0) and (max-width: 739px){.chat-item .count-board{position:absolute;right:10px;top:0;transform-origin:right center;transform:translateY(-50%) scale(0.9)}}.chat-item .chat-fn-bar{display:flex;align-items:center;position:static;left:0;bottom:0;width:100%;padding:0;justify-content:space-between;display:flex;align-items:center}@media (min-width: 0) and (max-width: 739px){.chat-item .chat-fn-bar{flex-direction:column}}@media (min-width: 740px){.chat-item .chat-fn-bar{align-items:flex-end;flex:1}}.chat-item .chat-fn-bar .left{display:flex;align-items:center;position:absolute;right:10px;top:0;transform:translateY(-50%)}@media (min-width: 980px){.chat-item .chat-fn-bar .left{right:15px}}@media (min-width: 1380px){.chat-item .chat-fn-bar .left{right:20px}}.chat-item .chat-fn-bar .right{width:100%;display:flex}@media (min-width: 0) and (max-width: 979px){.chat-item .chat-fn-bar .right .btn{flex:1;height:40px;font-size:1.125em}}@media (min-width: 980px){.chat-item .chat-fn-bar .right{justify-content:flex-end}}.chat-item .avatar{width:72px;flex-shrink:0}@media (min-width: 0) and (max-width: 739px){.chat-item .avatar{position:absolute;width:72px;background-color:#ccc;border-radius:12px;overflow:hidden;left:10px;top:0;transform:translateY(-45px);box-shadow:rgba(0,0,0,0.35) 0px 5px 15px}}@media (min-width: 740px) and (max-width: 979px){.chat-item .avatar{width:200px;position:relative}}@media (min-width: 980px){.chat-item .avatar{width:20vh;width:clamp(200px, 22vh, 360px);margin:0 2.2% 0 -5%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}}@media (min-width: 1380px){.chat-item .avatar{width:25vh;width:27vh}}.chat-item .avatar .name{position:absolute;left:50%;transform:translateX(-50%);bottom:5%;font-size:clamp(14px, 1.75vh, 32px);font-weight:bold;color:#ffffff;text-shadow:0px 0px 12px rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.5);background:linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.3) 80%);padding:3px 10px 5px;border-radius:3px;letter-spacing:1px;white-space:nowrap}@media (min-width: 0) and (max-width: 979px){.chat-item .avatar .name{display:none}}@media (min-width: 1380px){.chat-item .avatar .name{font-size:clamp(14px, 2vh, 32px)}}.chat-item .avatar .img:before{padding-bottom:112.5%}@media (min-width: 0) and (max-width: 739px){.chat-item .avatar .img{background-position:center top}.chat-item .avatar .img:before{padding-bottom:100%}}.chat-item .content{flex:1;padding:35px 10px 0 10px;position:relative}@media (min-width: 0) and (max-width: 739px){.chat-item .content p,.chat-item .content li{font-size:0.9375em;font-size:1em;letter-spacing:0}}@media (min-width: 740px){.chat-item .content{padding:25px 10px 0 10px;min-height:100%;align-self:stretch;display:flex;flex-direction:column}}@media (min-width: 1100px){.chat-item .content{padding:27px 15px 0}}@media (min-width: 1380px){.chat-item .content{padding:30px 20px 0}}.chat-item.npc{flex:1;align-items:center;display:flex;margin-bottom:12vh}@media (min-width: 740px){.chat-item.npc{margin-bottom:6vh}}.chat-item.self{margin-top:10px;position:absolute;height:80px;bottom:0;width:calc(100% - 20px);transform:none}@media (min-width: 740px){.chat-item.self{width:calc(100% - 20vw)}}@media (min-width: 980px){.chat-item.self{width:calc(100% - 36vw)}}@media (min-width: 1380px){.chat-item.self{margin-top:4vh}}.chat-item.self .chat-item-container{width:100%;margin-left:0;background:none;backdrop-filter:initial;-webkit-backdrop-filter:initial}@media (min-width: 0) and (max-width: 739px){.chat-item.self .chat-item-container{border-radius:0;margin-left:-10px;width:calc(100% + 20px)}}@media (min-width: 740px){.chat-item.self .chat-item-container{flex-direction:row-reverse}}.chat-item.self .chat-item-container:after,.chat-item.self .chat-item-container:before{background:linear-gradient(to bottom, rgba(5,27,15,0.4), rgba(5,27,15,0))}.chat-item.self .chat-item-container:before{border-radius:0}.chat-item.self .chat-item-container:after{bottom:initial;top:1px;height:50vh;z-index:1;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(to bottom, rgba(41,136,84,0.7) 0%, rgba(109,211,155,0) 70%)}@media (min-width: 740px){.chat-item.self .chat-item-container:after{border-radius:12px 12px 0 0}}.chat-item.self .content{color:#fff;padding:20px;z-index:3}@media (min-width: 0) and (max-width: 739px){.chat-item.self .content{padding-bottom:0}}.chat-item.self .avatar{display:none}@media (min-width: 0) and (max-width: 979px){.chat-item.self p{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:6;display:-webkit-box;height:7.5em;line-height:1.25em;-webkit-box-orient:vertical}}.chat-item.--active{pointer-events:auto;opacity:1;transform:none}.answers-area{display:flex}.answers-area .btn{flex:1}@media (min-width: 980px){.answers-area.--for-short{padding-left:15%;padding-right:15%}}@media (min-width: 0) and (max-width: 979px){.answers-area.--sentence{flex-direction:column}.answers-area.--sentence .btn{margin:0 0 8px 0;width:100%;justify-content:flex-start;padding:0.5em;line-height:1.25em}}@media (min-width: 980px){.answers-area.--sentence{padding-left:0;padding-right:0}}.write-billboard{position:relative;flex-direction:column;display:flex;border-radius:5px;height:calc(100% - 100px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-top:50px;width:calc(100% - 10px);margin-left:5px;background:linear-gradient(to bottom, rgba(11,21,24,0.85), rgba(18,36,41,0.6))}.write-billboard:before,.write-billboard:after{content:"";display:block;position:absolute;opacity:1;pointer-events:none;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);box-sizing:border-box}.write-billboard:after{width:calc(100% - 4px);height:50%;left:2px;top:2px;border-radius:2px;z-index:1;background:linear-gradient(to bottom, rgba(76,245,167,0.3), rgba(76,245,167,0))}.write-billboard:before{width:calc(100% + 10px);height:calc(100% + 10px);left:-5px;top:-5px;border-radius:5px;z-index:1;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;border:2px solid #cbe1e9}.write-billboard.--active{display:flex}.write-billboard .top-area{display:flex;flex-direction:column;position:relative;isolation:isolate;z-index:3}.write-billboard .top-area .left{flex:1;border-radius:5px 5px 0 0;min-height:50px;padding:0 20px 10px;border-bottom:none;color:#cbfbe3}@media (min-width: 980px){.write-billboard .top-area .left{padding:0 6% 10px;border-radius:5px 5px 0 0}}.write-billboard .top-area .left p{border-radius:0 0 5px 5px;padding:5px 10px;display:block;margin-top:-5px;border-top:2px solid rgba(203,225,233,0.5);line-height:1.25em;font-size:0.9375em;text-align:center;position:relative;isolation:isolate;background:linear-gradient(to top, rgba(95,199,206,0.4), #5fc7ce 80%);border-bottom:1px solid #5fc7ce;color:#0c2022}.write-billboard .top-area .left p:before{content:"";display:block;width:100%;height:60%;position:absolute;z-index:-1;background:linear-gradient(to bottom, rgba(203,225,233,0.8), rgba(203,225,233,0));clip-path:polygon(0 0, 100% 0, 98% 100%, 2% 100%);left:0;top:0}@media (min-width: 980px){.write-billboard .top-area .left p{padding:10px 20px;text-align:center;box-shadow:rgba(14,34,36,0.8) 0px 7px 29px 0px;font-size:1em;width:clamp(500px, 60%, 720px);margin-left:auto;margin-right:auto}}.write-billboard .top-area .right{width:max-content;position:absolute;right:initial;left:50%;top:0;transform:translate(-50%, -50%);border-radius:0 0 5px 5px;background-color:rgba(29,65,69,0.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(8px);transform:translate(-50%, -140px)}@media (min-width: 0) and (max-width: 979px){.write-billboard .top-area .right{transform:translate(-50%, -75px)}}@media (min-width: 1380px){.write-billboard .top-area .right{transform:translate(-50%, -126px)}}.write-billboard .fn-area{color:#b0ffc3;padding:0.5em 10px;left:0;bottom:0;width:100%;border-radius:0 0 5px 5px;font-size:0.8125em;text-align:center;color:#83e5ec;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.write-billboard .fn-area .icon{margin-right:8px}.write-billboard .fn-area .icon:before{background-color:#83e5ec;width:18px;height:18px}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.write-billboard .fn-area{height:40px}}.write-billboard .count-board{font-size:1.375em;font-family:"Nunito",sans-serif;letter-spacing:1px;background-color:transparent;min-width:150px;text-align:center;background:linear-gradient(to bottom, rgba(19,37,43,0.9), rgba(19,37,43,0.5))}@media (min-width: 0) and (max-width: 979px){.write-billboard .count-board{height:36px;font-weight:bold}}@media (min-width: 980px){.write-billboard .count-board{height:clamp(45px, 3vw, 60px);font-weight:bold;font-size:clamp(28px, 2.5vw, 42px)}}.write-billboard .count-board:after,.write-billboard .count-board:before{-webkit-mask-image:initial;box-sizing:border-box;content:"";display:block;position:absolute;opacity:1;pointer-events:none;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);box-sizing:border-box;background-color:initial}.write-billboard .count-board:after{width:calc(100% - 4px);height:50%;left:2px;top:2px;border-radius:2px;z-index:1;background:linear-gradient(to bottom, rgba(76,245,167,0.5), rgba(76,245,167,0));clip-path:polygon(0 0, 100% 0, 95% 100%, 5% 100%)}.write-billboard .count-board:before{width:calc(100% + 10px);height:calc(100% + 10px);left:-5px;top:-5px;border-radius:5px;z-index:1;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;border:2px solid #cbe1e9}.write-billboard .count-board .wrapper{width:100%;display:flex;align-items:center;text-align:center;justify-content:center;border-radius:0 0 5px 5px;overflow:hidden;position:relative;z-index:6}.write-billboard .count-board .wrapper:before{background-color:transparent;display:none}.write-billboard .count-board .count{margin-left:0;color:#f4feff;margin-top:2px;justify-content:center;line-height:1;text-shadow:rgba(195,243,247,0.7) 0px 0px 5px,rgba(92,195,202,0.7) 0px 0px 15px}.write-billboard .bottom-area{padding:0 20px;color:#fff;border-radius:0;overflow:hidden;flex:1;position:relative;border-top:none;border-bottom:none}@media (min-width: 980px){.write-billboard .bottom-area{padding:0 6%}}.write-billboard .part{background-color:#fff;padding:0 0.5em 0.07em 2.25em;font-size:0.875em;color:#064b28;display:inline-flex;align-items:center;vertical-align:middle;border-radius:50px;border-bottom:2px solid #55ff7c;user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:pointer;position:relative;height:2em;transform:translateY(-2px)}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.write-billboard .part{height:2.25em;transform:translateY(-3px)}}.write-billboard .part .icon{margin-right:5px;font-size:1em;margin-top:-2px;position:absolute;left:5px;top:53%;transform:translateY(-50%);animation:fmove 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}.write-billboard .part .icon:before{width:1.5em;height:1.5em;background-color:#064b28}@media (hover: hover){.write-billboard .part:hover{background-color:#fff}}.write-billboard .part.--yourturn{cursor:default;border:1px dashed #fff;border:none;border-radius:3px;background-color:rgba(0,0,0,0.15);background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));color:#fff;position:relative;color:#87ffdf}.write-billboard .part.--yourturn .icon{margin-top:-4px}.write-billboard .part.--yourturn .icon:before{background-color:#b1ffea}.write-billboard .part.--others{cursor:default;border:none;background-color:rgba(255,255,255,0.6)}.write-billboard .part.--others .icon{animation:none;left:10px}@media (hover: hover){.write-billboard .part.--others:hover{background-color:rgba(255,255,255,0.6)}}.write-billboard .article-holder{height:100%}.write-billboard .article{overflow-y:auto;height:100%}.write-billboard .article{scrollbar-width:thin;scrollbar-color:#399592 transparent}.write-billboard .article::-webkit-scrollbar{width:12px}.write-billboard .article::-webkit-scrollbar-track{background:transparent}.write-billboard .article::-webkit-scrollbar-thumb{background-color:#399592}.write-billboard .article p{color:rgba(255,255,255,0.85);margin-bottom:60px;line-height:1.75em;background-size:1.75em 1.75em;line-height:2em;background-size:2em 2em;background-image:repeating-linear-gradient(0deg, rgba(135,255,223,0.2), rgba(135,255,223,0.2) 1px, transparent 1px, transparent)}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.write-billboard .article p{line-height:2em;background-size:2em 2em}}.write-billboard .article span{color:rgba(255,255,255,0.5)}.write-billboard .article span.self{color:#fff}@keyframes fmove{0%{transform:translate(0, -50%)}50%{transform:translate(6px, -50%)}100%{transform:translate(0, -50%)}}@keyframes dash{0%,100%{border-color:#55ff7c}50%{border-color:transparent}}.teamup-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.teamup-container .teamup{isolation:isolate;width:clamp(320px, 88%, 600px);flex-shrink:0;padding:40px 10px;display:flex;align-items:center;justify-content:center;min-height:clamp(200px, 36vh, 420px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (min-width: 740px){.teamup-container .teamup{padding:40px 10px 50px}}@media (min-width: 980px){.teamup-container .teamup{width:clamp(360px, 42%, 720px)}}@media (min-width: 1380px){.teamup-container .teamup{width:clamp(480px, 32%, 720px)}}.teamup-container .teamup-num{display:flex;align-items:center;justify-content:center;font-weight:bold;padding:7px 2em 10px;margin:2vh auto 10px;background-color:rgba(0,0,0,0.3);color:#f6db9c;border-radius:12px}.teamup-container .teamup-num .icon{margin-left:10px;cursor:pointer}@media (hover: hover){.teamup-container .teamup-num .icon:hover{transform:scale(1.25)}}.teamup-container .teamup-num .icon:before{background-color:#bca46a}.teamup-container .teamup-num p{font-size:clamp(24px, 5vh, 48px)}.teamup-container .teamup-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#bca46a}.teamup-container .btn-area{display:flex;align-items:center}.teamup-container .teamup-avatar{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:10px;padding-bottom:30px}.teamup-container .teamup-avatar h6{font-size:14px;margin:8px auto}.teamup-container .teamup-avatar .group{display:flex;align-items:flex-start;justify-content:center;width:clamp(240px, 18vw, 320px);user-select:none;-moz-user-select:none;-webkit-user-select:none}.teamup-container .teamup-avatar .avatar{width:calc(25% + 8px);flex-shrink:0;margin-left:-10px;position:relative;animation:floating 1.5s linear infinite}.teamup-container .teamup-avatar .avatar:nth-of-type(1){animation-delay:0s}.teamup-container .teamup-avatar .avatar:nth-of-type(2){animation-delay:.3s}.teamup-container .teamup-avatar .avatar:nth-of-type(3){animation-delay:.6s}.teamup-container .teamup-avatar .avatar:nth-of-type(4){animation-delay:.9s}.teamup-container .teamup-avatar .avatar:nth-of-type(5){animation-delay:1.2s}.teamup-container .teamup-avatar .avatar:nth-of-type(6){animation-delay:1.5s}.teamup-container .teamup-avatar .avatar:nth-of-type(7){animation-delay:1.8s}.teamup-container .teamup-avatar .avatar:nth-of-type(8){animation-delay:2.1s}.teamup-container .teamup-avatar .avatar:nth-of-type(9){animation-delay:2.4s}.teamup-container .teamup-avatar .avatar:nth-of-type(10){animation-delay:2.7s}.teamup-container .teamup-avatar .avatar:first-of-type{margin-left:0}.teamup-container .teamup-avatar .avatar .img{width:100%;background-color:#eee;border-radius:50%;margin-bottom:6px;box-shadow:rgba(0,0,0,0.5) -3px 7px 20px 0px;border:2px solid #bca46a}.teamup-container .teamup-avatar .avatar .img:before{padding-bottom:100%}.teamup-container .teamup-avatar .avatar .name{font-size:11px;position:absolute;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;height:1.125em;line-height:1.125em;-webkit-box-orient:vertical}.teamup-container .teamup-avatar .avatar.--space .img{background:linear-gradient(to bottom, #111, rgba(51,43,25,0.7))}@media (min-width: 576px){.teamup-intro{display:flex}}.teamup-intro>div{flex:1}.teamup-intro>div+div{border-left:1px solid rgba(176,255,195,0.2)}.teamup-intro .btn-type{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;width:240px;position:relative;display:block}@media (min-width: 740px){.teamup-intro .btn-type{width:260px}}@media (min-width: 1380px){.teamup-intro .btn-type{width:320px}}@media (min-width: 1700px){.teamup-intro .btn-type{width:400px}}.teamup-intro .btn-type:before{content:"";display:block;width:100%;padding-bottom:76%}.teamup-intro .btn-type .sci-frame{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3}.teamup-intro .btn-type .wrapper{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;left:0;top:0;isolation:isolate}.teamup-intro .btn-type .wrapper:before{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle, rgba(176,255,195,0.3) 0%, rgba(176,255,195,0) 90%);position:absolute;left:0;top:0;z-index:-1;transition:opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0}@media (min-width: 740px){.teamup-intro .btn-type .wrapper{padding:30px}}.teamup-intro .btn-type .img{background-size:contain;background-position:center;width:48%;margin-bottom:10px;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, filter}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.teamup-intro .btn-type .img{margin-bottom:20px}}.teamup-intro .btn-type strong{color:#fff;font-size:1.375em;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;display:block;transition:transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1)}@media (min-width: 740px){.teamup-intro .btn-type strong{font-size:1.5em}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.teamup-intro .btn-type strong{font-size:2em}}@media (min-width: 0) and (max-width: 575px){.teamup-intro .btn-type+.btn-type{margin-top:40px}}@media (min-width: 576px){.teamup-intro .btn-type+.btn-type{margin-left:50px}}@media (min-width: 1380px){.teamup-intro .btn-type+.btn-type{margin-left:80px}}@media (hover: hover){.teamup-intro .btn-type:hover .img{transform:scale(1.125);filter:brightness(1.6)}.teamup-intro .btn-type:hover .wrapper:before{opacity:1}.teamup-intro .btn-type:hover strong{transform:translateY(8px)}}@keyframes floating{0%{transform:translateY(0)}60%{transform:translateY(5px)}100%{transform:translateY(0)}}.multi-player-status{display:flex;width:100%;padding-bottom:1px}@media (min-width: 740px){.multi-player-status{justify-content:flex-end}}.multi-player-status .player{flex:1;max-width:150px;position:relative;display:flex;align-items:flex-end}.multi-player-status .player+.player{margin-left:8px}@media (min-width: 740px){.multi-player-status .player+.player{margin-left:15px}}@media (min-width: 1380px){.multi-player-status .player+.player{margin-left:20px}}.multi-player-status .avatar{width:36%;z-index:2;transform:none;position:static;margin-right:5px;order:1}@media (min-width: 0) and (max-width: 739px){.multi-player-status .avatar{background:none;border-radius:0;box-shadow:none}}@media (min-width: 980px){.multi-player-status .avatar{width:40%}}.multi-player-status .avatar .name{display:none}.multi-player-status .avatar .img{image-rendering:-webkit-optimize-contrast;image-rendering:optimizeQuality}.multi-player-status .status-color{display:block;width:100%;height:26px;background:linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0.3));position:absolute;left:0;bottom:0;border-radius:12px 12px 0 0}@media (min-width: 740px){.multi-player-status .status-color{height:30px;border-radius:24px 24px 0 0}}.multi-player-status .status{position:relative;z-index:3;display:flex;align-items:center;height:26px;order:2;user-select:none;-moz-user-select:none;-webkit-user-select:none;color:#fff;white-space:nowrap}@media (min-width: 740px){.multi-player-status .status{height:30px}}.multi-player-status .status .icon{margin-right:3px}.multi-player-status .status .icon:before{background-color:#fff}.multi-player-status .status span{font-size:0.75em}@media (min-width: 740px){.multi-player-status .status span{font-size:0.9375em}}.multi-player-status .status-normal+.avatar+.status-color{background-color:rgba(17,17,17,0.9)}.multi-player-status .status-ing+.avatar+.status-color{background-color:rgba(14,89,160,0.9)}.multi-player-status .status-correct+.avatar+.status-color{background-color:#0e561b}.multi-player-status .status-wrong+.avatar+.status-color{background-color:#930404}.multi-billboard{background:linear-gradient(to right, rgba(24,24,24,0.3), rgba(0,0,0,0.8));border-radius:0 0 12px 0;color:#b0ffc3;font-family:"Nunito",sans-serif;display:flex;padding:3px 10px;align-items:center;width:max-content;position:relative;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform;font-family:"Nunito",sans-serif}@media (min-width: 740px){.multi-billboard{border-radius:0 0 36px 36px;padding:6px 20px 2px;margin:0 auto}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard{padding:10px 20px 5px}}.multi-billboard.--separate{background:initial;border-radius:initial;backdrop-filter:initial;-webkit-backdrop-filter:initial;display:flex;align-items:stretch;padding-top:10px}@media (min-width: 0) and (max-width: 979px){.multi-billboard.--separate{border:1px solid rgba(176,255,195,0.4);padding:0;border-top:none;background-color:rgba(0,0,0,0.4);box-shadow:inset 0px 0px 15px rgba(176,255,195,0.5);border-radius:0 0 5px 5px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;width:calc(100% - 40px)}}@media (min-width: 576px) and (max-width: 979px){.multi-billboard.--separate{width:100%;border-radius:0 0 7px 7px}}@media (min-width: 980px){.multi-billboard.--separate{padding-top:20px;padding-left:0;padding-right:0;margin-top:10px}.multi-billboard.--separate:before{content:"";display:block;width:100%;padding-bottom:10%;background-color:rgba(0,0,0,0.5);position:absolute;left:50%;top:-10px;border-radius:0 0 50vw 50vw;transform:translateX(-50%);filter:blur(50px)}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard.--separate{padding:35px 0 0 0}}.multi-billboard .multi-icon{width:140px;margin-right:10px;position:absolute;left:-10px;top:50%;transform:translateY(-50%)}.multi-billboard .multi-icon:before{content:"";display:block;width:100%;padding-bottom:81.5%;background:url("../images/item/multi-icon-2.png") no-repeat center center;background-size:contain}.multi-billboard .round{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:1em;padding:5px 1em 5px 0}@media (min-width: 980px){.multi-billboard .round{padding:5px 2em 5px 0}}@media (min-width: 1380px){.multi-billboard .round{padding:5px 3em 5px 0}}.multi-billboard .round span{font-size:0.75em;text-transform:uppercase;line-height:1;text-shadow:3px 3px 3px rgba(0,0,0,0.6)}.multi-billboard .round strong{font-size:2.75em;line-height:1;font-weight:bold;text-shadow:3px 3px 3px rgba(0,0,0,0.6)}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard .round strong{font-size:3.5em}}.multi-billboard .chart{border-left:1px solid rgba(176,255,195,0.2);padding-left:1em}@media (min-width: 980px){.multi-billboard .chart{padding-left:2em}}@media (min-width: 1380px){.multi-billboard .chart{padding-left:3em}}.multi-billboard .chart ul{display:block}@media (min-width: 740px){.multi-billboard .chart ul{min-width:260px}}@media (min-width: 1380px){.multi-billboard .chart ul{min-width:300px}}.multi-billboard .chart li{display:flex;width:100%;color:#fff}.multi-billboard .chart li:first-of-type{color:#f6db9c}.multi-billboard .chart span{font-size:0.75em;padding-right:0.75em;flex-shrink:0;text-shadow:3px 3px 6px rgba(0,0,0,0.6)}@media (min-width: 740px){.multi-billboard .chart span{font-size:0.8125em}}.multi-billboard .chart span:nth-of-type(1){width:20%;font-style:italic}.multi-billboard .chart span:nth-of-type(2){width:50%}.multi-billboard .chart span.score{width:30%;text-align:right;position:relative;min-width:60px;transition:color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)}.multi-billboard .chart span.score:before{-webkit-mask-size:auto 100%;-webkit-mask-position:69.39% 0;background-color:#bca46a;width:16px;height:16px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.multi-billboard .chart span.score.good:before{animation:good 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards}.multi-billboard .chart span.score.bad{color:#e63d3d}.multi-billboard .chart span.score.bad:before{background-color:#e63d3d}.multi-billboard .group{display:flex;align-items:flex-start;width:150px;margin-right:10px}@media (min-width: 0) and (max-width: 739px){.multi-billboard .group{display:none}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard .group{width:180px}}@media (min-width: 980px){.multi-billboard .group{margin-right:2em}}@media (min-width: 1380px){.multi-billboard .group{margin-right:3em}}.multi-billboard .avatar{width:calc(33.33% + 8px);flex-shrink:0;margin-left:-16px;position:relative}.multi-billboard .avatar:first-of-type{margin-left:0}.multi-billboard .avatar .img{width:100%;background-color:#111;border-radius:50%;margin-bottom:6px;box-shadow:rgba(0,0,0,0.5) -3px 7px 20px 0px;border:2px solid #bca46a}.multi-billboard .avatar .img:before{padding-bottom:100%}.multi-billboard .contestants{display:flex;position:relative}@media (min-width: 0) and (max-width: 979px){.multi-billboard .contestants{flex:1}}@media (min-width: 980px){.multi-billboard .contestants{margin-left:6px}}@media (min-width: 1380px){.multi-billboard .contestants{margin-left:12px}}.multi-billboard .contestants .text-holder{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3}@media (min-width: 0) and (max-width: 979px){.multi-billboard .contestants .text-holder{padding-top:4px;padding-bottom:1px}}@media (min-width: 980px){.multi-billboard .contestants .text-holder{padding:4px 10px 4px 0}}@media (min-width: 1380px){.multi-billboard .contestants .text-holder{padding:4px 20px 4px 0}}.multi-billboard .contestants .name{color:#b0ffc3}@media (min-width: 0) and (max-width: 979px){.multi-billboard .contestants .name{font-size:0.75em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;height:1.25em;line-height:1.25em;-webkit-box-orient:vertical}}.multi-billboard .contestants .status{font-size:0.75em;color:#fff;line-height:1.375em;display:block}@media (min-width: 740px){.multi-billboard .contestants .status{font-size:0.875em;margin-top:1px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard .contestants .status{line-height:1.5em}}@media (min-width: 1380px){.multi-billboard .contestants .status{font-size:1em}}@media (min-width: 0) and (max-width: 575px){.multi-billboard .contestants .avatar{display:none}}@media (min-width: 576px){.multi-billboard .contestants .avatar{width:50px;margin:0;background:none}.multi-billboard .contestants .avatar .img{border-radius:0;border:none;margin:0;background-color:transparent;box-shadow:initial}}@media (min-width: 740px){.multi-billboard .contestants .avatar{width:64px}}@media (min-width: 980px){.multi-billboard .contestants .avatar{width:72px;position:absolute;left:5px;bottom:0;z-index:3}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard .contestants .avatar{width:90px}}.multi-billboard .contestants .grade{color:#fff}.multi-billboard .contestants .score{font-size:0.75em;line-height:1em;display:block;position:absolute;right:0;bottom:0;text-align:right;font-size:1.5em;transform:translateY(105%);text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;color:#fff;transform-origin:right center;transform:translate(0, 105%) scale(0)}@media (min-width: 740px){.multi-billboard .contestants .score{font-size:2em}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard .contestants .score{font-size:3em}}.multi-billboard .contestants .score.--active{animation:getscore 1s cubic-bezier(0.17, 0.67, 0.3, 1.33) forwards}.multi-billboard .contestants .item{display:flex;color:#b0ffc3;position:relative;transform-origin:left top;transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, opacity, left, right;transform-origin:left center}@media (min-width: 0) and (max-width: 979px){.multi-billboard .contestants .item{padding:0 10px;max-width:30vw;flex:auto;box-shadow:none}}@media (min-width: 980px){.multi-billboard .contestants .item{background:linear-gradient(to bottom, rgba(213,255,254,0.65), rgba(255,255,255,0.25), rgba(255,255,255,0.6));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 0 0 80px;border-radius:0}.multi-billboard .contestants .item:first-of-type{border-radius:40px 0 0 40px}.multi-billboard .contestants .item:last-of-type{border-radius:0 40px 40px 0;padding-right:20px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard .contestants .item{padding-left:100px}}.multi-billboard .contestants .item.--self{position:relative;background:linear-gradient(to bottom, rgba(76,245,167,0.5), #064b28)}@media (min-width: 980px){.multi-billboard .contestants .item.--self{background:linear-gradient(to bottom, rgba(86,255,252,0.65), rgba(128,174,174,0.45), rgba(128,174,174,0.7))}}.multi-billboard .contestants .item.--self:before,.multi-billboard .contestants .item.--self:after{content:"";display:block;position:absolute;opacity:1;pointer-events:none;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);box-sizing:border-box}.multi-billboard .contestants .item.--self:after{width:100%;height:50%;left:0;top:0;background:linear-gradient(to bottom, rgba(76,245,167,0.3), rgba(76,245,167,0));border-radius:5px;z-index:1}@media (min-width: 0) and (max-width: 979px){.multi-billboard .contestants .item.--self:after{border-radius:0}}@media (min-width: 980px){.multi-billboard .contestants .item.--self:after{display:none}}.multi-billboard .contestants .item.--self:before{width:calc(100% + 6px);height:calc(100% + 6px);left:-3px;top:-3px;border:2px solid #cbe1e9;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;border-radius:5px;display:none;z-index:1}.multi-billboard .countdown{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#b0ffc3;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none}.multi-billboard .countdown:after{content:"";display:block;width:200%;height:30px;position:absolute;left:80%;transform:translate(-50%, 50%);clip-path:inset(50% 0 0 0)}@media (min-width: 0) and (max-width: 979px){.multi-billboard .countdown:after{display:none}}@media (min-width: 980px){.multi-billboard .countdown:after{bottom:0;transform:translate(-50%, 50%);animation:highlightstory 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}}@media (min-width: 1380px){.multi-billboard .countdown:after{height:40px}}@media (min-width: 0) and (max-width: 979px){.multi-billboard .countdown{border-right:1px solid rgba(176,255,195,0.5);padding:0 8px;min-width:70px}}@media (min-width: 740px) and (max-width: 979px){.multi-billboard .countdown{width:130px}}@media (min-width: 980px){.multi-billboard .countdown{width:clamp(120px, 10vw, 220px)}}@media (min-width: 1380px){.multi-billboard .countdown{padding:5px 0}}.multi-billboard .countdown span{white-space:nowrap;width:100%;text-align:center;color:#b0ffc3;font-size:0.75em;letter-spacing:1px;line-height:1em;margin-bottom:4px}@media (min-width: 0) and (max-width: 739px){.multi-billboard .countdown span{display:none}}@media (min-width: 980px){.multi-billboard .countdown span{position:absolute;display:block;transform:translateY(-200%)}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard .countdown span{transform:translateY(-230%);font-size:0.875em}}.multi-billboard .countdown .count-num{font-size:1.5em;line-height:1em;display:flex;align-items:center;text-align:center;justify-content:center;color:#fff;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;width:100%}@media (min-width: 740px){.multi-billboard .countdown .count-num{font-size:1.75em;line-height:0.85em;padding:0 0.5em 0}}@media (min-width: 980px){.multi-billboard .countdown .count-num{font-size:2.75em}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.multi-billboard .countdown .count-num{font-size:3em;line-height:0.7em}}.multi-billboard .countdown .timeup{display:flex;height:100%;font-size:1rem;line-height:0.9em;width:100%;flex-direction:column;align-items:center;justify-content:center;padding-top:2px}@media (min-width: 740px){.multi-billboard .countdown .timeup{font-size:1.25rem;flex-direction:row;align-items:flex-end}}@media (min-width: 1380px){.multi-billboard .countdown .timeup{font-size:1.75rem}}@media (min-width: 1700px){.multi-billboard .countdown .timeup{font-size:2rem}}.multi-billboard .countdown .timeup span{color:#fff;position:static;transform:none;display:block;margin:0;letter-spacing:0;width:max-content}@media (min-width: 740px){.multi-billboard .countdown .timeup span:first-of-type{font-size:1em}}.multi-billboard .countdown .timeup span:last-of-type{font-size:1.25em}@media (min-width: 740px){.multi-billboard .countdown .timeup span:last-of-type{margin-left:5px;font-size:1em}}.multi-billboard .countdown .exp-bar-container{font-family:"Nunito",sans-serif;width:100%;min-width:100px}.multi-billboard .countdown .exp-bar-container .exp-bar{border-radius:3px;height:10px}@media (min-width: 0) and (max-width: 739px){.multi-billboard .countdown .exp-bar-container .exp-bar{max-width:initial}}@media (min-width: 740px){.multi-billboard .countdown .exp-bar-container .exp-bar{width:100%;height:16px}}.multi-billboard .countdown .exp-bar-container .exp-count{display:none}@keyframes getscore{0%{transform:translate(0, 105%) scale(0)}20%{transform:translate(0, 110%) scale(1.25)}40%{transform:translate(0, 105%) scale(1.1);text-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px;opacity:1}70%{opacity:1}100%{transform:translate(-10%, 50%) scale(0.5);opacity:0}}.game-multi-area{position:absolute;left:0;width:100%;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:opacity, transform, visibility;pointer-events:none;transform:translateY(50px);opacity:0;visibility:hidden;z-index:11}.game-multi-area.--active{pointer-events:auto;opacity:1;visibility:visible;transform:none}@keyframes good{0%{background-color:#bca46a;transform:translateY(-50%)}30%{background-color:#f6db9c}70%{background-color:#f6db9c;transform:translateY(-50%) scale(1.375)}100%{background-color:#bca46a;transform:translateY(-50%) scale(1)}}.game-result-area{position:fixed;width:100%;height:100%;z-index:12;pointer-events:none}.game-result-area .--fail,.game-result-area .--got{position:absolute;width:100%;height:100%;display:flex;font-family:"Nunito",sans-serif;align-items:center;justify-content:center;font-size:15vw;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, opacity;opacity:0}.game-result-area .--fail span,.game-result-area .--got span{display:block;font-weight:bold;line-height:0.9em;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition-property:transform, opacity}.game-result-area .--fail{background:linear-gradient(15deg, rgba(143,0,0,0.5) 0%, rgba(41,0,0,0.85) 30%, rgba(59,0,0,0.6) 70%, rgba(157,0,0,0.8) 100%)}.game-result-area .--fail span{background:linear-gradient(to bottom, #520000 0%, red 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 -1px 4px #fff, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #f00}.game-result-area .--fail span+span{margin-left:0.2em}.game-result-area .--fail span:first-of-type{transform:translateY(-100%) skewY(-20deg);opacity:0}.game-result-area .--fail span:last-of-type{transform:translateY(100%) skewY(20deg);opacity:0}.game-result-area .--got{display:flex;flex-direction:column;background:linear-gradient(15deg, rgba(10,191,4,0.5) 0%, rgba(7,48,4,0.8) 30%, rgba(7,48,4,0.6) 70%, rgba(9,148,4,0.8) 100%)}.game-result-area .--got span{color:#eaffe4;text-shadow:0 0 3px #289a08, 0 0 10px #97ff7a, 0 0 15px #65d746, 0 0 20px #49ff18}.game-result-area .--got span:first-of-type{transform:translateX(-50%) skewX(-30deg);opacity:0;font-size:0.75em;padding-right:2em}.game-result-area .--got span:last-of-type{transform:translateX(50%) skewX(-30deg);opacity:0;font-size:1.25em;padding-left:0.5em}.game-result-area.--show-fail{pointer-events:auto}.game-result-area.--show-fail .--fail{opacity:1}.game-result-area.--show-fail .--fail span{transform:none;opacity:1;transition:all 0.4s cubic-bezier(0.17, 0.67, 0.3, 1.33) 0.25s}.game-result-area.--show-got{pointer-events:auto}.game-result-area.--show-got .--got{opacity:1}.game-result-area.--show-got .--got span{transform:none;opacity:1;transition:all 0.4s cubic-bezier(0.17, 0.67, 0.3, 1.33) 0.25s}@keyframes gotshadow{0%,100%{text-shadow:0 0 3px #289a08, 0 0 10px #97ff7abe, 0 0 15px #65d746, 0 0 20px #4aff18c4}50%{text-shadow:0 0 3px #289a08, 0 0 10px #97ff7a, 0 0 15px #65d746, 0 0 20px #49ff18, 0 0 30px #4aff18b2, 0 0 40px #4aff1890, 0 0 55px #4aff1889,
 0 0 75px #4aff184a}}.--multi-result .chat-item.npc{transform:scale(0.9)}.game-multi-waiting{display:flex;flex-direction:column;position:fixed;align-items:center;justify-content:center;width:100%;height:100vh;left:0;top:0;pointer-events:none}.game-multi-waiting .item{display:flex;align-items:center;font-size:1.125em;font-weight:bold;padding:0;color:#fff;user-select:none;-moz-user-select:none;-webkit-user-select:none;position:relative;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:0;transition-property:opacity, transform;opacity:0;transform:translateX(100px)}.game-multi-waiting .item:before{content:"";display:block;width:calc(100% - 50px);height:calc(100% - 20px);position:absolute;z-index:-1;bottom:0;left:50px;background:linear-gradient(to right, rgba(6,75,40,0.7), rgba(6,75,40,0))}@media (min-width: 980px){.game-multi-waiting .item:before{height:calc(100% - 30px);width:calc(100% - 65px);left:65px}}.game-multi-waiting .item:after{content:"";display:block;width:300%;height:50px;position:absolute;left:50%;transform:translate(-50%, 50%);clip-path:inset(50% 0 0 0)}@media (min-width: 0) and (max-width: 979px){.game-multi-waiting .item:after{display:none}}@media (min-width: 980px){.game-multi-waiting .item:after{bottom:0;transform:translate(-50%, 50%);animation:highlightstory 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}}@media (min-width: 1380px){.game-multi-waiting .item:after{height:50px}}@media (min-width: 0) and (max-width: 739px){.game-multi-waiting .item{width:calc(100% - 20px)}}@media (min-width: 740px){.game-multi-waiting .item{font-size:1.5em;margin-right:15vw;margin-left:0}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-multi-waiting .item{font-size:2em}}@media (min-width: 1380px){.game-multi-waiting .item{font-size:2.5em}}.game-multi-waiting .item+.item{margin-top:20px;flex-direction:row-reverse;transform:translateX(-100px)}@media (min-width: 740px){.game-multi-waiting .item+.item{margin-right:initial;margin-left:15vw}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-multi-waiting .item+.item{margin-top:40px}}.game-multi-waiting .item+.item:before{left:initial;right:50px;background:linear-gradient(to left, rgba(6,75,40,0.7), rgba(6,75,40,0))}@media (min-width: 980px){.game-multi-waiting .item+.item:before{left:initial;right:65px}}.game-multi-waiting .text-holder{display:flex;flex-direction:column;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;font-weight:normal;padding-top:20px;line-height:1.125em}@media (min-width: 980px){.game-multi-waiting .text-holder{padding-top:30px}}.game-multi-waiting .text-holder span{display:inline;color:#b0ffc3;font-size:0.8125em}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.game-multi-waiting .text-holder span{font-size:0.75em}}.game-multi-waiting .text-holder strong{display:inline;font-weight:normal}.game-multi-waiting .avatar{width:100px}@media (min-width: 740px){.game-multi-waiting .avatar{width:130px}}@media (min-width: 1380px){.game-multi-waiting .avatar{width:160px}}@media (min-width: 1700px){.game-multi-waiting .avatar{width:180px}}.game-multi-waiting .avatar .img:before{padding-bottom:100%}.--waiting-mode .chat-item.npc{transform:scale(0.9);opacity:0}.--waiting-mode .game-multi-waiting .item{opacity:1;transform:none}.effect-container{position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;pointer-events:none}.effect-container+.game-bg-area+.footer{display:none}@keyframes confetti-slow{0%{transform:translate3d(0, 0, 0) rotateX(0) rotateY(0)}100%{transform:translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg)}}@keyframes confetti-medium{0%{transform:translate3d(0, 0, 0) rotateX(0) rotateY(0)}100%{transform:translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg)}}@keyframes confetti-fast{0%{transform:translate3d(0, 0, 0) rotateX(0) rotateY(0)}100%{transform:translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg)}}.confetti-container{perspective:700px;position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0}.confetti{position:absolute;z-index:1;top:-10px;border-radius:0%}.confetti--animation-slow{animation:confetti-slow 2.25s linear 1 forwards}.confetti--animation-medium{animation:confetti-medium 1.75s linear 1 forwards}.confetti--animation-fast{animation:confetti-fast 1.25s linear 1 forwards}.checkmark-circle{width:150px;height:150px;position:relative;display:inline-block;vertical-align:top;margin-left:auto;margin-right:auto}.checkmark-circle .background{width:150px;height:150px;border-radius:50%;background:#00c09d;position:absolute}.checkmark-circle .checkmark{border-radius:5px}.checkmark-circle .checkmark.draw:after{-webkit-animation-delay:100ms;-moz-animation-delay:100ms;animation-delay:100ms;-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-name:checkmark;-moz-animation-name:checkmark;animation-name:checkmark;-webkit-transform:scaleX(-1) rotate(135deg);-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-o-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.checkmark-circle .checkmark:after{opacity:1;height:75px;width:37.5px;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;border-right:15px solid white;border-top:15px solid white;border-radius:2.5px !important;content:"";left:25px;top:75px;position:absolute}@-webkit-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:37.5px;opacity:1}40%{height:75px;width:37.5px;opacity:1}100%{height:75px;width:37.5px;opacity:1}}@-moz-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:37.5px;opacity:1}40%{height:75px;width:37.5px;opacity:1}100%{height:75px;width:37.5px;opacity:1}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:37.5px;opacity:1}40%{height:75px;width:37.5px;opacity:1}100%{height:75px;width:37.5px;opacity:1}}.submit-btn{height:45px;width:200px;font-size:15px;background-color:#00c09d;border:1px solid #00ab8c;color:#fff;border-radius:5px;box-shadow:0 2px 4px 0 rgba(87,71,81,0.2);cursor:pointer;transition:all 2s ease-out;transition:all 0.2s ease-out}.submit-btn:hover{background-color:#2ca893;transition:all 0.2s ease-out}.game-story-area{position:fixed;width:100%;height:100%;left:0;top:0;z-index:11;transition:all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);visibility:hidden;opacity:0;transition-property:opacity, backdrop-filter, visibility}.game-story-area .chat-item{flex:initial;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:transform, opacity;opacity:0}.game-story-area .chat-item.--active{transform:translateY(30px)}.game-story-area .container{justify-content:center;padding-top:5vh}.game-story-area .story-btn-area{width:100%;display:flex;justify-content:center;align-items:center;padding-top:10vh}@media (min-width: 0) and (max-width: 739px){.game-story-area .story-btn-area{padding-top:10vh;flex-direction:column}}.--story-mode,.game-story-area{user-select:none;-moz-user-select:none;-webkit-user-select:none}.--story-mode .game-main-area,.--story-mode .game-story-area,.game-story-area .game-main-area,.game-story-area .game-story-area{padding-top:5vh;padding-bottom:20vh}.--story-mode .game-story-area,.game-story-area .game-story-area{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);visibility:visible;opacity:1}.--story-mode .multi-billboard,.game-story-area .multi-billboard{transform:translateY(-120%);opacity:0;transition-duration:0.25s}.--story-mode .chat-item,.game-story-area .chat-item{transform:none;transition-delay:0.4s;opacity:1}.--story-mode .chat-item.--active,.game-story-area .chat-item.--active{transform:none;transition-delay:0.4s;opacity:1}.--story-mode .chat-item .content,.game-story-area .chat-item .content{text-shadow:0px 2px 8px rgba(0,0,0,0.8);padding:40px 20px 0}@media (min-width: 740px){.--story-mode .chat-item .content,.game-story-area .chat-item .content{justify-content:center;padding:5vh 0}}.--story-mode .chat-item .content p,.--story-mode .chat-item .content li,.game-story-area .chat-item .content p,.game-story-area .chat-item .content li{color:#fff;font-size:1.125em}@media (min-width: 740px) and (max-width: 979px){.--story-mode .chat-item .content p,.--story-mode .chat-item .content li,.game-story-area .chat-item .content p,.game-story-area .chat-item .content li{font-size:1.25em}}@media (min-width: 980px){.--story-mode .chat-item .content p,.--story-mode .chat-item .content li,.game-story-area .chat-item .content p,.game-story-area .chat-item .content li{font-size:clamp(20px, 3vh, 36px);line-height:1.5em}}@media (min-width: 0) and (max-width: 739px){.--story-mode .chat-item .avatar,.game-story-area .chat-item .avatar{width:150px;background-color:initial;border-radius:initial;overflow:initial;box-shadow:initial;position:initial;transform:initial;position:relative}}@media (min-width: 1380px){.--story-mode .chat-item .avatar,.game-story-area .chat-item .avatar{width:clamp(220px, 42vh, 380px)}}.--story-mode .chat-item .avatar .name,.game-story-area .chat-item .avatar .name{bottom:-10px;border-radius:initial;width:100%;text-align:center;background:initial;color:#ffe8c7;transform:translate(-50%, 100%);display:block;z-index:9;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom, #ffe1c5 0%, #fff 50%, #f3b45b 50.1%, #ffe3aa 100%);background:-webkit-linear-gradient(to bottom, #ffe1c5 0%, #fff 50%, #f3b45b 50.1%, #ffe3aa 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:0.9375em;opacity:1;text-shadow:initial;font-weight:normal}@media (min-width: 980px){.--story-mode .chat-item .avatar .name,.game-story-area .chat-item .avatar .name{font-size:clamp(18px, 2.75vh, 32px)}}.--story-mode .chat-item .translate,.--story-mode .chat-item .chat-fn-bar,.game-story-area .chat-item .translate,.game-story-area .chat-item .chat-fn-bar{display:none}.--story-mode .chat-item .chat-item-container,.game-story-area .chat-item .chat-item-container{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}@media (min-width: 0) and (max-width: 739px){.--story-mode .chat-item .chat-item-container,.game-story-area .chat-item .chat-item-container{display:flex;flex-direction:column;align-items:center;position:relative}}.--story-mode .chat-item .chat-item-container:after,.--story-mode .chat-item .chat-item-container:before,.game-story-area .chat-item .chat-item-container:after,.game-story-area .chat-item .chat-item-container:before{display:none}.--story-mode .chat-item .chat-item-container:after,.game-story-area .chat-item .chat-item-container:after{content:"";display:block;width:100%;height:6vh;position:absolute;left:50%;transform:translate(-50%, 50%);clip-path:inset(50% 0 0 0)}@media (min-width: 0) and (max-width: 739px){.--story-mode .chat-item .chat-item-container:after,.game-story-area .chat-item .chat-item-container:after{top:150px;transform:translate(-50%, 0);margin-top:-3vh;animation:none}}@media (min-width: 740px){.--story-mode .chat-item .chat-item-container:after,.game-story-area .chat-item .chat-item-container:after{bottom:0;transform:translate(-50%, 50%);animation:highlightstory 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite}}@media (min-width: 980px){.--story-mode .chat-item .chat-item-container:after,.game-story-area .chat-item .chat-item-container:after{width:160%;height:14vh}}.--story-mode .chat-item.self,.game-story-area .chat-item.self{display:none}.--story-mode .game-bg-area:before,.game-story-area .game-bg-area:before{opacity:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.--story-mode .story-btn-area,.--story-mode .input-mcq-container,.--story-mode .input-plugin-container,.game-story-area .story-btn-area,.game-story-area .input-mcq-container,.game-story-area .input-plugin-container{background:initial;backdrop-filter:initial;-webkit-backdrop-filter:initial}.--story-mode .story-btn-area:after,.--story-mode .input-mcq-container:after,.--story-mode .input-plugin-container:after,.game-story-area .story-btn-area:after,.game-story-area .input-mcq-container:after,.game-story-area .input-plugin-container:after{display:none}.--story-mode .story-btn-area .btn,.--story-mode .story-btn-area .btn.--white,.--story-mode .input-mcq-container .btn,.--story-mode .input-mcq-container .btn.--white,.--story-mode .input-plugin-container .btn,.--story-mode .input-plugin-container .btn.--white,.game-story-area .story-btn-area .btn,.game-story-area .story-btn-area .btn.--white,.game-story-area .input-mcq-container .btn,.game-story-area .input-mcq-container .btn.--white,.game-story-area .input-plugin-container .btn,.game-story-area .input-plugin-container .btn.--white{background:initial;color:#fff;display:flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;overflow:visible;box-shadow:initial;width:100%}.--story-mode .story-btn-area .btn span,.--story-mode .story-btn-area .btn.--white span,.--story-mode .input-mcq-container .btn span,.--story-mode .input-mcq-container .btn.--white span,.--story-mode .input-plugin-container .btn span,.--story-mode .input-plugin-container .btn.--white span,.game-story-area .story-btn-area .btn span,.game-story-area .story-btn-area .btn.--white span,.game-story-area .input-mcq-container .btn span,.game-story-area .input-mcq-container .btn.--white span,.game-story-area .input-plugin-container .btn span,.game-story-area .input-plugin-container .btn.--white span{display:block;width:max-content;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);font-weight:normal}@media (min-width: 980px){.--story-mode .story-btn-area .btn span,.--story-mode .story-btn-area .btn.--white span,.--story-mode .input-mcq-container .btn span,.--story-mode .input-mcq-container .btn.--white span,.--story-mode .input-plugin-container .btn span,.--story-mode .input-plugin-container .btn.--white span,.game-story-area .story-btn-area .btn span,.game-story-area .story-btn-area .btn.--white span,.game-story-area .input-mcq-container .btn span,.game-story-area .input-mcq-container .btn.--white span,.game-story-area .input-plugin-container .btn span,.game-story-area .input-plugin-container .btn.--white span{font-size:clamp(18px, 2.5vh, 30px)}}.--story-mode .story-btn-area .btn:before,.--story-mode .story-btn-area .btn:after,.--story-mode .story-btn-area .btn.--white:before,.--story-mode .story-btn-area .btn.--white:after,.--story-mode .input-mcq-container .btn:before,.--story-mode .input-mcq-container .btn:after,.--story-mode .input-mcq-container .btn.--white:before,.--story-mode .input-mcq-container .btn.--white:after,.--story-mode .input-plugin-container .btn:before,.--story-mode .input-plugin-container .btn:after,.--story-mode .input-plugin-container .btn.--white:before,.--story-mode .input-plugin-container .btn.--white:after,.game-story-area .story-btn-area .btn:before,.game-story-area .story-btn-area .btn:after,.game-story-area .story-btn-area .btn.--white:before,.game-story-area .story-btn-area .btn.--white:after,.game-story-area .input-mcq-container .btn:before,.game-story-area .input-mcq-container .btn:after,.game-story-area .input-mcq-container .btn.--white:before,.game-story-area .input-mcq-container .btn.--white:after,.game-story-area .input-plugin-container .btn:before,.game-story-area .input-plugin-container .btn:after,.game-story-area .input-plugin-container .btn.--white:before,.game-story-area .input-plugin-container .btn.--white:after{content:"";display:block;width:initial;height:1px;transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:3px;flex:1;position:static}.--story-mode .story-btn-area .btn:before,.--story-mode .story-btn-area .btn.--white:before,.--story-mode .input-mcq-container .btn:before,.--story-mode .input-mcq-container .btn.--white:before,.--story-mode .input-plugin-container .btn:before,.--story-mode .input-plugin-container .btn.--white:before,.game-story-area .story-btn-area .btn:before,.game-story-area .story-btn-area .btn.--white:before,.game-story-area .input-mcq-container .btn:before,.game-story-area .input-mcq-container .btn.--white:before,.game-story-area .input-plugin-container .btn:before,.game-story-area .input-plugin-container .btn.--white:before{background-color:#fff;transform-origin:left center;transform:scaleX(0);margin-right:0.5em;background:linear-gradient(to right, #9cdbf6, rgba(156,219,246,0))}.--story-mode .story-btn-area .btn:after,.--story-mode .story-btn-area .btn.--white:after,.--story-mode .input-mcq-container .btn:after,.--story-mode .input-mcq-container .btn.--white:after,.--story-mode .input-plugin-container .btn:after,.--story-mode .input-plugin-container .btn.--white:after,.game-story-area .story-btn-area .btn:after,.game-story-area .story-btn-area .btn.--white:after,.game-story-area .input-mcq-container .btn:after,.game-story-area .input-mcq-container .btn.--white:after,.game-story-area .input-plugin-container .btn:after,.game-story-area .input-plugin-container .btn.--white:after{background-color:#fff;transform-origin:right center;transform:scaleX(0);margin-left:0.5em;background:linear-gradient(to left, #9cdbf6, rgba(156,219,246,0))}@media (hover: none){.--story-mode .story-btn-area .btn,.--story-mode .story-btn-area .btn.--white,.--story-mode .input-mcq-container .btn,.--story-mode .input-mcq-container .btn.--white,.--story-mode .input-plugin-container .btn,.--story-mode .input-plugin-container .btn.--white,.game-story-area .story-btn-area .btn,.game-story-area .story-btn-area .btn.--white,.game-story-area .input-mcq-container .btn,.game-story-area .input-mcq-container .btn.--white,.game-story-area .input-plugin-container .btn,.game-story-area .input-plugin-container .btn.--white{background:initial}.--story-mode .story-btn-area .btn:active,.--story-mode .story-btn-area .btn.--white:active,.--story-mode .input-mcq-container .btn:active,.--story-mode .input-mcq-container .btn.--white:active,.--story-mode .input-plugin-container .btn:active,.--story-mode .input-plugin-container .btn.--white:active,.game-story-area .story-btn-area .btn:active,.game-story-area .story-btn-area .btn.--white:active,.game-story-area .input-mcq-container .btn:active,.game-story-area .input-mcq-container .btn.--white:active,.game-story-area .input-plugin-container .btn:active,.game-story-area .input-plugin-container .btn.--white:active{box-shadow:initial;background:initial}.--story-mode .story-btn-area .btn:active span,.--story-mode .story-btn-area .btn.--white:active span,.--story-mode .input-mcq-container .btn:active span,.--story-mode .input-mcq-container .btn.--white:active span,.--story-mode .input-plugin-container .btn:active span,.--story-mode .input-plugin-container .btn.--white:active span,.game-story-area .story-btn-area .btn:active span,.game-story-area .story-btn-area .btn.--white:active span,.game-story-area .input-mcq-container .btn:active span,.game-story-area .input-mcq-container .btn.--white:active span,.game-story-area .input-plugin-container .btn:active span,.game-story-area .input-plugin-container .btn.--white:active span{color:#fff;text-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px}.--story-mode .story-btn-area .btn:active:before,.--story-mode .story-btn-area .btn.--white:active:before,.--story-mode .input-mcq-container .btn:active:before,.--story-mode .input-mcq-container .btn.--white:active:before,.--story-mode .input-plugin-container .btn:active:before,.--story-mode .input-plugin-container .btn.--white:active:before,.game-story-area .story-btn-area .btn:active:before,.game-story-area .story-btn-area .btn.--white:active:before,.game-story-area .input-mcq-container .btn:active:before,.game-story-area .input-mcq-container .btn.--white:active:before,.game-story-area .input-plugin-container .btn:active:before,.game-story-area .input-plugin-container .btn.--white:active:before{transform:none}.--story-mode .story-btn-area .btn:active:after,.--story-mode .story-btn-area .btn.--white:active:after,.--story-mode .input-mcq-container .btn:active:after,.--story-mode .input-mcq-container .btn.--white:active:after,.--story-mode .input-plugin-container .btn:active:after,.--story-mode .input-plugin-container .btn.--white:active:after,.game-story-area .story-btn-area .btn:active:after,.game-story-area .story-btn-area .btn.--white:active:after,.game-story-area .input-mcq-container .btn:active:after,.game-story-area .input-mcq-container .btn.--white:active:after,.game-story-area .input-plugin-container .btn:active:after,.game-story-area .input-plugin-container .btn.--white:active:after{transform:none}}@media (hover: hover){.--story-mode .story-btn-area .btn:hover,.--story-mode .story-btn-area .btn.--white:hover,.--story-mode .input-mcq-container .btn:hover,.--story-mode .input-mcq-container .btn.--white:hover,.--story-mode .input-plugin-container .btn:hover,.--story-mode .input-plugin-container .btn.--white:hover,.game-story-area .story-btn-area .btn:hover,.game-story-area .story-btn-area .btn.--white:hover,.game-story-area .input-mcq-container .btn:hover,.game-story-area .input-mcq-container .btn.--white:hover,.game-story-area .input-plugin-container .btn:hover,.game-story-area .input-plugin-container .btn.--white:hover{box-shadow:initial}.--story-mode .story-btn-area .btn:hover span,.--story-mode .story-btn-area .btn.--white:hover span,.--story-mode .input-mcq-container .btn:hover span,.--story-mode .input-mcq-container .btn.--white:hover span,.--story-mode .input-plugin-container .btn:hover span,.--story-mode .input-plugin-container .btn.--white:hover span,.game-story-area .story-btn-area .btn:hover span,.game-story-area .story-btn-area .btn.--white:hover span,.game-story-area .input-mcq-container .btn:hover span,.game-story-area .input-mcq-container .btn.--white:hover span,.game-story-area .input-plugin-container .btn:hover span,.game-story-area .input-plugin-container .btn.--white:hover span{color:#fff;text-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px}.--story-mode .story-btn-area .btn:hover:before,.--story-mode .story-btn-area .btn.--white:hover:before,.--story-mode .input-mcq-container .btn:hover:before,.--story-mode .input-mcq-container .btn.--white:hover:before,.--story-mode .input-plugin-container .btn:hover:before,.--story-mode .input-plugin-container .btn.--white:hover:before,.game-story-area .story-btn-area .btn:hover:before,.game-story-area .story-btn-area .btn.--white:hover:before,.game-story-area .input-mcq-container .btn:hover:before,.game-story-area .input-mcq-container .btn.--white:hover:before,.game-story-area .input-plugin-container .btn:hover:before,.game-story-area .input-plugin-container .btn.--white:hover:before{transform:none}.--story-mode .story-btn-area .btn:hover:after,.--story-mode .story-btn-area .btn.--white:hover:after,.--story-mode .input-mcq-container .btn:hover:after,.--story-mode .input-mcq-container .btn.--white:hover:after,.--story-mode .input-plugin-container .btn:hover:after,.--story-mode .input-plugin-container .btn.--white:hover:after,.game-story-area .story-btn-area .btn:hover:after,.game-story-area .story-btn-area .btn.--white:hover:after,.game-story-area .input-mcq-container .btn:hover:after,.game-story-area .input-mcq-container .btn.--white:hover:after,.game-story-area .input-plugin-container .btn:hover:after,.game-story-area .input-plugin-container .btn.--white:hover:after{transform:none}}.--story-mode .game-category-container,.--story-mode .game-stage-container,.--story-mode .game-mission-container,.--story-mode .game-fn-area,.game-story-area .game-category-container,.game-story-area .game-stage-container,.game-story-area .game-mission-container,.game-story-area .game-fn-area{opacity:0;pointer-events:none}@keyframes highlightstory{0%{transform:translate(-50%, 50%) scale(1)}52%{transform:translate(-50%, 50%) scale(1.25)}100%{transform:translate(-50%, 50%) scale(1)}}.game-form-container .form-item{border-bottom:1px solid #4cf5a7;border-radius:6px;background-color:rgba(0,0,0,0.3);padding:10px;margin-bottom:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.game-form-container .form-item .field{font-size:0.875em;font-weight:normal;color:#b0ffc3}.game-form-container .form-item .value input{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;font-size:1.25em;color:#fff}.game-form-container .pick-avatar{display:flex}.game-form-container .avatar{width:calc(25% + 8px);flex-shrink:0;position:relative;cursor:pointer;margin:0 8px 10px}.game-form-container .avatar:first-of-type{margin-left:0}.game-form-container .avatar .img{width:100%;background-color:#eee;border-radius:50%;margin-bottom:6px;box-shadow:rgba(0,0,0,0.5) -3px 7px 20px 0px;border:2px solid #bca46a}.game-form-container .avatar .img:before{padding-bottom:100%}.game-form-container .avatar.--space .img{background:linear-gradient(to bottom, #111, rgba(51,43,25,0.7))}.switch input[type="checkbox"]{display:none}.switch input[type="checkbox"]+label{position:relative;cursor:pointer;display:block;min-height:initial;padding:initial;width:52px;height:30px;background:linear-gradient(-30deg, #1a80a9, #4cf5a7);border-radius:50px;transition:300ms linear;filter:grayscale(1);box-shadow:initial}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.switch input[type="checkbox"]+label{height:34px;width:64px}}.switch input[type="checkbox"]+label:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);content:"";display:block;width:20px;height:20px;background-color:#fff;background-image:none;border:none;border-radius:50%;transition:left 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;opacity:initial;-webkit-mask-image:initial}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.switch input[type="checkbox"]+label:before{width:24px;height:24px}}.switch input[type="checkbox"]:checked+label{filter:grayscale(0);box-shadow:initial}.switch input[type="checkbox"]:checked+label:before{background-image:none;background-color:#fff}.switch input[type="checkbox"]:checked+label:before{left:27px}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.switch input[type="checkbox"]:checked+label:before{left:34px}}@media (hover: hover){.switch input[type="checkbox"]:hover{box-shadow:initial}.switch input[type="checkbox"]:hover+label{box-shadow:initial}}.game-history-container{width:100%;height:100%;overflow-y:auto;padding-top:15vh;padding-bottom:15vh}.game-history-container .select-title-area{display:flex;flex-direction:column}.game-history-container .select-title-area h2{font-size:1em;letter-spacing:3px;line-height:1em}.history-item{color:#b0ffc3;display:flex;padding:10px 20px 4vh;position:relative}@media (min-width: 0) and (max-width: 739px){.history-item{flex-direction:column}}@media (min-width: 980px){.history-item{padding:10px 30px 4vh}}.history-item:after{content:"";display:block;width:1px;height:100%;position:absolute;background:linear-gradient(to bottom, rgba(210,234,245,0) 0%, #d2eaf5 50%, rgba(210,234,245,0) 100%);left:20px;top:20px;margin:0;border-radius:3px 0 0 3px;overflow:hidden;z-index:1}@media (min-width: 740px){.history-item:after{top:20px;left:216.5px}}.history-item .date{font-family:"Nunito",sans-serif;font-size:1.375em;width:10em;position:relative;padding-left:30px;letter-spacing:1px;color:#fff;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}@media (min-width: 740px){.history-item .date{padding-right:40px;padding-left:0;font-size:1.25em;width:220px}}@media (min-width: 1100px){.history-item .date{font-size:1.375em}}.history-item .date:before{content:"";display:block;width:12px;height:12px;box-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px;position:absolute;left:0;top:16px;transform-origin:center;transform:translate(-50%, -50%) rotate(45deg);box-sizing:border-box;border:2px solid #fff;z-index:3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media (min-width: 740px){.history-item .date:before{width:16px;height:16px;left:initial;right:17px;top:16px}}.history-item .record{padding-left:20px}@media (min-width: 0) and (max-width: 739px){.history-item .record{padding:10px 0 10px 30px}}.history-item .time{font-family:"Nunito",sans-serif;font-size:0.8125em;background-color:#b0ffc3;color:#064b28;border-radius:3px;padding:1px 0.5em 0 0.5em;margin:4px 10px 0 0;transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:color, box-shadow, background-color;width:4em;text-align:right}@media (min-width: 980px){.history-item .time{margin:3px 15px 0 0}}.history-item li{margin-bottom:1em}.history-item a{color:#b0ffc3;display:flex;align-items:flex-start;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition-property:padding, color}@media (min-width: 1380px){.history-item a strong{font-size:0.9375em}}.history-item a:hover strong{text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;color:#fff}.history-item a:hover .time{background-color:#fff;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}.timeline{width:calc(100% - 60px);margin:0 auto;padding:20px 10px;margin-bottom:80px}@media (min-width: 740px){.timeline{width:clamp(600px, 60%, 900px);padding:30px 10px}}.tagify{border:1px solid var(--color-form-border);font-size:1rem;transition:border-color 0.3s ease;height:40px;box-sizing:border-box;background-color:var(--color-bg-input);font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;color:var(--color-text);border-radius:4px;width:100%}.tagify.tagify--focus{border-color:var(--color-dark);box-shadow:rgba(0,0,0,0.1) 0px 4px 12px}.tagify .tagify__tag{height:28px}.tagify .tagify__input{height:38px;line-height:1}.tag-pool{display:flex;flex-wrap:wrap}.tag-pool .btn{align-self:center}.file-tag-pool{display:flex;flex-wrap:wrap;padding-top:10px}.tag-item{color:var(--color-text-light);background-color:var(--color-bg-tagitem);border:2px solid var(--color-border);padding:0 30px 0 0.5em;height:40px;border-radius:10px;line-height:1;display:flex;align-items:center;min-width:5.5em;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:all 0.15s ease;position:relative;transition-property:background-color, color, border-color;user-select:none;-moz-user-select:none;-webkit-user-select:none}@media (min-width: 0) and (max-width: 575px){.tag-item{font-size:0.875em;width:100%}}@media (min-width: 576px){.tag-item{padding:0 1em;min-width:7em}}@media (min-width: 1380px){.tag-item{padding:0 1.75em;min-width:8em}}@media (min-width: 1700px){.tag-item{height:50px}}.tag-item span{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:0;display:-webkit-box;height:1.4em;line-height:1.4em;-webkit-box-orient:vertical}.tag-item:before{display:none}.tag-item.flexible{width:max-content;padding:0 50px 0 0.5em;margin:4px 1em 4px 0}@media (min-width: 1700px){.tag-item.flexible{margin:8px 1em 8px 0}}.tag-item .tag-close{position:absolute;width:28px;height:28px;right:5px;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (min-width: 1700px){.tag-item .tag-close{top:2px}}@media (hover: hover){.tag-item .tag-close{transition:background-color 0.2s ease;border-radius:50%}.tag-item .tag-close:hover{background-color:var(--color-text)}.tag-item .tag-close:hover .icon:before{background-color:var(--color-text-btn-default)}}.tag-item.file{background-color:var(--color-rule-label);border-color:var(--color-rule-label)}.tag-item.file span{color:var(--color-green);margin-left:5px}.eye{align-items:center;justify-content:center;position:absolute;right:0;top:0;cursor:pointer}.eye:before{width:22px;height:22px;background-color:var(--color-text-a);-webkit-mask-size:auto 100%;-webkit-mask-position:67.35% 0}@media (min-width: 1700px){.eye:before{width:24px;height:24px}}.eye.active:before{-webkit-mask-size:auto 100%;-webkit-mask-position:65.31% 0;background-color:var(--color-main)}.show-eye .eye{display:flex}input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear{display:none}.form-item-group{width:100%}@media (min-width: 0) and (max-width: 739px){.form-item-group.indent{padding-left:25px}}@media (min-width: 740px){.form-item-group.indent{padding-left:0.8rem;padding-right:1.5rem}}@media (min-width: 740px){.form-item-group{margin-bottom:7px;margin-left:6px;margin-right:6px}}@media (min-width: 1100px){.form-item-group{margin-left:6px;margin-right:6px}}.form-container .form-item input,.form-container .form-item textarea,.form-container .form-item select,.form-container .form-item .fake-select{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border:none;font-size:1rem;transition:border-color 0.3s ease;height:40px;box-sizing:border-box;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-weight:normal;border-left-width:5px;border:1px solid #cecece;background-color:var(--color-bg-input);color:var(--color-text)}.form-container .form-item input.center,.form-container .form-item textarea.center,.form-container .form-item select.center,.form-container .form-item .fake-select.center{text-align:center}.form-container .form-item input.error,.form-container .form-item textarea.error,.form-container .form-item select.error,.form-container .form-item .fake-select.error{border-color:var(--color-red);border-width:1px}.form-container .form-item input.error:focus,.form-container .form-item textarea.error:focus,.form-container .form-item select.error:focus,.form-container .form-item .fake-select.error:focus{border-color:var(--color-red)}.form-container .form-item input:focus,.form-container .form-item textarea:focus,.form-container .form-item select:focus,.form-container .form-item .fake-select:focus{box-shadow:rgba(0,0,0,0.1) 0px 4px 12px;border-color:#4cf5a7}.form-container .form-item input:disabled,.form-container .form-item textarea:disabled,.form-container .form-item select:disabled,.form-container .form-item .fake-select:disabled{background-color:var(--color-bg-input-disabled);color:var(--color-text-input-disabled);user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:not-allowed}.form-container .form-item input::placeholder,.form-container .form-item textarea::placeholder,.form-container .form-item select::placeholder,.form-container .form-item .fake-select::placeholder{color:var(--color-placeholder);opacity:1;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-weight:normal}.form-container .form-item input:-ms-input-placeholder,.form-container .form-item textarea:-ms-input-placeholder,.form-container .form-item select:-ms-input-placeholder,.form-container .form-item .fake-select:-ms-input-placeholder{color:var(--color-placeholder);font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-weight:normal}.form-container .form-item input::-ms-input-placeholder,.form-container .form-item textarea::-ms-input-placeholder,.form-container .form-item select::-ms-input-placeholder,.form-container .form-item .fake-select::-ms-input-placeholder{color:var(--color-placeholder);font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-weight:normal}.form-container .form-item option{color:#000}.form-container .form-item input:read-only{background-color:var(--color-bg-input-disabled);color:var(--color-text-input-disabled);user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:not-allowed}.form-container .form-item textarea{resize:none;border-radius:4px;height:auto;padding:0.5em;box-sizing:border-box;width:100%;transition:border-color 0.35s ease}.form-container .form-item textarea:focus{border-color:var(--color-dark)}.form-container .form-item .fake-select,.form-container .form-item select{border-radius:4px;width:100%;padding-left:0.5em;padding-right:1em;background-size:8px auto;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-weight:normal;background:var(--color-bg-input) url("../images/select.svg") no-repeat right 8px center}@media (min-width: 1380px){.form-container .form-item .fake-select,.form-container .form-item select{padding-left:1em;background-size:8px auto;background:var(--color-bg-input) url("../images/select.svg") no-repeat right 16px center}}.form-container .form-item select::-webkit-scrollbar{width:8px}.form-container .form-item select::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--color-bg);border:1px solid var(--color-border)}.form-container .form-item .fake-select{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;height:40px;line-height:40px;-webkit-box-orient:vertical;margin-right:0 !important}.form-container .form-item input[type="text"],.form-container .form-item input[type="email"],.form-container .form-item input[type="tel"],.form-container .form-item input[type="number"],.form-container .form-item input[type="password"],.form-container .form-item input[type="date"],.form-container .form-item input[type="datetime-local"],.form-container .form-item input[type="search"],.form-container .form-item input[type="file"]{border-radius:4px;width:100%;padding-left:0.5em;padding-right:0.5em}.form-container .form-item input[type="text"]:focus,.form-container .form-item input[type="email"]:focus,.form-container .form-item input[type="tel"]:focus,.form-container .form-item input[type="number"]:focus,.form-container .form-item input[type="password"]:focus,.form-container .form-item input[type="date"]:focus,.form-container .form-item input[type="datetime-local"]:focus,.form-container .form-item input[type="search"]:focus,.form-container .form-item input[type="file"]:focus{border-color:var(--color-dark)}.form-container .form-item input[type="text"].md,.form-container .form-item input[type="email"].md,.form-container .form-item input[type="tel"].md,.form-container .form-item input[type="number"].md,.form-container .form-item input[type="password"].md,.form-container .form-item input[type="date"].md,.form-container .form-item input[type="datetime-local"].md,.form-container .form-item input[type="search"].md,.form-container .form-item input[type="file"].md{height:28px}.form-container .form-item input[type="text"].rd,.form-container .form-item input[type="email"].rd,.form-container .form-item input[type="tel"].rd,.form-container .form-item input[type="number"].rd,.form-container .form-item input[type="password"].rd,.form-container .form-item input[type="date"].rd,.form-container .form-item input[type="datetime-local"].rd,.form-container .form-item input[type="search"].rd,.form-container .form-item input[type="file"].rd{border-radius:15px}.form-container .form-item input[type="text"].for-price,.form-container .form-item input[type="email"].for-price,.form-container .form-item input[type="tel"].for-price,.form-container .form-item input[type="number"].for-price,.form-container .form-item input[type="password"].for-price,.form-container .form-item input[type="date"].for-price,.form-container .form-item input[type="datetime-local"].for-price,.form-container .form-item input[type="search"].for-price,.form-container .form-item input[type="file"].for-price{height:32px;border-radius:15px;text-align:center;background-color:transparent}.form-container .form-item input[type="radio"],.form-container .form-item input[type="checkbox"]{display:none}.form-container .form-item input[type="radio"]+label,.form-container .form-item input[type="checkbox"]+label{cursor:pointer;display:flex;align-items:center;color:var(--color-text-light)}.form-container .form-item input[type="radio"]+label span,.form-container .form-item input[type="checkbox"]+label span{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;height:1.4em;line-height:1.4em;-webkit-box-orient:vertical}.form-container .form-item input[type="radio"]+label+.inline-link,.form-container .form-item input[type="checkbox"]+label+.inline-link{margin-left:6px}.form-container .form-item input[type="radio"]+label:before,.form-container .form-item input[type="checkbox"]+label:before{content:"";display:block;width:1.1rem;height:1.1rem;border:2px solid var(--color-text-light);flex-shrink:0;margin-right:0.5em;border-radius:4px;transition:all 0.3s ease;transition-property:border-color, background-color;background-color:var(--color-bg-input)}.form-container .form-item input[type="radio"]:checked+label,.form-container .form-item input[type="checkbox"]:checked+label{color:var(--color-text)}.form-container .form-item input[type="radio"]:checked+label:before,.form-container .form-item input[type="checkbox"]:checked+label:before{background:#4cf5a7 var(--check-url) no-repeat center;border-color:#4cf5a7;background-size:80% auto}.form-container .form-item input[type="radio"]:checked:disabled+label,.form-container .form-item input[type="checkbox"]:checked:disabled+label{color:var(--color-text-a)}.form-container .form-item input[type="radio"]:checked:disabled+label:before,.form-container .form-item input[type="checkbox"]:checked:disabled+label:before{background-color:var(--color-text-a);border-color:var(--color-text-a)}.form-container .form-item input[type="radio"]:disabled+label,.form-container .form-item input[type="checkbox"]:disabled+label{user-select:none;-moz-user-select:none;-webkit-user-select:none;cursor:not-allowed;color:var(--color-text-a)}.form-container .form-item input[type="radio"]:disabled+label:before,.form-container .form-item input[type="checkbox"]:disabled+label:before{background-color:rgba(var(--color-text-a), 0.6);border-color:var(--color-text-a)}.form-container .form-item input[type="radio"]+label:before{border-radius:50%}.form-container .form-item+hr{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;margin:20px auto;border-top:2px solid #0d101c}.form-item{display:flex;flex-wrap:wrap;margin-bottom:10px;color:var(--color-text);width:100%;position:relative}@media (min-width: 0) and (max-width: 739px){.form-item{flex-direction:column}}@media (min-width: 740px){.form-item{margin-bottom:10px;margin-left:6px;margin-right:6px}}@media (min-width: 1100px){.form-item{margin-left:6px;margin-right:6px}}@media (min-width: 1700px){.form-item{margin-bottom:15px}}@media (min-width: 740px){.form-item.flex-1{flex:1}}@media (min-width: 740px){.form-item.flex-2{flex:2}}.form-item.clicked{z-index:999}.form-item+.avatar{margin-bottom:20px;border-radius:12px;overflow:hidden}@media (min-width: 740px){.form-item+.avatar{width:calc(100% - 140px - 6px);margin-left:calc(140px + 6px)}}.form-item .fz-B,.form-item .fz-C{margin-bottom:0}.form-item.title{color:var(--color-dark);font-size:1.25em;padding-bottom:10px;margin-bottom:10px;font-weight:bold;margin-top:20px}@media (min-width: 980px){.form-item.title{font-size:1.5em}}@media (min-width: 1700px){.form-item.title{font-size:1.625em}}.form-item.half{width:100%}@media (min-width: 740px){.form-item.half{width:calc(50% - 12px)}}.form-item.max-60{width:100%}@media (min-width: 740px){.form-item.max-60{width:80%}}@media (min-width: 980px){.form-item.max-60{width:64%}}.form-item.account-valid{width:100%;margin-bottom:30px}@media (min-width: 1100px){.form-item.account-valid{display:flex;justify-content:space-between;align-items:center;padding-bottom:0}.form-item.account-valid .btn{min-width:auto;padding:0}}@media (min-width: 1380px){.form-item.account-valid{padding-bottom:2em}}@media (min-width: 0) and (max-width: 739px){.form-item.account-valid .left strong{display:block}}@media (min-width: 740px) and (max-width: 979px){.form-item.account-valid .left{font-size:1.125rem}}@media (min-width: 1100px){.form-item.account-valid .left{width:max-content;padding-right:0.5em}}@media (min-width: 1380px){.form-item.account-valid .left{font-size:1.125rem}}.form-item.account-valid .right{display:flex;align-items:center;justify-content:space-between}@media (min-width: 1100px){.form-item.account-valid .right{flex:auto}}.form-item.account-valid .btn-text{min-width:auto;padding-left:0;padding-right:0}.form-item.read-only input{background:none;padding-left:0;border:none}.form-item.read-only input:focus{box-shadow:none}@media (min-width: 0) and (max-width: 739px){.form-item.mobile-border{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--color-border)}.form-item.mobile-border .field{line-height:1.5em}}.form-item .select2-container{width:100% !important}.form-item .select2-container .select2-selection--single{height:40px;border-radius:4px}.form-item .select2-container .select2-selection--single .select2-selection__rendered{line-height:40px;padding-left:1em;padding-right:1em}.form-item .select2-container .select2-selection--single .select2-selection__arrow{height:40px;top:0;right:0}.form-item .list-table{width:100%;margin-top:15px}.form-item.free-help-word .help-word{height:auto;text-overflow:initial;-webkit-line-clamp:initial;display:block;-webkit-box-orient:initial;line-height:1.25em}.form-item.no-help-word{padding-bottom:10px}.form-item.no-help-word .help-word{display:none}.form-item .field{width:100%;flex-shrink:0;display:flex;line-height:40px;position:relative;isolation:isolate;color:#064b28;font-weight:bold}.form-item .field:after{content:"";display:block;width:100%;height:2px;background:linear-gradient(to right, rgba(85,255,124,0.7), rgba(85,255,124,0));border-radius:4px 0 0 4px;z-index:-1;position:absolute;left:-10px;top:0;display:none}.form-item .field .icon{margin-left:5px}.form-item .field.aic{align-items:center}.form-item .field.jcsb{display:flex;justify-content:space-between;align-items:center}.form-item .field.inline{display:inline;line-height:1.25em}.form-item .field.inline+.value{margin-top:10px}@media (min-width: 0) and (max-width: 979px){.form-item .field{margin-bottom:3px;color:var(--color-text-light);font-size:0.875em}}@media (min-width: 740px){.form-item .field{width:140px}}@media (min-width: 1700px){.form-item .field{font-size:1.0625em}}.form-item .value{flex-shrink:0;display:flex;flex-wrap:wrap;position:relative}@media (min-width: 740px){.form-item .value{width:calc(100% - 140px)}}.form-item .value.pure-text{align-items:center}.form-item .value+.help-word{padding-left:140px}.form-item .value>div{display:flex;align-items:center}.form-item .value>div.dropCheckbox{display:block}.form-item .value>div.btn-area{margin-right:0;margin-left:1em}.form-item .value input+div{margin-left:1em;margin-right:0}.form-item .value.multi-inline{display:flex}.form-item .value.multi-inline.col-div{align-items:flex-start}@media (min-width: 0) and (max-width: 739px){.form-item .value.multi-inline.col-div{flex-direction:column}}.form-item .value.multi-inline.col-div .item{flex-direction:column}@media (min-width: 0) and (max-width: 739px){.form-item .value.multi-inline.col-div .item{width:100%}}.form-item .value.multi-inline.col-div .help-word{display:flex;align-items:center;padding-left:0}.form-item .value.multi-inline .item{display:flex;align-items:center;margin-right:1em}.form-item .value.multi-inline .item:first-of-type{margin-left:0}.form-item .value.multi-inline .item:last-of-type{margin-right:0}.form-item .value.multi-inline .item .unit,.form-item .value.multi-inline .item .icon{margin:0 5px}.form-item .value.multi-inline .item.jcfe{justify-content:flex-end;margin-right:0}.form-item .value.multi-inline .item.flex-auto{flex:initial;width:initial}.form-item .value.multi-inline .item.flex-1{flex:1}.form-item .value.multi-inline .item.flex-2{flex:2}.form-item .value.multi-inline .item.flex-3{flex:3}.form-item .value.multi-inline .item.flex-4{flex:4}.form-item .value.multi-inline .item.flex-5{flex:5}.form-item .value.multi-inline .item.flex-6{flex:6}@media (min-width: 740px){.form-item .value.indent{padding-left:1.75rem;padding-right:1.75rem}.form-item .value.indent+.help-word{padding-left:2.25rem;padding-right:2.25rem}}.form-item .value.--for-col-option{flex-direction:column;border-left:2px dotted #4cf5a7;padding-left:10px}.form-item .value.--for-col-option .option{margin-bottom:8px}.form-item .value.--for-col-option button{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:4px;width:40px;height:40px;font-size:2em;line-height:1;display:flex;align-items:center;justify-content:center}.form-item .value.--for-col-option button.--add{width:calc(100% - 40px);background-color:#fff;color:#4cf5a7;border:1px solid #4cf5a7}.form-item .value .password{position:relative;width:100%;margin:0}.form-item .value .password .eye{top:50%;transform:translateY(-50%);right:10px}@media (min-width: 740px){.form-item.checkbox-group .field{line-height:40px}}@media (min-width: 0) and (max-width: 739px){.form-item.checkbox-group .value .item{margin:0 6px 6px 0}}@media (min-width: 740px){.form-item.checkbox-group .value .item{margin-bottom:8px}}@media (min-width: 740px){.form-item.free-field .field{width:auto;flex:initial;align-items:center;padding-right:1em}.form-item.free-field .value{width:auto;flex:1}.form-item.free-field .help-word{padding-left:1em}}@media (min-width: 980px){.form-item.free-field.inline{flex-wrap:nowrap;width:100%}}@media (min-width: 0) and (max-width: 979px){.form-item.has-extra .value{padding-right:40px}.form-item.has-extra .value .text-count{right:50px}.form-item.has-extra .value .item{margin-right:4px}}.form-item.has-extra .help-word{padding-right:25px}@media (min-width: 0) and (max-width: 979px){.form-item.has-extra .help-word{padding-right:55px}}.form-item.has-extra .outside{position:absolute;right:0}@media (min-width: 980px){.form-item.has-extra .outside{position:absolute;transform:translateX(101%)}}.form-item.inside-textcount .text-count{bottom:10px;right:5px}@media (min-width: 740px){.form-item.inside-textcount .text-count{bottom:11px}}.form-item.inside-textcount input[type="text"],.form-item.inside-textcount input[type="email"],.form-item.inside-textcount input[type="tel"],.form-item.inside-textcount input[type="number"],.form-item.inside-textcount input[type="password"],.form-item.inside-textcount input[type="date"],.form-item.inside-textcount input[type="datetime-local"],.form-item.inside-textcount input[type="search"],.form-item.inside-textcount input[type="file"]{padding-right:60px}.form-item.outside-textcount .text-count{right:0;bottom:-2px;background-color:transparent}.form-item.outside-textcount .value .item{max-width:calc(100% - 50px)}@media (min-width: 740px){.form-item.outside-textcount .value .item{max-width:calc(100% - 55px)}}.form-item.outside-textcount .help-word{padding-right:60px}@media (min-width: 740px){.form-item.outside-textcount .help-word{padding-right:65px}}@media (min-width: 740px){.form-item.wide-field .field{width:150px}.form-item.wide-field .value{width:calc(100% - 150px)}}@media (min-width: 740px){.form-item.wide-field.error .field{color:var(--color-red)}}.form-item.no-field .field{display:none}.form-item.no-field .value{width:100%}.form-item.no-field .help-word{padding-left:0}.form-item.disabled .dropdown-checkbox{cursor:not-allowed}.form-item.disabled .dropdown-checkbox .trigger{background-color:var(--color-bg-input-disabled);color:var(--color-text-input-disabled);user-select:none;-moz-user-select:none;-webkit-user-select:none;pointer-events:none}.form-item.col{flex-direction:column}.form-item.col .field{width:100%}.form-item.col .value{width:100%;display:flex;align-items:center;justify-content:center;justify-content:flex-start}.form-item.col .value img{max-width:160px;height:auto;display:block;margin:20px auto 0}.form-item.col .value .item{width:100%;padding:0.5em 0}.form-item.small-field .field{width:48px}.form-item.small-field .value{width:calc(100% - 48px)}.form-item .notification{color:var(--color-white);font-size:15px;text-align:center;width:100%;margin-bottom:28px}.form-item.no-field input,.form-item.no-field select,.form-item.no-field textarea{padding-left:12px;width:100%}.form-item.no-field .value{width:100%}.form-item.no-field .field{display:none}@media (min-width: 980px){.form-item.short{width:calc(100% - 150px) !important;flex-shrink:0;margin-left:auto;margin-right:auto}}.form-item.feedback{padding-top:30px}.form-item.feedback .value{display:flex;justify-content:flex-end}.form-item.feedback .value textarea{width:380px}.form-item.fn-bar{padding:0 1em;display:flex;justify-content:space-between;flex-direction:row;color:var(--color-gray-text);color:var(--color-rule-label)}.form-item.fn-bar .center{margin:5px auto 0}@media (min-width: 740px){.form-item.for-code .help-word{padding-right:154px}}@media (min-width: 0) and (max-width: 739px){.form-item.for-code{padding-bottom:30px;position:relative}.form-item.for-code .multi-inline{display:flex;flex-direction:column;position:initial}.form-item.for-code .multi-inline input{flex:auto}.form-item.for-code .multi-inline .code{flex:auto;width:max-content;margin:5px 0 0 0;position:absolute;left:0;bottom:0}}.form-item.valid:after{width:22px;height:22px;background-color:var(--color-main);-webkit-mask-size:auto 100%;-webkit-mask-position:85.71% 0;position:absolute;right:10px;top:20px;transform:translateY(-50%)}@media (min-width: 1700px){.form-item.valid:after{width:24px;height:24px}}.form-item.with-icon{position:relative}.form-item.with-icon input,.form-item.with-icon select{padding-left:70px}.form-item.with-icon .value{width:100%}.form-item.with-icon .field{position:absolute;z-index:3;left:0;top:0;width:60px;height:40px;display:flex;align-items:center;justify-content:center}.form-item.with-icon .field .icon:before{width:20px;height:20px;background-color:var(--color-main)}.form-item.with-icon .field:after{content:"";display:block;width:1px;border-right:1px solid var(--color-form-border);right:0;top:10%;height:80%;position:absolute}.form-item.with-icon.error:after{width:22px;height:22px;background-color:var(--color-red);-webkit-mask-size:auto 100%;-webkit-mask-position:55.1% 0;position:absolute;right:10px;top:20px;transform:translateY(-50%)}@media (min-width: 1700px){.form-item.with-icon.error:after{width:24px;height:24px}}.form-item.with-icon.has-fn .help-word{right:2.5em !important}.form-item.with-icon.has-fn.valid:after,.form-item.with-icon.has-fn.error:after{display:none !important}.form-item.has-fn .help-word{right:2.5em !important}.form-item.has-fn.valid:after,.form-item.has-fn.error:after{display:none !important}.form-item.must .field{position:relative}.form-item.must .field:before{content:"*";color:var(--color-red);letter-spacing:0;position:absolute;transform:translateX(-100%)}.form-item.show-help .help-word{display:block}.form-item.help-left .help-word{text-align:left;justify-content:flex-start}.form-item.help-top .help-word{pointer-events:none}@media (min-width: 740px){.form-item.help-top .help-word{transform:translateY(-30px)}}.form-item.no-field .field{display:none}.form-item.no-field .value{width:100%}.form-item.search .value{width:100%;position:relative}.form-item.search .value input{padding-left:2.6em}.form-item.search .value:before{width:22px;height:22px;-webkit-mask-size:auto 100%;-webkit-mask-position:44.9% 0;position:absolute;background-color:var(--color-text-a);top:50%;left:14px;transform:translateY(-50%)}.form-item.error .help-word{color:var(--color-red)}.form-item.error textarea{border-color:var(--color-red)}.form-item.error input[type="text"],.form-item.error input[type="date"],.form-item.error input[type="datetime-local"],.form-item.error input[type="email"],.form-item.error input[type="tel"],.form-item.error input[type="password"]{border-color:var(--color-red)}.form-item.error input::placeholder{opacity:1;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-weight:normal}.form-item.error input:-ms-input-placeholder{font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-weight:normal}.form-item.error input::-ms-input-placeholder{font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-weight:normal}.form-item.error input[type="radio"]+label,.form-item.error input[type="checkbox"]+label{color:var(--color-red)}.form-item.error input[type="radio"]+label:before,.form-item.error input[type="checkbox"]+label:before{border-color:var(--color-red)}.form-item.error select{border-color:var(--color-red)}.form-item.error .dropmenu-container .dropmenu-value{border-color:var(--color-red);color:var(--color-red)}.form-item.btn-area{display:flex;justify-content:flex-end;width:100%;padding-top:10px;padding-bottom:10px;position:sticky;bottom:0}.form-item.btn-area.sp{justify-content:space-between}@media (min-width: 0) and (max-width: 979px){.form-item.btn-area.short{width:80%;margin:40px auto 30px}}.form-item.btn-area .right{display:flex;justify-content:flex-end}.form-item.indent-1{padding-left:30px}@media (min-width: 740px){.form-item.indent{padding-left:1.75rem;padding-right:1.75rem}.form-item.indent+.help-word{padding-left:2.25rem;padding-right:2.25rem}}.form-item[data-textcount] .value.multi-inline .item.flex-4{margin-right:0}.form-container{width:100%}@media (min-width: 740px){.form-container{width:calc(100% + 30px);display:flex;flex-wrap:wrap;margin-left:-6px;margin-right:-6px;width:calc(100% + 30px)}}.form-container .row{width:100%}@media (min-width: 980px){.form-container .row{display:flex;align-items:flex-start}}.form-container.inline{display:flex;align-items:flex-start}.form-container.inline .form-item{flex:1}.form-container.inline .form-item.btn-area{max-width:max-content;flex:auto;margin-top:0}.form-container.inline .form-item .btn{min-width:auto}.form-container.inline .form-item .field{width:50px;flex-shrink:0}.form-container.inline .form-item .value{width:calc(100% - 50px)}.form-container+hr{margin-top:0}.form-container.row-6-4{padding-bottom:10px}@media (min-width: 740px){.form-container.row-6-4{display:flex;padding-bottom:5px}.form-container.row-6-4 .form-item:nth-of-type(1){width:calc(64% - 12px)}.form-container.row-6-4 .form-item:nth-of-type(2){width:calc(36% - 12px);padding-left:20px;justify-content:flex-end}}@media (min-width: 1100px){.form-container.row-6-4 .form-item:nth-of-type(2){padding-left:60px}}@media (min-width: 980px){.form-container.row-6-4 .big-toggle{width:max-content}}.form-container .form-group-b5{display:flex;width:50%}@media (min-width: 0) and (max-width: 979px){.form-container .form-group-b5{width:calc(100% + 1em);margin:0 -0.5em 0.25em}}@media (min-width: 740px) and (max-width: 979px){.form-container .form-group-b5{width:100%;margin:0 0 0.5em}}@media (min-width: 980px){.form-container .form-group-b5{max-width:600px}}@media (min-width: 0) and (max-width: 739px){.form-container .form-group-b5 .form-item{margin:0 0.5em;width:calc(50% - 1em)}}@media (min-width: 980px){.form-container .form-group-b5 .form-item+.form-item{margin-left:0}}.has-search-icon{position:relative}.has-search-icon input{padding-left:2.6em !important}.has-search-icon:before{width:22px;height:22px;-webkit-mask-size:auto 100%;-webkit-mask-position:44.9% 0;position:absolute;background-color:var(--color-text-a);top:50%;left:14px;transform:translateY(-50%)}.block-area{border:1px solid var(--color-border);width:calc(100% - 12px);margin:0 auto 4.5vw}@media (min-width: 1700px){.block-area{margin-bottom:3vw}}.block-area .row.field{background-color:#eee;display:flex;justify-content:space-between;padding:8px 15px;min-height:48px}@media (min-width: 1380px){.block-area .row.field{padding:12px 20px}}@media (min-width: 1700px){.block-area .row.field{padding:12px 25px;min-height:54px}}.block-area .row.field .left{font-size:18px;font-weight:500}.block-area .row.field .left span+span{padding-left:2em}.block-area .form-item{padding:0 40px;margin:0}.block-area .form-item .field{border-bottom:1px solid var(--color-form-border);padding:1em 0}.block-area .form-item .value{justify-content:flex-start;padding-top:1em}.block-area .form-item .value>div{width:20%;flex-shrink:0;margin:0 0 1em 0}.toggle{position:relative;box-sizing:border-box}.toggle input[type="checkbox"]{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;cursor:pointer;opacity:0}.toggle input[type="checkbox"]+label{position:relative;display:flex;align-items:center;box-sizing:border-box;border:2px solid var(--color-border);width:48px;height:24px;background:none;background-color:var(--color-gray-header);border-radius:24px;transition:all 0.35s ease;transition-property:background-color}.toggle input[type="checkbox"]+label:before{display:none}.toggle input[type="checkbox"]+label:after{content:"";position:absolute;width:24px;height:24px;border:3px solid var(--color-border);border-radius:50%;left:-2px;top:-2px;z-index:2;background-color:var(--color-text-btn-default);box-shadow:0 1px 10px #0002;box-sizing:border-box;transition:0.2s ease-in;box-sizing:border-box}.toggle input[type="checkbox"]:checked+label{background-color:var(--color-ok)}.toggle input[type="checkbox"]:checked+label:after{left:22px;border-color:var(--color-footer)}.big-toggle{height:40px;border:1px solid var(--color-form-border);background-color:var(--color-text-btn-default);display:flex;width:100%;border-radius:4px;overflow:hidden;position:relative}@media (min-width: 1380px){.big-toggle{height:48px}}.big-toggle .block{content:"";display:block;width:50%;position:absolute;height:calc(100% + 1px);background-color:var(--color-ok);border-radius:4px;box-shadow:rgba(99,99,99,0.3) 0px 0 8px 0px;transition:left 0.3s ease}.big-toggle input[type="radio"]{display:none}.big-toggle input[type="radio"]+label{position:relative;z-index:3;background-color:transparent;font-size:1rem;flex:1;cursor:pointer;display:flex;align-items:center;color:var(--color-text-a);justify-content:center;border-radius:4px;transition:color 0.3s ease;padding:0 1.25em}.big-toggle input[type="radio"]+label:before{display:none}.big-toggle input[type="radio"]:checked+label{color:var(--color-text-btn-default)}.big-toggle input[type="radio"]:checked+label+input+label+.block{left:0}.big-toggle input[type="radio"]:checked+label+.block{left:50%}.disabled .big-toggle{cursor:not-allowed;pointer-events:none}.disabled .big-toggle .block{background-color:#e0e0e0}.disabled .big-toggle input[type="radio"]+label{color:#e0e0e0}.disabled .big-toggle input[type="radio"]:checked+label{color:var(--color-form-border)}.text-right{width:100%;text-align:right}.dropdown-checkbox{position:relative;z-index:3;width:100%}.dropdown-checkbox .trigger{width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:1px solid var(--color-form-border);font-size:1rem;transition:border-color 0.3s ease;height:40px;box-sizing:border-box;background-color:var(--color-bg-input);font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;color:var(--color-text);border-radius:4px;padding:0 10px}@media (min-width: 1380px){.dropdown-checkbox .trigger{padding:0 15px}}.dropdown-checkbox .trigger .icon{display:block;transition:transform 0.35s ease}.dropdown-checkbox .trigger .icon:before{width:12px;height:12px;background-color:var(--color-text-a)}@media (min-width: 1380px){.dropdown-checkbox .trigger .icon:before{width:15px;height:15px}}.dropdown-checkbox .dropdown{position:absolute;width:100%;top:42px;background-color:var(--color-bg);padding:10px;border:1px solid var(--color-border);border-radius:4px;border-radius:10px;display:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;max-height:300px;overflow-y:auto}@media (min-width: 0) and (max-width: 739px){.dropdown-checkbox .dropdown.nowrap label{line-height:1.25em;padding-top:0.1em;padding-bottom:0.2em}}@media (min-width: 740px){.dropdown-checkbox .dropdown.nowrap{width:max-content}}.dropdown-checkbox .dropdown::-webkit-scrollbar-track{margin:2.22222px}.dropdown-checkbox .dropdown .item{padding:3px 0;position:relative}.dropdown-checkbox .dropdown .item .alert-text{text-align:left;position:absolute;background-color:var(--color-title);font-size:0.875rem;padding:0.5em;left:-5px;top:35px;border-radius:12px;color:#fff;text-overflow:initial;-webkit-line-clamp:initial;display:-webkit-box;height:initial;line-height:initial;-webkit-box-orient:vertical;z-index:6;overflow:visible;visibility:hidden;opacity:0;pointer-events:none}.dropdown-checkbox .dropdown .item .alert-text:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent var(--color-title) transparent;position:absolute;left:10px;top:-5px}@media (min-width: 0) and (max-width: 1379px){.dropdown-checkbox .dropdown .item .alert-text{font-size:0.75rem}}.dropdown-checkbox .dropdown .item.show-alert .alert-text{visibility:visible;opacity:1}.dropdown-checkbox .dropdown .item.no-data{margin-top:15px;margin-bottom:15px;color:var(--color-text-a)}.dropdown-checkbox .dropdown .item.no-data .icon:before{background-color:var(--color-text-a)}@media (min-width: 1380px){.dropdown-checkbox .dropdown{padding:10px 15px}}.dropdown-checkbox.nowrap .trigger>div{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;height:1.5em;line-height:1.5em;-webkit-box-orient:vertical}.dropdown-checkbox.active .trigger{border-color:var(--color-dark);box-shadow:rgba(0,0,0,0.1) 0px 4px 12px}.dropdown-checkbox.active .trigger .icon{transform:rotate(180deg)}.dropdown-checkbox.active .dropdown{display:block;border-color:var(--color-dark);box-shadow:rgba(0,0,0,0.1) 0px 4px 12px}.dropdown-checkbox.for-th{padding:0}.dropdown-checkbox.for-th .trigger{font-size:0.875rem;padding:0;border:none;height:initial;background-color:transparent}.dropdown-checkbox.for-th .dropdown{border:none;background-color:#d7ebf8;border-radius:0 0 4px 4px;box-shadow:none;width:calc(100% + 30px);margin-left:-15px}@media (min-width: 740px){.dropdown-checkbox.for-th .dropdown{top:32px}}@media (min-width: 1380px){.dropdown-checkbox.for-th .dropdown{top:38px}}.dropdown-checkbox.for-th.active .trigger{box-shadow:none}.q-item{border:none;border-radius:12px;overflow:hidden;margin:10px auto;background-color:rgba(255,255,255,0.6);box-shadow:rgba(149,157,165,0.2) 0px 8px 24px}.q-item .q-header{display:flex;justify-content:space-between;padding:10px 20px;background-color:#fff;font-weight:bold}.q-item .q-body{padding:10px 20px}.q-item .q-footer{padding:10px 20px}.q-item input,.q-item select{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:4px;height:40px;width:100%;font-size:1rem;box-sizing:border-box;font-weight:normal;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;border:1px solid #a0c1d1;background-color:#fff}.q-item textarea{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:4px;font-weight:normal;font-size:1rem;width:100%;min-height:60px;box-sizing:border-box;background-color:#fff;border:1px dashed #4cf5a7;color:#4cf5a7;font-weight:bold}.q-item .option{margin-bottom:5px;display:flex}.create-game-tabs-container{width:100%;margin-top:10px;margin-bottom:10px}.create-game-tabs-header{background-color:transparent;display:flex;align-items:center;padding:20px 0 0}.create-game-tabs-header button{border:none;background:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:0;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;font-weight:bold;border-radius:12px 12px 0 0;font-weight:normal !important;border:none !important;height:52px;display:flex;align-items:center;box-sizing:border-box;position:relative;padding:2px 1.5em 0 !important;font-size:1em;background:linear-gradient(to bottom, #303243, #171b26);color:#d0e1ed}@media (min-width: 1700px){.create-game-tabs-header button{font-size:1.0625em}}.create-game-tabs-header button:before{content:"";display:block;width:calc(100% - 24px);height:2px;border-radius:6px;background-color:rgba(111,132,146,0.2);position:absolute;left:12px;top:2px;flex-shrink:0}.create-game-tabs-header button+button{margin-left:1px}@media (hover: hover){.create-game-tabs-header button:hover{background:linear-gradient(to bottom, #3a3d52, #171b26);border-color:#4cf5a7 !important}}.create-game-tabs-header button.--active{color:#97acff;background:linear-gradient(to bottom, #3e4b80, #171b26 80%)}.create-game-tabs-header button.--active:before{background-color:#88a0ff}.create-game-tab-content{padding:24px 30px;background-color:#171b26;border-radius:0 12px 12px 12px}.game-history-container{width:100%;height:100%;overflow-y:auto;padding-top:15vh;padding-bottom:15vh}.game-history-container .select-title-area{display:flex;flex-direction:column}.game-history-container .select-title-area h2{font-size:1em;letter-spacing:3px;line-height:1em}.history-item{color:#b0ffc3;display:flex;padding:10px 20px 4vh;position:relative}@media (min-width: 0) and (max-width: 739px){.history-item{flex-direction:column}}@media (min-width: 980px){.history-item{padding:10px 30px 4vh}}.history-item:after{content:"";display:block;width:1px;height:100%;position:absolute;background:linear-gradient(to bottom, rgba(210,234,245,0) 0%, #d2eaf5 50%, rgba(210,234,245,0) 100%);left:20px;top:20px;margin:0;border-radius:3px 0 0 3px;overflow:hidden;z-index:1}@media (min-width: 740px){.history-item:after{top:20px;left:216.5px}}.history-item .date{font-family:"Nunito",sans-serif;font-size:1.375em;width:10em;position:relative;padding-left:30px;letter-spacing:1px;color:#fff;text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}@media (min-width: 740px){.history-item .date{padding-right:40px;padding-left:0;font-size:1.25em;width:220px}}@media (min-width: 1100px){.history-item .date{font-size:1.375em}}.history-item .date:before{content:"";display:block;width:12px;height:12px;box-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px;position:absolute;left:0;top:16px;transform-origin:center;transform:translate(-50%, -50%) rotate(45deg);box-sizing:border-box;border:2px solid #fff;z-index:3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media (min-width: 740px){.history-item .date:before{width:16px;height:16px;left:initial;right:17px;top:16px}}.history-item .record{padding-left:20px}@media (min-width: 0) and (max-width: 739px){.history-item .record{padding:10px 0 10px 30px}}.history-item .time{font-family:"Nunito",sans-serif;font-size:0.8125em;background-color:#b0ffc3;color:#064b28;border-radius:3px;padding:1px 0.5em 0 0.5em;margin:4px 10px 0 0;transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);transition-property:color, box-shadow, background-color;width:4em;text-align:right}@media (min-width: 980px){.history-item .time{margin:3px 15px 0 0}}.history-item li{margin-bottom:1em}.history-item a{color:#b0ffc3;display:flex;align-items:flex-start;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition-property:padding, color}@media (min-width: 1380px){.history-item a strong{font-size:0.9375em}}.history-item a:hover strong{text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;color:#fff}.history-item a:hover .time{background-color:#fff;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px}.timeline{width:calc(100% - 60px);margin:0 auto;padding:20px 10px;margin-bottom:80px}@media (min-width: 740px){.timeline{width:clamp(600px, 60%, 900px);padding:30px 10px}}.elsa-container{height:100%;display:flex;flex-direction:column;justify-content:center}@media (min-width: 0) and (max-width: 979px){.elsa-container{padding-bottom:8vh}}.elsa-game{position:relative;isolation:isolate}.elsa-game::after{content:"";position:absolute;inset:0;top:-15%;left:0;background:repeating-conic-gradient(from var(--a), #88a0ff, #4741ff, #1e4fff, #48b0ff, #a861ff);border-radius:50%;filter:blur(45px);opacity:0.75;width:100%;height:140%;z-index:-2}@media (min-width: 980px){.elsa-game::after{top:-10%;height:120%}}.elsa-game:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:20px 20px 0 0;z-index:-1;background:linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(26,60,11,0.5), rgba(0,0,0,0.6))}@media (min-width: 740px){.elsa-game:before{border-radius:20px}}@media (min-width: 980px){.elsa-game:before{border-radius:30px}}.elsa-game .banner{position:absolute;left:50%;top:0;transform:translate(-50%, -50%);display:none}@media (min-width: 0) and (max-width: 979px){.elsa-game .banner{width:clamp(150px, 50vw, 260px);transform:translate(-50%, -70%)}}@media (min-width: 980px){.elsa-game .banner{left:-10%;top:50%;transform:translateY(-50%);width:35%}}.elsa-game .banner .img:before{padding-bottom:95.5%}.elsa-game .stage{font-weight:bold;width:100%;text-align:center;position:relative;z-index:3;padding:30px;height:40vh}@media (min-width: 980px){.elsa-game .stage{height:clamp(240px, 35vh, 640px)}}.elsa-game .pronunciation{display:flex;align-items:center;justify-content:center;height:100%;font-size:clamp(24px, 4.5vh, 48px)}.elsa-game .pronunciation strong{line-height:1.25em;display:flex;align-items:flex-end}.elsa-game .pronunciation .btn{margin:0 0 5px 10px;border-radius:30px;width:60px}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.elsa-game .pronunciation .btn{margin:0 0 8px 10px}}.elsa-game .pronunciation .red{color:#f13434}.elsa-game .pronunciation .green{color:#0ca02c}.elsa-game .pronunciation.--for-sentence{flex-direction:column;font-size:20px;margin:0 auto}.elsa-game .pronunciation.--for-sentence strong{line-height:1.5em;display:block}@media (min-width: 980px){.elsa-game .pronunciation.--for-sentence{font-size:clamp(18px, 3vh, 30px);max-width:64%}}.elsa-game .pronunciation.--for-sentence .btn{transform:scale(0.7) translate(-0.5em, -0.5em)}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.elsa-game .pronunciation.--for-sentence .btn{transform:scale(0.8) translate(-0.5em, -0.5em)}}.elsa-game .fn-bar{position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;position:absolute;bottom:0;transform:translateY(100%);flex-direction:column}@media (min-width: 980px){.elsa-game .fn-bar{flex-direction:row}}.elsa-game .fn-bar>div{flex:1}.elsa-game .part-center{display:flex;justify-content:center}.elsa-game .part-right{display:flex;justify-content:center;font-size:1.25em}@media (min-width: 0) and (max-width: 979px){.elsa-game .part-right{padding-top:10vh}}@media (min-width: 980px){.elsa-game .part-right{justify-content:flex-end;align-items:center}}.elsa-game .pagination{padding-right:1em;font-family:"Nunito",sans-serif}.elsa-game .btn-text .icon:before{width:20px;height:20px;background-color:#55ff7c}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.elsa-game .btn-text .icon:before{width:24px;height:24px}}.elsa-game .btn-text span{font-size:1.25em;color:#55ff7c}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.elsa-game .btn-text span{font-size:1.5em}}.elsa-game .input-voice{width:calc(100vw - 20px);height:48px;box-shadow:none}@media (min-width: 576px){.elsa-game .input-voice{width:150px}}@media (min-width: 1700px){.elsa-game .input-voice{width:168px;height:54px}}.elsa-game .input-voice .icon:before{width:30px;height:30px;background-color:#fff}.elsa-game .input-voice:after{width:100%;height:100%;padding:initial;border-radius:0 0 20px 20px;background:linear-gradient(to bottom, #848484, #575757);box-shadow:none}@media (min-width: 1700px){.elsa-game .input-voice:after{border-radius:0 0 25px 25px}}.elsa-game .input-voice:before{display:none}.elsa-game .input-voice.--active:after{background:linear-gradient(to bottom, #136731, #199b47)}.elsa-game .input-voice.--active.--pause:after{background:linear-gradient(to bottom, #910f0f, #ad2222)}@media (hover: hover){.elsa-game .input-voice:hover{transform:none}.elsa-game .input-voice:hover .icon{transform:scale(1.1)}}.elsa-game .elsafeedback{position:absolute;width:100%;bottom:0;z-index:5;text-align:center;font-size:1.125em;font-weight:normal;padding:5px 10px 20px;left:0;display:flex;justify-content:center;color:#fdd10b}@media (min-width: 1380px){.elsa-game .elsafeedback{font-size:1.25em}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.elsa-game .elsafeedback{padding-bottom:28px}}.elsa-game .elsafeedback .score{width:max-content;padding-right:8px;font-weight:bold}.elsa-game .elsafeedback .highlight{height:40px;position:absolute;top:initial;width:100%;bottom:-1px;animation:highlightscalebottom 6s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;transform:translateY(50%);pointer-events:none;clip-path:inset(0 0 50% 0)}@media (min-width: 740px){.elsa-game .elsafeedback .highlight{width:200%;height:60px}}.for-elsa.--active .elsa-game::after{animation:rotating 4s linear infinite}.ranking-item{display:flex;background:linear-gradient(to bottom, rgba(8,36,38,0.4) 0%, rgba(31,66,61,0.5) 50%, rgba(2,14,15,0.55) 100%);align-items:center;border-radius:3px;margin-bottom:2px;position:relative}@media (min-width: 0) and (max-width: 739px){.ranking-item{height:50px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.ranking-item{min-height:50px}}.ranking-item li{width:20%;font-family:"Nunito",sans-serif;color:#b0ffc3;font-size:1.125em;padding:0.5em 5px;position:relative;z-index:3;line-height:1}@media (min-width: 740px){.ranking-item li{font-size:clamp(18px, 1.4vw, 30px)}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.ranking-item li{font-size:clamp(22px, 1.4vw, 30px)}}.ranking-item li:nth-of-type(1){text-align:center;color:#fff;width:60px}@media (min-width: 0) and (max-width: 739px){.ranking-item li:nth-of-type(1){font-size:1.25em}}@media (min-width: 740px){.ranking-item li:nth-of-type(1){width:80px}}@media (min-width: 1380px){.ranking-item li:nth-of-type(1){width:120px}}.ranking-item li:nth-of-type(2){width:60%;flex:1;display:flex;align-items:flex-start;padding-left:30px;flex-direction:column}@media (min-width: 740px){.ranking-item li:nth-of-type(2){flex-direction:row;padding-left:40px}}.ranking-item li:nth-of-type(2) h5{line-height:1;text-transform:uppercase}.ranking-item li:nth-of-type(2) h6{font-size:0.75rem;line-height:1;margin:1px 0 0 0;font-weight:normal;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;opacity:0.8}@media (min-width: 740px){.ranking-item li:nth-of-type(2) h6{font-size:0.8125rem;margin:0 0 0 6px}}.ranking-item li:nth-of-type(3){width:80px;text-align:right;padding-right:1em}@media (min-width: 740px){.ranking-item li:nth-of-type(3){width:90px}}.ranking-item.--pre-advanced{border:1px solid rgba(246,203,123,0.5);background:linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(30,30,30,0.6) 50%, rgba(30,30,30,0.8) 100%)}.ranking-item.--pre-advanced li{color:#f2deba}.ranking-item.--pre-advanced li:first-of-type{color:#ffc34c;transform:scale(1.375)}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.ranking-item.--pre-advanced li:first-of-type{transform:scale(1.375)}}.ranking-item.--self{background:linear-gradient(to bottom, rgba(176,255,195,0.5) 0%, rgba(176,255,195,0.98) 25%, rgba(176,255,195,0.8) 45%, rgba(4,84,60,0.6) 100%);overflow:hidden}.ranking-item.--self li{color:#064b28;font-weight:bold}.ranking-item.--self li h5{position:relative}.ranking-item.--self li h5:before{-webkit-mask-size:auto 100%;-webkit-mask-position:69.39% 0;width:1em;height:1em;flex-shrink:0;position:absolute;background-color:#064b28;transform:translateX(-120%)}.ranking-item.--pre-advanced.--self{background:linear-gradient(to bottom, rgba(235,172,43,0.5) 0%, rgba(255,238,172,0.98) 25%, rgba(242,203,76,0.87) 45%, rgba(212,137,10,0.87) 100%);border-color:#f6cb7b;overflow:hidden}.ranking-item.--pre-advanced.--self:before{content:"";display:block;width:70%;height:60%;left:0;bottom:0;position:absolute;z-index:1;background:url("../images/highlight.png") no-repeat right top;background-size:auto 200%}.ranking-item.--pre-advanced.--self:after{content:"";display:block;width:90%;height:100%;right:0;top:0;position:absolute;z-index:1;background:url("../images/highlight.png") no-repeat left bottom;background-size:auto 200%}.ranking-item.--pre-advanced.--self li{color:#064b28;font-weight:bold}.ranking-item.--pre-advanced.--self li h5{position:relative}.ranking-item.--pre-advanced.--self li h5:before{-webkit-mask-size:auto 100%;-webkit-mask-position:69.39% 0;width:1em;height:1em;flex-shrink:0;position:absolute;background-color:#064b28;transform:translateX(-120%)}.ranking-item.--field{border:none;background:initial}.ranking-item.--field li{font-size:1rem;color:#fff}.ranking-item.--field li:nth-of-type(2){padding-left:40px}@media (min-width: 0) and (max-width: 739px){.ranking-container{padding-left:10px;padding-right:10px}}@media (min-width: 740px) and (max-width: 979px){.ranking-container{padding-left:30px;padding-right:30px}}@media (min-width: 980px){.ranking-container{overflow-y:auto;height:100vh;width:clamp(500px, 42vw, 960px);padding-top:5vh;padding-bottom:5vh;padding:5vh 30px 5vh 0;mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 2%, #000 10%, #000 86%, rgba(0,0,0,0) 99%)}}.ranking-container{scrollbar-width:thin;scrollbar-color:#e4eeef rgba(0,0,0,0.1)}.ranking-container::-webkit-scrollbar{width:10px}.ranking-container::-webkit-scrollbar-track{background:transparent}.ranking-container::-webkit-scrollbar-thumb{background-color:#000;border-radius:20px;transition:background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)}.ranking-container .divider{color:#ebac2b;font-family:"Nunito",sans-serif;display:flex;align-items:center;padding:5px 0}.ranking-container .divider:after{content:"";display:block;width:100%;height:1px;border-top:1px dashed #ebac2b;flex:1;margin-left:8px}.game-ranking-area{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #1f253b, #2783b2, #1f253b, #2783b2, #1f253b);animation:rotating 22s linear infinite}.game-ranking-area .img{background-image:url("../images/level/level-1.png")}.game-ranking-area .highlight{height:40px;left:-50%;width:200%;top:0;bottom:initial}@media (min-width: 980px){.game-ranking-area .highlight{height:120px}}@media (min-width: 0) and (max-width: 979px){.game-ranking-area{overflow-y:auto}}@media (min-width: 980px){.game-ranking-area .container{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row;position:relative}.game-ranking-area .container:before{content:"";display:block;width:65vw;width:50vw;padding-bottom:100%;background:url("../images/rotate.png") no-repeat center center;background-size:contain;position:absolute;pointer-events:none;left:65%;top:-30vh;animation:rotate 16s linear infinite reverse}}@media (min-width: 980px) and (min-width: 0) and (max-width: 979px){.game-ranking-area .container:before{top:-5vh;width:90vw}}@media (min-width: 980px){.game-ranking-area .container{padding-left:100px;padding-right:100px}}@media (min-width: 1100px){.game-ranking-area .container{padding-left:clamp(130px, 13vw, 300px);padding-right:clamp(130px, 13vw, 300px)}}.game-ranking-area.level-1{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #1f253b, #2783b2, #1f253b, #2783b2, #1f253b)}.game-ranking-area.level-1 .img{background-image:url("../images/level/level-1.png")}.game-ranking-area.level-2{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #6e2e21, #9f1c1c, #d95e40, #e2643a, #e1512f, #a87f56, #9f3722, #7c422b, #d04e23, #66180c, #6e2e21)}.game-ranking-area.level-2 .img{background-image:url("../images/level/level-2.png")}.game-ranking-area.level-2 .level-bar i:before{border-color:#fff1e3}.game-ranking-area.level-2 .level-bar i span{color:#fff1e3}.game-ranking-area.level-2 .your-level{border-color:rgba(253,169,140,0.7)}.game-ranking-area.level-2 .your-level h1{text-shadow:#ffbca6 0px 0px 5px, #fda98c 0px 0px 10px, #fda98c 0px 0px 15px}.game-ranking-area.level-2 .your-level h1 span{color:#fff1e3}.game-ranking-area.level-2 .your-level:before{border-color:#fda98c;box-shadow:rgba(255,191,142,0.9) 0px 0px 8px,rgba(255,104,70,0.5) 0px 0px 20px}.game-ranking-area.level-3{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #020202, #3c3b3b, #a3835b, #5b4b32, #a3835b, #21201e, #a3835b, #a3835b, #020202)}.game-ranking-area.level-3 .img{background-image:url("../images/level/level-3.png")}.game-ranking-area.level-3 .your-level{border-color:rgba(223,184,135,0.7)}.game-ranking-area.level-3 .your-level h1{text-shadow:#f5d2a8 0px 0px 5px, #dfb887 0px 0px 10px, #dfb887 0px 0px 15px}.game-ranking-area.level-3 .your-level h1 span{color:#ffeed8}.game-ranking-area.level-3 .your-level:before{border-color:#f9d2a2;box-shadow:rgba(223,184,135,0.9) 0px 0px 8px,rgba(207,168,120,0.6) 0px 0px 20px}.game-ranking-area.level-3 .level-bar i:before{border-color:#ffe4c3}.game-ranking-area.level-3 .level-bar i span{color:#ffe4c3}.game-ranking-area.level-4{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #272e35, #496192, #1d243a, #a0a09e, #121e41, #35446e, #6c6f7c, #5b5c63, #262f37)}.game-ranking-area.level-4 .img{background-image:url("../images/level/level-4.png")}.game-ranking-area.level-4 .level-bar i:before{border-color:#b3d4ff}.game-ranking-area.level-4 .level-bar i span{color:#b3d4ff}.game-ranking-area.level-4 .your-level{border-color:rgba(191,220,255,0.7)}.game-ranking-area.level-4 .your-level h1 span{color:#cde3ff}.game-ranking-area.level-4 .your-level:before{border-color:#bfdcff;box-shadow:rgba(191,220,255,0.7) 0px 0px 8px,rgba(69,105,203,0.4) 0px 0px 20px}.game-ranking-area.level-5{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #324b57, #202f37, #5a7a8a, #745e4a, #8f715c, #6b7b83, #997861, #8c7e6c, #324b57)}.game-ranking-area.level-5 .img{background-image:url("../images/level/level-5.png")}.game-ranking-area.level-5 .level-bar i:before{border-color:#ffe4c3}.game-ranking-area.level-5 .level-bar i span{color:#ffe4c3}.game-ranking-area.level-5 .your-level{border-color:rgba(212,183,150,0.7)}.game-ranking-area.level-5 .your-level h1{text-shadow:#d4b796 0px 0px 5px, #d4b796 0px 0px 10px, #d4b796 0px 0px 15px}.game-ranking-area.level-5 .your-level h1 span{color:#ffe4c3}.game-ranking-area.level-5 .your-level:before{border-color:#d4b796;box-shadow:rgba(212,183,150,0.7) 0px 0px 8px,rgba(212,183,150,0.6) 0px 0px 20px}.game-ranking-area.level-6{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #499ad7, #356a92, #4a5057, #596875, #423427, #726b6f, #374148, #499ad7)}.game-ranking-area.level-6 .img{background-image:url("../images/level/level-6.png")}.game-ranking-area.level-6 .your-level{border-color:rgba(112,241,255,0.4)}.game-ranking-area.level-6 .your-level h1 span{color:#a3f6ff}.game-ranking-area.level-6 .your-level:before{border-color:#70f1ff;box-shadow:rgba(112,241,255,0.9) 0px 0px 8px,rgba(112,241,255,0.6) 0px 0px 20px}.game-ranking-area.level-7{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #212f3f, #3b4a59, #9fa1a4, #536476, #7b8a99, #8f9daf, #56687f, #212f3f);background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #212f3f, #43505c, #b09c83, #758399, #536476, #7b8a99, #43505c, #8f9daf, #beae9a, #56687f, #212f3f)}.game-ranking-area.level-7 .img{background-image:url("../images/level/level-7.png")}.game-ranking-area.level-7 .level-bar i:before{border-color:#ddf1ff}.game-ranking-area.level-7 .level-bar i span{color:#ddf1ff}.game-ranking-area.level-7 .your-level{background:linear-gradient(to bottom, rgba(0,0,0,0) 10%, rgba(17,25,34,0.5) 55%, rgba(33,47,63,0.3) 100%);border-color:rgba(212,192,169,0.7)}.game-ranking-area.level-7 .your-level h1{text-shadow:#d4c0a9 0px 0px 5px, #d4c0a9 0px 0px 10px, #d4c0a9 0px 0px 15px}.game-ranking-area.level-7 .your-level h1 span{color:#ffeeda}.game-ranking-area.level-7 .your-level:before{border-color:#fdead4;box-shadow:rgba(253,234,212,0.7) 0px 0px 8px,rgba(212,183,150,0.6) 0px 0px 20px}.game-ranking-area.level-8{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #273442, #5a4828, #b79966, #745837, #4a5667, #121e2a, #745837, #273442)}.game-ranking-area.level-8 .img{background-image:url("../images/level/level-8.png")}.game-ranking-area.level-8 .level-bar i:before{border-color:#ffe1ae}.game-ranking-area.level-8 .level-bar i span{color:#ffe1ae}.game-ranking-area.level-8 .your-level{background:linear-gradient(160deg, rgba(0,0,0,0) 10%, rgba(220,182,117,0.5) 25%, rgba(18,30,42,0.4) 55%, rgba(18,30,42,0.2) 100%);border-color:rgba(220,182,117,0.5)}.game-ranking-area.level-8 .your-level h1{text-shadow:#dcb675 0px 0px 5px, #dcb675 0px 0px 10px, #dcb675 0px 0px 15px}.game-ranking-area.level-8 .your-level h1 span{color:#fde8c4}.game-ranking-area.level-8 .your-level:before{border-color:#ffdb9d;box-shadow:rgba(220,182,117,0.7) 0px 0px 8px,rgba(220,182,117,0.6) 0px 0px 20px}.game-ranking-area.level-9{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, #145374, #1d76a6, #88b0a3, #61c0bf, #2a6781, #1d8796, #f1e7b6, #86827e, #145374)}.game-ranking-area.level-9 .img{background-image:url("../images/level/level-9.png")}.game-ranking-area.level-9 .level-bar i:before{border-color:#ddfffa}.game-ranking-area.level-9 .level-bar i span{color:#e5ffff}.game-ranking-area.level-9 .your-level{border-color:rgba(97,192,191,0.7);background:linear-gradient(160deg, rgba(0,0,0,0) 10%, rgba(29,135,150,0.5) 25%, rgba(241,231,182,0.5) 50%, rgba(20,83,116,0.4) 70%, rgba(20,83,116,0.2) 100%)}.game-ranking-area.level-9 .your-level h1{text-shadow:#61c0bf 0px 0px 5px, #61c0bf 0px 0px 10px, #61c0bf 0px 0px 15px}.game-ranking-area.level-9 .your-level h1 span{color:#b3fffe}.game-ranking-area.level-9 .your-level:before{border-color:#98f1ef;box-shadow:rgba(152,241,239,0.8) 0px 0px 8px,rgba(59,221,242,0.7) 0px 0px 20px}.game-ranking-area.level-10{background:repeating-conic-gradient(from var(--a) at 23.5% 25%, rgba(1,11,20,0.8), rgba(15,36,71,0.7), rgba(26,58,108,0.6), rgba(44,13,79,0.5), rgba(74,28,110,0.5), rgba(123,107,143,0.7), rgba(192,171,142,0.8), rgba(70,60,41,0.5), rgba(29,91,138,0.6), rgba(10,45,82,0.7), rgba(91,136,165,0.6), rgba(146,127,90,0.5), rgba(212,196,168,0.7), rgba(46,26,71,0.7), rgba(1,11,20,0.8))}.game-ranking-area.level-10 .level-bar i:before{border-color:#fff4dc}.game-ranking-area.level-10 .level-bar i span{color:#fff3d7}.game-ranking-area.level-10 .img{background-image:url("../images/level/level-10.png")}.game-ranking-area.level-10 .your-level{border-color:rgba(220,182,117,0.5);background:linear-gradient(160deg, rgba(10,45,82,0.2) 10%, rgba(46,26,71,0.5) 25%, rgba(192,171,142,0.5) 40%, rgba(11,43,168,0.3) 50%, rgba(74,28,110,0.3) 60%, rgba(0,12,117,0.5) 75%, rgba(237,186,57,0.4) 100%)}.game-ranking-area.level-10 .your-level h1{text-shadow:#dfc1ff 0px 0px 5px, #9859db 0px 0px 10px, #7d42bb 0px 0px 15px}.game-ranking-area.level-10 .your-level h1 span{color:#fff8ec;text-shadow:#dcb675 0px 0px 5px, #dcb675 0px 0px 10px, #dcb675 0px 0px 15px}.game-ranking-area.level-10 .your-level:before{border-color:#fff0af;box-shadow:rgba(255,218,154,0.7) 0px 0px 8px,rgba(248,211,147,0.6) 0px 0px 20px}.level-container{color:#b0ffc3}.level-container .your-level{width:clamp(280px, 20vw, 480px);margin:0 auto;font-family:"Nunito",sans-serif;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(to bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,0.3) 55%, rgba(0,0,0,0.1) 100%);border:1px solid rgba(255,255,255,0.3);padding:20px 30px 50px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:0 0 50vw 50vw;overflow:hidden;position:relative}.level-container .your-level:before{content:"";display:block;width:calc(100% - 12px);height:calc(100% - 5px);border:2px solid rgba(255,255,255,0.8);left:6px;top:-1px;box-sizing:border-box;box-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;position:absolute;border-radius:3px 3px 50vw 50vw;animation:fadelight 5s linear infinite}@media (min-width: 740px){.level-container .your-level:before{width:calc(100% - 18px);height:calc(100% - 5px);left:9px;top:-4px}}@media (min-width: 1700px){.level-container .your-level:before{width:calc(100% - 28px);height:calc(100% - 7px);left:14px;top:-7px}}@media (min-width: 980px){.level-container .your-level{padding:4vh 30px 8vh}}.level-container .img.square{background-size:contain;background-position:center}.level-container .badge{width:80%;animation:badgemove 5s linear forwards infinite;margin-bottom:3vh}@media (min-width: 980px) and (max-height: 560px) and (orientation: landscape){.level-container .badge{width:70%}}.level-container h1{font-size:clamp(20px, 2vw, 48px);text-shadow:#7fbf99 0px 0px 5px,#81a28f 0px 0px 10px,#8cb29d 0px 0px 15px,#7ca68e 0px 0px 20px;text-align:center;line-height:1;display:flex;flex-direction:column}.level-container h1 strong{color:#fff;line-height:1}.level-container h1 .club-tw{font-size:0.9375rem;line-height:1.25;font-family:"Noto Sans TC","PingFang","PingFangTC","Microsoft JhengHei",Helvetica,Arial;display:block;padding-top:3px;letter-spacing:2px;font-weight:lighter}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.level-container h1 .club-tw{padding-top:5px}}.level-container .level-bar{width:100%;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;margin:40px auto 20px}@media (min-width: 0) and (max-width: 979px){.level-container .level-bar{flex-direction:row-reverse}}@media (min-width: 980px){.level-container .level-bar{flex-direction:column;align-items:flex-start;margin:5vh 0 0}}.level-container .level-bar i{position:relative;margin:0 10px;box-sizing:border-box;z-index:3;box-sizing:border-box;font-size:0.875rem;font-family:"Nunito",sans-serif;font-weight:normal;letter-spacing:0.5px}@media (min-width: 980px){.level-container .level-bar i{display:flex;align-items:center;margin-bottom:15px}}@media (min-width: 740px) and (min-height: 800px) and (orientation: landscape){.level-container .level-bar i{margin-bottom:2.7vh}}@media (min-width: 980px) and (max-height: 560px) and (orientation: landscape){.level-container .level-bar i{font-size:0.75rem;margin-bottom:10px}}.level-container .level-bar i span{margin:-0.7em 0 0 10px}@media (min-width: 0) and (max-width: 979px){.level-container .level-bar i span{display:none}}.level-container .level-bar i:before{content:"";display:block;width:6px;height:6px;transform-origin:center center;transform:translate(-50%, -50%) rotate(45deg);border:1px solid #b0ffc3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media (min-width: 740px){.level-container .level-bar i:before{width:8px;height:8px}}@media (min-width: 980px) and (max-height: 560px) and (orientation: landscape){.level-container .level-bar i:before{width:6px;height:6px}}.level-container .level-bar i.--active{color:#fff;font-size:1rem}.level-container .level-bar i.--active:before{width:12px;height:12px;border:2px solid #fff;animation:missionlight 5s linear infinite;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:#fff 0px 0px 5px,#5b4d2c 0px 0px 10px,#8d7847 0px 0px 15px,#f6db9c 0px 0px 20px,#f6db9c 0px 0px 30px,#bca46a 0px 0px 40px,#a28540 0px 0px 50px,#9d8752 0px 0px 75px;background-color:transparent;margin-top:2px}.level-container .level-bar:after{content:"";display:block;width:100%;height:1px;position:absolute;background:linear-gradient(to right, rgba(210,234,245,0) 0%, #d2eaf5 50%, rgba(210,234,245,0) 100%);left:0;top:25%;border-radius:3px 0 0 3px;overflow:hidden;z-index:1}@media (min-width: 740px){.level-container .level-bar:after{top:calc(25% - 1px)}}@media (min-width: 980px){.level-container .level-bar:after{top:0;left:10px;width:1px;height:60vh;background:linear-gradient(to bottom, rgba(210,234,245,0) 0%, rgba(210,234,245,0.5) 50%, rgba(210,234,245,0) 100%)}}@keyframes badgemove{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes fadelight{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}